Уроки Все для дизайнера Марат Садыгалиев 6 декабря 2013

Новый год к нам мчится!

Сложность урока: Средний

Если вы хотите узнать, как создать поздравительную открытку на праздники, то у нас есть очень красивый урок для вас. В этом уроке вы узнаете, как создать красивый задний фон со звёздочками, используя кисти. А также вы узнаете, как создать ёлочные шары с помощью инструмента Эллипс (Ellipse Tool) и Стилей слоя (Layer Styles), используя программу Photoshop CS6. Ссылка на PSD файл урока прилагается в конце данного урока. Итак, давайте приступим!

Итоговый результат

Создайте новый документ (Ctrl+N) в программе Adobe Photoshop CS6, размеры документа 1000px х 1000px (цветовой режим RGB color mode), разрешение 72 пикселей / дюйм (px/inch).

Создайте новый слой, далее, через нижнюю панель инструментов Добавьте стили слоя (Add a layer style). Выберите опцию Наложение Градиента (Gradient Overlay).

В настройках Наложение Градиента (Gradient Overlay), щёлкните по шкале цвета, чтобы открыть окно настроек Редактор Градиентов (Gradient Editor), установите контрольные точки цветового диапазона, как показано на скриншоте ниже. Нажмите OK, чтобы закрыть окно Редактора Градиентов (Gradient Editor).

Мы создали следующий задний фон для нашей поздравительной открытки:

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

Находясь на новом слое, с помощью выбранной кистью, нарисуйте несколько пятен различенного цвета, как показано на скриншоте ниже.

Поменяйте режим наложения для данного слоя на Светлее (Lighter Color), значение Заливки (Fill) уменьшите до 55%.

