Snabb översikt över en Edge Animation Composition - dummies

Processen för att skapa en Edge Animate-komposition inte är så annorlunda än att skapa någon annan typ av innehåll. När du börjar bör du överväga vad, var och hur du vill att din animation ska visas. Kommer din animering att vara en del av en befintlig webbplats? Lägger du till en animering för att komplettera en bok? Behöver din kund en helt ny animerad logotyp?

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

Här är den grundläggande översikten för att skapa en Edge Animation-komposition:

1. Bestäm hur du och din publik ska använda denna animering.

2. Samla dina bilder och andra tillgångar.

3. Skriv en översikt.

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

5. Starta animering.

6. Spara och exportera din färdiga animering.

Innan du börjar animera, överväga om din animation ska ses 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 enheten, 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 den 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 sista animationen. Edge Animate gör det enkelt att importera eller skapa dessa tillgångar.

Skapa en skisserad inställning till din animering

Här har du definierat syftet med din animering och konsten att göra den vacker. Nu behöver du skapa en wireframe, i huvudsak en översikt över hur du vill att din animation ska spelas.

Visst kan du vinge på det och göra det när du går, men en utmärkt idé är att bilda din animering i ditt huvud och sedan lägga ner på papper hur du kan tänka dig att din animation spelar från början till slut. Denna disposition ger en bas som du kan arbeta med.

Skapa symboler för ofta använda element

Om du vet att din animering innehåller många liknande -element, eller samma element som upprepas om och om igen, vill du skapa dessa element först. Elementen är de olika bitarna som utgör din animering. Ett element kan vara en ruta som du ritar, en textruta 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 animeringen, eller vilken typ av navigation publiken kan använda.

När du har skapat det här elementet och har det 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 animeringar och du vill återanvända samma symboler, kommer du att vara före spelet genom att ha några tillgångar redan sparade och redo att gå 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 bildspel, 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, starta din animering

När du har ett syfte för din animering, är alla dina tillgångar upptagna och redo att gå och du har sparat dina flera användningselement som symboler, det är dags att börja animera.

För att starta animering importerar du dina tillgångar till scenen. Sedan använder du tidslinjen för att skapa nyckelbilder. En keyframe representerar en animationssekvens. Om du till exempel animerar en ruta som flyttar från ena sidan av scenen till den andra, representeras den animationen i tidslinjen som en nyckelram.

Därifrån lägger du till åtgärder till dina element för interaktivitet. När du skapar din animering kan du förhandsgranska den för att se till att animationen uppträder som du förväntar dig att den ska fungera.

Spara och exportera din animering

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

Avsluta processen

Så småningom har du genom denna process skapat en animering med HTML5 och jQuery - utan att skriva en enda kodrad. Din målgrupp kanske aldrig känner till den teknik som gjorde den animering som de ser och interagerar med möjliga (för den delen kan du inte fullt ut förstå de avancerade kodningstekniker som gör det möjligt - eller någonsin måste).

Men det är skönheten i Adobe Edge Animate CC: Det gör allt tungt lyft bakom kulisserna, vilket gör att du kan luta sig tillbaka och göra det som du bäst gör - skapa vackert animerat och interaktivt innehåll som kan reagera på passform och form med vilket antal skärmstorlekar och enheter som helst.