Jednostavno stvarajte HTML5 animacije s Edge Animate

Autor: Peter Berry
Datum Stvaranja: 13 Srpanj 2021
Datum Ažuriranja: 11 Svibanj 2024
Anonim
Jednostavno stvarajte HTML5 animacije s Edge Animate - Kreativan
Jednostavno stvarajte HTML5 animacije s Edge Animate - Kreativan

Sadržaj

Edge Animate CC savršen je alat za dizajnera koji želi stvoriti glatki animirani HTML5 sadržaj. Prekrasno se uklapa u vaš radni tok Creative Cloud: stvorite svoja sredstva u Illustratoru ili Photoshopu, uvezite i započnite animiranje. Ako ste upoznati s After Effectsima, možete odmah krenuti s Edge Animateom. Evo 10 stvari koje trebate znati o ovom često zanemarenom alatu ...

01. Creative Cloud integracija

Edge Animate CC savršeno se integrira s alatima Creative Cloud. Možete jednostavno izvesti grafiku iz Illustratora kao SVG datoteke radi uštede na veličini datoteke, ili naravno kao PNG ili JPEG iz Photoshopa ili Illustratora. Također možete povući i ispustiti datoteke na pozornicu Edge Animate.

02. Predlošci

Da biste dodatno poboljšali tijek rada, možete spremiti prilagođene predloške za brzi pristup višekratnoj upotrebi - uštedjeti ćete ogromno vrijeme dok radite na mnogim sličnim projektima.


03. Precizna animacija

Vremenska crta u Edge Animate temelji se na vremenskoj traci u After Effectsima - i time dobivate ogromnu količinu kontrole nad svojim animacijama. Možete, baš kao u AE, uređivati ​​ključne okvire temeljene na svojstvima za preciznu kontrolu nad kretanjem.

04. Podrška za pokret pokretom prsta

Dizajnirate za mobitel? Pa, srećom, Edge Animate CC omogućuje vam dodavanje događaja prevlačenja lijevo i desno elementima za svoje projekte. Uklanja kodiranje i pruža jednostavan način isporuke interaktivnog animiranog sadržaja na mobilne uređaje.

05. Putovi kretanja

U Edge Animate CC možete animirati elemente na potpuno prilagodljivim putovima kretanja, pružajući vam ogromnu kontrolu nad kretanjem vaših objekata. Kao i u After Effectsu, i vi možete primijeniti funkcije ublažavanja. Putanja kretanja možete koristiti i u promjenjivim izgledima.


06. Ponovno upotrijebite te simbole

Ako ste upoznati s Illustratorom, ova će značajka biti od koristi. U Edge Animate CC možete koristiti značajku simbola za stvaranje ugniježđenih animacija s neovisnim vremenskim trakama i interaktivnim mogućnostima. To vam olakšava upravljanje projektima.

07. Mobilni spreman

Kao što Adobe kaže: "Sadržaj stvoren pomoću Edge Animate dizajniran je za pouzdan rad na iOS i Android uređajima, kao i u modernim preglednicima kao što su Firefox, Chrome, Safari i Internet Explorer 9+." Ne trebate brinuti hoće li se vaš sadržaj HTML5 pravilno prikazivati ​​na više platformi.

08. OAM jednostavnost upotrebe

Korištenjem Edge Animate CC OAM formata možete brzo i jednostavno uvesti svoje skladbe Edge Animate CC u poput Adobe Muse CC ili InDesign CC. Bez obzira koja je vaša ciljana platforma ili uređaj, Edge Animate CC olakšava proizvodnju visokokvalitetnih animiranih sadržaja.


09. Podrška za web font usluge

Edge Animate CC ima ugrađenu podršku za Typekit i Edge Web Fonts, tako da svojim HTML5 projektima možete dodati bogatiju tipografiju. Fontove možete pregledati s usluge Edge Web Fonts putem web sučelja fontova.

10. Stvorite u programu Edge Animate CC

Osim što možete uvoziti iz ostatka alata u programu Creative Cloud, možete i izraditi izravno u programu Edge Animate CC zahvaljujući alatima za crtanje i tekst.A budući da alati rade na isti način kao i oni u poznatim aplikacijama Creative Cloud, ne postoji krivulja učenja koju treba svladati.

Sada pročitajte ovo:

  • Savjeti, trikovi i popravci za Photoshop koje možete isprobati već danas
  • Besplatne četke za Photoshop koje svaki kreativac mora imati
  • Besplatne Photoshop akcije za stvaranje zapanjujućih efekata
  • Najbolji dodaci za Photoshop

Koje alate Creative Cloud koristite? Recite nam u komentarima ...

Zanimljivo Danas
Kako integrirati 3D rendere u fotografiju
Čitaj Više

Kako integrirati 3D rendere u fotografiju

Ova je lika tvorena za moje vjenčanje. Prvo je Chri imon , naš vjenčani fotograf, pronašao mje to u blizini mje ta održavanja vjenčanja na plaži u odmaralištu Turtle Bay na jevernoj obali Oahua. Chri ...
Nove vještine: kako isplesti vlastitu tipografiju
Čitaj Više

Nove vještine: kako isplesti vlastitu tipografiju

Ni am tipograf. A ako e mojim lošim rukopi om išta može proći, ni am baš dobar ni u tvaranju oblika lova. Međutim, imam dovoljno reće da pišem o dizajnu za život, što znači da e u rećem a vim vr tama ...
Prototip animacije bez pisanja retka koda
Čitaj Više

Prototip animacije bez pisanja retka koda

Znanje kodiranja ne bi trebalo biti preduvjet za prototipiranje vaših dizajner kih ideja i njihovo pokretanje. U ovom vodiču prove t ću va kroz način na koji možete brzo i mijati ideje za animaciju ko...