Greita „Edge Animate“ kompozicijos apžvalga

„Edge Animate“ kompozicijos kūrimo procesas labai nesiskiria nuo bet kokio kito turinio kūrimo. Pradėdami turėtumėte apsvarstyti, ką, kur ir kaip norite, kad jūsų animacija būtų rodoma. Ar jūsų animacija bus esamos svetainės dalis? Ar pridedate animaciją, kad papildytumėte knygą? Ar jūsų klientas prašo visiškai naujo animuoto logotipo?

Galbūt norite sukurti reklamą, kuri būtų rodoma internete? Visus šiuos projektus galite sukurti naudodami Edge Animate.

Štai pagrindiniai Edge Animate kompozicijos kūrimo bruožai:

Nustatykite, kaip jūs ir jūsų auditorija naudosite šią animaciją.

Surinkite savo vaizdus ir kitą turtą.

Parašykite kontūrą.

Kurkite ir išsaugokite dažniausiai naudojamus elementus, pvz., mygtukus, kad galėtumėte juos naudoti pakartotinai.

Pradėkite animuoti.

Išsaugokite ir eksportuokite baigtą animaciją.

Prieš pradėdami animuoti, pagalvokite, ar jūsų animacija bus peržiūrima el. skaityklėje, naršyklėje, iBooks, ar bus programa, skirta naudoti tiek iOS, tiek Android įrenginiuose.

Nesvarbu, koks įrenginys, jei jis palaiko HTML5 ir JavaScript, jūsų Edge Animate projektas veiks sklandžiai.

Savo turto rinkimas

Kai žinosite, ką norite sukurti ir kur norite, kad jis būtų rodomas, laikas pradėti rinkti savo išteklius – elektroniniu būdu nupieštus vaizdus, ​​nuotraukas, teksto pastraipas arba visų trijų derinį – iš kurių bus sudaryta galutinė animacija. „Edge Animate“ leidžia lengvai importuoti arba sukurti šiuos išteklius.

Sukurkite apibūdintą požiūrį į savo animaciją

Šiuo metu jūs apibrėžėte savo animacijos tikslą ir meną, kad ji būtų graži. Dabar reikia sukurti vielinį rėmelį, iš esmės apibūdinti, kaip norite paleisti animaciją.

Žinoma, galite ją susparinti ir sugalvoti, bet puiki idėja yra įsivaizduoti savo animaciją savo galvoje ir tada užrašyti ant popieriaus, kaip įsivaizduojate, kad animacija bus paleista nuo pradžios iki pabaigos. Šis kontūras suteikia pagrindą, nuo kurio galite dirbti.

Simbolių kūrimas dažnai naudojamiems elementams

Jei žinote, kad jūsų animacijoje bus daug panašių elementų arba tie patys elementai kartojasi nuolat, pirmiausia norite sukurti tuos elementus. Elementai yra skirtingos dalys, sudarančios jūsų animaciją. Elementas gali būti jūsų nupieštas langelis, jūsų nurodytas teksto laukelis, importuojamas vaizdas ir pan.

Elementas, kurį galbūt norėsite naudoti pakartotinai, gali būti mygtukas arba išteklius, kurį pakartotinai naudojate animacijoje, arba bet koks naršymo tipas, kurį gali naudoti auditorija.

Sukūrę šį elementą ir nustatę, kad jis veiktų taip, kaip norite, galite išsaugoti jį kaip simbolį. Tada galite eksportuoti šį simbolį, kad galėtumėte naudoti kituose projektuose. Tokiu būdu, jei ši animacija taps animacijų serijos dalimi ir norite pakartotinai naudoti tuos pačius simbolius, būsite pranašesni už žaidimą, nes kai kurie ištekliai jau bus išsaugoti ir paruošti naudoti kurdami tikrąją animaciją.

Jūs netgi galite išsaugoti visą animacijos projektą kaip simbolį. Pavyzdžiui, jei kuriate skaidrių demonstravimo animaciją, visą skaidrių demonstraciją galite išsaugoti kaip simbolį, kurį galėsite eksportuoti iš Edge Animate ir importuoti į kitą Edge Animate projektą.

Animatoriai, pradėkite animuoti

Kai turite animacijos tikslą, visi jūsų ištekliai yra išdėstyti ir paruošti naudoti, o daugiafunkcinius elementus išsaugojote kaip simbolius, laikas pradėti animuoti.

Norėdami pradėti animuoti, importuokite išteklius į sceną. Tada naudokite laiko juostą, kad sukurtumėte pagrindinius kadrus. Pagrindinis kadras reiškia animacijos seką. Pavyzdžiui, jei animuojate langelį, judantį iš vienos scenos pusės į kitą, ta animacija laiko juostoje pateikiama kaip pagrindinis kadras.

Iš ten galite pridėti veiksmus prie savo elementų, kad sukurtumėte interaktyvumą. Kurdami animaciją galite peržiūrėti ją, kad įsitikintumėte, jog animacija veikia taip, kaip tikitės.

Išsaugokite ir eksportuokite animaciją

Kai baigsite kurti animacijos projektą, norite išsaugoti arba eksportuoti kompoziciją, kad ją naudotų jūsų auditorija arba kitame projekte ar projektavimo įrankyje. „Edge Animate“ suteikia daug galimybių eksportuoti ir išsaugoti savo darbą. Taip pat yra daugybė parinkčių, kaip galite pateikti savo darbą tiek internete, tiek „iBooks“, tiek naudoti su kitais dizaino įrankiais.

Proceso užbaigimas

Galiausiai, atlikdami šį procesą, sukūrėte animaciją naudodami HTML5 ir jQuery – neįvesdami nė vienos kodo eilutės. Jūsų auditorija gali niekada nežinoti technologijų, dėl kurių animacija, kurią jie žiūri ir su kuria sąveikauja, tapo įmanoma (šiuo atveju jūs negalite iki galo suprasti pažangių kodavimo metodų, dėl kurių tai įmanoma – arba kada nors turėsite).

Tačiau tai yra „Adobe Edge Animate CC“ grožis: jis atlieka visus sunkumus užkulisiuose, o tai leidžia sėdėti ir daryti tai, ką mokate geriausiai – kurti gražų animuotą ir interaktyvų turinį, kuris gali prisitaikyti prie pritaikymo ir formos su bet kokiu ekrano dydžiai ir įrenginiai.