Snabböversikt över en Edge Animate-komposition

Processen för att skapa en Edge Animate-komposition skiljer sig inte så mycket från att skapa någon annan typ av innehåll. När du börjar bör du tänka på vad, var och hur du vill att din animation ska visas. Kommer din animation att vara en del av en befintlig webbplats? Lägger du till en animation för att komplettera en bok? Begär din kund efter en helt ny animerad logotyp?

Kanske vill du skapa en annons som ska visas på webben? Du kan skapa alla dessa projekt med Edge Animate.

Här är den grundläggande dispositionen för att skapa en Edge Animate-komposition:

Bestäm hur du och din publik kommer att använda denna animation.

Samla dina bilder och andra tillgångar.

Skriv en disposition.

Skapa och spara vanliga element som knappar för återanvändning senare.

Börja animera.

Spara och exportera din färdiga animation.

Innan du börjar animera, fundera på om din animation kommer att visas i en e-läsare, i webbläsaren, i iBooks eller vara en app för användning på både iOS- och Android-enheter.

Oavsett enhet, om den stöder HTML5 och JavaScript, kommer ditt Edge Animate-projekt att fungera smidigt.

Samla dina tillgångar

När du vet vad du vill skapa och var du vill att det ska visas, är det dags att börja samla dina tillgångar – elektroniskt ritade bilder, fotografier, textstycken eller en kombination av alla tre – som kommer att utgöra den slutliga animeringen. Edge Animate gör det enkelt att importera eller skapa dessa tillgångar.

Skapa ett skisserat tillvägagångssätt för din animation

Vid det här laget har du definierat syftet med din animation och konsten att göra den vacker. Nu måste du skapa en trådram, i huvudsak en översikt över hur du vill att din animation ska spelas.

Visst, du kan vinkla den och göra upp den allt eftersom, men en utmärkt idé är att föreställa dig din animation i ditt huvud och sedan skriva ner på papper hur du föreställer dig att din animation kommer att spelas från början till slut. Denna disposition ger en bas från vilken du kan arbeta.

Att göra symboler för ofta använda element

Om du vet att din animation kommer att innehålla många liknande element, eller samma element som upprepas om och om igen, vill du skapa dessa element först. Element är de olika delarna som utgör din animation. Ett element kan vara en ruta som du ritar, en textruta som du anger, en bild som du importerar och så vidare.

Ett element som du kanske vill återanvända kan vara en knapp eller en tillgång som du återanvänder under hela animeringen, eller någon typ av navigering som publiken kan använda.

När du har skapat det här elementet och fått det att fungera som du vill kan du spara det som en symbol. Du kan sedan exportera denna symbol för användning i andra projekt. På så sätt, om den här animationen blir en del av en serie animationer och du vill återanvända samma symboler, kommer du att ligga före spelet genom att ha några tillgångar redan sparade och redo att användas när du skapar den faktiska animationen.

Du kan till och med spara ett helt animationsprojekt som en symbol. Om du till exempel skapar en bildspelsanimering kan du spara hela bildspelet som en symbol, som du sedan kan exportera från Edge Animate - och sedan importera till ett annat Edge Animate-projekt.

Animatörer, börja din animering

När du har ett syfte med din animation, alla dina tillgångar är uppradade och redo att användas, och du har sparat dina flerfunktionselement som symboler, det är dags att börja animera.

För att börja animera importerar du dina tillgångar till scenen. Sedan använder du tidslinjen för att skapa nyckelbildrutor. En nyckelbildruta representerar en animeringssekvens. Om du till exempel animerar en ruta som rör sig från ena sidan av scenen till den andra, representeras den animeringen i tidslinjen som en nyckelbildruta.

Därifrån lägger du till åtgärder till dina element för interaktivitet. När du skapar din animation kan du förhandsgranska den för att se till att animeringen beter sig som du förväntar dig att den ska bete sig.

Spara och exportera din animation

När du är klar med att skapa ditt animationsprojekt vill du spara eller exportera din komposition för användning av din publik eller för användning i ett annat projekt eller designverktyg. Edge Animate erbjuder många alternativ för att exportera och spara ditt arbete. Likaså finns det mängder av alternativ för hur du kan presentera ditt arbete både online eller i iBooks, eller för användning med andra designverktyg.

Avslutar processen

Så småningom, genom denna process, har du skapat en animation med HTML5 och jQuery - utan att skriva en enda kodrad. Din publik kanske aldrig känner till tekniken som gjorde animationen de tittar på och interagerar med möjlig (för den delen kanske du inte helt förstår de avancerade kodningsteknikerna som gör det möjligt - eller någonsin måste).

Men det är skönheten med Adobe Edge Animate CC: Den gör allt det tunga lyftet bakom kulisserna, vilket gör att du kan luta dig tillbaka och göra det du är bäst på – skapa vackert animerat och interaktivt innehåll som kan svara på passform och form med valfritt antal skärmstorlekar och enheter.