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

Делаем новогоднюю открытку в Фотошоп

Сложность урока: Сложный

В этом уроке я покажу вам, как создать новогоднюю открытку  в программе Photoshop.

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

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

Шаг 1

Создайте новый документ 1500 px х 1500 рх. Примените нежный голубой градиент

Шаг 2

Далее, создайте второй документ 2500 px х 2500 px. Примените фильтр Облака (Clouds), идём Фильтр – Рендеринг – Облака (Filter > Render > Clouds). Большие размеры документа позволяют создать большое разнообразие текстуры облаков, с которым придётся работать.

Шаг 3

Далее, скопируйте (Ctrl+C) текстуру облаков, а затем вклейте (Ctrl+V) скопированную текстуру облаков на наш рабочий документ. Уменьшите масштаб текстуры облаков, чтобы текстура подходила под размеры рабочего документа 1500 px х 1500 px. Назовите данный слой с текстурой "Базовая текстура"(Base Texture).

Шаг 4

Примените перспективу (Ctrl+T) к текстуре, как показано на скриншоте ниже. Это будет поверхность земли.

Шаг 5

К слою "Базовая текстура", добавьте слой-маску, чтобы создать плавный переход с задним фоном.

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

Шаг 6

Поменяйте режим наложения для слоя с текстурой облаков на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 29%.

Шаг 7

Далее, к слою с текстурой облаков, добавьте стиль слоя Тиснение (Bevel & Emboss). Данный стиль слоя сделает текстуру более чёткой и выделенной:

Шаг 8

В следующем шаге мы добавим текстуру снега к нашей поверхности земли. Создайте новый слой. Назовите этот слой "Текстура" (Texture), залейте данный слой белым цветом, а затем, примените фильтр Добавить шум (Add Noise Filter), установите Количество шума (Amount) 120%.

Шаг 9

Далее, к слою с шумом, добавьте лёгкое размытие, идём Фильтр – Размытие – Размытие+ (Filter > Blur > Blur More), далее, к этому же слою примените коррекцию Уровни (Levels (Ctrl+L)), установите настройки, как показано на скриншоте ниже:

Шаг 10

Примените перспективу (Ctrl+T) к слою с шумом, как показано на скриншоте ниже, точно так же, как мы применяли перспективу к базовой текстуре.

Шаг 11

Далее, к слою с шумом, слой ‘Текстура’, мы применим фильтр Размытие при малой глубине резкости (Lens Blur), но перед этим нам нужно настроить альфа канал (alpha channel), который поможет нам применить фильтр Размытие при малой глубине резкости (Lens Blur). Итак, идём в закладку Каналы (Channels) в палитре слоёв и создаём новый слой (это будет Альфа канал (Alpha Channel)). С помощью большой мягкой кисти создайте штрих в нижней части изображения. Данный штрих будет являться фокусной точкой в нашей новогодней сцене.

Шаг 12

Возвращаемся к нашей сцене (Примечание переводчика: вновь перейдите в закладку Слои (Layers)), убедитесь, что вы находитесь на слое "Текстура". Далее, идём Фильтр – Размытие - Размытие при малой глубине резкости (Filter > Blur > Lens Blur), примените настройки, которые указаны на скриншоте ниже. Не забудьте в настройках Карты глубины (Depth Map) в опции Источник (Source) выбрать Альфа канал (Alpha Channel).

Шаг 13

Продублируйте слой ‘Текстура’, для дубликата слоя поменяйте режим наложения на Осветление (Screen). Данное действие усилит контраст снега. Далее, объедините оба слоя, вначале выделив их, а затем нажав клавиши (Ctrl+E). Можно также добавить небольшое размытие, идём Фильтр – Размытие – Размытие+ (Filter > Blur > Blur More), чтобы немного смягчить снежинки.

Шаг 14

В следующем шаге мы отделим белые снежинки от чёрного заднего фона. Для этого временно отключите видимость всех слоёв кроме слоя "Текстура", далее, перейдите вновь в закладку Каналы (Channels), удерживая клавишу (Ctrl)+щёлкните по миниатюре канала, чтобы выделить белые снежинки.

Шаг 15

