Рисуем огонь в фотошоп. Рисуем новогоднюю ёлку в Фотошоп

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

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

Итак, открываем фотографию - «Ctrl+O», выбираем на компьютере картинку и жмем «Открыть».

Заходим в палитру слоев «Layers», нажав клавишу F7.

В палитре первоначально находится только один слой с нашей картинкой.

Создаем новый слой - нажимаем горячие клавиши Crtl+Shift+N, либо щелкаем по значку нового слоя в палитре слоев.

На палитре инструментов слева находим инструмент кисть - Brush Tool(B).

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

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

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

Когда расставите все огоньки, создайте дубликат слоя нажав Ctrl+J (чтобы сделать огни еще ярче), затем объедините слои - выделите верхний слой и нажмите Ctrl+E (позволяет слить слой с нижним). Сразу переименуйте слой, дважды щелкнув по названию слоя в палитре слоев. Давайте всем слоям осмысленные названия, чтобы в дальнейшем упростить работу с ними. Я назвала свой слой «Розовые огоньки».

Создаем новый слой -Crtl+Shift+N, либо щелкаем по значку нового слоя в палитре слоев.

Меняем цвет, которым будет рисовать, опять щелкнув по квадратику внизу панели инструментов. Выбираем какой-нибудь другой, я выбрала голубой.

Рисуем опять огоньки уже в других местах. Называем слой «Голубые огоньки».

Теперь наша новогодняя елка горит огнями двух цветов.

Создадим еще один слой.

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

Рисуем поверх уже созданных огней белые светящиеся серединки.

Приступаем к работе

Подготовка изображения для анимации

Открываем фотографию — «Ctrl+O», выбираем на компьютере картинку и жмем «Открыть».

Заходим в палитру слоев «Layers», нажав клавишу F7.

В палитре первоначально находится только один слой с нашей картинкой.

Создаем новый слой — нажимаем горячие клавиши Crtl+Shift+N, либо щелкаем по значку нового слоя в палитре слоев.

На палитре инструментов слева находим инструмент кисть — Brush Tool(B).

Когда расставите все огоньки, создайте дубликат слоя нажав Ctrl+J (чтобы сделать огни еще ярче), затем объедините слои — выделите верхний слой и нажмите Ctrl+E (позволяет слить слой с нижним). Сразу переименуйте слой, дважды щелкнув по названию слоя в палитре слоев. Давайте всем слоям осмысленные названия, чтобы в дальнейшем упростить работу с ними. Я назвала свой слой «Розовые огоньки».

Создаем новый слой -Crtl+Shift+N, либо щелкаем по значку нового слоя в палитре слоев.

Рисуем опять огоньки уже в других местах. Называем слой «Голубые огоньки».

Теперь наша новогодняя елка горит огнями двух цветов.

Создадим еще один слой.

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

Рисуем поверх уже созданных огней белые светящиеся серединки.

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

Теперь в палитре у нас три слоя: 1.фон, 2.слой с двумя видами огней и 3.слой с белыми серединками.

Выделяем слой с розовыми и голубыми огоньками, он находится в середине. Жмем Сtrl+J, чтобы создать дубликат слоя.

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

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

Нажимаем Ctrl+U, чтобы вызвать окно корректировки цветового тона и насыщенности «Hue/Saturation.

Передвигайте ползунок в строке Hue(Цветовой тон) для изменения цвета, остановитесь когда будете удовлетворены результатом. Можете также повысить насыщенность (Saturation), чтобы увеличить глубину цвета.

Поскольку у нас два цвета огоньков на одном слое они поменяются оба одновременно.

Скопируем слой с цветными огнями еще раз Ctrl+J. Отключим видимость предыдущего слоя, щелкнув по глазику.

Выделяем третий слой с огоньками опять меняем цвет Ctrl+U, двигаем ползунок Hue (Цветовой тон), жмем Ок.

Теперь у нас три разных есть слоя с цветными огоньками.

Делаем анимацию

Переходим к созданию анимации в фотошопе.

Заходим в меню «Window» — «Timeline» (Окно - Шкала времени).

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

Текущие кадры на шкале времени содержат все видимые слои.

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

Всего у нас будет три кадра с разными расцветками огней. Первый кадр уже есть.

Создаем второй кадр — щелкаем по второй справа иконке внизу временной шкалы.

На втором кадре у нас пока находятся такие же слои как и на первом.

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

Создаем третий, последний кадр.

Отключаем в палитре слоев второй слой, включаем первый.

Все, ключевые кадры у нас готовы.

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