Выберите инструмент Произвольная фигура (Custom Shape Tool (U), В верхней панели настроек, нажмите окошко Фигура (Shape), чтобы открыть меню выбора стандартных фигур. Найдите фигуру пятиконечной звезды, а затем дважды щёлкните, чтобы выбрать звезду.

Щёлкните + потяните мышкой, чтобы нарисовать несколько звёздочек. Цвет звёздочек #85584C.

Результат должен быть, как на скриншоте ниже.

Примечание переводчика: 1. Не забудьте вначале растрировать слои с фигурами звёзд.
2. Инверсия слой-маски, другими словами, это заливка слой-маски чёрным цветом, таким образом, автор скрывает видимость звёзд, далее, с помощью белой кисти, можно проявить видимость звёзд.

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

Далее, с помощью инструмента Эллипс (Ellipse Tool (U), нарисуйте небольшой эллипс, цвет эллипса #CBA095.

Далее, идём в закладку Маска (Mask), которая расположена в палитре слоёв и в настройках устанавливаем параметр Растушёвки (Feather) на 48px (если вы не можете найти данную закладку в палитре слоёв, то идём Окно – Маска (Windows > Masks), чтобы активировать данную закладку):

Примечание переводчика: в версии Photoshop CS6 появилась новая закладка Маска (Mask), активировать данную закладку можно через Окно – Маска (Windows > Masks). Если вы используете более раннюю версию программы Photoshop, то попробуйте применить фильтр Размытие (Blur) к нарисованному кругу, в частности Размытие по Гауссу (Gaussian Blur) и поэкспериментируйте с радиусом размытия.

Далее, нарисуйте ещё три эллипса, цвет эллипсов #CBA095, применяя тот же инструмент Эллипс (Ellipse Tool (U). Значение Растушёвки (Feather) – 0px.

Уменьшите значение Заливки (Fill) до 23% для каждого слоя с эллипсом:

Создайте новый слой, выберите мягкую круглую кисть. Далее, нам необходимо настроить кисть, для этого идём в закладку Кисти (Brushes (F5), выберите параметр Форма отпечатка кисти (Brush Tip Shape). Установите размер, интервал, угол наклона кисти, как показано на скриншоте ниже.

Примечание переводчика: если в палитре слоёв отсутствует закладка Кисти, то, активировать данную закладку можно через Окно – Кисти (Windows > Brushes).

Примените опцию Динамика формы (Shape Dynamics), установив следующие значения:

Примените опцию Рассеивание (Scattering):

Примените опцию Переход (Transfer):

Примените настроенную кисть, нарисуйте множество точек белого цвета, как показано на скриншоте ниже:

Уменьшите значение Заливки (Fill) до 18% для данного слоя с белыми точками.

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

Находясь на новом слое, с помощью выбранной кисти, нарисуйте несколько пятен различенного цвета, как показано на скриншоте ниже.

Поменяйте режим наложения для данного слоя на Осветление основы (Color Dodge), уменьшите значение Заливки (Fill) до 62%.

Далее, нарисуйте ещё несколько эллипсов с помощью инструмента Эллипс (Ellipse Tool (U), цвет #CBA095.

Уменьшите значение Заливки (Fill) до 23% для каждого слоя с эллипсом, которые были нарисованны в предыдущем действии:

С помощью инструмента Эллипс (Ellipse Tool (U), цвет # CBBC95, нарисуйте ещё эллипсов.

Щёлкните + потяните мышкой, чтобы нарисовать несколько звёздочек.

К каждому слою со звездой, добавьте слой-маску через нижнюю панель инструментов, нажав на кнопку Добавить слой-маску (Add layer mask), далее, находясь на слой-маске, нажмите (CTRL+I) для инверсии цвета маски. Выберите мягкую круглую кисть белого цвета. Кистью прокрасьте поверх тех участков звёзд, чтобы эти участки вновь стали видимыми. Варьируйте непрозрачность кисти.

Уменьшите значение Заливки (Fill) до 29% для каждого слоя со звёздочкой.

Далее, мы нарисуем ёлочный шар, выберите инструмент Эллипс (Ellipse Tool (U), чтобы нарисовать эллипс.

К слою с нарисованной фигурой добавьте Стили слоя (Add a layer style) через нижнюю панель инструментов, далее, выберите опцию Внутренняя тень (Inner Shadow):

Выберите опцию Наложение Градиента (Gradient Overlay).

Результат должен быть, как на скриншоте ниже:

С помощью инструмента Эллипс (Ellipse Tool (U), нарисуйте ёлочный шар белого цвета.

Уменьшите значение Заливки (Fill) до 36% для данного слоя.

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

Находясь на слой-маске слоя с белым шаром, прокрасьте кистью поверх нижней части, чтобы скрыть эту часть, как показано на скриншоте ниже:

Далее, мы нарисуем декоративную текстуру для нашего ёлочного Рождественского шара. Выберите инструмент Произвольная фигура (Custom Shape Tool (U), чтобы нарисовать множество звёздочек, цвет звёздочек #FFE866.

Объедините все слои со звёздочками, которые вы нарисовали в предыдущем действии в одну группу (удерживая клавишу CTRL+выделите все слои в палитре слоёв, а затем зажимая левой кнопкой мыши, перетащите выделенные слои на кнопку Создать новую группу (Create a new group), расположенную в нижней панели настроек).

Далее, нам необходимо растрировать группу, для этого, находясь на слое с группой, нажмите клавиши (CTRL+E), чтобы создать объединённый слой.

С помощью инструмента Свободная Трансформация (Free Transform (Ctrl+T), вы можете уменьшить размер созданной звёздной текстуры, а также повернуть текстуру на 30 градусов вправо. Продублируйте растрированный слой со звёздочками, далее с помощью инструмента Свободная Трансформация (Free Transform (Ctrl+T), создайте нужный орнамент или рисунок ёлочного узора.

Объедините оба растрированных слоя в один растрированный слой (удерживая клавишу CTRL+выделите слои в палитре слоёв, а затем нажмите клавиши (CTRL+E), чтобы объединить выделенные слои)

Перейдите на слой с нарисованным ёлочным Рождественским шаром, удерживая клавишу CTRL + щёлкните по миниатюре слоя, чтобы загрузить активное выделение шара. Мы получим следующее активное выделение:

Далее, перейдите на растрированный слой со звёздной текстурой, а затем идём Фильтр – Искажение – Сферизация (Filter > Distort > Spherize).

Результат должен быть, как на скриншоте ниже:

Добавьте слой-маску, чтобы скрыть часть звёздной текстуры, расположенной вне области активного выделения:

Поменяйте режим наложения для слоя со звёздной текстурой на Линейный Осветлитель (Linear Dodge), далее, уменьшите значение Заливки (Fill) до 75%.

Недавно созданный слой необходимо растрировать с новым слоем. Для этого, создайте новый слой поверх слоя со звёздной текстурой, далее, выделите оба слоя в палитре слоёв, а затем нажмите клавиши (CTRL+E), чтобы объединить их в один слой.

К созданному слою, добавьте слой-маску. Далее, перейдите на слой-маску слоя и нажмите клавиши (CTRL+I) для инверсии цвета на слой-маске. Выберите мягкую круглую кисть белого цвета, прокрасьте в середине звёздной текстуры, чтобы эта часть стала видимой, оставляя тёмные участки по краю ёлочного шара.

Результат должен быть, как на скриншоте ниже:

Продублируйте слой с ёлочным шаром, удалите стили слоя. Далее, переместите данный дубликат слоя наверх, расположив поверх всех слоёв, уменьшите значение Заливки (Fill) до 0%.

Далее, добавьте Стили слоя (layer style) через нижнюю панель инструментов и в появившемся окне, выберите опцию Внутренняя тень (Inner Shadow).

Результат должен быть, как на скриншоте ниже:

Далее, мы создадим крепление для Рождественского шара с помощью инструмента Прямоугольник (Rectangle Tool (U). Нарисуйте прямоугольник, как показано на скриншоте ниже. Расположите данный слой ниже слоёв с шаром.

К слою с нарисованной фигурой добавьте Стили слоя (Add a layer style) через нижнюю панель инструментов, далее, выберите опцию Наложение Градиента (Gradient Overlay):

Результат должен быть, как на скриншоте ниже:

Далее, добавьте ещё один элемент крепления шара с помощью инструмента Эллипс (Ellipse Tool (U), нарисуйте элемент, как на скриншоте ниже, цвет дополнительного элемента #FFF799.

Далее, нарисуйте следующий элемент крепления. Вначале примените инструмент Прямоугольник (Rectangle Tool (U), мы создадим основу, затем с помощью инструмента Добавить опорную точку (Add Anchor Point Tool), добавьте одну опорную точку на верхний край и пять опорных точек на нижний край нарисованной фигуры. Добавление опорных точек позволит вам изменить контур фигуры. Контур можно подправить инструментом Угол (Convert Point Tool).

Примечание переводчика: для создания выпуклой верхней поверхности, добавьте опорную точку, потяните её верх, а затем подкорректируйте инструментом Угол (Convert Point Tool).

Примените опцию Тень (Drop Shadow):

Результат должен быть, как на скриншоте ниже:

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

Далее, к слою с кольцом добавьте Стили слоя (layer style) через нижнюю панель инструментов и в появившемся окне, выберите опцию Внутренняя тень (Inner Shadow).

Выберите опцию Наложение Градиента (Gradient Overlay):

Результат должен быть, как на скриншоте ниже:

Наш ёлочный Рождественский шар завершён!

Объедините в одну группу все слои с Рождественским шаром, включая элементы крепления, кольцо (удерживая клавишу CTRL+выделите все слои в палитре слоёв, а затем зажимая левой кнопкой мыши, перетащите выделенные слои на кнопку Создать новую группу (Create a new group), расположенную в нижней панели настроек.

Продублируйте слой с созданной группой, а затем растрируйте дубликат слоя с группой, для этого, находясь на дубликате слое с группой, нажмите клавиши (CTRL+E), чтобы создать объединённый слой.

С помощью инструмента Свободная трансформация (Free Transform (Ctrl+T), уменьшите размер ёлочного шара, расположив его, как показано на скриншоте ниже.

Далее, ещё раз продублируйте оригинальный слой с группой с Рождественским шаром. Вначале, внутри дубликата группы удалите слой, который мы создали для затемнения краёв шара, затем поменяйте настройки Стилей слоя (layer’s style).

Внутри дубликата группы, дважды щёлкните по слою с шаром, чтобы активировать стили слоя и в появившемся окне, выберите опцию Наложение Градиента (Gradient Overlay).

Далее, поменяйте настройки в опции Наложение Градиента (Gradient Overlay) к слою со звёздочками.

Далее, поменяйте настройки в опции Наложение Градиента (Gradient Overlay) к слою с элементами крепления шара:

У нас должен получиться следующий результат:

Группу, с которой мы только что проводили коррекцию стилей слоя, необходимо также растрировать, как мы это уже делали ранее. С помощью инструмента Свободная Трансформация (Free Transform (Ctrl+T), уменьшите размер шара, расположив его, как показано на скриншоте ниже:

Продублируйте последний слой с ёлочным шаром, с которым мы только что работали. С помощью инструмента Свободная Трансформация (Free Transform (Ctrl+T), уменьшите размер шара, расположив его, как показано на скриншоте ниже: Расположите дубликат слоя с шаром ниже слоя с группой с красным Рождественским шаром.

Далее, мы нарисуем декоративную нить для ёлочных шаров. Для этого, выберите инструмент Перо (Pen Tool (P), установите опцию Слой-фигура (Shape Layers) в настройках режима рисования (drawing mode). Далее, нарисуйте вертикальную линию, как показано на скриншоте ниже.

В версии программы Adobe Photoshop CS6, появилась новая удобная опция Обводка (Stroke), когда у вас активна фигура, в выпадающем меню, установите следующие настройки для Обводки (Stroke) нашей нити, Заливка (Fill) – Отключить (None), Цвет обводки (Stroke color) – #FFF799, Тип обводки (Stroke type) – Пунктир (Dotted):

Примечание переводчика: те, у кого стоит более ранняя версия Photoshop, выберите инструмент Карандаш (Pencil), далее идём в закладку Кисти (Brushes(F5), параметр Форма отпечатка кисти (Brush Tip Shape) и в настройках опции Интервал (Spacing), установите параметр 100%, поэкспериментируйте с размером диаметра кисти, далее, нарисуйте линию + удерживая клавишу (Shift), таким образом, вы сможете нарисовать ровную вертикальную линию.

Расположите слой с декоративной нитью ниже слоёв с Рождественскими шарами.

Уменьшите значение Заливки (Fill) до 49% для слоя с декоративной нитью.

Продублируйте четыре раза слой с декоративной нитью для шаров, меняя размер нитей на каждом дубликате слоя. Размеры нитей указаны на скриншоте ниже. Расположите декоративные нити, как показано на скриншоте ниже:

Создайте новый слой, далее, выберите мягкую круглую кисть белого цвета (непрозрачность кисти – 40%).

Примените кисть на Рождественских шарах для создания световых эффектов:

Примечание переводчика: просто щёлкните кистью поверх изображения с шарами, если будет недостаточно, то щёлкните кистью несколько раз, но не переусердствуйте.