Возвращаемся обратно в закладку Слои (Layers) и создаём новый слой, назовите этот слой "Снег" (Snow). Залейте этот слой белым цветом. Удалите слой "Текстура", он нам больше не понадобится.

Шаг 16

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

Шаг 17

Продублируйте слой "Снег", переместите дубликат слоя вниз, расположив ниже оригинального слоя “Снег”. Далее, примените инверсию (Ctrl+I), чтобы инвертировать цветовые оттенки. С помощью клавиш-стрелок, сместите дубликат слоя на несколько пикселей вниз, а затем поменяйте режим наложения на Умножение (Multiply), а также уменьшите Непрозрачность (Opacity) слоя до 40%.

Шаг 18

Далее, к дубликату слоя ‘Снег’, примените стиль слоя Наложение цвета (Color Overlay):

Шаг 19

Далее, примените фильтр Размытие в движении (Motion Blur), идём Фильтр – Размытие – Размытие в движении (Filter > Blur > Motion Blur).

Шаг 20

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

Шаг 21

Создайте новый слой поверх всех слоёв, назовите этот слой "Снежинки" (Snowflakes), нарисуйте белые снежинки, разлетевшиеся по всей снежной поверхности.

Шаг 22

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

Примечание переводчика: 1. не забудьте выбрать соответствующую опцию в палитре слоёв 2. создайте скриншот, а затем с помощью инструментов выделения, выделите область палитры цветов, вклеив на новый слой 3. назовите слой с выделенной частью палитры цветов ‘Цвет’(Color). 

Шаг 23

Далее, идём Редактирование – Трансформация – Деформация (Edit > Transform > Warp). Деформируйте слой ‘Цвет’, создав цветной 'поток' по всей сцене, убедитесь, чтобы деформированный цветной 'поток' закрыл все белые снежинки.

Шаг 24

Далее, преобразуйте слой ‘Цвет’ в обтравочную маску к слою со снежинками. А также уменьшите Непрозрачность (Opacity) слоя до 18%

Шаг 25

Далее, перейдите на слой "Снежинки", дважды щёлкните по данному слою, чтобы применить стиль слоя Внешнее свечение (Outer Glow). Вы можете добавить столько снежинок, сколько вам захочется, используя предыдущий метод создания снежинок.

Шаг 26

На мой взгляд, снежная поверхность всё ещё выглядит слишком однообразной. Чтобы исправить это, создайте новый слой, назовите этот слой "Сугробы" (Drifts). Залейте этот слой белым цветом, далее, примените фильтр Добавить шум (Add Noise), установите Количество шума (Amount) 500%.

Шаг 27

К слою ‘Сугробы’ примените фильтр Размытие в движении (Motion Blur), идём Фильтр – Размытие – Размытие в движении (Filter > Blur > Motion Blur), установите Угол (Angle) 0 градусов, а также Смещение (Distance) 6 px. Далее, идём Фильтр – Стилизация - Тиснение (Filter > Stylize > Emboss), установите следующие значения для данного фильтра: Угол (Angle) 125 градусов, Высота (Height) 2 px и Эффект (Amount) 500%. В заключение, повторите действие с последним фильтром пять раз (чтобы ускорить процесс, нажмите клавиши (Ctrl+F), чтобы ещё раз применить последний фильтр, который вы применяли).

Шаг 28

Увеличьте масштаб текстуры (Ctrl+T) примерно на 2,000%. Не переживайте, мы размоем текстуру в следующем шаге, чтобы скрыть пикселизацию.

Шаг 29

Далее, к созданной текстуре, примените Размытие по Гауссу (Gaussian Blue), установите радиус размытия 33 px.

Шаг 30

К слою ‘Сугробы’, примените перспективу (Ctrl + T), трансформировав текстур, как показано на скриншоте ниже. Далее, добавьте слой-маску, чтобы создать плавный переход с задним фоном.

Шаг 31

Далее, поменяйте режим наложения для слоя с текстурой сугробов на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 40%.

Шаг 32

Данный шаг является выборочным: с помощью кисти среднего размера и низкой Непрозрачностью (Opacity) и Жёсткостью (Hardness) 75%, создайте эффект Боке в верхней и в нижней части снежной поверхности. Просто произвольно добавьте Боке, варьируя размер и непрозрачность точек.

