Creați un animat GIF în focuri de artificii

01 din 20

Turcia Animat GIF în focuri de artificii

Text și imagini © Sandra Trainor

În acest tutorial, voi folosi Fireworks CS6 pentru a crea un animat GIF al unei curci cu pene de coadă care schimbă culoarea. Voi începe prin crearea unei ilustrații și duplicarea acesteia. Voi face schimbări la unul, le voi converti în simboluri, voi crea oa doua stare și voi examina animația. Voi schimba apoi durata durată a ambelor stări, salvez fișierul ca un animat GIF și îl voi vedea în browserul meu.

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.

Editori Notă:

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ă. Un exemplu tipic al acestui lucru este anunțul recent privind directorul, Shockwave și Contribute.

Actualizat de Tom Green

02 din 20

Creați un document nou

Text și imagini © Sandra Trainor

Voi crea un document nou selectând File> New. Voi face lățimea și înălțimea de 400 x 400 pixeli, iar rezoluția 72 de pixeli pe inch. Voi alege culoarea albă pentru culoarea pânzei și faceți clic pe OK.

Apoi, voi alege File> Save, numele fișierului turkey cu o extensie png , alegeți unde vreau să îl salvez și faceți clic pe Salvare.

03 din 20

Desenează un cerc

Text și imagini © Sandra Trainor

În panoul Instrumente se va face clic pe caseta de culoare Stroke și se va alege negru, apoi pe caseta Colour fill și se va alege un specimen brun sau se va scrie câmpul cu valoarea numerică a hexajului # 8C4600.

În panoul Properties veți face lățimea cursei de 2 pixeli. Apoi voi alege instrumentul Ellipse din panoul Instrumente, care poate fi găsit făcând clic pe săgeata mică de lângă instrumentul Rectangle sau alt instrument de formă vizibilă. Dacă țineți apăsată tasta Shift, voi face clic și trageți pentru a crea un cerc mare. Folosind schimbarea asigura ca cercul va fi perfect rotund.

04 din 20

Desenați un alt cerc

Text și imagini © Sandra Trainor

Din nou, voi țineți apăsată tasta Shift când desenez un alt cerc, doar vreau ca acest cerc să fie mai mic decât ultimul.

Cu instrumentul Pointer, voi face clic și trageți cercul mic pe poziție. Vreau să se suprapună în partea superioară a cercului mare, după cum se arată.

05 din 20

Desenați un dreptunghi rotunjit

Text și imagini © Sandra Trainor

Cu instrumentul Rounded Rectangle, voi desena un dreptunghi. Cu instrumentul Pointer, o să îl pun pe loc. Vreau să fie centrat și ușor să se suprapună pe fundul cercului mic.

06 din 20

Combină căi

Text și imagini © Sandra Trainor

Voi tine apasata tasta Shift cand apes pe cercul mic, apoi pe dreptunghiul rotunjit. Aceasta va selecta ambele forme. Apoi, aleg Modificați, Combină căi> Uniunea.

07 din 20

Schimba culoarea

Text și imagini © Sandra Trainor

În panoul Instrumente, voi face clic pe caseta Umplere și voi alege un eșantion de cremă, sau tastați # FFCC99 în câmpul Valoare Hex, apoi apăsați înapoi.

08 din 20

Faceți ochii

Text și imagini © Sandra Trainor

Aș putea desena două cercuri mici pentru a face ochii, dar în schimb voi folosi instrumentul Tip pentru asta. Voi face clic pe instrumentul Tip din panoul Instrumente, apoi pe panza. În inspectorul proprietăți, voi alege Arial Regular pentru font, va face dimensiunea 72 și schimba culoarea în negru. Eu voi ține apăsată tasta Alt sau Opțiuni când apăs butonul ținând numărul 8, care va face un glonț. Voi apăsa bara de spațiu înainte de a face alt glonț.

09 din 20

Faceți ciocul

Text și imagini © Sandra Trainor

În panoul Instrumente, voi da clic pe instrumentul pentru formă de poligon. În panoul Proprietăți, voi alege un specimen portocaliu pentru umplere sau tastați # FF9933 în câmpul de valoare Hex. De asemenea, în panoul Proprietăți, voi face cursa neagră cu o lățime de 1.

Apoi, voi alege Window> Auto Shape Properties. Voi face clic pe forma poligonului, indicând faptul că vreau ca punctele și laturile să fie 3, iar raza 180 de grade. Pentru a face triunghiul mai mic, voi tasta 20 în câmpul Valoare exterioară. Numărul pentru aceasta depinde de cât de mare ar trebui să înceapă triunghiul. Atunci voi apăsa pe întoarcere.

Cu instrumentul Pointer, voi face clic pe triunghi și îl trag spre locul unde cred că ar trebui să stea pentru cioc.

10 din 20

Asigurați-vă Snood

Text și imagini © Sandra Trainor

Lucrul roșu care atârnă de ciocul unui curcan este numit Snood. Pentru a face una, voi folosi instrumentul Pen.

După ce ați selectat instrumentul Pen din panoul Instrumente, voi face clic pe caseta Fill și vom selecta un swatch roșu sau tastați # FF0000 în câmpul Hex value, apoi apăsați înapoi.

Cu instrumentul Pen, voi face 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, voi forma o formă care arata ca un snap de curcan.

11 din 20

Faceți picioarele

Text și imagini © Sandra Trainor

