В сегодняшнем уроке Фотошоп вы узнаете, как создать нарядную, сверкающую огнями новогоднюю елку. Нам понадобится инструмент «Произвольная фигура» (Custom Shape Tool) для создания елки и фигур огней, и панель «Анимация» (Animation) для активации нашей праздничной гирлянды. Давайте, попробуем!
Предварительный просмотр финального результата:


 

Шаг 1.

Начнем работу с создания Нового документа (Ctrl+N) в Фотошоп размером 240х400 рх и белым фоном. Далее, нам необходимо создать несколько новых слоев (Ctrl+Shift+N) для последующего размещения на них элементов елки. Назовите слои по порядку: нижний «Ствол», второй «Дерево», третий «Голубые огни». Позже мы создадим еще несколько слоев для мигающей гирлянды. Обязательно проверьте порядок расположения слоев, это важно! Они должны выглядеть таким образом:


 

Шаг 2.

Теперь, встаньте на слой «Дерево» и активируйте инструмент «Произвольная фигура» (Custom Shape Tool ) . Из набора фигур(Custom Shape Picker) в верхнем меню выберите треугольник. Если в вашем окне его нет, нажмите на стрелочку справа и выберите из списка программы набор «Все».





Также убедитесь, что в верхней панели настроек выбран режим контуров (Paths) :



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


 

Шаг 3.

Перейдите в панель «Контуры» (Paths) , она находится рядом с панелью «Слои» (Layers) . Нажмите правой кнопкой мыши по строке с треугольным контуром и выберите из меню опцию – Образовать выделенную область (Make Selection) . Укажите радиус растушевки (Feather) в 0 рх, и нажмите Ок. Теперь вокруг вашего треугольника образовалась бегущая дорожка, что говорит о его выделении.


 

Шаг 4.

Активируйте режим «Быстрой маски» (Quick Mask) , кнопка находится в самом низу панели инструментов. Появившийся розовый фон говорит вам об активации быстрой маски. Перейдите в Фильтр-Штрихи-Аэрограф (Filter/Brush Strokes/Sprayed Strokes) и установите радиус разбрызгивания и длину штриха на 10 рх, направление вправо по диагонали.



Нажмите Ок для применения фильтра. Нажмите значок «Быстрой маски» (Quick Mask) снова, чтобы отменить ее.

Установите цвет переднего плана (Foreground) на зеленый (#009933) . Перейдите в Редактирование-Выполнить заливку(Shift+F5) и заполните выделение цветом переднего плана. Снимите выделение (Ctrl+D) . Вот что у вас должно получиться:


 

Шаг 5.

На слое «Ствол» выберите инструмент «Прямоугольное выделение» (Rectangular Marquee Tool).



Выделите вертикальный прямоугольник под кроной елки, и заполните (Shift+F5) его коричневым цветом # 663300. Снимите выделение (Ctrl+D) . Если необходимо, выровняйте ствол по центру дерева.


 

Шаг 6.

Теперь создадим гирлянду из нескольких шариков. На слое «Голубой шар» активируем инструмент «Овальное выделение» (Elliptical Marquee Tool) и, удерживая Shift, рисуем ровный маленький круг. Заполните (Shift+F5) выделение синим цветом. Снимите выделение (Crl+D) . Все последующие шарики будут такого же размера, но другого цвета.

Далее, добавим глубины и объема нашей елочной игрушке. Двойным щелчком по миниатюре этого слоя открываем окно «Стилей слоя» (Layer Style) и выбираем параметр «Тиснение» (Bevel and emboss) . Выполняем настройки со скриншота: стиль внутренний скос, метод плавный, глубина (Depth) 62%, размер (Size) 7рх, угол (Angle) 120, высота 30, режим подсветки Экран (Screen) , режим тени Умножение (Multiplay) .




 

Шаг 7.

Дублируем слой «Голубые огни» (Ctrl+J) два раза и называем копии «Желтые огни» и «Красные огни». Выделяем слой «Желтые огни» и перемещаем шарик на другое место елки. Двойным щелчком по миниатюре этого слоя открываем окно «Стили слоя» (Layer Style) и выбираем опцию «Наложение цвета» (Color Overlay) . Нажимаем на цветовой индикатор и изменяем исходный цвет копии на желтый. То же самое проделайте со слоем «Красные огни», но в «Наложение цвета» используйте оттенок красного.




 

Шаг 8.

Вернитесь на слой «Голубые огни» и дублируйте (Ctrl+J) его 3 раза. То же самое проделайте и с огнями других цветов: желтым и красным. Распределите огни по елке. У вас должно получиться по 4 огонька каждого цвета.

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


 

Шаг 9.

Чтобы при создании анимации наши огни сверкали, добавим им вспышки при помощи «Стилей слоя». Дублируем слой с голубыми огнями (Ctrl+J) и называем его «Голубое свечение». Двойным щелчком по миниатюре копии открываем «Стили слоя» (Layer Style). Выбираем параметр «Внешнее свечение» (Outer Glow) . В окне опции выбираем цвет для свечения голубой, режим смешивания Экран (Screen) , шум (Noise) 8, метод мягкий, размах 24%, размер 18 рх.

Повторите этот процесс для желтого и красного слоев, дублируя их (Ctrl+J) и называя «Желтое свечение» и «Красное свечение». Используйте в «Стилях слоя» оттенки свечения, соответствующие цветам шариков.


 

Шаг 10.

У нас все готово для создания анимации. Переходим в меню Окно-Анимация (Window/Animation) или в ImageReady (ранние версии Фотошоп). В панели слоев выключите видимость (глазик) слоев «Голубое свечение» и «Желтое свечение». Вы должны увидеть первый кадр в окне анимации с яркими красными огнями и временем в 0 секунд.


 

Шаг 11.

Далее, в правом верхнем углу окна нажмите стрелочку и выберите строку – Новый кадр (New Frame) .



В панели слоев выключите видимость слоя «Красное свечение» и включите слой «Желтое свечение». Добавьте Новый кадр (New Frame) . Второй кадр будет у нас с включенными желтыми огнями гирлянды.

И, последнее, выключите желтое свечение и включите видимость слоя с синими вспышками. Добавьте новый кадр (New Frame) . Итого у нас получилось три кадра со вспышками разных цветов.


 

Шаг 12.

Теперь нажмите кнопку Воспроизведения анимации (треугольник) и вы увидите, что огни беспорядочно мелькают. Чтобы гирлянда меняла цвет через равные промежутки времени, установите для каждого кадра свое время (у меня 0,5 сек). Для этого, выделите все кадры или нажмите в окне каждого кадра стрелочку внизу и установите время. Внизу окна, рядом с кнопками управления анимацией, выберите режим : постоянный.


 

Шаг 13.

Теперь нам необходимо сохранить анимацию. В версиях выше Photoshop SC2 переходим в меню Файл-Сохранить для Веб (File-Save for web) и выполняем настройки со скриншота ниже. Если у вас ранняя версия фотошоп, перейдите в меню Окно-Оптимизация(Window/Optimize) , выполните настройки со скриншота, а затем сохраните оптимизированный файл ((File-Save optimized (Ctrl+Alt+S)) в любом месте вашего компьютера. Помните, что любая анимация сохраняется в разрешении GIFи уже готова к выходу в интернет. В программе Фотошоп вы не сможете просмотреть сделанную анимацию.



Финальный результат:



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