Brzi pregled Edge animirane kompozicije

Proces stvaranja kompozicije Edge Animate ne razlikuje se previše od stvaranja bilo koje druge vrste sadržaja. Prilikom pokretanja trebali biste razmotriti što, gdje i kako želite da se vaša animacija prikazuje. Hoće li vaša animacija biti dio postojeće web stranice? Dodajete li animaciju kao nadopunu knjizi? Traži li vaš klijent potpuno novi animirani logotip?

Možda želite stvoriti oglas koji će se pojaviti na webu? Sve ove projekte možete kreirati pomoću Edge Animate.

Evo osnovnog nacrta za stvaranje Edge Animate kompozicije:

Odredite kako ćete vi i vaša publika koristiti ovu animaciju.

Prikupite svoje slike i drugu imovinu.

Napišite nacrt.

Izradite i spremite najčešće korištene elemente kao što su gumbi za kasniju ponovnu upotrebu.

Počnite animirati.

Spremite i izvezite gotovu animaciju.

Prije nego što počnete s animacijom, razmislite hoće li se vaša animacija gledati u e-čitaču, u pregledniku, u iBooks-u ili će biti aplikacija za korištenje na iOS i Android uređajima.

Bez obzira na uređaj, ako podržava HTML5 i JavaScript, vaš projekt Edge Animate radit će glatko.

Prikupljanje vaše imovine

Nakon što znate što želite stvoriti i gdje želite da se pojavi, vrijeme je da počnete prikupljati svoju imovinu — elektronički nacrtane slike, fotografije, odlomke teksta ili kombinaciju sve tri — koja će činiti konačnu animaciju. Edge Animate olakšava uvoz ili izradu ovih sredstava.

Stvaranje zacrtanog pristupa vašoj animaciji

U ovom trenutku definirali ste svrhu svoje animacije i umjetnost da je učinite lijepom. Sada morate stvoriti žičani okvir, u biti nacrt kako želite da se vaša animacija reproducira.

Naravno, možete se osmisliti i izmišljati dok idete dalje, ali izvrsna ideja je zamisliti svoju animaciju u svojoj glavi, a zatim zapisati na papir kako zamišljate da će se vaša animacija igrati od početka do kraja. Ovaj nacrt pruža osnovu iz koje možete raditi.

Izrada simbola za često korištene elemente

Ako znate da će vaša animacija sadržavati mnogo sličnih elemenata, ili iste elemente koji se ponavljaju iznova, prvo želite stvoriti te elemente. Elementi su različiti dijelovi koji čine vašu animaciju. Element može biti okvir koji nacrtate, tekstualni okvir koji odredite, slika koju uvozite i tako dalje.

Element koji biste možda željeli ponovno upotrijebiti može biti gumb ili sredstvo koje ponovno koristite tijekom animacije ili bilo koja vrsta navigacije koju publika može koristiti.

Nakon što izradite ovaj element i postavite ga na željeni način, možete ga spremiti kao simbol. Zatim možete izvesti ovaj simbol za korištenje u drugim projektima. Na taj način, ako ova animacija postane dio niza animacija i želite ponovno upotrijebiti iste simbole, bit ćete ispred igre jer će neka sredstva već biti spremljena i spremna za rad kada kreirate stvarnu animaciju.

Možete čak spremiti cijeli projekt animacije kao simbol. Na primjer, ako izradite animaciju dijaprojekcije, možete spremiti cijeli dijaprojekciju kao simbol, koji zatim možete izvesti iz Edge Animate — a zatim uvesti u drugi projekt Edge Animate.

Animatori, počnite s animacijom

Kada imate svrhu za svoju animaciju, sva vaša sredstva su poredana i spremna za rad, a vi ste svoje višenamjenske elemente spremili kao simbole, vrijeme je da počnete s animacijom.

Da biste započeli s animacijom, uvozite svoje materijale na pozornicu. Zatim koristite vremensku traku za izradu ključnih kadrova. Glavni okvir predstavlja animaciju sekvencu. Na primjer, ako animirate okvir koji se kreće s jedne strane pozornice na drugu, ta je animacija predstavljena na vremenskoj traci kao ključni kadar.

Odatle dodajete radnje svojim elementima za interaktivnost. Dok stvarate svoju animaciju, možete je pregledati kako biste bili sigurni da se animacija ponaša onako kako očekujete da će se ponašati.

Spremanje i izvoz vaše animacije

Kada završite s stvaranjem svog projekta animacije, želite spremiti ili izvesti svoju kompoziciju za upotrebu od strane publike ili za korištenje u drugom projektu ili alatu za dizajn. Edge Animate nudi mnoge mogućnosti za izvoz i spremanje vašeg rada. Isto tako, postoji mnoštvo opcija o tome kako možete predstaviti svoj rad i online, ili u iBooks-u, ili za korištenje s drugim alatima za dizajn.

Završetak procesa

Na kraju, kroz ovaj proces, stvorili ste animaciju koristeći HTML5 i jQuery — bez upisivanja niti jednog retka koda. Vaša publika možda nikada neće znati tehnologije koje su omogućile animaciju koju gledaju i s kojom komuniciraju (što se toga tiče, možda nećete u potpunosti razumjeti napredne tehnike kodiranja koje to omogućuju - ili ćete ikada morati).

