SWF Анимация

Безплатни 20 урока
регистрирай се и научи

Ако сте вече потребител - Регистриран съм
Видео
В този урок ще ви покажа, как да правим анимации.
В панела "animation" имаме много опции, с помоща на което може да направи обекти и елементи в нашия документ да променят размера си, видимостта си или позицията си.
За съжаление, тъй като анимирането е базирано на флаш технологии сме ограничени да експортираме документа, само като "SWF" файл.
"Indesign" анимациите няма да работят, когато се експортират като интерактивен "PDF" а също няма да работя в "EPAB" или "dps" проекти.
Ще отворя работния документ Уверете се, че работите с работна среда "digital publishing".
Иконката в дясно показва, че вече има поставен анимация.
Когато застана с мишката върху прозореца мога да видя "preview" на дадената анимация.
От прозореца "name" избираме име.
От "preset" имаме дълъг списък, от който може съберем различни анимации.
Те са адски забавни, интересни и горещо ви препоръчвам да минете през всяка една от тях и да видите, какво правят.
За "animation" аз избрах "fade in".
Ако сме приложили анимация върху обект и искаме да я махнем може да изберем "none".
От "event" избираме, какво ще задейства дадената анимация.
Ако не сме избрали "event" анимацията няма да се пусне.
Когато пипна на стрелката тук, виждам какви възможности имам.
"on page load" означава, че анимацията ще се пусне, когато страницата се зареди.
"on page click" означава, че ще активираме анимацията, когато кликнем някъде на самият лист.
"on click self" означава, че трябва да кликнем върху самият обект.
А последната опция " on rollover self" означава, че когато преминете с мишката върху обекта той ще се активира.
"on button event" може да направим бутон, с кликането на който да задействаме анимацията.
Също така може да има повече от "event" обективира анимацията.
Това онякога може да бъде подвеждащо.
От "duration" избираме, колко време ще отнеме анимацията да се зареди от началото до края.
От "Play" може да изберем, колко пъти ще се пусне анимацията.
Ако искаме тя да продължи безкрайно може да активираме "loop".
От "speed" може да поставим забавяне на анимацията в началото или в края или да имаме забавяне, както в началото така и в края.
По подразбиране поставям отново "preset", което означава, че ще се използва в зависимост от "preset", който сме избрали тук.
Ако не виждате панела разгънат по този начин кликнете стрелкичката и на "properties".
Следващата опция "animate" може да бъде малко подвеждаща, затова ще използвам тези три квадратчета, които се намират отстрани и вляво, за да разгледаме, какво се крие в панела.
Ще ги маркирам, след което от "preset" ще избера "move left and grow".
Тоест поставяме на трите квадратчета една и съща анимация.
Ще маркирам първият квадрат и за "animate" ще избера "from current appearance".
Ще маркирам следващия и ще избере втората опция "two current appearance".
Ще маркирам третия и ще избера последната възможност.
Ще кликна върху първото квадратче, след което ще кликна на зелената стрелка и ще я намаля малко.
От зелената стрелка разбирам, че квадрата ще започне да се движи от дясно на ляво.
Ще намаля дължината и на следващата.
От посоката на тази стрелка разбирам, че квадрата ще започне да се движи от ляво на дясно.
И последното квадратче ще се придвижи отново от дясно на ляво.
Сега ще кликна на тази икона тук, за да видя "preview" на цялата анимация.
Този ефект на уголемяване и намаляване в пространството го получихме, използвайки "preset" "move left and grow".
Ще кликна на "x", за да затворя "preview" и нека разгледаме останалите опции.
Ще маркирам първото квадратче и от "rotate" може да изберем да го рутираме.
От "scale" може да променим мащаба му.
Ще го направя на 150 и ще натисна "tab".
Ако кликна на средната иконка тук мога да видя прокси, което ми показва, колко голям ще стане квадрата в края на анимацията Ако искам отново мога да го намаля.
Ще го върна на 150 процента и ще натисна "tab" Ще маркирам следващия и тук отново ще го направя на 150%.
Маркирам първото квадратче и за "duration" ще избера 3 секунди.
За второто също ще избера 3 секунди и за третото 3 секунди.
Ще маркирам първото квадратче и от "opacity" може да изберем видимостта.
А от "visibility" може да изберем дали обектът да е скрит, докато не бъде пусната анимацията или да се скрият след като анимацията свърши.
Отново ще натисна "preview".
Нека да видим, какви настройки направихме сега.
"duration" ще го направя на 1,5.
Също ще направя и за останаите 2 квадратчета.
Имаме възможност да правим наш собствен път.
Ще избера "pen tool", ще кликна върху това квадратче и още няколко пъти да работят лист.
След което ще маркирам квадратчето заедно с пътя, който направих и ще кликна тази иконка.
"duration" отново ще го направя на 1,5 и ще клекна на "preview".
Ще го направя на 3 секунди и отново "preview".
Затварям този прозорец От панела "timing" може да променимe реда, по който ще се активират обектите.
Ще ги разместя и ще кликна отново върху "preview".
Както виждате може да получим страхотни ефекти, използвайки анимацията в "Indesign".
В момента ви показвам примери с кубчета, но анимация може да приложите на всеки обект в "Indesign".
Било то снимки, текст или други фигури.
И така това беше всичко за този урок, в който разгледахме, как да правим анимация в "Indesign".

Въпроси и отговори