Edge animeeritud kompositsiooni kiire ülevaade

Edge Animate kompositsiooni loomise protsess ei erine liiga palju muud tüüpi sisu loomisest. Alustades peaksite kaaluma, mida, kus ja kuidas soovite oma animatsiooni kuvada. Kas teie animatsioon on osa olemasolevast veebisaidist? Kas lisate raamatu täiendamiseks animatsiooni? Kas teie klient soovib uhiuut animeeritud logo?

Võib-olla soovite luua reklaami veebis ilmumiseks? Kõiki neid projekte saate luua Edge Animate abil.

Siin on Edge Animate kompositsiooni loomise põhijoon:

Tehke kindlaks, kuidas teie ja teie publik seda animatsiooni kasutavad.

Koguge oma pilte ja muud vara.

Kirjutage ülevaade.

Looge ja salvestage sagedamini kasutatavaid elemente, näiteks nuppe, et neid hiljem uuesti kasutada.

Alusta animeerimist.

Salvestage ja eksportige valmis animatsioon.

Enne animeerimise alustamist mõelge, kas teie animatsiooni vaadatakse e-lugeris, brauseris, iBooksis või on see rakendus, mida saab kasutada nii iOS-i kui Android-seadmetes.

Olenemata seadmest, kui see toetab HTML5 ja JavaScripti, töötab teie Edge Animate projekt sujuvalt.

Oma varade kogumine

Kui olete teadnud, mida soovite luua ja kus soovite selle kuvada, on aeg hakata koguma oma varasid – elektrooniliselt joonistatud pilte, fotosid, tekstilõike või kõigi kolme kombinatsiooni –, millest saab lõpliku animatsiooni. Edge Animate muudab nende varade importimise või loomise lihtsaks.

Animatsioonile visandatud lähenemisviisi loomine

Siinkohal olete määratlenud oma animatsiooni eesmärgi ja kunsti, et muuta see ilusaks. Nüüd peate looma traatraami, mis annab sisuliselt ülevaate sellest, kuidas soovite oma animatsiooni esitada.

Muidugi saate seda tiivustada ja selle käigus välja mõelda, kuid suurepärane idee on kujutada oma animatsiooni oma peas ja seejärel panna paberile, kuidas te kujutate ette, et teie animatsioon mängib algusest lõpuni. See ülevaade annab aluse, millelt saate töötada.

Sümbolite valmistamine sageli kasutatavatele elementidele

Kui teate, et teie animatsioon sisaldab palju sarnaseid elemente või samu elemente, mis korduvad ikka ja jälle, soovite kõigepealt need elemendid luua. Elemendid on erinevad tükid, millest teie animatsioon koosneb. Element võib olla teie joonistatud kast, teie määratud tekstikast, imporditav pilt jne.

Element, mida soovite võib-olla uuesti kasutada, võib olla nupp või vara, mida kogu animatsiooni jooksul uuesti kasutate, või mis tahes tüüpi navigeerimisseade, mida vaatajaskond saab kasutada.

Kui olete selle elemendi loonud ja lasknud sellel soovitud viisil käituda, saate selle sümbolina salvestada . Seejärel saate selle sümboli eksportida teistes projektides kasutamiseks. Kui see animatsioon muutub osaks animatsioonide seeriast ja soovite samu sümboleid uuesti kasutada, siis olete mängust ees, kuna teil on tegeliku animatsiooni loomisel juba salvestatud ja kasutamiseks valmis.

Saate isegi kogu animatsiooniprojekti sümbolina salvestada. Näiteks kui loote slaidiseansi animatsiooni, saate kogu selle slaidiseansi sümbolina salvestada, mille saate seejärel Edge Animate'ist eksportida ja seejärel teise Edge Animate projekti importida.

Animaatorid, alustage animeerimist

Kui teil on animatsioonil eesmärk, kõik teie varad on rivis ja kasutamiseks valmis ning olete oma mitmeotstarbelised elemendid sümbolitena salvestanud, on aeg animeerimist alustada.

Animeerimise alustamiseks importige oma varad lavale. Seejärel kasutate võtmekaadrite loomiseks ajaskaalat. Võtmekaader tähistab animatsioonijada. Näiteks kui animeerite kasti, mis liigub Lava ühelt küljelt teisele, kuvatakse see animatsioon ajaskaalal võtmekaadrina.

Sealt saate oma elementidele interaktiivsuse huvides toiminguid lisada. Animatsiooni loomisel saate vaadata selle eelvaadet, et veenduda, kas animatsioon käitub ootuspäraselt.

Animatsiooni salvestamine ja eksportimine

Kui olete animatsiooniprojekti loomise lõpetanud, soovite oma kompositsiooni salvestada või eksportida, et seda saaks kasutada teie publik või kasutada mõnda muud projekti või kujundustööriista. Edge Animate pakub palju võimalusi oma töö eksportimiseks ja salvestamiseks. Samuti on palju võimalusi oma tööde esitlemiseks nii võrgus, iBooksis kui ka muude disainitööriistadega kasutamiseks.

Protsessi lõpetamine

Lõpuks olete selle protsessi käigus loonud animatsiooni HTML5 ja jQuery abil – ilma ühtki koodirida sisestamata. Teie vaatajaskond ei pruugi kunagi teada tehnoloogiaid, mis muutsid nende vaadatava animatsiooni ja nendega suhtlemise võimalikuks (selleks ei pruugi te täielikult mõista täiustatud kodeerimistehnikaid, mis selle võimalikuks teevad – või peate seda kunagi tegema).

