В этом уроке будем учиться создавать креативный дизайн для блога.
Шаг 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.
Тиснение\Bevel and Emboss.
Глянец\Satin.
Наложение цвета\ Color overlay .
Шаг 4. Нарисуйте потёки краски (например,
нарисуйте пером контур и залейте контур любым цветом) или найдите
подходящее изображение и вставьте на новый слой, назовите «краска» .
Шаг 5. Деформируйте слой, как показано ниже при помощи Редактирование\Трансформирование\Деформация (Edit\Transform\Warp).
Объедините слой «краска» с предыдущим «шапка (копия)» (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.
Наложение градиента\Gradient Overlay.
Шаг 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.
Наложение градиента\GradientOverlay.
Обводка\Stroke.
Шаг 15. Добавляем информацию в правой колонке.
Шаг 16. Добавим брызги в области контента на новом слое.
Примените стили слоя: Тиснение\Bevel and Emboss.
Наложение градиента\GradientOverlay.
Шаг 17. Добавляем названия ссылок.
Шаг 18. Добавляем изображения, к изображениям примените стили слоя Тень\Drop Shadow и Обводка\Stroke (1рх).
Конечный результат
|