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

Анимиран пясъчен часовник

Анимиран пясъчен часовник




1/ Нов документ 300х400 рх, бял цвят (White):
File -> New (Shift+Ctrl+N)

2/ Вземете Custom Shape Tool (U) в режим Shape Layers и цвят по избор.
Отворете палитрата и изберете формата с пясъчен часовник, начертайте я в пропорции, каквито прецените:





3/ Кликнете с Direct Selecton Tool (A) за да се появят възловите точки.
Вземете Delete Anchor Point Tool и кликнете подред на всяка една от точките, които оформят бялата фигура, която имитира стъклото в горната и долната част:



Трябва да ги почистите всичките и да получите това:



4/ Сега вземете Pen Tool (P) , кликнете в шейпа за да се покажат контурите в лентата за настройки натиснете бутона subtract from shape area (-)

Начертайте фигура с форма като на следващата картинка, за да изрежете мястото на стъклото:



5/ Дублирайте фигурата и я обърнете по хоризонтал, а после по вертикал ( първото се налага, защото готовата форма на часовника не е съвсем правилна)
Edit -> Transform -> Flip Horizontal
Edit -> Transform -> Flip Vertical
Наместете я в долната част:



6/ Можете да си запазите готовата формичка от менюто Edit -> Define -> Custom Shape
Ако случайно менюто не е активно, кликнете в кутийката с шейпа за да се появят контурите:





7/ Можете да добавите някакъв стил по желание от:
Layer -> Layer Style -> Blending Options
Настройки, които аз съм използвала:







8/ Растеризирайте шейпа с десен бутон по слоя и Rasterize Layer
Кликнете с Magic Wand Tool (W) в зоната на стъклото, за да селектирате.
Създайте нов слой под слоя с часовника и го запълнете с някакъв пясъчен цвят (#8c6239)
Дублирайте слоя, обърнете копието по вертикал и хоризонтал и го наместете там където трябва да е другото стъкло.
Използвайте Edit -> Transform -> Distort за да нагодите формите, така че да приличат на пясъчни купчинки:





9/ С Line Tool (U) в режим Path , 1px, начертайте линия по средата за струйката на пясъка.



Натиснете Ctrl+Enter за да обърнете пътя в селекция.
Създайте нов слой под слоя с часовника и запълнете със същия цвят, който използвахте за пясъка.
Както е активна все още селекцията, изберете слоя с часовника и натиснете Delete.

10/ Изберете слоя с едната купчинка, активирайте селекцията и отидете във:
Filter -> Noise -> Add Noise



11/ Изберете слоя с другата купчинка и натиснете Ctrl+F за да приложите същия филтър със същите настройки, после изберете слоя със струйката и го приложете и на нея по същия начин:

Часовника е готов и изглежда така:



Панела със слоевете има този вид:



Започваме подготовката за анимирането:

12/ Добавете маска на двата слоя с пясъчните купчинки от иконката в панела Layers



13/ С Rectangular Marquee Tool (М) , начертайте правоъгълна селекцията на едната половина ето така:



Select -> Feather (Select -> Modify -> Feather за Cs3), 10px, за да омекотите крайщата на селекцията:



14/ Кликнете в бялата кутийка на маската и запълнете селектираната част с черно (D -> Alt+Delete)
Повторете тези действия и за другата половина. Вследствие на това, купчинките с пясък, ще се скрият
Разкачете маските от двата слоя, като кликнете на малката верижка между тях:



15/ Ако сте с CS сега е момента да направите преход към ImageReady
За следващите версии - отворете панела за анимиране: Window -> Animation

16/ За първия кадър (Frame), изключете слоя със струйката, активирайте инструмента Move Tool (V) , кликнете в маската на горната купчинка и със стрелката от клавиетурата "Нагоре" я вдигнете до като се покаже цялата купчинка:



17/ Създавате нов кадър от иконката в панела Animation
За втория кадър, включете слоя със струйката, кликнете в маската на горната купчинка и свалете малко на долу, после кликнете в маската на долната купчинка и я вдигнете на горе ( не забравяйте че инструмента Move Tool трябва да е активен когато местите)



18/ Създавате нов кадър - трети - продължавате по начина описан в предходната стъпка, да сваляте горната купчинка и същевременно да вдигате нагоре долната.



19/ Следва да създадете поне още 3 кадъра по този начин докато станат 6 (може и повече за по-плавно движение), в последния седми кадър, трябва да се вижда изцяло долния слой, да е изцяло скрит горния и да е изключен слоя със струйката:



Задавате само на последния кадър по-голям интервал за смяна, ако искате малко да се задържи кадъра, при мен той е 1.0 sec, останалите при мен са 0.1 sec.
Менюто се отваря от малката стрелка, намираща се до надписа 0 sec под всеки кадър (Frame):




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



20/ Запазването на готовия файл става във формат GIF от:
File -> Save Optimized за ImageReady
File -> Save For Web за CS2 и CS3



По време на запазването можете да намалите и размера от Image Size



Автор: maqpen4eva

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




Урокът е добавен от: maqpen4eva

Коментари

sedri

Много лесно се получава!Мерси

http://img338.imageshack.us/img338/5447/5445ce8.gif

sedri

Хареса ми урока. Даде ми доста идеи.

CrAsH

Браво ;)

ivcho13

Блаво.Мн добра идея!

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

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