Kuid selles peitubki Adobe Edge Animate CC ilu: see teeb kulisside taga kõik rasked toimingud, mis võimaldab teil rahulikult istuda ja teha seda, mida oskate kõige paremini – luua kaunist animeeritud ja interaktiivset sisu, mis suudab sobituda ja vormida mis tahes arvuga. ekraani suurused ja seadmed.


Kuidas SVG-dele läbipaistvust rakendada

Kuidas SVG-dele läbipaistvust rakendada

Siit saate teada, kuidas Illustratoris SVG-graafikale läbipaistvust rakendada. Uurige, kuidas väljastada läbipaistva taustaga SVG-sid ja rakendada läbipaistvusefekte.

Piltidega töötamine Adobe XD-s

Piltidega töötamine Adobe XD-s

Pärast piltide importimist Adobe XD-sse ei ole teil palju redigeerimiskontrolli, kuid saate kujutiste suurust muuta ja pöörata täpselt nagu mis tahes muu kujuga. Samuti saate nurgavidinate abil hõlpsasti ümardada imporditud pildi nurki. Piltide maskeerimine Kinnise kuju määratlemisega […]

Kuidas kohandada teksti atribuute Adobe XD-s

Kuidas kohandada teksti atribuute Adobe XD-s

Kui teie Adobe XD projektis on tekst olemas, saate hakata teksti atribuute muutma. Nende atribuutide hulka kuuluvad fondiperekond, fondi suurus, fondi kaal, joondus, märgivahe (joonimine ja jälgimine), reavahe (eesmärk), täitmine, ääris (joon), vari (langev vari) ja tausta hägu. Nii et vaatame üle, kuidas neid omadusi rakendatakse. Loetavuse ja fondi kohta […]

Photoshop CC graafikaplaatidega töötamine

Photoshop CC graafikaplaatidega töötamine

Nii nagu Adobe Illustratoris, võimaldavad Photoshopi joonised luua ühes dokumendis eraldi lehti või ekraane. See võib olla eriti kasulik, kui koostate ekraane mobiilirakenduse või väikese brošüüri jaoks. Joonistahvlit võib pidada eri tüüpi kihirühmaks, mis on loodud paneeli Kihid abil. Selle […]

Kujundid ja hulknurgad InDesignis

Kujundid ja hulknurgad InDesignis

Paljusid InDesigni tööriistade paneelil leiduvaid tööriistu kasutatakse lehele joonte ja kujundite joonistamiseks, nii et teil on väljaannete jaoks huvitavate jooniste loomiseks mitu erinevat võimalust. InDesignis saate luua kõike alates põhikujunditest kuni keerukate joonisteni, selle asemel, et kasutada joonistusprogrammi nagu […]

Murdke tekst Adobe Illustrator CC-s

Murdke tekst Adobe Illustrator CC-s

Teksti pakkimine Adobe Illustrator CC-s ei ole päris sama, mis kingituse pakkimine – see on lihtsam! Teksti murdmine sunnib teksti ümber graafika, nagu on näidatud sellel joonisel. See funktsioon võib lisada igale teosele pisut loovust. Graafika sunnib teksti enda ümber keerduma. Esiteks looge […]

Kuidas Illustratoris kujundite suurust muuta

Kuidas Illustratoris kujundite suurust muuta

Adobe Illustrator CC-s kujundamisel on sageli vaja, et kuju oleks täpse suurusega (näiteks 2 x 3 tolli). Pärast kujundi loomist on parim viis selle täpsete mõõtude muutmiseks kasutada sellel joonisel näidatud teisenduspaneeli. Laske objekt valida ja seejärel valige Aken → Teisenda […]

Kuidas luua InDesign CC-s QR-koode

Kuidas luua InDesign CC-s QR-koode

InDesigni saate kasutada QR-koodi graafika loomiseks ja muutmiseks. QR-koodid on vöötkoodi vorm, mis võib salvestada teavet, nagu sõnad, numbrid, URL-id või muud tüüpi andmed. Kasutaja skannib QR-koodi kasutades oma kaamerat ja tarkvara seadmes, näiteks nutitelefonis ning tarkvara kasutab […]

Kuidas muuta uus foto Photoshop CS6-s vanaks

Kuidas muuta uus foto Photoshop CS6-s vanaks

Võib juhtuda, et vajate uut fotot, et vana välja näha. Photoshop CS6 pakub teile tähelepanu. Must-valge fotograafia on uuem nähtus, kui arvata võiks. Dagerrotüüpidel ja muudel varastel fotodel oli sageli pruunikas või sinakas toon. Saate ise luua seepiatoonides meistriteoseid. Toonitud pildid võivad luua […]

Adobe CS5 Illustratori Live Paint funktsioon

Adobe CS5 Illustratori Live Paint funktsioon

Adobe Creative Suite 5 (Adobe CS5) Illustratori funktsiooni Live Paint kasutades saate luua soovitud pildi ja täita piirkonnad värviga. Live Paint ämber tuvastab automaatselt iseseisvatest ristuvatest teedest koosnevad piirkonnad ja täidab need vastavalt. Teatud piirkonna värv jääb elavaks ja voolab automaatselt, kui seda on […]