Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Рисуем елочные шары в Adobe Photoshop CS6

27 декабря 2013 | Опубликовано в Уроки | 5 Комментариев »

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

 

Финальная версия

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Начинаем работу с создания нового документа (Ctrl+N) в Adobe Photoshop CS6 размером 1000px на 1000px (в режиме RGB), разрешения 72 pixels/inch. Кликните по иконке Добавить стиль слоя/Add a layer style в нижней части Палитры Слои/Layers panel и выберите Наложение градиента/ Gradient Overlay.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Кликните по градиенту, чтобы открыть Редактор градиента/Gradient Editor и выставите цвета как показано ниже. Нажмите OK.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Вот что у нас получилось:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

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

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

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

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Выставите параметр Заливка/Fill на 55% для этого слоя и смените Режим Наложения/Blending mode на Светлее/Lighter Color.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Выберите инструмент Фигуры/Custom Shape Tool (U), откройте меню с вариантами. Найдите 5 Point Star в нижней части меню и кликните по нему дважды.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Нарисуйте много звезд цветом  #85584C.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Вот что получилось:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Теперь наложите маску на каждый слой, содержащий звезду. Для этого в нижней части палитры Слои/Layers panel нажмите на иконку Слой-маска/Add layer mask. Далее нажмите CTRL+I, чтобы инвертировать цвета в маске. Выберите круглую растушеванную кисть белого цвета.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

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

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Используя Эллипс/Ellipse Tool (U), нарисуйте небольшой круг цвета #CBA095.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Зайдите в  Палитру Маски/Mask Panel и укажите в параметре Растушевка/Feather - 48px:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Теперь нам понадобятся еще три круга цвета  #CBA095. Рисуйте также инструментом Эллипс/Ellipse Tool (U). Растушевка/Feather – 0px.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Укажите Заливку/Fill в 23% для каждого слоя, содержащего круг:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

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

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Зайдите в параметр Динамика кисти/Shape Dynamics и примените следующие параметры:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Примените Рассеивание/Scattering:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Зайдите в Перенос/Transfer:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Примените эту кисть, чтобы нарисовать снег, как на картинке ниже:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Укажите Заливку/Fill в 18% для этого слоя.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

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

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

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

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Выставите параметр Заливка/Fill на 62% для этого слоя и смените Режим Наложения/Blending mode на Осветление основы/Color Dodge.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Теперь мы добавим еще кругов инструментом Эллипс/Ellipse Tool (U) цвета #CBA095.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Укажите Заливку/Fill в 23% для каждого слоя только нарисованных кругов:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Используйте Эллипс/Ellipse Tool (U), чтобы нарисовать еще один круг цвета #CBBC95.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Зайдите в Палитру Маски/Mask Panel и укажите Растушевку/Feather в 48px для этого круга:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Теперь мы добавим больше звезд на фон. Выберите Формы/Custom Shape Tool (U) и 5 Point Star.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Нарисуйте звезды как показано ниже:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Теперь каждому слою со звездой задайте маску. Инвертируйте цвета маски (CTRL+I) и выберите круглую растушеванную кисть белого цвета, чтобы сделать видимыми только некоторые части звезды. Мы уже делали это выше.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Укажите Заливку/Fill в 29% для слоев содержащих белые звезды.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Теперь мы будем рисовать елочный шар. Выберите Эллипс/Ellipse Tool (U) и нарисуйте круг.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Кликните по иконке Добавить стиль слоя/Add a layer style в нижней части палитры Слои/Layers panel и выберите Внутренняя тень/Inner Shadow:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Примените наложение градиента/Gradient Overlay:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Кликните по градиенту чтобы открыть редактор градиента/Gradient Editor и выставите цвета как указано ниже. Нажмите OK.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Должно получиться так:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Теперь нарисуем блик на шаре, используя Эллипс/Ellipse Tool (U).

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Укажите Заливку/Fill в 36% для этого слоя.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Примените к слою маску и выберите круглую растушеванную кисть черного цвета (укажите Непрозрачность/Opacity в 80%).

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

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

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Теперь давайте украсим наш елочный шар. Выберите Фигуры/Custom Shape Tool (U) и нарисуйте звезды цвета #FFE866, как показано ниже:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Теперь объедините все звезды в одну группу (удерживайте CTRL, чтобы выбрать нужные слои, затем нажмите на иконку Создать новую группу/Create a new group в нижней части палитры Слои/Layers panel).

