Hurtig oversigt over en Edge Animation Composition - dummies

Processen til oprettelse af en Edge Animate-sammensætning er ikke så forskellig fra at skabe andre typer indhold. Når du starter, bør du overveje hvad, hvor og hvordan du vil have din animation til at dukke op. Vil din animation være en del af et eksisterende websted? Tilføjer du en animation til at supplere en bog? Er din klient anmoder om et helt nyt animeret logo?

Måske vil du oprette en til at blive vist på nettet? Du kan oprette alle disse projekter ved hjælp af Edge Animate.

Her er den grundlæggende disposition for at skabe en Edge Animate-sammensætning:

1. Bestem, hvordan du og dit publikum vil bruge denne animation.

2. Indsamle dine billeder og andre aktiver.

3. Skriv en oversigt.

4. Opret og gem almindeligt brugte elementer som knapper til genbrug senere.

5. Start animering.

6. Gem og eksporter din færdige animation.

Før du begynder at animere, skal du overveje, om din animation vil blive vist i en e-læser, i browseren, i iBooks eller være en app til brug på både iOS- og Android-enheder.

Uanset enheden, hvis den understøtter HTML5 og JavaScript, vil dit Edge Animate-projekt løbe glat.

Indsamling af dine aktiver

Når du ved, hvad du vil oprette, og hvor du vil have det vist, er det på tide at begynde at samle dine aktiver - elektronisk tegne billeder, fotografier, tekststykker eller en kombination af alle tre - der vil udgøre den endelige animation. Edge Animate gør det nemt at importere eller oprette disse aktiver.

Oprettelse af en skitseret tilgang til din animation

På dette tidspunkt har du defineret formålet med din animation og kunsten at gøre den smuk. Nu skal du oprette en wireframe, i det væsentlige en oversigt over, hvordan du vil have din animation til at spille.

Selvfølgelig kan du vinge det og gøre det op, mens du går sammen, men det er en glimrende ide at forestille din animation i hovedet og derefter lægge på papir, hvordan du forestiller dig, at din animation vil spille fra start til slut. Denne disposition giver en base, hvorfra du kan arbejde.

Gør symboler for ofte brugte elementer

Hvis du ved, at din animation indeholder mange lignende elementer, eller de samme elementer gentaget igen og igen, vil du først oprette disse elementer. Elementer er de forskellige stykker, der udgør din animation. Et element kan være en boks, du tegner, en tekstboks, du angiver, et billede, du importerer osv.

Et element, som du måske vil genbruge, kan være en knap eller et aktiv, som du genbruger under animationen eller enhver form for navigation, som publikum kan bruge.

Når du har oprettet dette element og har det som den vil, kan du gemme det som et symbol. Du kan derefter eksportere dette symbol til brug i andre projekter. På den måde, hvis denne animation bliver en del af en serie animationer, og du vil genbruge de samme symboler, vil du være foran spillet ved at have nogle aktiver allerede gemt og klar til at gå, når du opretter den aktuelle animation.

Du kan endda gemme et helt animationsprojekt som et symbol. Hvis du for eksempel opretter en diasshow-animation, kan du gemme hele diasshowet som et symbol, som du derefter kan eksportere fra Edge Animate - og derefter importere til et andet Edge Animate-projekt.

Animatorer, start din animering

Når du har et formål med din animation, er alle dine aktiver opstillet og klar til at gå, og du har gemt dine multi-anvendelseselementer som symboler, det er på tide at starte animering.

For at starte animering importerer du dine aktiver på scenen. Derefter bruger du tidslinjen til at oprette keyframes. En keyframe repræsenterer en animationssekvens. For eksempel, hvis du animerer en boks, der flytter fra den ene side af scenen til den anden, er denne animation repræsenteret i tidslinjen som en keyframe.

Derefter tilføjer du handlinger til dine elementer for interaktivitet. Når du opretter din animation, kan du forhåndsvise den for at sikre, at animationen opfører sig, som du forventer at opføre.

Gem og eksporter din animation

Når du er færdig med at oprette dit animationsprojekt, vil du gemme eller eksportere din sammensætning til brug for dit publikum eller til brug i et andet projekt eller designværktøj. Edge Animation giver mange muligheder for at eksportere og gemme dit arbejde. På samme måde er der mange muligheder for, hvordan du kan præsentere dit arbejde både online eller i iBooks eller til brug sammen med andre designværktøjer.

Afslutte processen

Til sidst har du lavet en animation ved hjælp af HTML5 og jQuery - uden at skrive en enkelt kodekode. Dit publikum kan aldrig kende teknologierne, der gjorde den animation, de ser og interagerer med muligt (for den sags skyld kan du ikke fuldt ud forstå de avancerede kodningsteknikker, der gør det muligt - eller nogensinde nødt til).

Men det er skønheden i Adobe Edge Animate CC: Det gør alt det tunge løft bag kulisserne, som giver dig mulighed for at læne dig tilbage og gøre det, du gør bedst - skabe et smukt animeret og interaktivt indhold, der kan reagere på pasform og form med ethvert antal skærmstørrelser og enheder.