Рубрика: Photoshop Уроки | Урок прочитали: 815
 (голосов: 0)

Креативный дизайн для блога

В этом уроке будем учиться создавать креативный дизайн для блога.

Шаг 1. Создайте новый документ (CTRL+N) 1280 px x 1500 pxразрешением (Resolution) 72 пикселя и цветовым режимом RGB (Mode RGB Color). Залейте фон (background) тёмно-синим цветом (#041d51). Инструментом «Прямоугольник» (Rectangle Tool) в режиме контуров нарисуйте прямоугольник в верхней части документа, клик ПКМ и выберите «образовать выделенную область» и на новом слое залейте любым цветом, примените стиль слоя «Наложение градиента»GradientOverlay (линейный, цвета #041d51 #01151d).

Шаг 2. Рисуем шапку. Инструментом «Прямоугольник со скруглёнными углами» (Rounded Rectangle Tool) в режиме «выполнить заливку пикселов», радиус скругления 16 рх,  нарисуйте прямоугольник на новом слое, назовите «шапка».

Шаг 3. Дублируйте слой «шапка» (Ctrl+J), инструментом «Перо» (Pen Tool) в режиме контуров отрежьте фигуру, как показано ниже.

Примените стили слоя: ТеньDrop Shadow.

Наложение цвета Color overlay .

Шаг 5. Деформируйте слой, как показано ниже при помощи РедактированиеТрансформированиеДеформация (EditTransformWarp).

Объедините слой «краска» с предыдущим «шапка (копия)» (Ctrl+E). Добавим декоративные элементы на этом же слое инструментом «Кисть» (Brush)

Шаг 6. Дублируйте слой, удалите стили слоя, загрузите выделение слоя (Ctrl+клик по миниатюре слоя) и в меню ФильтрРазмытиеРазмытие по Гауссу (Filter Blur Gaussian blur), радиус 10. Кисточкой нарисуйте брызги (поищите в интернете), инструментом «Ластик» (Eraser Tool) с мягкими краями сотрите лишнее и примените стиль слоя «Наложение градиента»GradientOverlay.

Шаг 7. Добавьте брызги на слое «шапка» и примените стиль слоя «Наложение градиента»GradientOverlay.

Шаг 8. Загрузите выделение слоя «шапка» (Ctrl+клик по миниатюре слоя), создайте новый слой и нарисуйте брызги и скопируйте стили слоя со слоя «шапка (копия)».

Шаг 9. Инструментом «Текст» (Type Tool) напишите название блога.

Растрируйте текст (клик ПКМ по слою с текстом и выберите «Растрировать текст»),  добавьте слой-маску и, оставаясь на маске, нарисуйте брызги; кликните по миниатюре слоя и добавьте брызги .

Примените стили слоя: ТеньDrop Shadow.

ТиснениеBevel and Emboss.

ГлянецSatin.

Шаг 10. Создайте новый слой и на палитре слоёв расположите ниже слоя с текстом, нарисуйте новые брызги и примените стили слоя: Внешнее свечениеOuter Glow.

ТиснениеBevel and Emboss.

НаложениеградиентаGradient Overlay.

Шаг 11. На новом слое напишите слово «Blog» и примените стили слоя Наложение градиентаGradient Overlay и ТиснениеBevel and Emboss.

Шаг 12. Инструментом «Прямоугольник со скруглёнными углами» (Rounded Rectangle Tool) нарисуйте прямоугольник для контента  на новом слое, назовите «контент», заполните цветом  #e7e2d5, под шапкой нарисуйте прямоугольное выделение и на новом слое залейте линейным градиентом.

Шаг 13. Нарисуйте кнопку «Search» (на новом слое  «Прямоугольник со скруглёнными углами» (Rounded Rectangle Tool) нарисуйте прямоугольник, клик ПКМ, образуйте выделенную область, залейте любым цветом) и примените стили слоя для кнопки Search Наложение градиентаGradientOverlay.

ТеньDrop Shadow.

ОбводкаStroke.

Шаг 14. Нарисуйте форму для поиска и примените стили слоя
Внутренняя теньInner Shadow.

ОбводкаStroke.

Шаг 16. Добавим брызги в области контента на новом слое.

Примените стили слоя: ТиснениеBevel and Emboss.

Шаг 18. Добавляем изображения, к изображениям примените стили слоя ТеньDrop Shadow и ОбводкаStroke (1рх).

Конечный результат

Автор: Alexandra Fomicheva
Перевод: Оксана Гудкова
Ссылка на источник

           

Похожие файлы и публикации:

Креативный дизайн для блога
Этот урок по Фотошопу покажет вам, как сделать дизайн сайта или портфолио.
Креативный дизайн для блога
Приближается самый волшебный праздник – Новый год! Пора начинать подготовку, в этом уроке мы создадим простую новогоднюю открытку.
Креативный дизайн для блога
Шаг 2. Создайте новый слой и назовите его “camera2”. Выделите содержимое слоя “camera1” (CTRL + клик по миниатюре слоя). Выполните команду “Select > Modify > Contract” (Выделение > Модификация > Сжать). Установите сжатие в 7 пикселей. Залейте выделение цветом.
Креативный дизайн для блога
Что может быть лучше подарка, сделанного своими руками?!
Креативный дизайн для блога
Сегодня мы будем рисовать вот такого жучка.
Креативный дизайн для блога
Финальный результат
Креативный дизайн для блога
Сегодня мы с помощью программы Фотошоп создадим волшебное дерево с золотыми яблоками.
Креативный дизайн для блога
В этом уроке мы будем учиться создавать вот такие песочные часы – наглядный пример тому, что время - деньги!
Креативный дизайн для блога
В этом уроке я покажу Вам, как создать дизайн для приложения записной книжки.
Креативный дизайн для блога
Создайте новый документ произвольного размера. Чтобы края вашей сим-карты были закруглены, возьмите инструмент rounded rectangle tool (u) (прямоугольник с закругленными углами), нарисуйте прямоугольник и заполните его цветом, каким захотите.
Креативный дизайн для блога
Нам понадобится: Текстура мёда (Содержится PSD файл урока, узор honey.pat) Anja Eliane Font
Креативный дизайн для блога
В данном уроке мы будем учиться создавать информационный блок для сайта.
Креативный дизайн для блога
Шаг 1. Создайте новый документ 102*50 пикселей. Фон залейте цветом  #838383. Выберите инструмент Rounded tool (Прямоугольник со скругленными краями). Установите следующие настройки:
Креативный дизайн для блога
Сегодня мы будем создавать фото-реалистичную беспроводную клавиатуру от Apple.
Креативный дизайн для блога
В этом уроке Вы узнаете, как создать винтажный дизайн для шаблона Wordpress в Фотошоп.
Креативный дизайн для блога
В этом уроке Вы узнаете, как создать иконку в виде дома. Вот так будет выглядеть иконка в конце этого урока:
Креативный дизайн для блога
Программа Photoshop – фантастическая программа, с помощью которой можно обрабатывать не только фотографии, но и создать реальные объекты. В сегодняшнем уроке, мы продемонстрируем, как создать изображение реалистичного ножа похожего на фотографию в программе Photoshop, используя векторные инструменты для рисования, стили слоя, текстуры, и эффекты.
Креативный дизайн для блога
В этом уроке мы создадим фантастическую сцену: наша картина оживёт