Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Креатив » Впечатляющий эффект огня

Впечатляющий эффект огня

Автор: LuLu | Категория: Креатив, Эффекты с текстом | 1-12-2007, 06:05

В этом уроке Фотошоп я покажу как создать эффект огня, похожий на тот, когда объект проникает в земную атмосферу. Все мы знаем, как трудно нарисовать огонь, здесь я покажу как это можно легко и быстро сделать, задействуя всего 3 стандартных фильтра Photoshop. Предметом может быть комета, спутник, абсолютно любой объект или плод Вашей фантазии, я сделал на примере текста. Кстати, вдохновила меня иллюстрация для фирмы Nike, ее можете просмотреть здесь. Это отличный способ искать вдохновение, быть в курсе событий в мире дизайна и можно многому научиться, просматривая работы других великих дизайнеров. А теперь перейдем к практике.

Шаг 1.

Создайте новый документ и залейте его темно-мерым цветом #121617.

 

Впечатляющий эффект огня

 

Шаг 2.

Создаем новый слой, назовем его "Clouds" и используя инструмент Lasso Tool (L) сделайте выделение подобно моему на скриншоте. Затем смягчите выделение при помощи Select > Modify > Feather (Alt+Ctrl+D), введите значение в зависимости от размера документа, например 50.

Установите в качестве цвета для фона 50% серый (на палитре Swatches), а в качестве цвета для переднего плана темно-серый (цвет фона). Далее идем в Filter > Render > Clouds, создаем "облака". Затем идем в Images > Adjustments > Levels и двигаем ползунки чтобы, облака были не слишком светлыми или темными. Смотрите скриншот.

Этот слой должен быть верхним.

 

Впечатляющий эффект огня

 

Шаг 3.

Создаем еще один слой и повторяем Шаг 2, только в этот раз берем цвет для фона не 50% серого, а голубой или зеленый цвет. В этот раз будут облака по меньше и светлее тех, что были в прошлом шаге.

Шаг 4.

Теперь перейдите в Adobe Illustrator и напишите любой текст. Я использовал шрифт Times New Roman. После этого идем в Effect > 3D > Extrude and Bevel и сделаем 3D-текст. Поверните объект и измените перспективу, Вы можете использовать такие же настройки как у меня.

 

Впечатляющий эффект огня

 

Шаг 5.

1. Скопируйте 3D-текст и вставьте его в Adobe Photoshop.
2. Отцентрируйте и добавьте немного шума с помощью фильтра Noise (Filter > Noise > Add Noise).
3. Теперь идем в настройки стиля слоя Layer Style (Layer > Layer Style > ). Сначала добавьте Bevel and Emboss.
4. После этого зальем градиентом, для этого идем в вкладку Gradient Overlay.

Урок Photoshop - горящий текст
 

 

Шаг 6.

1. Скопируйте слой со шрифтом и примените фильтр Motion Blur (Filter > Blur > Motion Blur).
2. Выставьте значение для размытия в -53.
3. Измените режим наложения слоя на Linear Dodge.
4. Создайте папку на палитре слоев и поместите в нее эти 2 слоя со шрифтами, переименуйте ее в Typo.

 

Впечатляющий эффект огня

 

Шаг 7.

Создайте новый слой и повторите Шаг 2, на этот раз выделение быдет позади объекта, в нашем случае за буквой "Т", будет что-то похожее на выхлоп.

 

Впечатляющий эффект огня

 

Шаг 8. Создаем огонь.

1. Создайте новый слой и назовите "fire1".
2. Установите цвет переднего плана в светло-серый, а цвет фона в черный.
3. Снова идем в фильтр Clouds, как в Шаге 2.
4. Откорректируйте настройки Levels для понижения контраста.
5. Затем идем в Hue/Saturation, ставим галку у Colorize и выставляем желтый/оранжевый цвет ползунками.

 

Впечатляющий эффект огня

 

Шаг 9.

Создайте новый слой, назовите “blazes” и повторите Шаг 8. После этого скопируйте слой и назовите его “flames”. Создайте папку на палитре слоев и поместите в нее слои Fire1, Blazes, и Flames и назовите папку Fire. Она должна быть над папкой Typo.

уроко Фотошоп - fire text
 

 

Шаг 10.

Перейдите на слой “blazes” и далее поработаем в фильтре Liquify (Filter > Liquify). Выбираем иснтрумент Turbulence Tool (T) и по краям огня работаем этим инструментом, пытаясь добиться "языков" пламени. Инструмент похож в работе на Smudge Tool.

 

Впечатляющий эффект огня

 

