Rask oversikt over en Edge Animate Composition - dummies

Prosessen for å lage en Edge Animate-sammensetning er ikke så annerledes enn å skape noe annet innhold. Når du starter, bør du vurdere hva, hvor og hvordan du vil at animasjonen skal vises. Vil animasjonen være en del av et eksisterende nettsted? Legger du til en animasjon som utfyller en bok? Er kunden din be om en helt ny animert logo?

Kanskje du vil lage en som skal vises på nettet? Du kan opprette alle disse prosjektene ved hjelp av Edge Animate.

Her er det grunnleggende omrisset for å skape en Edge Animate-komposisjon:

1. Bestem hvordan du og din målgruppe vil bruke denne animasjonen.

2. Samle bildene dine og andre eiendeler.

3. Skriv en oversikt.

4. Lag og lagre vanlige elementer som knapper for senere bruk.

5. Start animering.

6. Lagre og eksporter din ferdige animasjon.

Før du begynner å animere, bør du vurdere om animasjonen din vil bli vist i en e-leser, i nettleseren, i iBooks, eller være en app for bruk på både iOS- og Android-enheter.

Uansett enheten, hvis den støtter HTML5 og JavaScript, kjøres Edge Animate-prosjektet jevnt.

Samle dine eiendeler

Når du vet hva du vil opprette og hvor du vil at den skal vises, er det på tide å begynne å samle dine eiendeler - elektronisk tegnet bilder, fotografier, tekststykker eller en kombinasjon av alle tre - som vil utgjøre den endelige animasjonen. Edge Animate gjør det enkelt å importere eller opprette disse eiendelene.

Lag en skissert tilnærming til animasjonen din

På dette punktet har du definert formålet med animasjonen og kunsten å gjøre den vakker. Nå må du opprette en wireframe, i hovedsak en oversikt over hvordan du vil at animasjonen skal spille.

Sikkert, du kan vinge det og gjøre det opp mens du går, men en god ide er å vise animasjonen i hodet ditt, og legg deg ned på papiret slik du kan forestille deg at animasjonen din vil spille fra start til slutt. Denne oversikten gir en base som du kan jobbe med.

Lag symboler for ofte brukte elementer

Hvis du vet at animasjonen din inneholder mange lignende elementer, eller de samme elementene som gjentas om og om igjen, vil du først lage disse elementene. Elementer er de forskjellige stykkene som utgjør animasjonen din. Et element kan være en boks du tegner, en tekstboks du angir, et bilde du importerer, og så videre.

Et element som du kanskje vil gjenbruke, kan være en knapp, eller en ressurs som du gjenbruker gjennom animasjonen, eller hvilken som helst type navigasjon publikum kan bruke.

Når du har opprettet dette elementet og har det som du vil, kan du lagre det som et -symbol. Du kan deretter eksportere dette symbolet for bruk i andre prosjekter. På den måten, hvis denne animasjonen blir en del av en serie animasjoner, og du vil bruke de samme symbolene igjen, vil du være foran spillet ved å ha noen ressurser allerede lagret og klar til å gå når du lager den faktiske animasjonen.

Du kan til og med lagre et helt animasjonsprosjekt som et symbol. Hvis du for eksempel lager en lysbildeserieanimasjon, kan du lagre det hele lysbildefremvisningen som et symbol, som du kan eksportere fra Edge Animate - og deretter importere til et annet Edge Animate-prosjekt.

Animatorer, start animasjonen

Når du har en hensikt for animasjonen, er alle dine eiendeler lined up og klar til å gå, og du har lagret dine multi-bruk elementer som symboler, det er på tide å begynne å animere.

For å begynne å animere, importerer du dine eiendeler til scenen. Deretter bruker du tidslinjen til å lage nøkkelrammer. En keyframe representerer en animasjonssekvens. For eksempel, hvis du animerer en boks som beveger seg fra den ene siden av scenen til den andre, er denne animasjonen representert i tidslinjen som en nøkkelramme.

Derfra legger du til handlinger for elementene dine for interaktivitet. Når du lager animasjonen, kan du forhåndsvise den for å sikre at animasjonen oppfører seg som du forventer at den skal oppføre seg.

Lagre og eksporter animasjonen din

Når du er ferdig med å lage animasjonsprosjektet, vil du lagre eller eksportere komposisjonen din til bruk av publikum eller for bruk i et annet prosjekt eller designverktøy. Edge Animate gir mange muligheter til å eksportere og lagre arbeidet ditt. På samme måte er det mange muligheter på hvordan du kan presentere arbeidet ditt både online, eller i iBooks, eller for bruk med andre designverktøy.

Etterbehandling av prosessen

Til slutt har du gjennom denne prosessen laget en animasjon ved hjelp av HTML5 og jQuery - uten å skrive en enkelt linje med kode. Publikum kan kanskje aldri kjenne til teknologiene som gjorde animasjonen de ser og samhandler med mulig (for det saks skyld kan du ikke fullt ut forstå de avanserte kodingsteknikkene som gjør det mulig - eller noensinne).

Men det er skjønnheten i Adobe Edge Animate CC: Den gjør alt tungt løft bak kulissene, noe som gjør at du kan lene deg tilbake og gjøre det du gjør best - skape vakre, animerte og interaktive innhold som kan reagere på passform og form med et hvilket som helst antall skjermstørrelser og enheter.