Adobe Edge Animate CC: 6 funksjoner som interagerer og tilpasser dummier

Adobe Edge Animate CC handler om mye mer enn å flytte elementer rundt skjermen. Du kan bruke mange av funksjonene sine til å skape interaktivitet for publikum - og finjustere mange flere for å konfigurere programvaren slik at de passer dine preferanser:

• Interaktivitet: Du kan bygge fullt interaktive animasjoner med slike kontroller og handlinger som knapper, lenker og looper.

• Symboler: Du kan lagre elementer du lager (for eksempel knapper) og bruke dem igjen i en annen animasjon.

• Responsive webdesign: Edge Animate lar deg bygge en komposisjon som svarer til nettleserens størrelse og enhetsvinduet.

• Flere publiseringsalternativer: Edge Animate tilbyr mange måter å publisere animasjonen til i forskjellige applikasjoner - for eksempel forskjellige nettlesere og iBooks - eller du kan importere Adobe Edge Animation til forskjellige Adobe-produkter som InDesign eller Muse.

• Fontvalg: Edge Animate gir et mangfold av skriftvalg. Hvis du er masete om bestemte skrifttyper, er den gode nyheten at hvis du finner en skrift på nettet, kan du mest sannsynlig bruke den i animasjonen.

• Velg språk: Hvis engelsk ikke er morsmålet ditt, og du foretrekker å jobbe med (si) tysk, spansk, fransk eller japansk, så har du anlagt Edge Animate.

Implementere interaktivitet intelligent

Adobe Edge Animate CC lar deg gjøre mye mer enn bare tegne og animere elementer. Du kan også gjøre disse elementene interaktive, noe som gjør at målgruppen din kan klikke på elementer for å gjøre forskjellige handlinger skje.

Du kan for eksempel lage Stop, Play og Pause-knappene for en interaktiv lysbildefremvisning. Du kan også opprette en meny ved å legge til linker som gjør at målgruppen kan navigere til forskjellige deler av animasjonene dine - eller helt forskjellige nettsider.

Når publikum flytter markøren rundt animasjonen, kan du gjøre forskjellige handlinger skje når markøren beveger seg over bestemte områder. Denne typen markørbevegelse kalles en mouseover. Eller hvis publikum bruker tabletter eller smarte telefoner til å se animasjonen din, kan du tillate dem å bare trykke på et element for å forårsake en handling.

Bruk av symboler for å gjenbrukbare gjenstander

Ved å bruke Symboler kan det være litt skremmende, men etter at du får erfaring med å jobbe med dem, blir de uunnværlige.

Så, hva er et symbol? Det er egentlig en nestet animasjon du lager som har sin egen uavhengige tidslinje og interaktive evner.For eksempel, si at du finner deg selv å skape det samme elementet med de samme handlingene om og om igjen for mange forskjellige prosjekter. Ved å lagre det gjentagende elementet som et symbol, kan du gjenbruke det og tilhørende tiltak for ethvert prosjekt.

Et godt eksempel på et symbol er en knapp. Hvis du finner deg selv å gjenskape samme knapp - si en Play-knapp for et lysbildefremvisning - du vil kanskje lagre Play-knappen som et symbol for gjenbruk senere.

Du kan finne symbolene dine i bibliotekspanelet, som vist.

Inkluderer responsivt webdesign

Rett sammen med HTML5, responsivt webdesign er det siste buzzword terminologien når det gjelder webutvikling. Et responsivt webdesign gjør det mulig for animasjonen å endre størrelsen på riktig måte avhengig av størrelsen på nettleservinduet.

Dette kan bety mange ting. Si for eksempel at noen ser animasjonen din på en stasjonær datamaskin. Hvis brukeren endrer størrelsen på nettleservinduet for å gjøre det større eller mindre, tilpasser elementene i animasjonen seg riktig, med de nye størrelsene basert på prosenter.

Hvis nettleservinduet maksimeres til 100%, vises bildene og så videre i animasjonen til 100%. Hvis nettleservinduet krympes til 50% av sin størrelse, krympes bildene også til 50% av deres normale størrelse.

Dette er en veldig kraftig funksjon fordi det er så mange forskjellige skjermstørrelser i disse dager. Du vet aldri om publikum ser på animasjonen din på en 60-tommers skjerm, en 4-tommers iPhone eller noe i mellom. Tabletter legger til mangfoldet av skjermstørrelser.

Telle dine flere publiseringsalternativer

Du har mer enn én måte å publisere animasjoner i disse dager - og Adobe Edge Animate CC har du dekket, og tilbyr en rekke alternativer (som vist på denne figuren). Du kan publisere animasjonen som en frittstående nettside, eller du kan legge det inn på en eksisterende nettside.

Du finner også alternativer som lar deg eksportere animasjonen din til bruk i en iBook. Du kan til og med publisere animasjonen som en statisk HTML-side for bruk på eldre nettlesere som ikke støtter HTML5 eller animasjoner.

Skrifter i Adobe Edge Animate

Du kan bruke et mangfold av skrifter på nettet, og Adobe Edge Animate CC har dekket deg. I tillegg til en standard standardliste over skrifttyper som er tilgjengelige for deg (se figuren), lar Edge Animate deg også importere fonter fra hele nettet.

Hvis ingen av disse skriftene tilfredsstiller dine behov, kan du importere fonter fra mange forskjellige kilder - inkludert Google Web Fonts. Du kan også bruke Adobe Edge Web Fonts, som er innebygd i Animate. Og hvis du er kjent med Typekit (et annet gratis skriftverktøy), kan du feire å vite at verktøyet også fungerer med Edge Animate.

Arbeid på ditt valgfritt språk

Adobe Edge Animate CC er global i mange henseender - inkludert språket du ser på menyer og paneler. Hvis du føler deg mer komfortabel å jobbe på et annet språk enn engelsk, gjør Edge Animate det enkelt for deg å endre språket som brukes i programvaren til et av mange populære språk.

Fra Hjelp-menyen, som vist på denne figuren, kan du velge mellom flere forskjellige språk. Når du velger et språk fra Hjelp-menyen, vises det språket i programvaren. Språket du kan velge mellom, er tysk, engelsk, spansk, fransk og japansk.

Hvis du velger et annet språk, må du lukke og starte Edge Animate for å se endringen tre i kraft. Etter at du har valgt språket du vil, oppdateres grensesnittet ikke automatisk, bare lukk programmet og åpne det for å se det nylig valgte språket.