Сделать стартовой Добавить в закладки Обратная связь Новости по 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



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

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


Просмотров: 74554 | Напечатать | Комментарии (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 тоже можно найти где-то там?

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

Новые уроки

Домик из Ботинка
Домик из Ботинка

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

Шаг 4: Создаем магический куб
Займемся созданием зловещего куба. Сначала откроем изображение с белым кубом. Для того, чтобы отделить его от фона, воспользуемся инструментом Полигональное Лассо (Polygonal Lasso Tool (L)).
Создание надписи в стиле “Transfarmers” при помощи стилей слоя Photoshop
Создание надписи в стиле “Transfarmers” при помощи стилей слоя Photoshop

На сегодняшнем уроке мы покажем вам как, используя стили слоя Photoshop, создать текст в стиле фильма Трансформеры. Итак, приступим!
Популярные статьи

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

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


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

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