Pot seta culoarea de umplere la același portocaliu ca și ciocul făcând clic pe caseta de umplere, apoi pe cioc. Cu instrumentul Pen selectat, voi face culoarea neregulată a culorilor negre și veți seta lățimea cursei la 2 în panoul Proprietăți.

Apoi, voi folosi instrumentul Pen pentru a crea puncte care formează o formă care seamănă cu un picior de curcan. Cu forma selectată, voi alege Edit> Duplicate. Apoi voi alege Modificați> Transformați> Flip orizontal. Cu instrumentul Pointer, aș așeza picioarele acolo unde arată cel mai bine.

12 din 20

Reduceți dimensiunea

Text și imagini © Sandra Trainor

Voi alege Selectați> Selectați tot. Apoi, dau 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. Voi face un clic pe un mâner și o va mișca spre interior, făcând totul mai mic, apoi apăsați înapoi.

Cu toate formele mele încă selectate, voi folosi instrumentul Pointer pentru a muta curcana pe loc. Vreau să fie centrat pe pânză.

13 din 20

Faceți pene de coadă

Text și imagini © Sandra Trainor

Cu instrumentul Ellipse, voi face clic și trageți pentru a forma un oval lung. Apoi voi alege Edit> Duplicate. Voi duplica ovalul din nou și din nou, până când voi avea un total de cinci ovale.

14 din 20

Modificați culoarea

Text și imagini © Sandra Trainor

Cu unul dintre ovalele selectate, voi face clic pe caseta de umplere și voi alege o altă culoare. O să fac asta cu încă trei ovale, alegând o altă culoare pentru fiecare.

15 din 20

Mutare Ovale

Text și imagini © Sandra Trainor

Cu instrumentul Pointer, voi face clic și trageți peste cele cinci ovale pentru a le selecta pe toate. Apoi voi alege Modificați> Aranjare> Trimitere înapoi. Acest lucru va face ca penele de coadă să cadă în spatele curcanului când le pun pe loc.

Voi face un clic pe ovale pentru a le deselecta, apoi faceți clic pe un oval la un moment dat ș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 ghidurile inteligente la serviciu, alegeți Vizualizare> Ghiduri inteligente> Afișați ghiduri inteligente.

16 din 20

Rotiți Ovale

Text și imagini © Sandra Trainor

Vreau să rotesc oalele și să le repoziționez. Pentru a face acest lucru, voi selecta unul și alege Modificați> Transformare> Transformare liberă. Apoi, dau clic și trageți cursorul doar în afara casetei de delimitare, pentru a roti ușor ovalul. Cu instrumentul Pointer, voi poziționa ovalul acolo unde cred că arată cel mai bine.

Voi roti oalele rămase în același mod și le voi pune în poziție; distribuindu-le în mod egal.

17 din 20

Salvați și salvați ca

Text și imagini © Sandra Trainor

uitându-mă la imaginea mea, văd că curcanul este prea mic pe pânză, așa că voi alege Select> Select All, apoi utilizați instrumentul Pointer pentru a plasa curcanul în centrul pânzei. Când mă bucur cum arată, voi alege File> Save.

Apoi, voi face clic pe o coada de pene pentru ao selecta apoi pe caseta de umplere și alege o altă culoare. Voi face asta pentru fiecare pene de coada, apoi alegeți File> Save As. Voi redenumi fișierul, turkey2 cu o extensie png și faceți clic pe Salvare.

18 din 20

Conversia la simbol

Text și imagini © Sandra Trainor

Voi alege File> Open, navigați la fișierul meu turkey.png și faceți clic pe Open. Faceți clic pe fila turkey.png din partea de sus și selectați Selectați> Selectați tot. Apoi, dau click pe Modify> Convert> Convert to Symbol. Voi numi simbolul 1, alegeți Grafic pentru tip, apoi faceți clic pe OK.

Voi face clic pe fila turkey2.png și voi face același lucru, doar voi numi acest simbol 2.

19 din 20

Creați un stat nou

Text și imagini © Sandra Trainor

Voi reveni pe fila turkey.png. Dacă panoul meu de state nu este vizibil, pot alege Window> States. În partea de jos a panoului de stat, voi face clic pe butonul Stări duplicate noi.

Când fac clic pe prima stare pentru ao selecta, văd că are un simbol. Când fac clic pe cea de-a doua stare, văd că este goală. Pentru a adăuga un simbol la această stare goală, voi alege File> Import> navigați la fișierul meu turkey2.png, faceți clic pe Deschidere, apoi pe Deschidere din nou. Apoi, dați clic pe colțul din dreapta sus al pânzei pentru a plasa fișierul în poziția corectă. Acum, când fac clic între prima și a doua stare, văd că amândouă ține imaginile. De asemenea, pot apăsa butonul Redare / Stop din partea de jos a ferestrei pentru a previzualiza animația.

Dacă nu îmi place viteza animației, pot face dublu clic pe numerele din partea dreaptă a fiecărui stat pentru a efectua ajustări. Cu cât este mai mare numărul, cu atât durata este mai mare.

20 din 20

Salvați GIF animat

Text și imagini © Sandra Trainor

Voi alege Fișier> Salvează 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 meu, voi lansa browser-ul meu și voi alege File> Open sau Open File. Voi naviga la fișierul GIF Animat GIF salvat, alegeți-l, faceți clic pe Deschidere și bucurați-vă de animație.

Legate de:
Optimizarea animațiilor GIF
• Profilul lui Wild Turkey
• Istoria Turciei de Ziua Recunostintei
• Cele mai sălbatice curci pe care le-ați văzut vreodată