Уроки Все для дизайнера Сергей Юрьев 29 декабря 2017

Рисуем в Фотошоп новогоднюю открытку с красными шарами

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

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

Давайте приступим!

Скачать архив с материалами к уроку

Шаг 1

Начните работу с создания нового документа (Ctrl + N) размером 1000х1000 пикселей, установите цветовой режим: цвета RGB и разрешение 72 пикселя на дюйм. Выберите инструмент Заливка (Paint Bucket Tool) (G) и залейте фон цветом # F7F1E3.

Примечание переводчика: Вы можете залить фон на этапе создания нового документа, для этого необходимо перейти в содержимое фона, затем открыть палитру цветов (цвет фона нового документа) и выбрать необходимый цвет.

Обязательно выберите цветовой профиль sRGB IEC61966-2.1 

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

Примечание переводчика:

Инструмент Кисть (Brush Tool):

Размер (Size): 100 рх

Жесткость (Hardness): 0 %

Используя инструмент Кисть (Brush Tool), нарисуйте на слое пятна, как показано на изображении ниже.

Шаг 2

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

Нажмите на значок Добавить стиль слоя (Add a layer style) в нижней части панели слоев и добавьте следующие эффекты к кругу (ёлочному шару):

Внутреннее свечение (Inner Glow):

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Шум (Noise): 0%
  • Цвет свечения: # 8d0000
  • Метод (Technique): Мягкий (Sofler) 
  • Источник (Source): На краях (Edge) 
  • Стягивание (Choke): 0%
  • Размер (Size): 84 рх
  • Контур (Contour): Линейный (Linear)
  • Сглаживание (Anti-aliased): снять галочку
  • Диапазон (Range): 50%
  • Колебание (Jitter): 0%

Наложение градиента (Gradient Overlay):

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Дизеринг (Dither): Снять галочку
  • Непрозрачность (Opacity): 100 %
  • Градиент (Gradient): #ff5825, #840000
  • Выровнять по слою (Align with Layer): Поставить галочку
  • Стиль (Style): Радиальный (Radial)
  • Угол (Angle): 90°
  • Масштаб (Scale): 150%

Щелкните левой кнопкой мыши по цветной полосе (градиент), для того чтобы открыть редактор градиента, затем установите контрольные точки цвета, как показано на изображении ниже. Нажмите ОК, чтобы применить настройки и закрыть диалоговое окно.

Примечание переводчика:

Редактор градиента (Gradient Editor):

  • Контрольная точка цвета (позиция 0 %): #ff5825
  • Контрольная точка цвета (позиция 100 %): #840000

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

Шаг 3

Теперь мы изобразим крепление шара, выберите инструмент Перо (Pen Tool) (P), затем вверху в настройках выберите режим инструмента выбора: фигура, установите цвет # 8D0000 и нарисуйте фигуру, как показано на изображении ниже.

Используя инструмент Перо (Pen Tool) (P), нарисуйте фигуру как на изображении ниже.

Нажмите на значок Добавить стиль слоя (Add a layer style) в нижней части панели слоев и добавьте следующие эффекты:

Наложение градиента (Gradient Overlay):

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Дизеринг (Dither): Снять галочку
  • Непрозрачность (Opacity): 100 %
  • Градиент (Gradient): # ffbe3d, # ffed6f, # fff8c3
  • Выровнять по слою (Align with Layer): Поставить галочку
  • Стиль (Style): Линейный (Linear)
  • Угол (Angle): - 180 °
  • Масштаб (Scale): 57%

Щелкните левой кнопкой мыши по цветной полосе (градиент), для того чтобы открыть редактор градиента, затем установите контрольные точки цвета как показано на изображении ниже. Нажмите ОК, чтобы применить настройки и закрыть диалоговое окно.

Примечание переводчика:

Редактор градиентов (Gradient Editor):

  • Контрольная точка цвета (позиция 0 %): # ffbe3d
  • Контрольная точка цвета (позиция 81 %): # ffed6f
  • Контрольная точка цвета (позиция 100 %): # fff8c3

