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

Навыки для «прокачки»:
- работа с кистями и масками
- работа с Пером и Контурами
- работа с Векторными Фигурами
- режимы смешивания слоев
- цветокоррекция



Вы узнаете, как использовать Кисти (Brushes), чтобы сделать абстрактный фон, затем мы будем использовать инструмент Перо (Pen Tool) и Стили слоя (Layer Style) для создания Новогодней игрушки на фоне. Вы можете использовать эти методы и элементы, чтобы создать собственную открытку!

Начнем с создания нового документа (Ctrl + N) в Adobe Photoshop, размером 1280px на 1024px (RGB цветовом режиме) с разрешением 72. Скачайте этот Новогодний фон и фон гранж, затем вставьте его на новый слой в основной документ.



Теперь скачайте этот набор кистей для Adobe Photoshop. Создайте новый слой и выберете кисть из следующего набора c130_splatter, цвет кисти черный (Непрозрачность (Opacity)до 35%).



Используйте эту кисть для закрашивания краев , как показано на рисунке ниже:



Далее мы должны сделать копию последнего слоя и применить на ней следующий фильтр: Фильтр-> Размытие-> Размытие по Гауссу (Filter-> Blur-> Gaussan Blur).



Мы получили следующий результат:



Создайте новый слой и выберете ту же Кисть (Brush), только белого цвета.



Используйте эту кисть для рисования на холсте, как показано на рисунке.



Примените к этому слою следующий фильтр: Фильтр-> Размытие-> Размытие по Гауссу (Filter-> Blur-> Gaussan Blur).



Мы получили следующий результат:



Сделайте копию последнего слоя и установите Заливка (Fill) до 8% для этого слоя.



Теперь мы нарисуем игрушки. Во-первых, сначала мы будем рисовать половину игрушки: активируем Перо (Pen Tool) (P), установим режим рисования на Слой – Фигура (Shape Layers) в панели настроек и сделаем следующую форму.



Сделайте копию последнего слоя и выберете команду Свободное трансформирование (Free Transform) (Ctrl + T), затем разверните слой копию и поместите, как на картинке ниже:



Объединим оба слоя в один. Зажмите клавишу CTRL и, выделите оба слоя, затем нажмите CTRL + E, чтобы Объединить слои (Merge Down). Теперь зажмите CTRL и клик на слое с игрушкой в панели Слоев (Layers). Мы получим выделение.



Создайте новый слой и выберете мягкую круглую Кисть (Brush Tool) (B).



Закрасим внутри выделения белым цветом, скрывая на некоторое время слой с игрушкой.



Скроем слой, содержащий игрушку, и нажмем на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в нижней части палитры слоев. Далее выберете Кривые (Curves) для регулировки формы кривой, как показано на картинке ниже, чтобы сделать небольшие корректировки цвета.



Мы получили следующий результат:



Сделайте видимым слой с игрушкой и выберете команду Свободное трансформирование (Free Transform) (Ctrl + T) поместите игрушку, как показано ниже.



Используйте Перо (Pen Tool) (P) в режиме Слой – Фигура (Shape Layers), чтобы сделать крепление игрушке.



Установите Заливка (Fill) до 0% для этого слоя, щелкните по значку Добавить стиль слоя (Add a layer style) в нижней части палитры слоев и выберете Тиснение (Bevel and Emboss):



Мы получили следующий результат:



Далее мы сделаем кольцо для крепления игрушки, возьмите Эллипс (Ellipse Tool) (U) и нарисуйте первый эллипс, затем нажмите клавишу Alt или выберете Вычесть из области фигуры (Subtract from shape area (-)) в панели настроек и сделайте следующий эллипс, чтобы вырезать среднюю часть первого эллипса.



Установите Заливка (Fill) до 0% для этого слоя, щелкните по значку Добавить стиль слоя (Add a layer style) в нижней части палитры слоев и выберете Тиснение (Bevel and Emboss):



Мы получили следующий результат:



Добавим маску на слой, нажав на иконку Добавить маску слоя (Add layer mask) в нижней части палитры слоев и выберем мягкую круглую Кисть (Brush) черного цвета.



Рисуем на маске с помощью данной кисти, чтобы скрыть нижнюю часть кольца, как это продемонстрировано на рисунке ниже.