Шаг 33

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

Шаг 34

Находясь на объединённом слое, вначале выберите инструмент Овальная область  (Elliptical Marquee Tool). Удерживая клавишу (Shift)+создайте активное выделение круглой формы. Скопируйте (Copy)/ Вклейте (Paste) выделенную область на новый слой, новый слой должен появиться поверх всех остальных слоёв. Назовите этот слой "Шар" (Bulb). Обратите внимание, что данное выделение будет в буфере обмена, т.к. позже мы создадим ещё один дубликат слоя.

Шаг 35

Не снимая активного выделения, идём Фильтр – Искажение – Сферизация (Filter > Distort > Spherize), установите Степень (Amount) 100%. Ещё раз повторите действие данного фильтра, нажав клавиши (Ctrl+F).

Шаг 36

Как уже упоминалось в Шаге 34, далее, мы вклеим (Ctrl+V) изображение из буфера обмена на новый слой. Назовите этот слой "Отражение" (Reflections).

Шаг 37

Поверните этот слой таким образом, чтобы снег оказался в верхней части нашего шара.

Шаг 38

Расположите данный слой поверх слоя "Шар", далее, идём Редактирование – Трансформация – Деформация (Edit > Transform > Warp), чтобы деформировать слой с отражением вокруг ёлочного шара.

Шаг 39

Поменяйте режим наложения для слоя с отражением на Свечение (Luminosity), а также уменьшите Непрозрачность (Opacity) слоя до 35%. Также, преобразуйте данный слой с отражением в обтравочную маску к слою "Шар".

Шаг 40

Повторите предыдущие шаги, чтобы ещё добавить отражения.

Шаг 41

В следующем шаге мы добавим стили слоя, чтобы сделать шар более реалистичным. Вначале, удерживая клавишу (Ctrl) + щёлкните по миниатюре слоя "Шар", чтобы загрузить активное выделение. Далее, создайте новый слой поверх всех остальных слоёв, назовите этот слой "Стекло шара" (Glass Detail). Залейте активную область белым цветом.

Шаг 42

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

Далее, поменяйте режим наложения на Мягкий свет (Soft Light), а также уменьшите значение Заливки (Fill) до 17%

Шаг 43

В качестве дополнительного шага, продублируйте предыдущий слой ‘Стекло шара’, чтобы добавить небольшой глянец на шар. Удалите стили слоя у дубликата слоя.

Шаг 44

Как вы видите, я объединил все слои, которые мы создали при создании ёлочного шара, в одну группу. Я назвал эту группу "Стеклянный шар" (Glass Bulb). Наш следующий шаг - это расположить ёлочный шар на снегу. Для этого, продублируйте объединённый слой (который мы создали в Шаге 33). Переместите дубликат слоя наверх, расположив поверх всех остальных слоёв в палитре слоёв. Это на время скроет наш стеклянный ёлочный шар.

Шаг 45

К созданному дубликату слоя, добавьте слой-маску и с помощью кисти прокрасьте область стеклянного шара. Установите режим для кисти Растворение (Dissolve).

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

Шаг 46

Всё ещё находясь на слой-маске слоя, с помощью инструмента Размытия (Blur Tool), смягчите края на слой-маске.

Шаг 47

На данном этапе урока, вы можете добавить тень на снег. Для создания теней я использовал всего лишь мягкую кисть тёмно-синего цвета. Создайте новый слой, нарисуйте тени. Поменяйте режим наложения для слоя с тенью на Перекрытие (Overlay), а также уменьшите Непрозрачность (Opacity) слоя, примерно, до 35%.

Шаг 48

В следующих нескольких шагах, мы добавим крепление к ёлочному шару. Также вы, наверно, заметили, что я сгруппировал слои, которые мы создали за последние несколько шагов, в одну группу, эту группу я назвал "Эффект перекрытия со снегом" (Snow Overlap). Это облегчит работу при создании следующих слоёв. Чтобы создать крепление к ёлочному шару, вначале выберите инструмент Перо  (Pen Tool). С помощью данного инструмента, нарисуйте контур горлышка елочного шара.

