Nopea yleiskatsaus reunaan animoidusta koostumuksesta

Edge Animate -koostumuksen luomisprosessi ei eroa kovinkaan paljon muun tyyppisen sisällön luomisesta. Aloittaessasi sinun tulee miettiä, mitä, missä ja miten haluat animaatiosi näkyvän. Onko animaatiosi osa olemassa olevaa verkkosivustoa? Lisäätkö animaation täydentämään kirjaa? Pyytääkö asiakkaasi upouutta animoitua logoa?

Ehkä haluat luoda mainoksen näkyväksi verkossa? Voit luoda kaikki nämä projektit käyttämällä Edge Animatea.

Tässä on perusehdotus Edge Animate -koostumuksen luomiseen:

Päätä, kuinka sinä ja yleisösi käytätte tätä animaatiota.

Kerää kuvasi ja muu omaisuus.

Kirjoita luonnos.

Luo ja tallenna usein käytettyjä elementtejä, kuten painikkeita, myöhempää käyttöä varten.

Aloita animointi.

Tallenna ja vie valmis animaatiosi.

Ennen kuin aloitat animoinnin, mieti, katsotaanko animaatiotasi e-lukijassa, selaimessa, iBooksissa vai sovelluksena käytettäväksi sekä iOS- että Android-laitteissa.

Laitteesta riippumatta, jos se tukee HTML5:tä ja JavaScriptiä, Edge Animate -projektisi toimii sujuvasti.

Omaisuutesi kerääminen

Kun tiedät, mitä haluat luoda ja missä haluat sen näkyvän, on aika alkaa kerätä omaisuuttasi – sähköisesti piirrettyjä kuvia, valokuvia, tekstikappaleita tai kaikkien kolmen yhdistelmää – joista muodostuu lopullinen animaatio. Edge Animate tekee näiden resurssien tuomisesta tai luomisesta helppoa.

Luodaan hahmoteltu lähestymistapa animaatioosi

Tässä vaiheessa olet määritellyt animaatiosi tarkoituksen ja taiteen tehdäksesi siitä kauniin. Nyt sinun on luotava lankakehys, lähinnä hahmotelma siitä, kuinka haluat animaatiosi toimivan.

Voit toki siipiä ja keksiä sen edetessäsi, mutta erinomainen idea on kuvitella animaatiosi päässäsi ja kirjoittaa sitten paperille, kuinka kuvittelet animaatiosi näyttävän alusta loppuun. Tämä luonnos tarjoaa perustan, jonka pohjalta voit työskennellä.

Symbolien tekeminen usein käytetyille elementeille

Jos tiedät, että animaatiosi sisältää monia samankaltaisia elementtejä tai samoja elementtejä toistetaan jatkuvasti, haluat luoda ne elementit ensin. Elementit ovat erilaisia ​​osia, joista animaatiosi muodostuu. Elementti voi olla piirtämäsi laatikko, määrittämäsi tekstiruutu, tuomasi kuva ja niin edelleen.

Elementti, jota haluat ehkä käyttää uudelleen, voi olla painike tai sisältö, jota käytät uudelleen animaation aikana, tai mikä tahansa navigointimuoto, jota yleisö voi käyttää.

Kun olet luonut tämän elementin ja antanut sen käyttäytyä haluamallasi tavalla, voit tallentaa sen symbolina. Voit sitten viedä tämän symbolin käytettäväksi muissa projekteissa. Tällä tavalla, jos tästä animaatiosta tulee osa animaatiosarjaa ja haluat käyttää samoja symboleja uudelleen, olet pelin edellä, koska sinulla on jo tallennettu sisältö ja valmiina käyttöön, kun luot varsinaisen animaation.

Voit jopa tallentaa koko animaatioprojektin symboliksi. Jos esimerkiksi luot diaesityksen animaation, voit tallentaa koko diaesityksen symbolina, jonka voit viedä Edge Animatesta ja tuoda sitten toiseen Edge Animate -projektiin.

Animaattorit, aloita animaatiosi

Kun animaatiollasi on tarkoitus, kaikki sisältösi on rivissä ja valmiina käyttöön ja olet tallentanut monikäyttöiset elementit symboleiksi, on aika aloittaa animaatio.

Aloita animaatio tuomalla sisältösi Stagelle. Sitten käytät aikajanaa avainkehysten luomiseen. Avainkehys edustaa animaation. Jos esimerkiksi animoit laatikon, joka liikkuu Stagen puolelta toiselle, tämä animaatio esitetään aikajanalla avainkehyksenä.

Sieltä voit lisätä elementteihin toimintoja vuorovaikutteisuuden lisäämiseksi. Kun luot animaatiota, voit esikatsella sitä varmistaaksesi, että animaatio toimii odotetusti.

Animaatiosi tallentaminen ja vienti

Kun lopetat animaatioprojektin luomisen, haluat tallentaa tai viedä sävellyksesi yleisösi käyttöön tai käytettäväksi toisessa projektissa tai suunnittelutyökalussa. Edge Animate tarjoaa monia vaihtoehtoja työsi vientiin ja tallentamiseen. Samoin on olemassa lukuisia vaihtoehtoja, kuinka voit esitellä työsi sekä verkossa, iBooksissa tai käytettäväksi muiden suunnittelutyökalujen kanssa.

Prosessin viimeistely

Lopulta tämän prosessin aikana olet luonut animaation käyttämällä HTML5:tä ja jQueryä – kirjoittamatta yhtään koodiriviä. Yleisösi ei ehkä koskaan tiedä tekniikoita, jotka tekivät katsomansa animaation ja vuorovaikutuksen mahdolliseksi (et ehkä ymmärrä täysin edistyneitä koodaustekniikoita, jotka tekevät sen mahdolliseksi – tai joudut koskaan ymmärtämään).

Mutta se onkin Adobe Edge Animate CC:n kauneus: se tekee kaiken raskastyön kulissien takana, minkä ansiosta voit istua alas ja tehdä sitä, mitä osaat parhaiten – luoda kaunista animoitua ja interaktiivista sisältöä, joka voi reagoida istuvuuden ja muodon mukaan millä tahansa määrällä näytön koot ja laitteet.