Направете своята безплатна регистрация и се възползвайте от пълните възможности, които предлага iTSchool

Преглед на урок

Анимиран огън

Анимиран огън




Урока е подходящ само за напреднали потребители във 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

PlaYeR_bg

Аз го пробвах на текст не се получи мн добре ама ..

http://s700.photobucket.com/albums/ww10/PlaYerBG/th_Untitled-4-copy-1.gif

ahaa

Не е особено реалистично, но става!

Добави коментар

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.