Примечание переводчика: 1. не забудьте создать новый слой 2. вначале автор рисует горлышко к ёлочному шару, потом создаст металлическое крепление.

Шаг 49

Точно так же, как и в Шаге 42, добавьте стили слоя, чтобы придать нарисованному горлышку стеклянный вид.

Шаг 50

Итак, давайте позже вернёмся к стеклянному горлышку, а сейчас давайте создадим металлическое крепление для ёлочного шара. Изучив материалы, как выглядят металлические крепления на ёлочных шарах, я сделал вывод, что все крепления созданы из алюминиевого колпачка, который крепится к горлышку елочного шара. Чтобы воссоздать данный эффект, мы создадим одну деталь крепления, а затем скопируем и вклеим на новый слой, расположив детали в нужном порядке. С помощью инструмента Перо  (Pen Tool), нарисуйте деталь крепления на новом слое.

Шаг 51

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

Шаг 52

Далее, добавьте стиль слоя Тень (drop shadow) к слою с деталью крепления. Это добавит немного объёма к детали крепления.

Добавьте стиль слоя Тень (drop shadow) ко всем слоям с деталями крепления, используя те же самые настройки, единственное, меняйте угол в соответствии с перспективой.

Шаг 53

Создайте новый слой, назовите этот слой "Украшения на деталях крепления" (Tab Decorations). С помощью кисти маленького размера нарисуйте точки на каждой детали крепления.

Шаг 54

Далее, к нарисованным точкам примените стили слоя, чтобы добавить к ним объёма.

Шаг 55

Объедините все слои, относящиеся к металлическим деталям крепления, назовите объединённый слой "Детали крепления" (Tabs).

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

Шаг 56

К слою "Детали крепления", примените следующие стили слоя, чтобы добавить металлический вид.

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

Шаг 57

Чтобы создать эффект отражающей поверхности, я нарисовал белые вкрапления на новом слое, используя кисть с Непрозрачностью (Opacity) 46%. Далее, я сместил бегунки параметра Наложить, если (Blend If). То же самое я проделал с чёрным цветом.

Шаг 58

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

Шаг 59

Чтобы создать металлическое кольцо, вначале выберите инструмент Овальная область  (Elliptical Marquee Tool). С помощью данного инструмента, создайте круглое выделение. Не снимая активного выделения, удерживая клавишу (Alt), создайте ещё одно активное выделение поменьше размером и внутри предыдущего выделения. В результате мы должны получить форму кольца. Залейте полученную фигуру серым цветом.

Шаг 60

К слою с нарисованным кольцом, примените стиль слоя, чтобы добавить объёма.

Шаг 61

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

Шаг 62

Горлышко шара всё ещё выглядит плоским. Чтобы исправить это, продублируйте группу "Детали крепления", далее, выполните сведение дубликата группы.

Примечание переводчика: 1. автор объединил все слои с деталями крепления в одну группу 2. щёлкните правой кнопкой мши по дубликату слоя с группой и в появившемся окне выберите опцию Объединить группу (Merge Group).

Расположите объединённый слой ниже оригинального слоя с группой " Детали крепления". Примените трансформацию к данному слою (Ctrl+T), чтобы отражение было деформировано вокруг горлышка шара.

Шаг 63

Повторите Шаг 62, единственное, расположите новый слой с отражением поверх слоя с группой "Стеклянный шар", т.к. отражение у нас будет падать на шар.

Шаг 64

Заключительная деталь, которую осталось завершить – это добавить отверстие, где нижняя часть горлышка соединяется с шаром. Для этого, создайте новый слой поверх слоя “Стеклянный шар”, назовите этот слой "Отверстие" (Gap). Выберите инструмент Овальная область  (Elliptical Marquee Tool). С помощью данного инструмента нарисуйте форму овала с мягкими краями. Залейте полученную фигуру тёмно-синим цветом.

Добавьте следующий стиль слоя:

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

Шаг 65

Преобразуйте слой ‘Отверстие’ в смарт-объект, далее, идём Редактирование – Трансформация – Деформация (Edit > Transform > Warp). Деформируйте овальную фигуру, как показано на скриншоте ниже. Поменяйте режим наложения на Осветление (Screen), и мы завершили работу над ёлочным шаром.

