Adobe Edge Animera CC: 6 Funktioner som interagerar och anpassar - dummies

Adobe Edge Animate CC handlar om mycket mer än rörliga element runt 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 efter dina önskemål:

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

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

• Responsiv webbdesign: Edge Animate gör att du kan bygga en komposition som svarar på webbläsarens och enhetsfönstret.

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

• Font val: Edge Animate ger ett flertal typsnitt val. Om du är noga med vissa teckensnitt, är den goda nyheten att om du kan hitta en typsnitt på webben, kan du med största sannolikhet använda den i din animering.

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

Implementera interaktivitet intelligent

Adobe Edge Animate CC gör att du kan göra mycket mer än bara dra och animera element. Du kan också göra dessa element interaktiva, vilket gör det möjligt för din målgrupp att klicka på objekt för att göra olika handlingar hända.

Du kan till exempel göra Stop, Play och Pause-knappar för ett interaktivt bildspel. Du kan också skapa en meny genom att lägga till länkar som gör det möjligt för din målgrupp att navigera till olika delar av dina animationer - eller helt olika webbsidor.

När din publik flyttar markören runt din animering kan du göra olika åtgärder när markören rör sig över specifika områden. Denna typ av markörrörelse kallas en mouseover. Eller om din målgrupp använder tabletter eller smarta telefoner för att visa din animering kan du låta dem enkelt klicka på ett element för att orsaka en åtgärd.

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

I början kan Symboler vara lite skrämmande, men efter att du fått erfarenhet av att arbeta med dem blir de oumbärliga.

Så, vad exakt är ett Symbol? Det är i grunden en kapslad animering du skapar som har sin egen oberoende tidslinje och interaktiva funktioner.Till exempel, säg att du befinner dig skapa samma element med samma åtgärder om och om igen för många olika projekt. Genom att spara det återkommande elementet som ett Symbol kan du återanvända det och dess tillhörande åtgärder för något projekt.

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

Du kan hitta dina Symboler i bibliotekspanelen, som visas.

Innehåller lyhörd webbdesign

Helt tillsammans med HTML5, Responsive Web Design är det senaste buzzword terminologin när det gäller webbutveckling. En lyhörd webbdesign gör att din animering kan ändras på lämpligt sätt beroende på storleken på webbläsarfönstret.

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

Om webbläsarfönstret maximeras till 100%, visas bilderna och så vidare i din animering till 100%. Om webbläsarfönstret krympt till 50% av dess storlek, krympas dina bilder till 50% av deras normala storlek.

Detta är en mycket kraftfull funktion eftersom det finns så många olika skärmstorlekar dessa dagar. Du vet aldrig om din publik tittar på din animering på en 60-tums skärm, en 4-tums iPhone eller något däremellan. Tabletter lägger till mångfalden av skärmstorlekar.

Att räkna med dina flera publiceringsalternativ

Du har mer än ett sätt att publicera animeringar dessa dagar - och Adobe Edge Animate CC har du täckt och erbjuder en mängd olika alternativ (som visas i denna figur). Du kan publicera din animering som en fristående webbsida eller du kan bädda in den på en befintlig webbsida.

Du hittar också alternativ som låter dig exportera din animering för användning i en iBook. Du kan även publicera din animering som en statisk HTML-sida för användning på äldre webbläsare som inte stöder HTML5 eller animeringar.

Teckensnitt i Adobe Edge Animate

Du kan använda en mängd olika teckensnitt på webben, och Adobe Edge Animate CC har du täckt. Förutom en standard standardlista över teckensnitt som är tillgängliga för dig (se figuren), kan Edge Animate också låta dig 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 inbyggd i Animera. 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 eget språk

Adobe Edge Animate CC är global i många händer - inklusive det språk du ser på menyer och paneler. Om du känner dig bekvämare 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.

På Hjälp-menyn, som visas i denna figur, kan du välja mellan flera olika språk. När du väljer ett språk från Hjälp-menyn visas det språket i programvaran. Språken du kan välja bland är 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. Efter att du valt det språk du vill, uppdateras gränssnittet inte automatiskt, stänger du programmet och öppnar det igen för att se ditt nyvalda språk.