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

#61 написал: Hamannd (24 мая 2008 14:22)
всем приффф!!!Урок просто крут))))но уменя возникли проблемы в 8шаге и с наложением слоёв....ни чего там не получается((((мож кто подскажет что нужно сделать плизз.....оч хоцо урок пройти....хотя делал все по уроку......
#62 написал: xz (1 июня 2008 03:01)
Заработок в интернет

1) Кликаем по ссылке: http://bux.to/?r=megasxlr


2) Нажимаем "Register" в правом верхнем углу

3) Заполняем данные и регистрируемся))

Подразумевается, что Вы уже зарегистрированны в Alertpay, имейл которого Вы введете в поле "* AlertPay E-mail Address For Payments:" Если еще нет- читайте мою прошлую статью про AlertPay.

Если с английским туго, смотрите сюда: ( картинка кликабельна )

Да, там в поле referer должно быть написанно megasxlr. Конечно, можно стереть это, но при этом ни я не получу денег за то, что пригласил вас, ни Вы не получите бонусов на 9 центов. Такчто это крайне не рекомендуется
#63 написал: inDesign (30 июня 2008 23:37)
просто жесть!! офигительно
#64 написал: yanepsih (6 июля 2008 21:55)
Что-то у меня не получается из Illustrator в PhotoShop скопировать объект((( Недостаточно просто переместить или скопировать-вставить? как-то иначе делается?какие-то нюансы?(
#65 написал: lifer_s (26 июля 2008 00:47)
урок суппер, спасибо
#66 написал: Jenka (9 августа 2008 04:17)
привет!! классный урок!! правда в некоторых шагах эфект получался координально другой, но я не здавался и немного другими способами и параметрами наложения получил вот что:
[IMG=http://img112.imageshack.us/img112/
9267/spaceprojectwj4.th.jpg]
#67 написал: Jenka (9 августа 2008 13:46)
привет!! классный урок!! правда в некоторых шагах эфект получался координально другой, но я не здавался и немного другими способами и параметрами наложения получил вот что:
клик :)
#68 написал: mei (13 августа 2008 16:44)
Ребята, не знаю, как вы делали, но в моем фотошопе цс2 нету мода lighter colour. Так что как правильно смешать слои огня я не знаю(( а все так хорошо выходило((
#69 написал: BaB3R (17 августа 2008 21:25)
Перевод конечно зачотный, но блин, огонь я такое фиг сделаю, хоть я вроде и не очень нубик))
#70 написал: andrey_markov (26 августа 2008 13:09)
Спасибо за урок...все получилось с первого раза!!!!
#71 написал: саня бабаня (24 сентября 2008 22:43)
это анимация взрыва типа !!!!!!!!!!!!!!!
#72 написал: я (29 сентября 2008 21:31)
да не ее это урок!
#73 написал: nniger (3 января 2009 23:07)
Сложно... но безусловно оч красиво feel
#74 написал: Giz (2 марта 2009 15:12)
Уе =))) Кульный Урок просто и доступнО обьясненный !!ВеРи Респект Усе получилОсь =) Единственное для 3d текста заюзал Xaru3d =)
#75 написал: ENDorFiN (22 июля 2009 00:47)
Хочется выразить огромную благодарность авторам сайта! Продолжайте в том же духе. Пока получается плохо данный эффект, но надеюсь со временем получится...)
#76 написал: RASAMAXA (5 ноября 2009 23:33)
Прикольно получилася огненая буква! Нада будет пробануть ето зделать
#77 написал: andriy1111 (18 ноября 2009 13:08)
вот блин делал все как тут написано, даже с тем же словом. вот только 1 проблема, у меня изза огня буквы "О" не видно, а у вас она светится
#78 написал: Bes (15 февраля 2010 16:39)
Половина не понятно написано, много моментов пропущено (когда использовать одну программу когда другую, где что искать), для новичка вроде меня это сложно.
Вот есть несколько вопросов, буду рад если Вы LuLu мне поможите:
1) Как сделать что бы можно было делать раздельные фигуры с помощью Лассо? Нарисовываешь одну фигуру, нажимаешь в другом месте и она исчезает.
2) Все слои при копировании одинаковые будь то первый второй или третий, то есть картинка изменяется на всех слоях. Так и должно быть?
3) Куда заходить что бы сделать это: "Установите цвет переднего плана в светло-серый, а цвет фона в черный."?
4)Куда заходить что бы сделать вот этот пункт (вкладки Тон нет):
"Затем идем в Hue/Saturation, ставим галку у Colorize и выставляем желтый/оранжевый цвет ползунками."?
5) Какой файл нужно создавать, с какими параметрами? (разрешение, цветовой режим и прочие настройки)
6) Как делать пламя? Создал белое "облако", откорректировал настройки, а дальше куда заходить?

#79 написал: mad_man (16 февраля 2010 00:06)
Bes
урок не делал, но так проглядел мельком...могу ответить на пару вопросов)
1. если Вы про Шаг 2, то с помощью лассо делается выделение на разных слоях, в начале на одном, применяется эффект. после создается еще один слой и на нем делается другое выделение. Если нет, то нарисовать несколько фигур с помощью лассо можно зажав кнопку Shift.
3. цвет переднего фона и фона, это два квадратика на панели инструментов (в самом низу панели инструментов), по умолчанию стоят черный и белый..foreground color и background color
4. Image-adjustment-hue/saturation или комбинация клавиш Ctrl+U

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

Новые уроки

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

Часть 1


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


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


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

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

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

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

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


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

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