Выделяем первый кадр на временной шкале. Щелкаем по иконке с кружками.

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

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

Выделяем его, жмем кнопку добавления дополнительных кадров, также указываем 2 кадра.

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

Выставляем настройки для продолжительности показа каждого кадра — 0.1 сек(вы можете поэкспериментировать с продолжительностью показа кадров, замедляя или уменьшая задержку воспроизведения), и для всей анимации «Постоянно», чтобы она повторялась бесконечно.

Выделите первый кадр и начните воспроизведение анимации.

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

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

Вот пример новогодней открытки в другом цвете:

1 Шаг

Создайте новый документ с размерами 1000?1000px.

2 Шаг

После этого создайте новый слой поверх остальных (Ctrl + Shift + Alt + N) и при помощи мягкой Brush Tool черного цвета закрасьте нижнюю область слоя, чтобы получилось примерно, как на картинке (Прим. пер.: хотя выглядит данный слой, как очередной градиент от черного к прозрачному) .

Смените Opacity этого слоя на 50%

3 Шаг

Теперь я буду использовать свой сет кистей со звездами. Вы можете скачать что-нибудь подходящее в сети на свое усмотрение. Загрузите набор кистей в свой Photoshop.

Здесь в окне выбора кистей вам будет нужно кликнуть по маленькой стрелке и выбрать пункт меню Load Brushes. Найдите загруженный из Веб набор кистей и присоедините его к Photoshop.

4 Шаг

После этого создайте новый слой (Ctrl + Shift + Alt + N) и нанесите на документ несколько больших ярких крестообразных звезд.

5 Шаг

6 Шаг

После этого переключитесь на инструмент Pen Tool (P) и начните наводить этим пером путь, как показано у меня на рисунке. Старайтесь создавать именно силуэт елки. Хотя идеала здесь быть не может - исключительно творчество.

7 Шаг

8 Шаг

Проверьте, находитесь ли вы на нужном слое и выбран ли у вас рабочий путь. Перейдите на палитру Paths и кликните по кнопке Stroke Path With Brush, которая находится в нижней части палитры.

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

9 Шаг

Найдите еще одну звезду в своем сете кистей и смените размер кисточки на более заметный. Удостоверьтесь в том, что у вас отключены настройки Shape Dynamics и Scattering. Создайте новый слой и нанесите на елку несколько ярких, крупных огней разных размеров.

10 Шаг

На верхушку новогодней елки поместите еще одну звезду - самую крупную.

11 Шаг

После этого снова возьмите перо Pen Tool (P) и создайте еще один путь, как показано у меня.

12 Шаг

Затем я переключился на еще одну кисть (под названием Fuzzball - она включена в стандартный дистрибутив Photoshop). В окне настроек кисти я задавал следующие параметры.

13 Шаг

В очередной раз я убедился, что у меня выбран текущий рабочий путь на палитре Layers и что я создал новый слой для очередной гирлянды. Затем нажимаем на кнопку Stroke Path With Brsuh в нижней части палитры Paths.

14 Шаг

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

Для коллажей иногда необходим огонь, но копирование огня из другого изображения может не дать желаемого результата. В программе Photoshop имеется функция, позволяющая нарисовать почти реалистичное пламя. Для этой цели необходимо использовать инструмент «Перо».

Открываем изображение с камином (пример).

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

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

В диалоговом окне выбираем тип пламени.

Удаляем прежний контур.

Рисуем новый контур в новом слое.

С помощью фильтра «Огонь» делаем язык пламени. При помощи функции «Деформация» можно исказить пламя.

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

Создаем дубликат этого слоя с пламенем. Отражаем его по горизонтали.

В окне слоев выделяем слои с пламенем огня: стать мышкой на первый слой, который нужно выделить и удерживая нажатой клавишу Shift нажать на последний слой, который нужно выделить. Объединяем выделенные слои в группу: комбинация клавиш Shift и G.

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

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

Изменяем слою режим наложения на «Перекрытие».

Создаем корректирующий слой «Цветовой тон / Насыщенность» и уменьшаем насыщенность.

Создаем корректирующий слой «Заливка цветом» и устанавливаем синий цвет. Изменяем режим наложения на «Перекрытие».

Становимся на верхний слой и инструментом «Прямоугольная область» выделяем все изображение. Во вкладке «Редактирование» выбираем «Скопировать совмещенные данные» и «Вставить». К слою сведение применяем блик, который поспособствует усилению эффекта отблеска огня. Во вкладке «Фильтр» выбираем Camera raw и при помощи радиального фильтра создаем блик.