Тень (Drop Shadow):

  • Режим наложения (Blend Mode): Умножение (Multiply), цвет черный (#000000)
  • Непрозрачность (Opacity): 32 %
  • Угол (Angle): 103 °
  • Глобальное освещение (Use Global Light): Снять галочку
  • Смещение (Distance): 2 рх
  • Размах (Spread): 0 %
  • Размер (Size): 0
  • Контур (Contour): Линейный (Linear)
  • Сглаживание (Anti-aliased): снять галочку
  • Шум (Noise): 0 %
  • Слой выбивает тень (Layer Knocks Out Drop Shadow): Поставить галочку 

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

Шаг 4

Выберите инструмент Эллипс (Ellipse Tool) (U) и нарисуйте небольшое кольцо, поместите этот слой под слой с креплением шара (предыдущий слой). Установите следующие настройки в панели параметров:

Примечание переводчика:

Заливка (Fill): Нет цвета

Обводка (Stroke): 2,5 пт

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

Нажмите на значок Добавить стиль слоя (Add a layer style) в нижней части панели слоев и добавьте следующий эффект:

Наложение градиента (Gradient Overlay):

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Дизеринг (Dither): Снять галочку
  • Непрозрачность (Opacity): 100 %
  • Градиент (Gradient): # ffbe3d, # ffec6c
  • Выровнять по слою (Align with Layer): Поставить галочку
  • Стиль (Style): Линейный (Linear)
  • Угол (Angle): 115 °
  • Масштаб (Scale): 150%

Щелкните левой кнопкой мыши по цветной полосе (градиент), для того чтобы открыть редактор градиента, затем установите контрольные точки цвета как показано на изображении ниже. Нажмите ОК, чтобы применить настройки и закрыть диалоговое окно.

Примечание переводчика:

Редактор градиентов (Gradient Editor):

  • Контрольная точка цвета (позиция 0%): # ffbe3d
  • Контрольная точка цвета (позиция 100%): # ffec6c

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

Шаг 5

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

Примечание переводчика: Также вы можете сгруппировать слои другим способом. Выделите слои из которых состоит ёлочный шар, зажмите Shift и нажмите на значок Создать новую группу (Create a New Group).

Теперь у нас есть первый вариант елочного шара. Продублируйте группу и создайте в продублированной группе новый слой поверх всех слоев. Затем выберите мягкую кисть белого цвета (примечание переводчика: Размер (Size): 100 рх, Жесткость (Hardness): 0%).

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

Измените режим наложения (Blend Mode) для этого слоя на Мягкий свет (Soft Light).

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

Шаг 6

Продублируйте еще раз группу, в которой у нас находится елочный шар. В продублированной группе над всеми слоями создайте текстуру, используя инструмент Линия (Line Tool) (U) (Толщина (Weight) 8px), нарисуйте двадцать вертикальных линий.

Объедините все слои с линиями в один слой (удерживая клавишу Ctrl, выберите все слои с линиями, затем нажмите комбинацию клавиш Ctrl+E для того, чтобы объединить выделенные слои в один).

Шаг 7

Перейдите на слой с вертикальными линиями и нажмите комбинацию клавиш Ctrl + T, затем вверху на панели параметров нажмите на значок Переключения между свободной трансформацией и режимами деформации (Switch Between Free Transform And Warp Modes). Деформируйте вертикальные линии, как показано на изображении ниже. Установите заливку (Fill) этого слоя на 40%.

Таким образом, мы получили три варианта елочного шара в трех отдельных группах.

Шаг 8

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

Примечание переводчика: После того как вы продублируете группы с шарами, у вас должно получиться 18 групп, из них: 3 оригинала и 15 продублированных. Группы с оригиналом сделайте невидимыми (в дальнейшем нам нужно будет взять из этих групп крепление и кольцо для звезды), а продублированные группы по отдельности преобразуйте в смарт-объект и сгруппируйте их. Таким образом, у вас будет 4 группы: Первая группа содержит 15 смарт-объектов, три остальные группы не видимые.

Шаг 9

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

Измените цвет переднего плана на # 790B0E и нарисуйте пятно. Слой, на котором мы нарисовали пятно (будущая тень), расположите под слоями с ёлочными шарами.

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

Выберите инструмент Прямоугольная область (Rectangular Marquee Tool) (M) и, находясь на слое с тенью, выделите часть тени, как показано на изображении ниже.

Нажмите Delete. 

Шаг 10

Теперь мы нарисуем маленькую звезду, выберите инструмент Многоугольник (Polygon Tool) (U), и перейдите в панель параметров инструмента (вверху), нажмите на значок «шестеренки» (Задать дополнительные параметры фигуры и контура). Установите радиус (Radius): 110 px, глубина лучей (Indent Sides by): 42% и установите галочки, Сгладить внешние углы (Smooth Corners), Звезда (Star), Сгладить внутренние углы (Smooth Indents). Также установите в панели параметров Стороны (Sides): 5.

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

Шаг 11

В нижней части панели слоев нажмите на значок Добавить стиль слоя (Add a layer style) и выберите из списка Внутреннее свечение (Inner Glow).

Внутреннее свечение (Inner Glow):

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100 %
  • Шум (Noise): 0 %
  • Цвет свечения: # 8d0000
  • Метод (Technique): Мягкий (Sofler) 
  • Источник (Source): На краях (Edge) 
  • Стягивание (Choke): 0 %
  • Размер (Size): 13 рх
  • Контур (Contour): Линейный (Linear)
  • Сглаживание (Anti-aliased): снять галочку
  • Диапазон (Range): 50 %
  • Колебание (Jitter): 0 %

Наложение градиента (Gradient Overlay):

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Дизеринг (Dither): Снять галочку
  • Непрозрачность (Opacity): 100 %
  • Градиент (Gradient): #ff5825, #840000
  • Выровнять по слою (Align with Layer): Поставить галочку
  • Стиль (Style): Радиальный (Radial)
  • Угол (Angle): 90 °
  • Масштаб (Scale): 150%

Щелкните левой кнопкой мыши по цветной полосе (градиент), для того чтобы открыть редактор градиента, затем установите контрольные точки цвета как показано на изображении ниже. Нажмите ОК, чтобы применить настройки и закрыть диалоговое окно.

Примечание переводчика:

Редактор градиента (Gradient Editor):

  • Контрольная точка цвета (позиция 0 %): #ff5825
  • Контрольная точка цвета (позиция 100 %): #840000

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

Шаг 12

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

Объедините слои (крепление, кольцо, звезда) в один (Ctrl+E), затем примените к звезде Свободное трансформирование (Free Transform) (Ctrl+T), уменьшите размер и поместите звезду на вершину пирамиды из шаров.

Нажмите на значок Создать новый корректирующий слой «Сочность» (New Adjustment Layer «Vibrance») или перейдите в Слои - Новый корректирующий слой - Сочность (Layer - New Adjustment Layer - Vibrance). Установите значение: Сочность (Vibrance): +21 и Насыщенность (Saturation) +10.

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

Перейдите в Слои – Новый корректирующий слой – Кривые (Layer - New Adjustment Layer - Curves) и отрегулируйте форму кривой, как показано на изображении ниже, для того чтобы немного откорректировать цвета.

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

Шаг 13

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

К слою с кругом добавьте слой-маску (в нижний части панели слоев нажмите на значок Добавить слой маску (Add Layer Mask). Выберите мягкую круглую кисть (установите черный цвет и непрозрачность (Opacity) на 30%).

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

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

Шаг 14

Теперь мы добавим орнамент на задний план. Создайте новый слой и выберите инструмент Перо (Pen Tool) (P), установите режим инструмента выбора на Контур (Path), и нарисуйте фигуру, как показано на изображении ниже.

Выберите инструмент Выделение контура (Path Selection Tool) (A) и перейдите на панель параметров. С помощью этой панели вы сможете изменить цвет контура и толщину контура.

Таким образом, мы получим абстрактную линию на заднем фоне.

Применяя этот метод, мы можем создать много разных линий различной толщины.

Добавьте слой маску к некоторым слоям с линиями и выберите мягкую круглую кисть (установите непрозрачность (Opacity) на 30%).

Пройдитесь по маске, кистью скрывая края линий.

Шаг 15

Объедините в группу все слои, которые содержат линии (зажмите клавишу CTRL и левой кнопкой мыши выделите слои, которые необходимо сгруппировать, затем отпустите клавишу CTRL, наведите курсор мыши на выделенные слои и удерживая левую кнопку мыши перетащите выделенные слои на значок Создать новую группу (Create a New Group)). Установите режим наложения (Blend Mode) для группы линии на Мягкий свет (Soft Light).

Шаг 16

Добавьте текст приветствия на нашу праздничную открытку. Выберите инструмент Горизонтальный текст (Horizontal Type tool) (T). В панели Символ (Character panel) выберите шрифт, размер и цвет. Я использовал шрифт под названием Sansita.

Нажмите на холст и в поле для текста введите «Merry Christmas!».

Нажмите на холст и в поле для текста введите «Happy New Year».

Наша рождественская и новогодняя открытка с блестящими красными шарами закончена!

Веселого Рождества и счастливого Нового года!

Автор: DesignStacks

Источник: designstacks.net

Комментарии 26

Рисовать новогодние открытки - моя страсть.
Спасибо за урок!

P.S. Умудрилась латинский шрифт применить к русскому тексту)

Странные дела происходят на сайте. Загрузила несколько работ, а счётчик их не считает, как было 204 так и осталось...

Спасибо! отблески не получились

Нравятся работы с вектором. Благодарю за перевод и выкладывание подобных уроков.

Мою открытку почему-то не пропускает :с

Спасибо за отличный учебник

Спасибо за урок!

Спасибо за урок.
Поздравляю всех с наступающим 2018 годом!

Спасибо автору и переводчику.

Спасибо за перевод!

Спасибо за перевод!))

Спасибо за урок!

Сергей, спасибо за перевод!

Спасибо! Трудновато что-то пошло!

Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее