Уроки фотошопа, графика, дизайн
arrow

Огненный текст

Я уже писал photoshop урок о создании ледяного текста. Так чего же не хватает? Верно! Огненного текста. Созданию огненного текстового эффекта и посвящён этот урок.

Огненный текст: подбор шрифта и написание текста

1. Создайте новый файл с размером 800x800px:

Огненный текст

2. Залейте его чёрным цветом. Теперь выберите шрифт по вкусу и напишите любой текст:

Огненный текст

3. Перейдите в Blending Options нашего слоя с текстом (Layer -> Layer Style -> Blending Options или дважды кликните по нему в панели слоёв) и выставьте следующие настройки:

Огненный текст

Огненный текст

Огненный текст

Огненный текст

У вас должно получиться что-то похожее:

Огненный текст

Уже неплохо, правда? Идём дальше…

Огненный текст: создание пламени

4. Идём в Filter (фильтр) -> Liquify (пластика), и с помощью Forward Warp Tool (W) искривите каждую букву:

Огненный текст

5. Теперь нам нужно найти парочку хороших изображений огня, можете взять эти:

Текстура огня

Текстура огня

Откройте одно из них в фотошопе, и выберите во вкладке Channels зелёный (Green) канал, ctrl + ЛКМ на нём, и появится выделение:

Огненный текст

Теперь снова выделяем все каналы (изображение должно вновь стать цветным, для этого просто нажмите на канал RGB) и возвращаемся на вкладку Layers (Слои). Перетаскиваем выделение в наш файл с текстом:

Огненный текст

6. Берем ластик и стираем всё лишнее, оставляя огонь только вокруг букв. Затем дублируем слой, выставляем ему режим смешивания Overlay. Opacity (непрозрачность) слоя-оригинала ставим 50%:

Огненный текст

7. Точно также обрабатываем все остальные буквы (можете использовать при этом другие изображения огня):

Огненный текст

Вот и всё, огненный текст готов!)

На этом урок закончен, до новых встреч на страницах сайта psforce.ru

M@X
Веб-дизайнер, основатель проекта psforce.ru и студии веб-дизайна Disarto.

Комментарии (10)

  1. ВиКаминкА:

    Максим, а можно узнать, какую версию Фотошоп вы использовали для этого урока?

    • M@X M@X:

      CS5. Версии, начиная с CS3 очень мало чем отличаются, буквально несколькими функциями. К примеру этот урок можно выполнить как в фотошопе CS2-3, так и в CS4-6.

  2. ВиКаминкА:

    а как вам можно выслать скрин (фото)? просто у меня в опциях Фотошоп CS5 абсолютно все не так.
    Посмотрите наглядно, может что подскажете ;-)

  3. M@X M@X:

    Скрин можно залить например на imageshack.us. А потом в комментарий здесь вставить код, который будет называться превью-картинка. Так что прямо в комментариях и посмотрю)

  4. ВиКаминкА:

    Вот ссылка, это фото с настроек Layer -> Layer Style -> Blending Options, посмотрите пожалуйста. :(
    http://img811.imageshack.us/img811/1333/02032010592.jpg

    • M@X M@X:

      Ну так всё верно. Ваше меню абсолютно такое же, как и у меня. Обратите внимание на галочки слева. Окно, скриншот которого вы скинули, состоит из 2 частей. Слева находятся параметры, а справа их настройки. К примеру в самом начале шага 3 этого урока нужно настроить внешнее свечение (Outer Glow). Для этого отметьте в левом окошке соответствующую галочку и сразу перед вами предстанут нужные настройки. Тоже самое со всеми остальными параметрами. На скриншоте вы находитесь на первой вкладке, а там 13 таких вкладок, и на каждой есть настройки ;)

  5. ВиКаминкА:

    Ахахахах вот я чайник. Спасибо большое!!!!!!!! А ведь вроде не глупая и так вот запоролась ))))))))

  6. Родион:

    А можете картинки обновить, у меня не все отображается?

Оставить комментарий

Имя: *

Сообщение: