Как нарисовать огонь, пламя в фотошопе (Photoshop)? Анимация в фотошопе: зажигаем новогоднюю елку

11.05.2019

В этом уроке Вы научитесь создавать пылающий череп.
Ниже Вы можете рассмотреть заключительный результат.

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

Шаг 1. Создайте новый документ (Ctrl + N ) , создайте новый слой и залейте фон чёрным цветом.

Шаг 2. Откройте изображение с черепом и перетащите его в основной документ.

Шаг 3. На новом слое с помощью инструмента Эллипс (Ellipse) в режиме фигур и цветом (#4c0400 ), нарисуйте овал, который будет окружать череп. Примените к этому слою фильтр Размытие по Гауссу с радиусом 250 пикс. Расположите этот слой ниже слоя с черепом.

Шаг 4. Теперь начнём подготавливать сам череп. Идём в меню Выделение (Select) - Цветовой диапазон (Color Range). Выбираем белый цвет, жмём «Да» и на слое с черепом заливаем выделение цветом (#f9ae31 ), кроме зубов. Таким самым способом окрасьте зубы в цвет (#e82b19 ).

Шаг 5. Идём в меню Выделение (Select) - Цветовой диапазон (Color Range), выбираем красный цвет на зубах, жмём «Да». Затем идём в меню Выделение - Модификация - Сжать и ставим радиус примерно 4 пикс, нажимаем Delete. На зубах останется только красный контур.

Шаг 6. С помощью Цветового диапазона (Color Range) выберите желтый цвет на черепе. Возьмите инструмент Кисть (Brush) размер 250-300 пикс. Жесткость 0, Непрозрачность 10-15% (Hardness of 0, Opacity at 10-15%). Поставьте красный цвет d02207 и закрасьте, как показано на рисунке, не трогая края и возле глазниц. Так мы придадим черепу эффект жара.

Шаг 7. Теперь попытаемся добавить объем к черепу. Используйте Инструмент Ластик (Eraser) с диаметром 200px, Жесткость (Hardness) 0 и Непрозрачность (Opacity) 70 %, и сотрите часть красноты. Так мы проявим более светлые и более темные части черепа и сможем придать некоторый объем.

Шаг 8. Дублируйте слой с черепом и разместите копию ниже. Идём в меню (Filter - Blur - Gaussian Blur) и поставьте радиус 8-10 пикс. Это нужно для того, чтобы создать жар.
Выберите область под носом, включая зубы. Возьмите мягкую Кисть (Brush)размер примерно 80 пикс. цвет d02207, с низкой непрозрачностью и рисуйте по зубам и скулам. Чтобы понять этот процесс, посмотрите скриншот ниже. Добейтесь эффекта глубины и объёма в этих местах.

Шаг 9. Теперь, когда череп уже подготовлен, займёмся пламенем. Откройте изображения с огнём.

Идём в меню Выделение - Цветовой диапазон (Select > Color Range) и выбираем темный фон на изображении с пламенем, жмём Да. Инвертируем выделение Ctrl + Shift + I .

Теперь меню Выделение - Модификация - Растушевка (Select > Modify > Feather) и в настройках ставим радиус примерно 20 пикс. Затем перетащите пламя в основной документ с черепом.

Установите режим наложения для этого слоя Осветление (Screen)или Замена светлым (Lighten). Теперь нужно немного подправить цвет в верхней части пламени. Воспользуемся Цветовым балансом. Для этого пройдите в меню Изображение - Коррекция - Цветовой баланс (Image > Adjustments > Color Balance). Используйте настройки как на скриншоте.

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

Шаг 10. Используя Свободную трансформацию (Ctrl+T), расположите изображения с пламенем на черепе как Вам нравится.

Шаг 11. Заметьте, что в области зубов и нижней челюсти, изображение выглядит более тёмным. Чтобы исправить это, возьмите Кисть (Brush Tool(B)), поставьте цвет d02207 и осветлите некоторые участки на зубах, чтобы они больше подходили к огненному черепу.

Шаг 12. Используя инструмент Палец (Smudge Tool (R)), добейтесь реалистичности огня на глазных яблоках так, чтобы был плавный переход от огня к черепу.

Шаг 13. Используя инструмент Палец (Smudge Tool (R)), смешайте желтые участки на черепе с огнём.

Шаг 14. Снова используйте инструмент Палец (Smudge Tool, R) и тяните инструментом от красных областей к тени. Смотрите скриншот, чтобы Вам был более понятен этот процесс.

Шаг 15. Используйте инструмент Осветлитель - Dodge Tool (O), чтобы увеличить пылающий эффект на краях черепа.

Шаг 16. Используя инструмент Затемнитель (Burn Tool), обработайте затенённые области по контуру черепа, таким образом, Вы выровняете переходы от ярких участков к тёмным.

Шаг 17. Теперь добавим дым. Чтобы создать дым, используйте те же самые изображения пламени, что Вы использовали для черепа и примените к ним те же самые методы, которые Вы сделали в Шагах 10 и 11. Различие в том, что Вам нужно будет подкорректировать эти изображения и сделать из них дым. Для этого идём в меню Изображение-Коррекция-Цветовой тон\Насыщенность (Image > Adjustments > Hue/Saturation > Desaturate) и поставьте там настройки как на скриншоте.

Шаг 18. Теперь применим для дыма небольшое размытие, чтобы он лучше смешался с огнём на изображении. Для этого идём в меню Фильтр - Размытие - Размытие по Гауссу (Filter > Blur > Gaussian Blur) и в настройках поставим радиус 2 пикс.

Шаг 19. Теперь добавим что- то похожее на искры. Возьмите Кисть (Brush) размер 3 пикс. Жесткость (Hardness) 100 и Непрозрачность (Opacity) 100% и нарисуйте отлетающие искры от черепа. При желании можно их растянуть инструментом Палец (Smudge Tool R)

Вот и всё, горящий череп готов.
Вот такой вариант получился у меня.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Изображения боке таят в себе неземную красоту и магию. В нашей реальности, зачастую серой и унылой, всем нужно что-нибудь, что заставит нас восхищаться, как ребенок, который впервые увидел удивительную вещь. Фотографии боке имеют такое свойство. Более того, это тот случай, когда объектив камеры может превзойти человеческий глаз и вовлечь нас в волшебный мир, который иначе мы увидеть не можем. Ну а в этом уроке вы узнаете как создать красивое новогоднее боке при помощи вашего фотоаппарат и простых манипуляций в Photoshop.

Вот такой результат мы получим в этом уроке.

Концепция «Когда вы загадываете желание под звездами»

Создание этой фотографии не было процессом в один шаг. Сначала эта идея созрела у меня в голове, но, когда я была готова реализовать ее, я поняла, что мне понадобятся некие ухищрения, чтобы сделать картинку точь-в-точь такой, как я задумала. Изначально я планировала сделать ее дома с использованием рождественской гирлянды и без варежек. Я увидела эти варежки в витрине магазина, делая кое-какие покупки перед Рождеством, и подумала, «Эврика»!». На этом этапе я решила фотографировать снаружи. Мне нужно было найти место с большим количеством рождественских огней, что было не так уж сложно в предпраздничный период. В результате я нашла то, что искала, на красиво декорированной Старой Площади моего города:

Съемка заднего плана

Снарядившись объективом Canon 50 мм f1.4 (который соответствует 80 мм на моей камере), я попросила свою подругу – а точнее ее руки – попозировать мне, чтобы я могла сделать несколько тестовых снимков. Я хотела убедиться, что могу добиться желаемого эффекта. Но не совсем была довольна результатом. Огоньки были расположены слишком высоко относительно рук, чтобы выглядеть естественно и пропорционально. И еще я поняла, что эта иллюминация создает идеальный задний план для моей фотографии, так как буквально формирует прекрасный, плотный занавес огней. Она соответствует моей идее заполнения всего заднего плана плотным, разноцветным боке, так что я решила сделать несколько снимков только иллюминации, и посмотреть, пригодятся ли они в последствии.

Canon EOS 60 D , объектив 50 мм, ISO 160, 1/80 сек при f 1.4, съемка с рук, ручная фокусировка.

Оборудование

Несколько слов об объективе, который я использовала: я выбрала его из-за яркости и отличных возможностей создания боке. Также это было мое новое приобретение, и я одновременно хотела его испытать. Я приняла во внимание, что возможно мне придется еще раз вернуться в то место, вооружившись другим объективом. (Я думала о Canon 100 мм f 2.8 макро.) Но увидев, какое боке создает объектив f 1.4, я в него абсолютно влюбилась. Я хотела сохранить его в качестве заднего плана для фотографии.

Съемка предмета

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

Canon EOS 60 D , объектив 50 мм, ISO 100, 1/250 сек при f 1.4

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

Реквизит: фотографируя звезды… или снежинки

Сейчас вы, наверное, спрашиваете, «А как на счет звезды?». Как вы понимаете, пара рук, держащая звезду, была решающей деталью этой фотографии. Изначально предполагался небольшой реквизит в форме звезды. Если бы фотография делалась внутри дома, то я бы использовала звезду из моей рождественской гирлянды в качестве реквизита. Тем не менее, перемещение на улицу все слегка усложнило отсутствием электрических розеток. Поэтому я решила поискать звезду, работающую на батарейках, но хотите верьте, хотите нет, я не смогла найти! Вместо этого я купила снежинку, хотя это не была моя изначальная идея. И только потом у меня опять случился момент «Эврика!». Я предположила, что это будет выглядеть достаточно уникально, если звезда будет состоять из боке. Мне также нравился тот факт, что это привнесет сюрреалистичный элемент «невозможного» и «невероятного» в кадр. Это откровение озарило мое лицо широкой улыбкой, потому что я не была готова идти на компромисс в изначальной идее «загадывания желания под звездами». Я также вспомнила, что в прошлом году делала снимок иллюминации с большой Вифлеемской звездой, которая бы сюда отлично подошла, поэтому я решила использовать ее, чтобы завершить работу:

Canon EOS 60 D , объектив 50 мм, ISO 500, 1/50 сек при f 1.8, съемка с рук

Процесс постобработки

Все составляющие были сняты в формате RAW. Я обработала их в Camera Raw и сделала некоторые стандартные настройки, как четкость, яркость, резкость и др.

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

Затем я немного отрегулировала оттенки, сочность и первичные тона синего, пока не получила желаемый цвет:

Теперь, когда все элементы были готовы, мне нужно было собрать их воедино. Я перешла в Photoshop, чтобы сделать обрезку и слияние. Я использовала инструмент Быстрое выделение и уточнение краев, чтобы вырезать руки и звезду. Затем я переместила все элементы и объединила слои:

Самым последним шагом было использование инструментов осветление и затемнение. Я хотела осветлить и/или затемнить некоторые участки, чтобы получить финальное изображение:

Вот и все. Я хочу пожелать каждому вдохновенного и креативного Рождества! Не бойтесь раскрыть ваше воображение и получайте удовольствие от съемки.

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

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

Открываем фотографию — «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 сек(вы можете поэкспериментировать с продолжительностью показа кадров, замедляя или уменьшая задержку воспроизведения), и для всей анимации «Постоянно», чтобы она повторялась бесконечно.

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