3 способа создать эффект огня в фотошопе

Оглавление:

3 способа создать эффект огня в фотошопе
3 способа создать эффект огня в фотошопе

Видео: 3 способа создать эффект огня в фотошопе

Видео: 3 способа создать эффект огня в фотошопе
Видео: Нумерация Страниц в Ворде с 2 или 3 или 4 Страницы | Как Сделать Нумерацию с ЛЮБОЙ Страницы 2024, Май
Anonim

Если вы когда-нибудь хотели добавить огонька к своим изображениям, Photoshop - отличное место для этого. Мы покажем вам несколько способов получить желаемый вид. Это легко сделать, и с ней весело играть.

Шаги

Метод 1 из 3: основы

Создание эффекта огня в Photoshop. Шаг 1
Создание эффекта огня в Photoshop. Шаг 1

Шаг 1. Откройте Adobe Photoshop

Установите черный цвет фона и оранжевый цвет переднего плана.

Создание эффекта огня в Photoshop. Шаг 2
Создание эффекта огня в Photoshop. Шаг 2

Шаг 2. Создайте новый документ

Установите любой размер, который вы хотите, и в Справочная информация:

всплывающее окно, выберите Фоновый цвет. Щелкните ОК.

Создание эффекта огня в Photoshop. Шаг 3
Создание эффекта огня в Photoshop. Шаг 3

Шаг 3. Визуализируйте облака

Из «Фильтров» на верхней панели инструментов перейдите к «Рендеринг» и выберите Облака.

Создание эффекта огня в Photoshop. Шаг 4
Создание эффекта огня в Photoshop. Шаг 4

Шаг 4. Сохраните огонь

Этот фильтр будет отображать гауссовские облака с цветом переднего плана и фона. Использование разных цветов может привести к интересным эффектам.

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

Метод 2 из 3: добавление огня в текст

Создание эффекта огня в Photoshop. Шаг 5
Создание эффекта огня в Photoshop. Шаг 5

Шаг 1. Откройте документ с текстовым слоем или создайте новый

В этом примере мы использовали простой черный фон со словом «ПОЖАР!» в Arial Black на втором слое. Важно, чтобы текст находился на другом слое, чем фон.

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

Создание эффекта огня в Photoshop. Шаг 6
Создание эффекта огня в Photoshop. Шаг 6

Шаг 2. Дублируйте текст

Перетащите исходный текстовый слой на значок «Новый слой» в нижней части окна «Слои».

Создание эффекта огня в Photoshop. Шаг 7
Создание эффекта огня в Photoshop. Шаг 7

Шаг 3. Добавьте Outer Glow

После копирования щелкните меню Fx в нижней части меню слоев и выберите Outer Glow. В появившемся окне стиля слоя измените цвет свечения с желтого на белый и непрозрачность на 100%, как показано:

Щелкните кнопку ОК. Теперь ваше изображение должно выглядеть так:

Создание эффекта огня в Photoshop. Шаг 8
Создание эффекта огня в Photoshop. Шаг 8

Шаг 4. Примените Gaussian Blur

От Фильтр меню выберите Размытие > Размытие по Гауссу… Photoshop предложит вам предупреждение о том, что это действие приведет к растрированию текстового слоя и что вы не сможете редактировать фактический текст, если продолжите. Подтвердите предупреждение и установите размытие так, чтобы оно выглядело примерно так:

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

Создание эффекта огня в Photoshop. Шаг 9
Создание эффекта огня в Photoshop. Шаг 9

Шаг 5. Настройте инструмент Smudge

Щелкните инструмент Smudge (под инструментом Gradient), затем щелкните настройки кисти в верхней части окна. В появившемся окне настройки инструмента размазывания используйте следующие настройки:

С этими настройками вы собираетесь «нарисовать» огонь. Как и при любой работе кистью в Photoshop или других графических приложениях, рекомендуется использовать планшет

Создание эффекта огня в Photoshop. Шаг 10
Создание эффекта огня в Photoshop. Шаг 10

Шаг 6. Создайте пламя

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

Когда закончите, продублируйте размазанный слой

Создание эффекта огня в Photoshop. Шаг 11
Создание эффекта огня в Photoshop. Шаг 11

Шаг 7. Примените радиальное размытие

От Фильтр меню выберите Размытие > Радиальное размытие…, и в появившемся окне сделайте следующие настройки:

Хотя это и неуловимо, это даст вашему огню дополнительный прилив энергии

Создание эффекта огня в Photoshop. Шаг 12
Создание эффекта огня в Photoshop. Шаг 12

Шаг 8. Сделайте ваше изображение оттенками серого

От Изображение в меню выберите Оттенки серого. И снова Photoshop выдаст предупреждение о том, что это приведет к сглаживанию изображения и может повлиять на него. Щелкните значок Сплющивать кнопку, чтобы продолжить.

Создание эффекта огня в Photoshop. Шаг 13
Создание эффекта огня в Photoshop. Шаг 13

Шаг 9. Преобразование в индексированный цвет

От Изображение меню выберите Режим > Индексированный цвет. После этого в том же меню выберите Таблица цветов.

В меню в верхней части окна «Таблица цветов» выберите «Черный корпус»

Создание эффекта огня в Photoshop. Шаг 14
Создание эффекта огня в Photoshop. Шаг 14

Шаг 10. Поздравляем, вы зажгли огонь

Ваше изображение должно выглядеть примерно так:

Метод 3 из 3: жидкий огонь

Создаем эффект огня в Photoshop. Шаг 15
Создаем эффект огня в Photoshop. Шаг 15

Шаг 1. Откройте Adobe Photoshop

