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

Анимирана светлина от фенерче

Анимирана светлина от фенерче




1/ Отворете си подходяща картинка File - Open:



2/ Създайте нов слой, като кликнете по иконката в долния ред на панела Layers или (Shift+Ctrl+N)
Запълнете го с черен цвят с (D -> Alt+Delete)



3/ Намалете изгледа на 50% (Ctrl-)
Отидете в Edit - Free Transform и увеличете размерите на слоя извън пределите на документа, като задържите Alt+Shift и издърпате навън една от ъгловите точки:



4/ Върнете изгледа на 100% (Ctr+)
Намалете прозрачността на черния слой, за да виждате картинката:
Opacity: 70%



5/ Вземете Eraser Tool (E), мека четка около 100рх; Opacity: 100%; Flow: 100% и кликнете еднократно върху елемента, който искате да "осветите":



6/ Увеличете размера на четката на 250рх, намалете Opacity: 60% и кликнете върху същия елемент:



7/ Възстановете прозрачността на слоя на 100%:





8/ Ако сте с версия CS2 или следващите, отворете панела за анимиране: Window - Animation
Ако сте с по-стара версия преди това преминете в ImageReady

9/ В панела има създаден по подразбиране един кадър!
Вземете инструмента Move Tool (V) и преместете черния слой, надолу така, че светлото петно да заеме позиция, от която ще започне осветяването.
(за да местите успешно петното, трябва да кликнете с инструмента върху плътния черен цвят, а не на самото петно и със задържан ляв бутон на мишката да го местите)
Създайте нов кадър:



10/ Отново с Move Tool (V) преместете слоя така, че светлото петно да заеме следващата позиция:



11/ Кликнете върху първия кадър за да го маркирате като активен и натиснете бутона Tween.
В прозореца, който ще се отвори, направете следващите настройки:



Ще се добавят 5 междинни кадри, които ще направят движението на петното плавни!

12/ Маркирайте последния кадър, за да го направите активен и създайте нов кадър.
Преместете отново светлото петно в друга позиция:





13/ Маркирайте предпоследния кадър и отново натиснете бутона Tween със същите настройки:



14/ Маркирайте последния кадър, създайте нов и преместете светлото петно върху елемента:





15/ Маркирайте предпоследния кадър, натиснете Tween и поставете същите настройки както преди.

16/ Сега маркирайте последния създаден кадър, натиснете Tween и сложете следващите настройки:



17/ Изберете кадъра, в който светлото петно осветява елемента върху който искате да задържите вниманието и задайте интервал за време 1.0 sec (или повече - по ваша преценка)



18/ Сега изберете всички кадри едновременно от менюто, което се отваря от малката стрелка горе в дясно на панела Animation.



19/ Натиснете Ctrl и кликнете върху кадъра, на който зададохте вече интервал, за да го изключите.
Задайте интервал за време на всички кадри 0.1 sec
(Можете разбира се да си поекспериментирате с интервалите за време за да получите различни резултати)



20/ Натиснете бутона Play за да видите резултата:





21/ Запазете готовия резултат от File -> Save for Web (Alt+Shift+Ctrl+S)
От падащото меню изберете GIF.
Тук можете да намалите и размерите в Image Size



За ImageReady запазете от File -> Save Optimized as (Ctrl+Shift+Alt+S)

Резултата:



Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: maqpen4eva
Източник: http://demiart.ru/

Коментари

CBETJIb0

Мерси за урока
ето моя опит :

http://i.data.bg/08/07/27/1073895_orig.jpg

clarity

Чудесен урок, при това лесен!!

rbd_rebelde

АЗ НЯМАМ Animation :((((КАКВО ДА ПРАВЯ

rbd_rebelde

А ИЗВИНЕТЕ РАЗБРАХ ГО :)

bufa

евала:) толкова добре е обяснено :)

Dionisov

Имам проблем - не намирам някои инструменти. Сигурно защото съм с Адобе Илюстрейтър? Ако е така дайте линк за Пхото шоп за да го дръпна. Моля ви се!

Dionisov

http://picbg.net/img.php?file=21d9d36fafd022e2.gif

boceto

наистина е добре обяснено пък нее и толкова трудно

ivod2e

"АЗ НЯМАМ Animation (((КАКВО ДА ПРАВЯ" отвори от Windows>Animation и ще ти се появи Animation-на

redulan

имаш иди на windols>animation кликаш и ти го отваря :)

TomDelonge

СУПЕР ЯКО ПОЛУЧАВА СЕ ВСИЧКО обяснено е перфектно

Babinoto

na animation sa mi ednakvi kakto i da go v1rtia pomo6t

silver dream

ОО урока е супер , направо върха

sweetforever

da va eba we samo si go razvalih mnoo ste tapi

Dark-PS

http://i407.photobucket.com/albums/pp151/dark_ninjajunior/LelouchSiggyK002.gif


Само незнам защо не е плавно...

pppnaskoppp

Когато съм в анимацията ТОВА "Tween With" го имам НО ! нямам не МИ ДАВА FIRST FRAME ! ПОМОЩ МОЛЯ ИЗПОЛЗВА ЦС 3 ФоТОшоп ! ! ! !

maqpen4eva

Трябва да е маркирам последния кадър:

16/ Сега маркирайте последния създаден кадър, натиснете Tween и сложете следващите настройки:

Turst

Значи аз по малко по различен начин го нправих иначе си е сащият много добър ефект и задължително урок.Ето моя резултата и кайете как сам се справил http://picbg.net/img.php?file=6054c1463995280b.gif

kiro_stb

Много е бързо и лесно , Ето и опита ми :

http://www.freepicsupload.com/pics/-p!c05522sa.gif

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

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