Adobe Edge Animate CC: 6 funktioner som interagerar och anpassar sig

Adobe Edge Animate CC handlar om mycket mer än att flytta element runt på skärmen. Du kan använda många av dess funktioner för att skapa interaktivitet för din publik – och finjustera många fler för att konfigurera programvaran så att den passar dina preferenser:

• Interaktivitet: Du kan bygga helt interaktiva animationer med kontroller och åtgärder som knappar, länkar och loopar.

• Symboler: Du kan spara element du skapar (som knappar) och använda dem igen i en annan animering.

• Responsiv webbdesign: Edge Animate låter dig bygga en komposition som svarar på webbläsarens och enhetens fönsterstorlekar.

• Flera publiceringsalternativ: Edge Animate erbjuder många sätt att publicera din animation för användning i olika applikationer – som olika webbläsare och iBooks – eller så kan du importera din Adobe Edge Animation till olika Adobe-produkter som InDesign eller Muse.

• Teckensnittsval: Edge Animate ger en mängd olika teckensnittsval. Om du är noga med vissa typsnitt är den goda nyheten att om du kan hitta ett typsnitt på webben kan du med största sannolikhet använda det i din animation.

• Välj ditt språk: Om engelska inte är ditt modersmål och du föredrar att arbeta på (säg) tyska, spanska, franska eller japanska, då har Edge Animate dig täckt.

Att implementera interaktivitet intelligent

Adobe Edge Animate CC gör att du kan göra mycket mer än att bara rita och animera element. Du kan också göra dessa element interaktiva, vilket gör att din publik kan klicka på objekt för att få olika åtgärder att hända.

Du kan till exempel skapa knapparna Stoppa, Spela upp och Pausa för ett interaktivt bildspel. Du kan också skapa en meny genom att lägga till länkar som gör att din publik kan navigera till olika delar av dina animationer – eller till helt andra webbsidor.

När din publik flyttar markören runt din animation kan du få olika åtgärder att hända när markören rör sig över specifika områden. Denna typ av markörrörelse kallas för en musöver. Eller, om din publik använder surfplattor eller smarta telefoner för att se din animation, kan du tillåta dem att helt enkelt trycka på ett element för att orsaka en åtgärd.

Använda symboler för att göra återanvändbara föremål

Till en början kan det vara lite skrämmande att använda symboler, men efter att du fått erfarenhet av att arbeta med dem blir de oumbärliga.

Så vad är egentligen en symbol? Det är i grunden en kapslad animation du skapar som har sin egen oberoende tidslinje och interaktiva möjligheter. Säg till exempel att du kommer på att du skapar samma element med samma åtgärder om och om igen för många olika projekt. Genom att spara det återkommande elementet som en symbol kan du återanvända det och dess associerade åtgärder för alla projekt.

Ett utmärkt exempel på en symbol är en knapp. Om du hittar på att du återskapar samma knapp - säg en Spela-knapp för ett bildspel - kanske du vill spara den Spela-knappen som en symbol för återanvändning senare.

Du kan hitta dina symboler i bibliotekspanelen, som visas.

Inkluderar responsiv webbdesign

Tillsammans med HTML5 är responsiv webbdesign den senaste modeordsterminologin när det kommer till webbutveckling. En responsiv webbdesign gör att din animation kan ändra storlek på lämpligt sätt beroende på storleken på webbläsarfönstret.

Detta kan betyda många saker. Säg till exempel att någon tittar på din animation på en stationär dator. Om användaren ändrar storlek på webbläsarfönstret för att göra det större eller mindre, ändrar elementen i din animation sig själva på lämpligt sätt, med de nya storlekarna baserade på procentsatser.

Till exempel, om webbläsarfönstret är maximerat till 100 %, visas bilderna och så vidare i din animation med 100 %. Om webbläsarfönstret krymps till 50 % av sin storlek, så krymper även dina bilder till 50 % av sin normala storlek.

Detta är en mycket kraftfull funktion eftersom det finns så många olika skärmstorlekar nu för tiden. Du vet aldrig om din publik ser din animation på en 60-tumsskärm, en 4-tums iPhone eller något däremellan. Surfplattor bidrar till mångfalden av skärmstorlekar.

Räknar dina flera publiceringsalternativ

Du har mer än ett sätt att publicera animationer nuförtiden - och Adobe Edge Animate CC har dig täckt, och erbjuder en mängd alternativ (som visas i den här bilden). Du kan publicera din animation som en fristående webbsida eller så kan du bädda in den i en befintlig webbsida.

Du hittar också alternativ som låter dig exportera din animation för användning i en iBook. Du kan till och med publicera din animation som en statisk HTML-sida för användning i äldre webbläsare som inte stöder HTML5 eller animationer.

Teckensnitt i Adobe Edge Animate

Du kan använda en mängd olika typsnitt på webben, och Adobe Edge Animate CC har dig täckt. Förutom en standardlista över teckensnitt som är tillgängliga för dig (se figuren), låter Edge Animate dig också importera teckensnitt från hela webben.

Om inget av dessa teckensnitt uppfyller dina behov kan du importera teckensnitt från många olika källor – inklusive Google Web Fonts. Du kan också använda Adobe Edge Web Fonts, som är inbyggt i Animate. Och om du är bekant med Typekit (ett annat gratis teckensnittsverktyg) kan du fira att du vet att verktyget också fungerar med Edge Animate.

Arbeta på ditt valda språk

Adobe Edge Animate CC är globalt i många avseenden – inklusive språket du ser på menyer och paneler. Om du känner dig mer bekväm med att arbeta på ett annat språk än engelska, gör Edge Animate det enkelt för dig att ändra språket som används i programvaran till ett av många populära språk.

Från hjälpmenyn, som visas i den här bilden, kan du välja mellan flera olika språk. När du väljer ett språk från hjälpmenyn visas det språket i programvaran. Språken som du kan välja mellan inkluderar tyska, engelska, spanska, franska och japanska.

Om du väljer ett annat språk måste du stänga och starta om Edge Animate för att se ändringen träda i kraft. När du har valt det språk du vill uppdateras gränssnittet inte automatiskt, stäng bara programmet och öppna det igen för att se ditt nyvalda språk.