Hurtigt overblik over en Edge Animate-komposition

Processen til at oprette en Edge Animate-komposition adskiller sig ikke så meget fra at skabe nogen anden type indhold. Når du starter, bør du overveje, hvad, hvor og hvordan du ønsker, at din animation skal fremstå. Vil din animation være en del af en eksisterende hjemmeside? Tilføjer du en animation som supplement til en bog? Efterspørger din kunde et helt nyt animeret logo?

Måske vil du oprette en annonce, der skal vises 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-komposition:

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

Saml dine billeder og andre aktiver.

Skriv en disposition.

Opret og gem ofte brugte elementer såsom knapper til senere genbrug.

Begynd at animere.

Gem og eksporter din færdige animation.

Inden du begynder at animere, skal du overveje, om din animation vil blive set 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 køre problemfrit.

Indsamling af dine aktiver

Når du ved, hvad du vil skabe, og hvor du vil have det til at blive vist, er det tid til at begynde at samle dine aktiver – elektronisk tegnede billeder, fotografier, tekstafsnit eller en kombination af alle tre – som 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 for 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 den og gøre den op, mens du går, men en glimrende idé er at forestille dig din animation i dit hoved og derefter skrive ned på papir, hvordan du forestiller dig, at din animation vil spille fra start til slut. Denne oversigt giver en base, hvorfra du kan arbejde.

At lave symboler til ofte brugte elementer

Hvis du ved, at din animation kommer til at indeholde mange lignende elementer, eller de samme elementer gentages 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, som du angiver, et billede, du importerer, og så videre.

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

Når du har oprettet dette element og har fået det til at opføre sig, som du ønsker, 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 af 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 faktiske animation.

Du kan endda gemme et helt animationsprojekt som et symbol. For eksempel, hvis du 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.

Animatører, start din animation

Når du har et formål med din animation, er alle dine aktiver opstillet og klar til brug, og du har gemt dine multi-use elementer som symboler, er det tid til at begynde at animere.

For at begynde at animere importerer du dine aktiver til scenen. Så bruger du tidslinjen til at oprette keyframes. En keyframe repræsenterer en animationssekvens. Hvis du f.eks. animerer en boks, der bevæger sig fra den ene side af scenen til den anden, er denne animation repræsenteret på tidslinjen som en keyframe.

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

Gemmer og eksporterer din animation

Når du er færdig med at oprette dit animationsprojekt, vil du gemme eller eksportere din komposition til brug for dit publikum eller til brug i et andet projekt eller designværktøj. Edge Animate giver mange muligheder for at eksportere og gemme dit arbejde. Ligeledes er der et væld af muligheder for, hvordan du kan præsentere dit arbejde både online eller i iBooks eller til brug med andre designværktøjer.

Afslutning af processen

Til sidst, gennem denne proces, har du oprettet en animation ved hjælp af HTML5 og jQuery - uden at indtaste en eneste linje kode. Dit publikum kender måske aldrig de teknologier, der gjorde den animation, de ser og interagerer med, mulig (for den sags skyld forstår du måske ikke helt de avancerede kodningsteknikker, der gør det muligt - eller nogensinde bliver nødt til det).

Men det er det smukke ved Adobe Edge Animate CC: Den udfører alle de tunge løft bag kulisserne, hvilket giver dig mulighed for at læne dig tilbage og gøre det, du er bedst til – skab smukt animeret og interaktivt indhold, der kan reagere på pasform og form med et hvilket som helst antal af skærmstørrelser og enheder.