Ali to je ljepota Adobe Edge Animate CC: obavlja sve teške poslove iza kulisa, što vam omogućuje da se opustite i radite ono što radite najbolje — stvorite prekrasan animirani i interaktivni sadržaj koji može odgovoriti na pristajanje i oblik s bilo kojim brojem veličine ekrana i uređaja.


Kako primijeniti transparentnost na SVG-ove

Kako primijeniti transparentnost na SVG-ove

Naučite kako primijeniti transparentnost na SVG grafiku u Illustratoru. Istražite kako ispisati SVG-ove s prozirnom pozadinom i primijeniti efekte transparentnosti.

Rad sa slikama u Adobe XD

Rad sa slikama u Adobe XD

Nakon što uvezete svoje slike u Adobe XD, nemate veliku kontrolu nad uređivanjem, ali možete mijenjati veličinu i rotirati slike baš kao i bilo koji drugi oblik. Također možete jednostavno zaokružiti kutove uvezene slike pomoću kutnih widgeta. Maskiranje vaših slika Definiranjem zatvorenog oblika […]

Kako podesiti svojstva teksta u Adobe XD

Kako podesiti svojstva teksta u Adobe XD

Kada imate tekst u svom Adobe XD projektu, možete početi mijenjati svojstva teksta. Ova svojstva uključuju obitelj fontova, veličinu fonta, težinu fonta, poravnanje, razmak između znakova (kerning i praćenje), razmak između redaka (vodeće), ispunu, obrub (crtanje), sjenku (sjena) i zamućenje pozadine. Pa pogledajmo kako se ta svojstva primjenjuju. O čitljivosti i fontu […]

Rad s umjetničkim pločama u Photoshopu CC

Rad s umjetničkim pločama u Photoshopu CC

Baš kao i u Adobe Illustratoru, Photoshopove umjetničke ploče pružaju mogućnost izrade zasebnih stranica ili zaslona unutar jednog dokumenta. To može biti osobito korisno ako gradite zaslone za mobilnu aplikaciju ili malu brošuru. Artboard možete zamisliti kao posebnu vrstu grupe slojeva stvorenu pomoću ploče Slojevi. Njegov […]

Oblici i poligoni u InDesignu

Oblici i poligoni u InDesignu

Mnogi alati koje pronađete na ploči InDesign Alati koriste se za crtanje linija i oblika na stranici, tako da imate nekoliko različitih načina stvaranja zanimljivih crteža za svoje publikacije. Možete stvoriti bilo što, od osnovnih oblika do zamršenih crteža unutar InDesigna, umjesto da morate koristiti program za crtanje kao što je […]

Zamotajte tekst u Adobe Illustrator CC

Zamotajte tekst u Adobe Illustrator CC

Omatanje teksta u Adobe Illustrator CC nije isto što i zamatanje poklona — lakše je! Prelamanje teksta prisiljava tekst da se omota oko grafike, kao što je prikazano na ovoj slici. Ova značajka može dodati malo kreativnosti svakom komadu. Grafika tjera tekst da se omota oko nje. Prvo stvorite […]

Kako promijeniti veličinu oblika u Illustratoru

Kako promijeniti veličinu oblika u Illustratoru

Kada dizajnirate u Adobe Illustrator CC, često vam je potreban oblik točne veličine (na primjer, 2 x 3 inča). Nakon što izradite oblik, najbolji način da mu promijenite veličinu na točne mjere je korištenje ploče Transform, prikazane na ovoj slici. Odaberite objekt, a zatim odaberite Prozor→ Transformiraj u […]

Kako stvoriti QR kodove u InDesign CC

Kako stvoriti QR kodove u InDesign CC

Možete koristiti InDesign za izradu i izmjenu grafike QR koda. QR kodovi su oblik crtičnog koda koji može pohraniti informacije kao što su riječi, brojevi, URL-ovi ili drugi oblici podataka. Korisnik skenira QR kod pomoću svoje kamere i softvera na uređaju, kao što je pametni telefon, a softver koristi […]

Kako učiniti da nova fotografija izgleda staro u Photoshopu CS6

Kako učiniti da nova fotografija izgleda staro u Photoshopu CS6

Možda će vam biti potrebna nova fotografija da biste izgledali staro. Photoshop CS6 vas pokriva. Crno-bijela fotografija noviji je fenomen nego što mislite. Dagerotipije i druge rane fotografije često su imale smećkasti ili plavkasti ton. Možete stvoriti vlastita remek-djela u tonovima sepije. Tonirane slike mogu stvoriti […]

Značajka Live Paint u Adobe CS5 Illustratoru

Značajka Live Paint u Adobe CS5 Illustratoru

Koristeći značajku Live Paint u Adobe Creative Suite 5 (Adobe CS5) Illustrator, možete stvoriti sliku koju želite i ispuniti regije bojom. Bucket Live Paint automatski detektira regije sastavljene od neovisnih staza koje se sijeku i ispunjava ih u skladu s tim. Boja unutar određene regije ostaje živa i automatski teče ako postoji […]