În acest tutorial, veți învăța să utilizați Fireworks CS6 pentru a crea un animat GIF al unei curci cu pene de coadă care schimbă culoarea. Pentru a începe, va trebui să creați o ilustrație și să o duplicați. Apoi, veți modifica o ilustrație, le veți converti în simboluri, veți crea oa doua stare și veți examina animația. În cele din urmă, veți schimba durata durată a ambelor stări, salvați fișierul ca un GIF animat și îl vizualizați în browser.
Turcia Animat GIF în focuri de artificii
Deși Fireworks CS6 este folosit în acest tutorial, ar trebui să puteți urmări împreună cu orice versiune recentă de Fireworks sau chiar Photoshop.
Este important să rețineți că Adobe nu mai oferă Fireworks CC ca parte a cloud-ului Creative. Dacă sunteți în căutarea pentru focuri de artificii, puteți găsi în secțiunea Găsiți aplicații suplimentare din Cloud-ul creativ. Când Adobe anunță că nu va mai sprijini sau actualiza aplicațiile, puteți presupune că este doar o chestiune de timp înainte ca aplicația să dispară.
02 din 20Creați un document nou
În primul rând, veți crea un nou document alegând Fișier> Nou. Faceți lățimea și înălțimea de 400 x 400 pixeli și rezoluția de 72 de pixeli pe inch. Alegeți culoarea albă pentru culoarea pânzei și faceți clic pe OK.
Apoi, alegeți Fișier> Salvare, denumiți fișierul Curcan cu o extensie png, alegeți unde doriți să îl salvați și faceți clic pe Salvați.
03 din 20Desenează un cerc
În panoul Instrumente, dați clic pe caseta de culori Stroke și alegeți negru, apoi pe caseta Colour fill și alegeți un eșantion maro sau introduceți câmpul pentru valoarea numărului Hex, # 8C4600.
În panoul Proprietăți, faceți lățimea cursei de 2 pixeli. Apoi alegeți instrumentul Ellipse din panoul Instrumente, care poate fi găsit făcând clic pe săgeata mică de lângă instrumentul Rectangle sau alte instrumente de formă vizibilă. În timp ce țineți apăsată tasta Shift, faceți clic și trageți pentru a crea un cerc mare. (Folosind schimbarea, cercul va fi perfect rotund.)
04 din 20Desenați un alt cerc
Din nou, țineți apăsată tasta Shift când desenați un alt cerc, cu intenția ca acest cerc să fie mai mic decât ultimul.
Cu instrumentul Pointer, faceți clic și trageți cercul mic pe poziție. Doriți să se suprapună partea superioară a cercului mare, după cum se arată.
05 din 20Desenați un dreptunghi rotunjit
Cu instrumentul Rounded Rectangle, desenați un dreptunghi. Cu instrumentul Pointer, mutați-l în poziție. Vrei să fie centrat și ușor să se suprapună pe fundul cercului mic.
06 din 20Combină căi
Țineți apăsată tasta Shift când faceți clic pe cercul mic, apoi pe dreptunghiul rotunjit. Aceasta va selecta ambele forme. Atunci alege Modificați, Combină căi> Union.
07 din 20Schimba culoarea
În panoul Instrumente, faceți clic pe caseta Umplere și alegeți un eșantion de cremă sau introduceți # FFCC99 în câmpul Valoare Hex, apoi apăsați retur.
08 din 20Faceți ochii
Puteti desena doua cercuri mici pentru a face ochii, dar in schimb, folositi instrumentul Type pentru aceasta. Faceți clic pe instrumentul Tip din panoul Instrumente, apoi pe panza. În inspectorul Proprietăți, alegeți Arial Regular pentru font, faceți dimensiunea 72 și schimbați culoarea în negru. Țineți apăsată tasta Alt sau Opțiuni când apăsați tasta care ține numărul 8, ceea ce va face un glonț. Apoi, apăsați bara de spațiu înainte de a face alt glonț.
09 din 20Faceți ciocul
În panoul Instrumente, faceți clic pe instrumentul pentru formă de poligon. În panoul Proprietăți, alegeți un specimen portocaliu pentru umplere sau tastați # FF9933 în câmpul de valoare Hex. De asemenea, în panoul Proprietăți, efectuați cursa neagră cu o lățime de 1.
Apoi, alegeți Fereastră> Proprietăți automată a formei. Faceți clic pe forma poligonului și indicați că doriți ca ambele puncte și laturile să fie 3 și raza de 180 de grade. Pentru a face triunghiul mai mic, tastați 20 în câmpul Valoare exterioară. Numărul pentru acest lucru depinde de cât de mare a fost triunghiul, pentru început. Apoi apăsați înapoi.
Cu instrumentul Pointer, faceți clic pe triunghi și trageți-l spre locul unde credeți că ar trebui să stea pentru cioc.
10 din 20Asigurați-vă Snood
Lucrul roșu care atârnă de ciocul unui curcan este numit Snood. Pentru a face unul, veți folosi instrumentul Pen.
După selectarea instrumentului Pen din panoul Instrumente, faceți clic pe caseta Umplere și alegeți un specimen roșu sau tastați # FF0000 în câmpul Valoare Hex, apoi apăsați înapoi.
Cu instrumentul Pen, faceți clic pentru a crea puncte care formează o cale și, uneori, faceți clic și trageți pentru a crea o cale rotunjită. Când ultimul punct se conectează cu primul, veți forma o formă care arata ca un snur de curcan.
11 din 20Faceți picioarele
Puteți seta culoarea de umplere la același portocaliu ca și ciocul făcând clic pe caseta de umplere, apoi pe cioc. Cu ajutorul instrumentului Pen, selectați culoarea neregulată și setați lățimea cursei la 2 în panoul Proprietăți.
Apoi, utilizați instrumentul Pen pentru a crea puncte care formează o formă care seamănă cu piciorul unui curcan. Cu forma selectată, alegeți Editați> Duplicați. Atunci alege Modificați> Transformați> Flip orizontal. Cu instrumentul Pointer, poziționați picioarele acolo unde arată cel mai bine.
12 din 20Reduceți dimensiunea
Alege Selectați> Selectați tot.Apoi faceți clic pe instrumentul Scale din panoul Instrumente. Va apărea o casetă de restricționare cu mânere care pot fi deplasate spre interior sau spre exterior. Faceți clic pe un mâner de colț și mutați-l spre interior, făcând întregul mai mic, apoi apăsați înapoi.
Cu toate formele pe care le-ați selectat, utilizați instrumentul Pointer pentru a muta curcanul pe loc. Vrei să fie centrat pe panza.
13 din 20Faceți pene de coadă
Cu instrumentul Elipsă, faceți clic și trageți pentru a forma o ovală lungă. Atunci alege Editați> Duplicați. Veți repeta ovalul din nou și din nou până veți avea un total de cinci ovale.
14 din 20Modificați culoarea
Cu unul dintre ovalele selectate, faceți clic pe caseta Umplere și alegeți o altă culoare. Faceți acest lucru cu încă trei ovale, alegând o culoare diferită pentru fiecare.
15 din 20Mutare Ovale
Cu instrumentul Pointer, faceți clic și trageți peste cele cinci ovale pentru a le selecta pe toate. Atunci alege Modificați> Aranjare> Trimitere înapoi. Acest lucru va face ca penele de coadă să cadă în spatele curcanului atunci când le mutați pe loc.
Faceți clic pe ovale pentru a le deselecta, apoi faceți clic pe o singură ovală și trageți-le separat până unde vor sta una lângă alta și parțial în spatele curcanului.
Utilizarea ghidurilor inteligente vă poate ajuta să poziționați în mod egal oalele care sunt opuse reciproc. Dacă nu vedeți ghidajele inteligente la serviciu, alegeți Vizualizați> Ghiduri inteligente> Afișați ghidajele inteligente.
16 din 20Rotiți Ovale
Veți dori să rotiți ovalele și să le repoziționați. Pentru a face acest lucru, selectați unul și alegeți Modificați> Transformați> Transformare liberă. Apoi, faceți clic și trageți cursorul doar în afara casetei de delimitare pentru a roti ușor ovalul. Cu instrumentul Pointer, poziționați ovalul în locul în care credeți că arată cel mai bine.
Rotiți oalele rămase în același mod și plasați-le în poziție; distribuindu-le în mod egal.
17 din 20Salvați și salvați ca
Privind imaginea dvs., veți vedea că curcanul este prea mic pe panza, deci alegeți Selectați> Selectați tot, apoi utilizați instrumentul Pointer pentru a plasa curcanul în centrul pânzei. Când sunteți mulțumit de cum arată, alegeți Fișier> Salvare.
Apoi, faceți clic pe o coadă de pene pentru ao selecta, apoi pe caseta Fill și alegeți o altă culoare. Faceți acest lucru pentru fiecare pene de coadă, apoi alegeți Fișier> Salvare ca. Redenumiți fișierul, Turcia2 cu o extensie png și faceți clic pe Salvați.
18 din 20Conversia la simbol
Alege Fișier> Deschidere, navigați la fișierul turkey.png și faceți clic pe Deschidere. Faceți clic pe fila turkey.png din partea de sus și alegeți Selectați> Selectați tot. Veți alege apoi Modificați> Conversie> Conversie la simbol. Scrieți simbolul 1, alegeți Grafic pentru tip, apoi faceți clic pe OK.
Faceți clic pe fila turkey2.png și faceți același lucru, doar veți numi acest simbol 2.
19 din 20Creați un stat nou
Faceți clic pe fila turkey.png. Dacă panoul dvs. de stat nu este vizibil, puteți alege Fereastră> Statele. În partea de jos a panoului de stat, dați clic pe butonul Stări duplicate noi.
Când faceți clic pe prima stare pentru a o selecta, veți vedea că acesta deține un simbol. Când faceți clic pe a doua stare, veți vedea că este goală. Pentru a adăuga un simbol la această stare goală, alegeți Fișier> Import> navigare la fișierul turkey2.png, faceți clic pe Deschidere, apoi pe Deschidere din nou. Apoi faceți clic pe colțul din dreapta sus al pânzei pentru a plasa fișierul în poziția corectă. Acum, când faceți clic între prima și a doua stare, veți vedea că ambele imagini dețin. De asemenea, puteți apăsa butonul Redare / Stop din partea de jos a ferestrei pentru a previzualiza animația.
Dacă nu vă place viteza animației, puteți face dublu clic pe numerele din dreapta fiecărei stări pentru a efectua ajustări. Cu cât este mai mare numărul, cu atât durata este mai mare.
20 din 20Salvați GIF animat
În cele din urmă, alegeți Fișier> Salvare ca, redenumiți fișierul, alegeți animat GIF (* .gif), apoi faceți clic pe Salvare.
Pentru a deschide și a reda animația GIF în browserul dvs., lansați browserul și alegeți Fișier> Deschidere sau Deschidere fișier. Navigați la fișierul GIF animat salvat, alegeți-l, faceți clic pe Deschidere și bucurați-vă de roadele muncii dvs.!
Actualizat de Tom Green