Шаг 11.

После фильтра Liqufy идем в Edit > Transform > Warp и "вытягиваем" языки пламени по направлению, примерно как на скришоте. После этого добавим резкости огню, зайдя в Filter > Sharpen > Sharp.

 

Впечатляющий эффект огня

 

Шаг 12.

1. Создайте новый слой и назовите его “yellow color”.
2. Создайте выделение в виде эллипса с feather 30px (для этого нажмите Alt+Ctrl+D и введите значение для радиуса смягчения выделения) и залейте выделение белым.
3. Затем идем в настройки стиля слоя Layer Style в Color Overlay, выбираем цвет для заливки - желтый и меняем режим наложения на Multiply.

 

Впечатляющий эффект огня

 

Шаг 13.

Порядок и режимы наложения для слоев:

1. Flames: Lighter Color
2. Blazes: Normal
3. Fire1: Lighten
4. Yellow Color: Multiply

Шаг 14. Искры.

Для создания искр воспользуемся настройками кистей. Создайте новую папку и назовите ее Sparks, она должна находится над папкой Fire.

1. Внутри папки создайте новый слой.
2. Зайлейте его черным и смените режим наложения слоя на Color Dodge.
3. Возьмем инструмент Brush Tool(B) и настроим ее.
4. В Brush Tip Shape установим диаметр в 12 и увеличим интервал.
5. Зайдите в Scattering и выставьте следующие параметры: Scatter: 1000%, Control: Off, Count: 2 и Count Jitter: 100%.
6. Установим белый цвет для кисти и начнем рисовать искры.

 

Впечатляющий эффект огня

 

Шаг 15.

Создайте новый слой и повторите Шаг 14, но в этот раз измените в настройках кисти параметр Scatter Option на 0%, таким образом можно изобразить четкие линии с завитушками.

 

Впечатляющий эффект огня

 

Шаг 16.

Здесь я использовал кисти от GoMedia SprayPaint (со второго сета) для создания мелких частичек, выставив режим наложения для слоя в Color Dodge, но Вы можете также повторить Шаг 14, изменив лишь диаметр кисти.

Урок Фотошоп - рисуем огонь
 

 

В заключение.

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

 

Впечатляющий эффект огня

 

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

Буду рада, если покажете свои труды после выполнения этого урока :)

Via



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

Другие новости по теме:


Просмотров: 75394 | Напечатать | Комментарии (79)

#1 написал: doozer (1 декабря 2007 11:38)
интересненько wink
#2 написал: Fess (1 декабря 2007 12:18)
мне понравился урок)можно креативненько его использовать smile
#3 написал: Люленчик (1 декабря 2007 13:30)
оч красиво, щас попробую сделать.. winked
#4 написал: blackfly (2 декабря 2007 07:11)
Здорово. :) Жалко, что пока применить негде.
#5 написал: silverman (2 декабря 2007 10:34)
какая-то хрень непонятная))) wink am
#6 написал: Flander (2 декабря 2007 12:17)
офигительный урок проста супер ! Спосибо LuLu !!!
#7 написал: SiriusPRO (2 декабря 2007 12:31)
Не получилось..жаль..
#8 написал: КИПЕЛОВка (2 декабря 2007 16:34)
класненько
#9 написал: belez (2 декабря 2007 17:49)
урок классный..но ниче не получается уже на первых двух шагах :(
#10 написал: no_aquello (2 декабря 2007 21:39)
это урок с демиарта а за перевод спасибо
#11 написал: LuLu (2 декабря 2007 22:10)
Почему "с демиарта"? Я не слежу за тем какие они уроки переводят, а перевожу те, которые мне по душе. Текст не такой, а источник видать тот же.
#12 написал: Olisa (3 декабря 2007 02:04)
Все клево!
Отличная возможность подробно разобраться!
Спасибо!
#13 написал: Terminal (4 декабря 2007 01:05)
Спасибо большое за урок! Однако с первых же шагов зашел в тупик...
А на какой версии Photoshop и Illustrator это делалось?
Еще раз спасибо!
#14 написал: LuLu (4 декабря 2007 02:16)
Я думаю это была версия CS2, но на МАКе, но принцип тотже, в программах нет отличий.
#15 написал: hereis (5 декабря 2007 14:19)
легко сказать!
пойди туда - не зная кудаEffect > 3D > Extrude and Bevel

LuLu!
где такой плагин можно надыбать?
подскажи, а...?
очень хоццо урок пройти!
плиииз!
#16 написал: LuLu (5 декабря 2007 15:23)
hereis, это функция в Adobe Illustrator. Там же написано: "Теперь перейдите в Adobe Illustrator и напишите любой текст. Я использовал шрифт Times New Roman. После этого идем в Effect > 3D > Extrude and Bevel..."
#17 написал: Terminal (5 декабря 2007 23:47)
Спасибо большое, Lulu! Всё получилось! Не так конечно же красиво, как в уроке, но все-таки... Спасибо!

Единственное, я не понял, как "удерживая клавишу Alt, создавать "облака"...
#18 написал: LuLu (6 декабря 2007 11:21)
Terminal, я тоже не поняла как это с Alt рендерить, но зато обратила внимание, что создавая облака в первом и последующем шаге был упущен один момент. Те, кто давно в фотошопе, его сразу заметят и сделают, а новички будут сетовать что не полчился эффект.
Перед тем как идти в Filter>Render, сделайте смягчение выделения при помощи Select>Modify>Feather (Alt+Ctrl+D), введите число в зависимости от размера документа, т.е. это может быть и 50 и 100... Тогда при создании "облаков" у Вас не будет четкой границы. И второй цвет выбирайте цвет фона, чтобы наложение было еще менее заметным.

Дополню-ка я статью этим моментом :)
#19 написал: Andy7 (11 декабря 2007 08:46)
Не подскажете как называется фильтр Liqufy на русском ?
#20 написал: Опа (12 декабря 2007 18:39)
Какая-то хрень облака вобще не получаются. Объясните кто-нибудь плиз!
#21 написал: Vizael (13 декабря 2007 01:12)
Спасибо.
Действительно впечатляет.[/right]
#22 написал: Guard (15 декабря 2007 11:29)
Клево! wink
#23 написал: hereis (17 декабря 2007 18:34)
Теперь перейдите в Adobe Illustrator и напишите любой текст. Я использовал шрифт Times New Roman. После этого идем в Effect > 3D > Extrude and Bevel...

