Преглед на урок
Анимиран огън
Урока е подходящ само за напреднали потребители във Photoshop и ImageReady! В този урок, ще е необходимо да работим на черен фон, но след завършване на процеса, можете да промените фоновия цвят по ваш избор.
1/ Правим нов документ с размери 600х200 и заливаме в черно:

2/ Направете нов слой (Ctrl+Shift+N).

3/ Вземете инструмента Rectangular Marquee Tool и направете в долната част селекция по цялата дължина с широчина около 1 см. Залейте селекцията с бял цвят (Alt+Delete).

4/ Деселектирайте (Ctrl+D) и добавете Filter -> Blur -> Guassian Blur със стойност между 10-15px.

5/ Дублирайте този слой 3 пъти (Ctrl+J). Трябва да имате 4 слоя, направете горните 3 невидими (махнете очето пред тях) и изберете най-долния (този над черния).

6/ Вземете инструмента Smudge Tool.

7/ Направете следните настройки:
8/ Кликвате в бялото и задържайки ляв бутон на мишката, изтегляте нагоре фигури, наподобаващи пламъчета, като се стремите да променяте извивката на някои от тях и в двете посоки (ляво и дясно). Тук трябва да проявите вашето въображение!

9/ Ще се наложи да сменяте размера на четката с по-малък. В крайна сметка рисунката ви трябва да се доближава максимално до тази:

10/ Когато сте готови, изключете този слой и преминете към по-горния:

11/ Повторете тази стъпка, като се стремите рисунката да стане подобна на предходната но извивките на "пламъчетата" да се разминават:

12/ Трябва да повторите този процес и за останалите 2 слоя и когато имате 4 рисунки можете да преминете към процеса на сглобяване:
13/ Ако сте с по-стара версия от CS2, сега трябва да направите преход към ImageReady.
За Photoshop CS2 и следващите, няма нужда.
Ако панела за анимиране не е отворен, отворете го от Window -> Animation:

14/ В тази част на урока ще трябва сами да подредите слоевете според вашите рисунки и да изберете комбинацията, която се доближава максимално точно до реализма, в случая движението на пламъците трябва да комбинирате слоевете, като експериментирате, може да слагате по 2 и по 3 слоя в една рамка, а дори и повече. След като ги подредите, преминете към оцветяването:
Layer -> New Adjustment Layers -> Color Balance

Стойности:
Midtones: [+60] [0] [-15]
Shadows: [+100] [0] [-30]
Highlights: [+50] [0] [-30 ]
В следващите картинки ще видите как точно автора на този урок е комбинирал слоевете, за да постигне крайния ефект:





Ето резултата:

За да запазите готовата анимация отворете менюто (Alt+Shift+Ctrl+S) и изберете формат GIF
Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.
Урокът е добавен от: maqpen4eva
Източник: http://www.webdesigntutorials.net/
Коментари
Ledenata
В ImageReady от меню File избираш Save Optimized As... и долу в полето да е на .gif формат. Ако не ти дава да избереш .gif, отиди /преди да сейфаш/ в панела Optimize и дай на реда Format: Gif и после си го сейфай по начина, по който ти казах вече
e3e3e3
АЗ ЕМОГА ДА СИ ГО ПУСНА!ЗАЩО?
maqpen4eva
Кое не можеш да си пуснеш? Обясни какво точно не си разбрал и в коя стъпка!
hockey_girl
ili v adobe photoshop v save to web...
3D_S7R1k3r
Стана много добре
haker_kocarov
ПИЧОВЕ МОГА ЛИ ДА НАПРАВА ТАКА АМА ТЕКСТ ?? БЛАГОДАРЯ ПРЕДВАРИТЕЛНО
saikoro
уролът е супер получава ми се, но въпросът ми е как мога давкарам текст зад пламъците?
valgb
Как да сменя фона без да ми се променят пламъците
maqpen4eva
Ако анимацията вече е направена, избираш първия фрйм в панела Animation, после в панела Layers избираш слоя с фона и го сменяш
koteto123
Много лесно даже и за най-безотчаяния ето го и моя гиф http://picasaweb.google.com/koteto123/Photoshop/photo#5193959951700079138
d3ath_man
аз немам това тъпо smudge tool
mars4eto
ето го мойто :)
http://i330.photobucket.com/albums/l423/mars4eto/fire.gif
PlaYeR_bg
Аз го пробвах на текст не се получи мн добре ама ..
http://s700.photobucket.com/albums/ww10/PlaYerBG/th_Untitled-4-copy-1.gif
ahaa
Не е особено реалистично, но става!
Добави коментар