Теперь мы объединим все слои, содержащие игрушку в один слой. Нажмите CTRL, чтобы выделить необходимые слои в панели слоев и нажмите CTRL + E, чтобы Объединить слои (Merge Down). Сделайте четыре копии полученного слоя и выберете команду Свободное трансформирование (Free Transform) (Ctrl + T), чтобы изменить размеры копий и разместить их, как показано ниже:



Далее мы сделаем игрушку в виде шарика, используя Эллипс (Ellipse Tool) (U). Для начала создадим эллипс, затем нажмите клавишу SHIFT или выберете Добавить к области фигуры (Add to shape area (+)) в панели параметров, используйте Перо (Pen Tool) (P), чтобы добавить следующий элемент на форму для создания крепления шара.



Установите Заливка (Fill) до 0% для этого слоя, щелкните по значку Добавить стиль слоя (Add a layer style) в нижней части палитры слоев и выберете
Обводка (Stroke):



Мы получили следующий результат:



Теперь нам нужно растрировать слой с фигурой шара. В этом случае создайте новый слой выше слоя с фигурой, зажмите клавишу CTRL и выделите слой с фигурой и новый. Наконец нажмем CTRL + E, чтобы Объединить слои (Merge Down). Выберете инструмент Ластик (Eraser Tool) (E) с настройками мягкой круглой кисти.



Используйте эту кисть, чтобы стереть верхнюю часть крепления шара.



Используйте ранее описанный метод для создания кольца.



Создайте новый слой и выберете мягкую круглую Кисть (Brush) белого цвета.



Используйте эту кисть для рисования внутри шара, как показано на рисунке.



Добавим маску на слой, нажав на иконку Добавить маску слоя (Add layer mask) в нижней части палитры слоев и выберем мягкую круглую Кисть (Brush) черного цвета Непрозрачность (Opacity) 20%.



Рисуем на маске с помощью данной кисти, чтобы скрыть следующую зону на слое.



Теперь мы объединим все слои, содержащие игрушку, в один слой. Нажмите CTRL, чтобы выделить необходимые слои в панели слоев и нажмите CTRL + E, чтобы Объединить слои (Merge Down). Сделайте четыре копии полученного слоя и выберете команду Свободное трансформирование (Free Transform) (Ctrl + T), чтобы изменить размеры копий и разместить их, как показано ниже:



Выберете инструмент Линия (Line Tool) (U) и нарисуйте нити белого цвета. Установите Заливка (Fill) до 60% для этих слоев.



Теперь вам понадобятся кисти звезд. Создайте новый слой и выберете Кисть (Brush). Эта кисть будет использоваться для создания гирлянды белого цвета.



Нам необходимо настроить нашу кисть в панели кистей (F5), выберете
Форма отпечатка кисти (Brush Tip Shape):



Динамика формы (Shape Dynamics):



Используйте эту кисть, чтобы нарисовать следующие украшения, как показано на рисунке:



Добавим маску на слой, нажав на иконку Добавить маску слоя (Add layer mask) в нижней части палитры слоев и выберем мягкую круглую Кисть (Brush) черного цвета Непрозрачность (Opacity) 10%.



Рисуем на маске с помощью данной кисти, чтобы скрыть звезды на некоторых областях. Установите Непрозрачность (Opacity) до 55%для этого слоя.



Создайте новый слой и выберете Кисть (Brush). Используйте эту кисть для создания лучей на игрушке. Используйте большой диаметр кисти.



Примените на этом слое следующий фильтр: Фильтр-> Размытие-> Размытие по Гауссу (Filter-> Blur-> Gaussan Blur).



Мы получили следующий результат:



Нажмем на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в нижней части палитры слоев и выберете, Кривые (Curves) для регулировки формы кривой, как показано на картинке ниже, чтобы сделать небольшие корректировки цвета.



Мы получили следующий результат:



Сделайте копию ранее созданного слоя с гирляндами, удалите маску слоя. Поместим этот слой выше корректирующего слоя. Установите Непрозрачность (Opacity) до 72% для этого слоя и измените Режим смешивания (Blend Mode) на Линейный свет (Linear Light).



На этом наш урок веб дизайна окончен. С наступающим Вас Новым годом!