да как же такое не понять? что это в Adobe Illustrator

у меня в Adobe Illustrator такого нет belay
вот дела... crying
#24 написал: LuLu (17 декабря 2007 18:42)
Цитата: hereis
lustrator такого нет belay
тогда не знаю.. это стандартный эффект.
#25 написал: -Андрей- (18 декабря 2007 11:46)
как называется фильтр Liqufy в русской вверсии фотошопа кс3 ?
#26 написал: hereis (18 декабря 2007 13:49)
как называется фильтр Liqufy в русской вверсии фотошопа кс3 ?

так и называется Liqufy!
только в английской версии CS3! lol

тогда не знаю.. это стандартный эффект


все ок!
тормознул немного...
никогда еще им не пользовался
пришло время! tongue

вот теперь будет у меня такая аватарка fellow
спасибо за урок
#27 написал: SilentHunter (22 декабря 2007 09:47)
Цитата: -Андрей-
как называется фильтр Liqufy в русской вверсии фотошопа кс3 ?

"Пластика" однака.. сам искал долго:)) Оказалось все так просто
Если перевод не совпадает то проще Shift+Ctrl+X

В целом у меня получилось.. есдинственно не разобрался с кисточками:( Натыкал вручную это дело...

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

А вот картинка сама:)

http://www.filestock.ru/8641533430/Booo.jpg
#28 написал: -Андрей- (22 декабря 2007 12:43)
Спасибо, у меня есть еще один вопрос ? Как в Фотошопе CS3 сделать 3D текст ? imageready торже нету в кс3, но анимацию делать можно, заходишь в "Окно" , и там есть "АНИМАЦИЯ"... Может Adobe Illustrator тоже можно найти где-то там ?
#29 написал: Ze (23 декабря 2007 21:40)
У меня получилось smile
Класный урок! Респект автору!
#30 написал: SilentHunter (24 декабря 2007 05:01)
Цитата: -Андрей-
Может Adobe Illustrator тоже можно найти где-то там?

Это отдельная программа при том векторная, а не функция... Можно качнуть отдельно.. У меня была в комплекте...
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Создание шоколадного вулкана с использованием 3D-эффектов. Часть 1
Создание шоколадного вулкана с использованием 3D-эффектов. Часть 1

Часть 1


Дизайн завораживающего постера для Часа Земли
Дизайн завораживающего постера для Часа Земли


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


Выделенные области в Photoshop Часть 2
Выделенные области в Photoshop Часть 2

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

Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

При перепечатке материалов с сайта ссылка на источник обязательна (кликабельная и не шифрованая).
Запрещено вносить изменения в графический материал, например, обрезание водяного знака или перекрытие его своим знаками.