Установите цвет переднего плана на белый, а цвет фона на черный. Быстрый способ сделать это - нажать клавишу D (для цветов по умолчанию) и клавишу X (поменять местами цвета переднего плана и фона).

Создание эффекта огня в Photoshop. Шаг 16
Создание эффекта огня в Photoshop. Шаг 16

Шаг 2. Создайте новое изображение в Photoshop

Как и в случае с описанным выше методом, установите для содержимого фона значение «Цвет фона».

Создание эффекта огня в Photoshop. Шаг 17
Создание эффекта огня в Photoshop. Шаг 17

Шаг 3. Создайте прямоугольник со скругленными углами, щелкнув инструмент формы на панели задач слева

В центре изображения нарисуйте квадратную форму.

Создание эффекта огня в Photoshop. Шаг 18
Создание эффекта огня в Photoshop. Шаг 18

Шаг 4. Установите атрибуты фигуры

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

Создание эффекта огня в Photoshop. Шаг 19
Создание эффекта огня в Photoshop. Шаг 19

Шаг 5. Растеризуйте слой

Щелкните правой кнопкой мыши имя нового слоя-фигуры (по умолчанию - прямоугольник со скругленными углами 1) и выберите Растрировать слой из контекстного меню.

Создание эффекта огня в Photoshop. Шаг 20
Создание эффекта огня в Photoshop. Шаг 20

Шаг 6. Добавляем ветер

Убедитесь, что слой-фигура все еще выбран. От Фильтр меню выберите Стилизовать, а затем Ветер.

Создание эффекта огня в Photoshop. Шаг 21
Создание эффекта огня в Photoshop. Шаг 21

Шаг 7. Отрегулируйте настройки ветра

В окне Wind выберите следующие настройки: Ветер а также Справа, затем щелкните Ok.

Создание эффекта огня в Photoshop. Часть 2
Создание эффекта огня в Photoshop. Часть 2

Шаг 8. Нажмите Command + F (ПК:

Ctrl + F дважды. Это добавляет к эффекту ветра. Ваш прямоугольник должен выглядеть примерно так:

Создание эффекта огня в Photoshop. Шаг 23
Создание эффекта огня в Photoshop. Шаг 23

Шаг 9. Поверните изображение

Нажать на Изображение меню, тогда Поворот изображения, тогда 90 ° по часовой.

Создание эффекта огня в Photoshop. Шаг 24
Создание эффекта огня в Photoshop. Шаг 24

Шаг 10. В меню «Фильтр» выберите «Пластика»

Откроется окно. Изначально установите размер кисти примерно 25, затем щелкните и перетащите линии, образованные ветром, чтобы исказить их так, как может выглядеть пламя. Измените размер кисти, чтобы получить более реалистичный вид пламени. Как только вы это сделаете, нажмите ОК.

Создание эффекта огня в Photoshop. Часть 2
Создание эффекта огня в Photoshop. Часть 2

Шаг 11. Размытие изображения

Нажмите на Фильтр, тогда Размытие, тогда Размытие по Гауссу и установите радиус равным 1 пикселю.

  • Дублируйте слой дважды. Вы можете сделать это, перетащив первый слой на значок «Новый слой» в нижней части окна «Слои» или дважды нажав Command + J (ПК: Ctrl + J).
  • Сделайте два верхних слоя невидимыми, нажав на глаз рядом с ними.
Создание эффекта огня в Photoshop. Шаг 26
Создание эффекта огня в Photoshop. Шаг 26

Шаг 12. Щелкните по исходному (нижнему) слою с прямоугольником

В окне настроек выберите значок оттенка / насыщенности.

Создание эффекта огня в Photoshop. Шаг 27
Создание эффекта огня в Photoshop. Шаг 27

Шаг 13. Сделайте слой Hue / Saturation обтравочным слоем

Щелкните значок обтравочного слоя в нижней части окна настроек. Это ограничит эффекты слоя Hue / Saturation только слоем непосредственно под ним.

Создание эффекта огня в Photoshop. Часть 2
Создание эффекта огня в Photoshop. Часть 2

Шаг 14. Установите уровни оттенка / насыщенности, как показано на изображении выше

Обязательно сначала установите флажок Colorize. Оттенок установлен на 0, Насыщенность на 100 и Яркость на -50, что дает вам насыщенный красный цвет. Должно получиться так:

Создание эффекта огня в Photoshop. Часть 2
Создание эффекта огня в Photoshop. Часть 2

Шаг 15. Снова включите верхний слой

Добавьте еще один корректирующий слой Hue / Saturation, как и раньше, и установите обрезку, как вы делали с нижним слоем. Измените свойства верхнего корректирующего слоя на Hue: 50, Saturation: 100, Lightness: -50. Это сделает его желтым.

Создание эффекта огня в Photoshop. Шаг 30
Создание эффекта огня в Photoshop. Шаг 30

Шаг 16. Выделите оставшуюся белую фигуру (средний слой)

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

Создание эффекта огня в Photoshop. Шаг 31
Создание эффекта огня в Photoshop. Шаг 31

Шаг 17. Измените метод наложения

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

Создание эффекта огня в Photoshop. Часть 2
Создание эффекта огня в Photoshop. Часть 2

Шаг 18. Поздравьте себя

Работа сделана, и ваш шедевр готов!

подсказки

  • По методу «с нуля»

    • Подходящий размер для фона - 14 см (5,5 дюйма) X 14 см (5,5 дюйма). Или 400 на 400 пикселей тоже хорошо.
    • Этот метод можно использовать и для текста.

Рекомендуемые: