Share
În acest tutorial vom folosi noile caracteristici ale instrumentului Deco pentru Flash CS5 pentru a crea un fundal animat de desene animate.
Adobe Flash în Creative Suite 5 a fost dotat cu unele actualizări și îmbunătățiri extraordinare. Adobe Flash CS5 include noi caracteristici atât pentru designeri, cât și pentru dezvoltatori, cum ar fi noul panou de fragmente de cod, integrarea cu Flash Builder și noul instrument Spring for Bones.
Una dintre noile caracteristici din Flash CS5 este instrumentul de desen Deco (deși instrumentul Deco nu este o caracteristică nouă, deoarece a fost adăugat pentru prima oară în Flash CS4.) Vă permite să creați desene și animații bazate pe forme și culori dinamice . Este unul dintre instrumentele inteligente care poate economisi timp și efort prin crearea obiectelor de desen și animație folosind simboluri și obiecte gata, sau încărcarea simbolurilor personalizate din bibliotecă.
În Adobe Flash CS5, instrumentul Deco a fost îmbunătățit pentru a include noi forme și funcții, după cum vom vedea în acest tut. Exemplul pe care îl vom acoperi ar trebui să ofere o înțelegere profundă instrumentului Deco prin crearea unui fundal animat de desene animate cu instrumentele Deco. Aproape toate lucrările din acest exemplu sunt realizate folosind instrumentul Deco și funcțiile acestuia. Cu toate acestea, scopul acestui exemplu este de a arăta cum să utilizați instrumentul Deco și să îi înțelegeți funcțiile prin crearea de fundaluri animate Flash sau alte modele și utilizarea obiectelor pe care le veți lua din lista de obiecte Deco.
Acest tut va demonstra cât de mult timp și efort pot fi salvate prin utilizarea instrumentului Deco. În timp ce exemplul de fundal de desene animate de mai jos durează câteva ore pentru a crea folosind instrumentele de desenare în Flash împreună cu anumite abilități de desen, putem crea acest exemplu în mai puțin de o oră folosind instrumentul Deco și nu avem nevoie de abilități de desen.
Trebuie să aveți cunoștințe de bază despre instrumentele Flash, deoarece voi sapa direct în instrumentul Deco, arătând cum să-l personalizați pentru a crea fundalul și animația. Cu toate acestea, să începem cu Pasul 1 ...
Să aruncăm o privire asupra rezultatului final pe care îl vom strădui:
Vom începe prin crearea documentului Flash, pregătindu-l înainte de a începe să adăugăm obiectele din instrumentul Deco.
Creați un nou document Flash cu dimensiunile de 600 px X 450 px. Adăugați un dreptunghi cu aceleași dimensiuni ca și documentul și umpleți dreptunghiul cu o umplutură liniară (ca în figura de mai jos) pentru a crea efectul cerului întunecat.
Acum vom crea fundalul drumului, folosind instrumentul Linie, vom crea forma conturului drumului și îl vom umple cu culori gri pentru a simula asfaltul real. Apoi creați nori folosind instrumentul Oval și rezultatul final ar trebui să pară după cum urmează:
Acum, vom începe să folosim instrumentul Deco pentru a crea clădirile pentru a merge pe trotuarul pe care l-am creat mai sus. Puteți seta tipul de zgârie-nori pe care doriți să îl utilizați sau utilizați clădiri aleatorii. De asemenea, puteți seta dimensiunea clădirilor.
Selectați instrumentul Deco sau apăsați tasta U de pe tastatură. În panoul Proprietăți, selectați "Perie clădire" din lista derulantă Drawing Effect. Apoi, accesați opțiunile avansate, alegeți "Clădire aleatoare" și setați dimensiunea la 2.
Faceți clic pe drum, apoi glisați în partea de sus și eliberați mouse-ul pentru a crea prima clădire. Repetați pasul de mai sus pentru a crea alte clădiri pe drum așa cum se vede în figura de mai jos
În următorii pași vom folosi Tree Brush pentru a crea arbori pe trotuar și pentru a crea crengi cu flori pe unele clădiri. Cu această perie, puteți seta dimensiunea copacului și a ramurii sale, a frunzelor și a culorilor de flori / fructe.
Creați un strat nou pe stratul clădirilor. Selectați instrumentul Deco. În panoul cu proprietăți, alegeți Tree Brush din meniul derulant și în opțiunea Avansat, selectați "Aspen Tree".
Faceți clic pe trotuar între clădiri pentru a crea arborii. Asigurați-vă că trageți pentru câțiva pixeli pentru a crea copaci mici. Cu cât trageți mai mult, cu atât crește dimensiunea copacului. Efectul final după adăugarea arborilor trebuie să fie după cum urmează:
Acum, selectați Peria de flori, apoi din opțiunea Avansat alegeți "Poinsettia". Setați mărimea florii și a frunzei la 50% și asigurați-vă că este bifată caseta de selectare Branch
Trageți în sus pe ecran pentru a crea ramuri de flori. Ar trebui să fie înalți pentru a le arăta ca o ramură. Dacă ramura rezultantă este prea mare, o puteți selecta și puteți reduce dimensiunea acesteia. Apoi plasați ramura de flori redimensionată pe clădiri așa cum se vede în figura de mai jos:
Următorii pași explică modul de a crea butoaie animate de foc. Vom folosi, de asemenea, peria Fire Animation, care vă permite să creați foc animat animat. Puteți seta dimensiunea focului, viteza și durata cadrului. În plus, puteți seta culoarea flacării și scânteia.
Creați un nou simbol accesând Insert> New Symbol sau folosiți comanda rapidă Ctrl + F8 (Command + F8 în Mac) și setați-l ca clip video.
În stratul activ, creați un cerc pentru a reprezenta vârful cilindrului și altul pentru a face partea inferioară a cilindrului. Trageți două linii între ele și completați umplutura cu bară intermediară pentru a arăta ca exemplul de mai jos:
Creați un nou strat pentru a ține animația focului. Selectați instrumentul Deco sau apăsați tasta U în tastatură, selectați Fire Animation din lista verticală din panoul Properties și setați animația focului la 50 de cadre.
Acum vom schimba dimensiunea și poziția focului pentru a face să pară că flăcările se ridică din cilindru:
Întoarceți-vă la etapa principală și adăugați clipul pentru filmul cu bară de foc pe scena lângă clădiri așa cum se vede în figura de mai jos. Puteți testa filmul apăsând pe Ctrl + Enter (Command + Enter pe Mac)
În timp ce instrumentul Deco nu oferă toate periile sau formele posibile, îl puteți personaliza în funcție de nevoile dvs. folosind simbolurile sau culorile pe care doriți să le afișați. Acum, vom folosi Sistemul de particule care vă permite să creați animații care curg, cum ar fi zăpada care se încadrează, focuri de artificii și alte efecte care depind de particule mici care explodează de la o sursă.
Această pensulă se bazează pe două particule care pot fi simboluri implicite sau puteți utiliza simboluri din bibliotecă. De asemenea, puteți seta alte opțiuni, cum ar fi lungimea animației, rata per cadru și alte opțiuni, după cum vom vedea mai jos:
Creați un nou simbol utilizând Insert> New Symbol sau utilizați comanda rapidă Ctrl + F8 (Command + F8 în Mac) și setați-l ca clip video. Reveniți la scenă și trageți noul simbol gol din bibliotecă în scenă, apoi faceți dublu clic pe simbolul pentru a intra în modul de editare
Selectați instrumentul Deco sau faceți clic pe tasta U de pe tastatură și alegeți Particle System din lista derulantă Drawing Effect din panoul Properties. Selectați atât Particula 1, cât și Particula 2, setați culoarea lor în alb pentru a simula căderea zăpezii și pentru a utiliza forma implicită. Setați celelalte valori după cum urmează:
Acum, faceți clic pe partea superioară a treptei pentru ca sistemul de particule să cadă din partea de sus a treptei spre partea de jos. Veți observa că animația cu particule este generată și că cadrele sunt create.
Animația de zăpadă începe mică și crește până la sfârșitul animației. Acest lucru (ca și în cazul focului) va crea o reducere nedorită în animația în buclă. Pentru a rezolva acest lucru, putem elimina din nou cadrele inițiale pentru particulele de zăpadă de pornire. Selectați cadrul până la punctul în care zăpada acoperă toată scena. În acest exemplu, vom selecta primele 40 de cadre. Faceți clic dreapta și alegeți Eliminați cadrele sau apăsați pe Shift + F5.
Dacă observați că animația se mișcă rapid, puteți adăuga un cadru suplimentar după fiecare cadru cheie selectând cadrul cheie și apăsând F5.
Să adăugăm câteva efecte de fulger folosind Peria de fulgere. Acest fulger ar trebui să animeze și să apară aleatoriu. Puteți seta o mulțime de opțiuni cu această perie, cum ar fi culoarea luminii, scara, lățimea fasciculului și complexitatea. De asemenea, puteți alege dacă trebuie sau nu să fie animat.
Creați un nou simbol pentru film și adăugați-l în faza din spatele clădirii. În simbolul filmului, apăsați F7 pentru a crea un cadru gol la începutul clipului video și mergeți la cadrul 20.
Selectați instrumentul Deco și din panoul Properties alegeți Perie de iluminat. Păstrați setările la fel, modificați culoarea albă și bifați caseta de selectare Animație.
Indicați cursorul mouse-ului în partea stângă sus a scenei, faceți clic și țineți apăsat mouse-ul până când fulgerul atinge complexitatea dorită, apoi eliberați mouse-ul. Apăsați F7 după animație pentru a adăuga un cadru gol după el.
Mergeți la rama 70, repetați pașii de mai sus pentru a crea mai mult fulger pe mâna dreaptă a scenei cu o complexitate diferită și apăsați F7 după animație pentru a elimina fulgerul din scenă.
Puteți testa filmul făcând clic pe Ctrl + Enter (Command + Enter pe Mac) sau selectați File> Publish pentru a exporta filmul ca fișiere SWF și HTML.
În general, fișierele care utilizează instrumentul Deco generează SWF de dimensiuni mari, deoarece instrumentul Deco generează periile și animația ca forme negroupate și animații cadru-cu-cadru. Aceste două metode măresc dimensiunea totală a fișierului. Cu toate acestea, este optimă practica optimizării fișierului după atingerea rezultatelor cerute. Există câteva sfaturi pentru a reduce dimensiunea fișierului, după cum urmează:
În exemplul de mai sus, am învățat cum să folosim instrumentul Deco pentru a crea un fundal animat animat. Acest lucru economisește timp și nu necesită abilități speciale de desene sau desene animate. Puteți descoperi celelalte pensule disponibile în instrumentele de desenare Deco, puteți vedea cum să le utilizați și diferitele opțiuni asociate fiecăruia.
Sper că ți-a plăcut acest tutorial, mulțumesc pentru lectură!
Accentsconagua