Нам нужно растрировать группу и объединить ее в один слой. Выберите группу и нажмите CTRL+E.

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

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Объедините оба слоя со звездами. Теперь выделите слой содержащий елочный шар и удерживая CTRL кликните по нему в палитре Слои/Layers panel. Так вы получите выделение:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Не снимая выделения, примените фильтр к слою со звездами: Фильтр > искажение > сферизация/Filter > Distort > Spherize.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Результат:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

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

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Укажите Заливку/Fill в 75% для этого слоя и смените режим наложения на линейный осветлитель/Linear Dodge.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Текущий слой нужно растрировать в связке с любым другим. Для этого создайте новый слой над слоем со звездами, выделите оба слоя и нажмите CTRL+E.

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

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Вот что должно получиться:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Дублируйте слой с елочным шаром и удалите все стили слоя. Поместите копию над всем слоями и укажите Заливку/Fill в 0%.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Кликните по иконке Добавить стиль слоя/Add a layer style в нижней части палитры Слои/Layers panel и выберите внутренняя тень/Inner Shadow.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Должно получиться так:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Теперь нам нужно нарисовать ту часть шара, за который его подвешивают. Инструментом Прямоугольник/Rectangle Tool (U) нарисуйте прямоугольник (спасибо, Кэп!). Поместите его под слой шара.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Кликните по иконке Добавить стиль слоя/Add a layer style в палитре Слои/Layers panel и выберите наложение градиента/Gradient Overlay.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Кликните по градиенту, чтобы открыть Редактор градиента/Gradient Editor и выставите цвета как показано ниже.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Должно получиться так:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

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

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Теперь рисуем еще один элемент. Для начала нарисуйте прямоугольник, затем выберите инструмент Добавить узловую точку/Add Anchior Point Tool и добавьте точку посередине верхней стороны прямоугольника. Затем добавьте еще пять точек на нижнюю сторону. Теперь вы можете отредактировать контур фигуры как нам нужно. Ориентируйтесь на картинку ниже. Чтобы конвертировать узел, используйте  Добавить узловую точку/Convert Point Tool.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Добавьте новый стиль этому слою и выберите наложение градиента/Gradient Overlay.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

В Редакторе градиента/Gradient Editor укажите цвета как указано ниже.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Примените тень/Drop Shadow:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Получается вот что:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Инструментом Эллипс/Ellipse Tool (U) рисуем петельку. Сначала рисуем овал, затем удерживая клавишу Alt рисуем второй овал меньшего размера внутри предыдущего. Таким образом мы вычтем из большого овала малый. Поместите получившуюся фигуру под слой с шаром.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Добавьте этому слою новый стиль внутренняя тень/Inner Shadow.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

А также наложение градиента/Gradient Overlay:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

В Редакторе градиента/Gradient Editor укажите цвета как на картинке ниже.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Результат:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Наш елочный шар готов:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Объедините в одну группу все слои, составляющие шар (мы уже подобную операцию выше).

Дублируйте группу и объедините в копии все слои (CTRL+E).

При помощи свободное трансформирование /Free Transform (Ctrl+T) уменьшите получившийся шар и расположите как показано ниже.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Теперь мы снова дублируем группу слоев большого шара. Далее работаем с копией.
Удалите слой, который содержит затемнение вокруг шара.

Теперь зайдите в стиль слоя содержащего только шар, чтобы изменить настройки наложение градиента/Gradient Overlay.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Выберите цвета, указанные ниже.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Теперь меняем параметр наложение градиента/Gradient Overlay для слоя содержащего звезды.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Выбираем цвета как показано ниже.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Меняем наложение градиента/Gradient Overlay для слоя с прямоугольным элементом, за который подвешивают шар:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Цвета:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Вот что получается:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

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

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Сделайте копию последнего светлого шара и при помощи свободное трансформирование/Free Transform (Ctrl+T) сделайте его меньше. Затем поместите под слой самого большого шара и расположите как показано ниже.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Теперь давайте нарисуем ниточки, за которые будут подвешены наши шары. Выберите инструмент Перо/Pen Tool (P), укажите в качестве типа линий Слои фигуры/Shape Layers и нарисуйте вертикальную линию как показано ниже.
В Adobe Photoshop CS6 есть опция Обводка/Stroke, где можно выбрать форму контура. Используйте пунктирную линию со следующими параметрами: Заливка/Fill – (нет/None), цвет обводки/Stroke = FFF799, тип обводки/Stroke  – пунктир/Dotted:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Поместите слой под слои с шарами.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Укажите Заливку/Fill в 49% для этого слоя.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Сделайте четыре копии этого слоя и измените размеры ниточек, а также их расположение как показано ниже:

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

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

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

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

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Смените режим наложения для этого слоя на перекрытие/Overlay.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Создайте новый слой и залейте его при помощи инструмента Заливка/Paint Bucket Tool (G) цветом #CB9659.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Укажите слою Заливку/Fill в 20% и смените режим наложения на Мягкий свет/Soft Light.

Christmas Design in Adobe Photoshop CS6 - Red and Gold Christmas Ball on Stars Background

Наши елочные шары готовы!

С наступающим Новым Годом!

Автор урока adobetutorialz
Перевод — Дежурка

Смотрите также:

Transfer




Комментарии

  1. Виталька
    Thumb up Thumb down -3

    Комментарий скрыт из-за рейтинга

  2. Nadia
    Thumb up Thumb down 0

    =) Очень занимательный урок! Спасибо большое!

    У меня получилось неплохо — www.facebook.com/photo.ph...0202983784624044

    Mary Ответ:

    Thumb up Thumb down +1

    О! У вас отлично получилось!

  3. Анастасия
    Thumb up Thumb down 0

    Ничего не поняла, вы не можете показывать ГДЕ НАХОДЯТСЯ ВСЕ ИНСТРУМЕНТЫ. Короче говоря у меня не фига не получилось. Где находятся инструменты? Как объеденить слои? Некоторые тоже этого не знают. *NO* *NO* *NO*