Създаване анимиран часовник

В задачата се използват техниката за създаване на покадрова анимация във Flash и прилага Classic Tween за поточна анимация. За изпълнение на задачата се използват инструментите във Flash за създаване на векторни изображения.

1. Стартирайте програмата Adobe Flash CS4. Отворете flash документа clock.fla. Той съдържа основата за направа на часовника.

2. Сега ще направим циферблата на часовника. Създайте триъгълник в полето за рисуване с инструмента Polystar Tool , без контур и цвят #333333 (фиг.12.1.1).

3. Променете центъра на тригъгълника. Изберете инструмента Free Transform Tool . Около обекта се появяват двата манипулатора за трансформиране. Издърапайте белия кръг от центъра на триъгълника вляво (фиг.12.1.2).

4. Конвертирайте триъгълника в графичен символ като натиснете F8 и му задайте име triangle. Задайте Registration вляво в средата.

5. Изберете инструмента Deco Tool . В панела Properties в секцията Drawing Effect изберете Symmetry Brush. След това от Edit изберете символа на триъгълника. В секцията Advanced Option изберете Rotate Around. Променте на 30 градуса ъгъла на линията с x на инструмента Deco Tool. Кликнете из завъртете, така че радиално разположените триъгълници да отговарят на цифрите на часовника (фиг.12.1.3).

Изтрийте обекта триъгълник, като го селектирате и натиснете Delete от клавиатурата.

6. Създайте нов слой с име big hand. Нарисувайте с инструмента Line Tool голямата стрелка на часовника (фиг.12.1.4). Преместете центъра на обеката с Free Transform Tool в долния край на стрелката. Конвертирайте стрелката в графичен символ (F8) със същото име като на слоя в който е.

7. По аналогичен начин на нов слой с име little hand създайте и малката стрелка на часовника.

8. Преди да завъртите малката стелка, във времедиаграмата зазширете дължината на кадрите за слой clock, където се намира основата на часовника. В слой clock кликнете в кадър 240 и натиснете F5.

9. Сега ще анимираме малката стерлка. Отидете на слой little hand, кликнете в кадър 20 и натинете F6, за да създадете ключов кадър. Ше създадем покадрова анимация в 12 кадъра, която да представя движението на малката стрелка в часовника. Характерно за покадровата анимация е че променя съдържанието си в ключовите кадри. Завъртете малката стерла на 1:00 часа в кадър 20 (фиг.12.1.5).

10. Повторете същото действие във всеки двадесети кадър от времедиаграмата, като завъртате малката стрелка на следващия час.

11.Нека анимираме голямата стрелка. До преминаването на малката стрелка към следващия час тя трябва да се завърти през целия циферблат. За целта ще използваме анимация по междинни фази (tweening). Анимацията по междинни фази изглажда промените помежду два ключови кадъра с различно съдържание, така че кадрите да се визуализират плавно, а не накъсано, както би станало при покадровата анимация. Отидете на слой big hand и задайте ключов кадър в кадър 240. Кликнете в кадър 1 и избрете менюто Insert | Classic Tween. В панела Properties в секция Tweening в Rotate изберете CW (завъратане по часовниковата стрелка)със стойност 12 (фиг.12.1.6).

12. Възпроизведете филма на сцената на филна във Flash като издърпате възпроизвеждащата глава през кадрите или като използвате бутоните Controller (Window | Toolbars | Controller). Тествайте филма, за да видите анимацията CTRL + ENTER или изберете Control | Test movie. То този начин ще създадете SWF файл в папката, където се намира Flash документа.