Шаг 66

Примечание: Для создания текста автор использует программу Illustrator. Вы можете выполнить данные действия в Photoshop, используя иснтрумент Перо в режиме Контуры. Обводку контура можно выполнить, используя Редактирование - Выполнить обводку. Не забудьте поставить галочку напротив "Имитировать нажим". Уроки по работе с инструментом перо: Коварное Перо, Коварное Перо - 2.

Либо вы можете для создания текста использовать рукописный шрифт и перейти к шагу 70.

Откройте программу Illustrator, создайте новый документ любых размеров. Далее, с помощью инструмента Перо (Pen Tool), нарисуйте свой текст.

Шаг 67

Добавьте к контуру чёрную обводку и с помощью инструмента Ширина линии (Width Tool) обработайте линии текста, как показано на скриншоте ниже

Примечание переводчика: инструмент Ширина линии (Width Tool) программы Illustrator позволяет контролировать ширину линии.

Текст стал выглядеть более красивым и праздничным.

Шаг 68

Далее, идём Объект – Преобразовать внешний вид (Object > Expand Appearance) и нажимаем OК.

Шаг 69

Возвращаемся в программу Photoshop, нажмите клавиши (Ctrl+V), чтобы вклеить скопированные круги с программы Illustrator. Программа Photoshop запросит формат для того, чтобы вклеить изображение, выберите Вклеить Как: Пиксели (Paste As: Pixels), а затем нажмите OK. Откорректируйте размер текста, расположив его, как показано на скриншоте ниже.

Шаг 70

Далее, щёлкните правой кнопкой по слою с текстом и в появившемся окне выберите опцию Преобразовать в смарт-объект (Create a Smart Object). Расположите текст так, как вы считаете нужным.

Шаг 71

К слою с текстом, добавьте следующие стили слоя:

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

Шаг 72

Создайте дубликат слоя с текстом, далее, идём Редактирование – Трансформация – Деформация (Edit > Transform > Warp). Деформируйте дубликат слоя с текстом, расположив текст вокруг ёлочного шара.

Шаг 73

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

Шаг 74

Далее, давайте добавим блеск к нашему тексту. Идём в закладку Кисти (Brushes), чтобы настроить кисть в виде разбросанных точек.

Шаг 75

С помощью настроенной кисти, добавьте блеск на текст, как показано на скриншоте ниже.

Шаг 76

К слою с блеском, добавьте стиль слоя Внешнее свечение (Outer glow).

Шаг 77

Создайте новый слой. С помощью всё той же настроенной кисти, добавьте мелкий блеск на буквы в пределах контура букв.

Мы завершили урок! Надеюсь, вам понравился этот урок! С Наступающим Вас Новым Годом!

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

Урок в формате PSD

Автор: Stephen Petrany

Источник: design.tutsplus.com

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

спасибо.интересно.но много лишнего

Спасибо, красивый урок на новогоднюю тематику)

Замечательный урок. Спасибо за перевод

Спасибо, сложно было...

До конца не освоила... Как-то так

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

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

Очень интересно. Какие-то операции можно не делать или сделать проше.

интересный урок)

Урок очень интересный,спасибо!

огромное спасибо!!!!!!!!!!!

Очень даже ничего, хоть и много приходится додумывать)) спасибо..

запутанный урок! много непонятного, но интересно было разбираться)))

Спасибо за новый урок)

Спасибо, Всех с Наступающим, и до встречи в Новом!

Спасибо за красивый урок

Спасибо за урок) Слов нет, одни эмоции)))

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

И вправду классный урок
Еле осилила
Приходилось некоторые эффекты делать немного по своему
Но результат очень порадовал
+еще одна заставка на телефон в мою "копилочку"

Спасибо! Ушло на работу часа три с половиной. но снег того стоил!)))

Ух, осилила! Супер! :)

Марат, спасибо за урок! Очень долго делала...

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

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

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

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


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

Предыдущая Следующая
Добавлена {{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-адрес, помогающих нам сделать его удобнее для вас. Подробнее