Creeu un GIF animat a Fireworks

01 de 20

Turquia GIF animat en focs artificials

Text i imatges © Sandra Trainor

En aquest tutorial, utilitzaré Fireworks CS6 per crear un GIF animat d'un gall d'indi amb plomes de cua que canviïn de color. Començaré creant una il·lustració i la duplicaré. Vaig a fer canvis, convertir-los en símbols, crear un segon estat i previsualitzar l'animació. A continuació, canviaré el temps de durada dels dos estats, guardareu el fitxer com a GIF animat i el vereu al meu navegador.

Encara que Fireworks CS6 s'utilitza en aquest tutorial, hauríeu de poder seguir-lo amb qualsevol versió recent de Fireworks o fins i tot Photoshop.

Nota de redactors:

Adobe ja no ofereix Fireworks CC com a part del Cloud Creative. Si cerqueu focs artificials, es pot trobar a la secció Cerca aplicacions addicionals de Creative Cloud. Quan Adobe anuncia que ja no admetrà ni actualitzarà les aplicacions, podeu assumir que només és qüestió de temps que desaparegui l'aplicació. Un exemple típic d'això és el recent anunci sobre el director, Shockwave i Contribute.

Actualitzat per Tom Green

02 de 20

Crea un nou document

Text i imatges © Sandra Trainor

Vaig a crear un nou document escollint Fitxer> Nou. Vaig a fer l'amplada i alçada de 400 x 400 píxels i la resolució de 72 píxels per polzada. Vaig a triar blanc per al color del llenç i feu clic a Acceptar.

A continuació, triarem Arxiu> Guardar, indicar el fitxer Turquia amb una extensió de PNG , triar on vull desar-la i fer clic a Desa.

03 de 20

Dibuixar un cercle

Text i imatges © Sandra Trainor

Al tauler Eines, faré clic al quadre de color Acció i seleccioneu el negre i, a continuació, a la casella de color de farciment i seleccioneu un mostreig marró o escriviu el camp número de valor Hex, # 8C4600.

Al panell Propietats faré l'amplada del traç 2 píxels. A continuació, seleccionaré l'eina Ellipse al tauler d'eines, que es pot trobar fent clic a la fletxa petita situada al costat de l'eina Rectangle o d'una altra eina de forma visible. Mentre manteniu premuda la tecla de majúscules, faré clic i arrossegaré per crear un cercle gran. L'ús del canvi assegura que el cercle serà perfectament rodó.

04 de 20

Dibuixa un altre cercle

Text i imatges © Sandra Trainor

Una vegada més, mantindré premuda la tecla Majúscula mentre dibuixo un altre cercle, només vull que aquest cercle sigui més petit que l'anterior.

Amb l'eina Punter, faré clic i arrossegareu el cercle petit al vostre lloc. Vull que es superposi la part superior del cercle gran, com es mostra.

05 de 20

Dibuixar un rectangle arrodonit

Text i imatges © Sandra Trainor

Amb l'eina Rectangle arrodonit, dibuuré un rectangle. Amb l'eina Punter, el traslladaré al lloc. Vull que estigui centrat i que se superposi lleugerament a la part inferior del petit cercle.

06 de 20

Rutes combinades

Text i imatges © Sandra Trainor

Vaig a prémer la tecla de majúscules quan faig clic al cercle petit i el rectangle arrodonit. Això seleccionarà les dues formes. A continuació, seleccionaré Modificar, combinar rutes> Unió.

07 de 20

Canvia el color

Text i imatges © Sandra Trainor

Al tauler Eines, faré clic al quadre de farcit i seleccioneu una mostra de crema, o escriviu # FFCC99 al camp Valor hexadecimal, i després premeu Retorn.

08 de 20

Fes els ulls

Text i imatges © Sandra Trainor

Podria dibuixar dos cercles petits per fer els ulls, però en lloc d'això vaig a utilitzar l'eina Type per a això. Vaig a fer clic a l'eina Tipus al quadre Eines i després al llenç. A l'inspector de propietats, escolliré Arial Regular per a la font, fes la mida 72, i canvieu el color a negre. Mantindré premuda la tecla Alt o Opcions mentre premeu la tecla que conté el número 8, que farà una bala. Vaig a prémer la barra espaiadora abans de fer una altra bala.

09 de 20

Feu el bec

Text i imatges © Sandra Trainor

Al tauler d'eines, faré clic a l'eina de forma de polígon. Al panell Propietats, escolliré una mostra anaranjada per a l'emplenament o escriviu # FF9933 al camp Hex value. També al panell Propietats, faré que el traç negre tingui un ample de 1.

A continuació, vaig a triar Finestra> Propietats de forma automàtica. Vaig a fer clic a la forma del polígon, indicar que vull que els dos punts i els costats siguin 3 i el radi de 180 graus. Per fer que el triangle sigui més petit, escriuré 20 en el camp Valor de ràdio exterior. El número per a això depèn de la mida del triangle per començar. Després premeu Retorn.

Amb l'eina Punter, faré clic al triangle i arrossegaré a on crec que hauria de seure per al bec.

10 de 20

Feu el Snood

Text i imatges © Sandra Trainor

El vermell que penja del bec d'un gall d'indi s'anomena Snood. Per fer-ne un, utilitzaré l'eina Pen.

Després de seleccionar l'eina Pen al tauler Eines, faré clic a la casella Emplenar i seleccioneu una mostra vermella, o escriviu # FF0000 al camp Hex, i després premeu Retorn.

Amb l'eina Pen, faré clic per crear punts que formen una ruta i, de vegades, feu clic i arrossegueu per crear una ruta arrodonida. Quan l'últim punt es connecti amb el primer, heurem format una forma que sembli un snood de gall d'indi.

11 de 20

Fes les cames

Text i imatges © Sandra Trainor

Puc configurar el color de farcit a la mateixa taronja que el bec fent clic a la casella Emplenar i després al bec. Amb l'eina de la ploma seleccionada, faré que el cop de color negre i estableixi l'amplada del traç a 2 en el panell de Propietats.

A continuació, utilitzaré l'eina Pen per crear punts que formen una forma que s'assembla a la cama d'un gall dindi. Amb la forma seleccionada, escollir Edita> Duplicar. A continuació, seleccionaré Modificar> Transformar> Retirar horitzontal. Amb l'eina Punter, poso les cames on es veuen millor.

12 de 20

Redueix la mida

Text i imatges © Sandra Trainor

Vaig a triar Seleccionar> Seleccionar tot. A continuació, faré clic a l'eina Escala del quadre Eines. Apareixerà una caixa delimitadora amb mànecs que es poden moure cap endavant o cap a fora. Vaig a fer clic a un manillar de la cantonada i moure'l cap a dins, fent que tot sigui més petit i, a continuació, premeu Retorn.

Amb totes les meves formes seleccionades, utilitzaré l'eina Punter per moure el gall dindi al seu lloc. Vull que estigui centrat a la part baixa del llenç.

13 de 20

Feu les plomes de cua

Text i imatges © Sandra Trainor

Amb l'eina Ellipse, faré clic i arrossegant per formar un oval llarg. A continuació, seleccionareu Edita> Duplicar. Vaig a duplicar l'oval una i altra vegada, fins que tinc un total de cinc òvals.

14 de 20

Canvieu el color

Text i imatges © Sandra Trainor

Amb un dels ovals seleccionats, faré clic a la casella de farciment i tria un color diferent. Ho faré amb tres ovals més, triant un color diferent per a cadascun.

15 de 20

Mou ovals

Text i imatges © Sandra Trainor

Amb l'eina Punter, faré clic i arrossegant els cinc ovals per seleccionar-los tots. A continuació, seleccionaré Modificar> Organitzar> Envia cap a enrere. Això farà que les plomes de la cua caiguin darrere del gall dindi quan les poso al lloc.

Vaig a prémer els ovals per deseleccionar-los, després feu clic en un oval alhora i arrossegueu-los per separat on seureu al costat de l'altre i parcialment darrere del gall dindi.

L'ús de guies intel·ligents pot ajudar a col · locar de manera uniforme els ovals que són contraris. Si no veieu les guies intel·ligents en el treball, seleccioneu Visualitza> Guies intel·ligents> Mostra guies intel·ligents.

16 de 20

Gira els ovals

Text i imatges © Sandra Trainor

Vull girar els ovals i reposicionar-los. Per fer-ho, seleccionaré una i triar, Modificar> Transformar> Transformació lliure. A continuació, faré clic i arrossegaré el meu cursor a l'exterior de la caixa delimitadora per tal de girar lleugerament l'oval. Amb l'eina Pointer, poso l'oval on creo que es veu millor.

Vaig a rotar els ovals restants de la mateixa manera i col·locar-los al seu lloc; distribució uniforme.

17 de 20

Desa i desa com

Text i imatges © Sandra Trainor

mirant la meva imatge, veig que el gall d'indi és massa baix en el llenç, així que vaig a triar Seleccionar> Selecciona-ho tot i, a continuació, utilitzeu l'eina Punter per col·locar el gall d'indi al centre del llenç. Quan estic content amb la forma en què es veuràs, seleccionaré Fitxer> Desa.

A continuació, faré clic a una ploma de cua per seleccionar-la després a la casella de farciment i triar un color diferent. Ho faré per cada ploma de la cua, a continuació, seleccioneu Fitxer> Desa com. Vaig a canviar el nom del fitxer, turkey2 amb una extensió de png i feu clic a Desa.

18 de 20

Converteix en símbol

Text i imatges © Sandra Trainor

Vaig a triar File> Open, navegueu al meu fitxer turkey.png i feu clic a Obre. Vaig a fer clic a la pestanya turkey.png a la part superior i triar Seleccionar> Seleccionar tot. A continuació, seleccionaré Modificar> Convertir> Convertir a Símbol. El nomenaré símbol 1, seleccioneu Gràfic per al Tipus i, a continuació, feu clic a Acceptar.

Vaig a fer clic a la pestanya turkey2.png i fes el mateix, només vaig a nomenar aquest símbol 2.

19 de 20

Crea un estat nou

Text i imatges © Sandra Trainor

Vaig a fer clic a la pestanya turkey.png. Si el meu panell d'Estats no és visible, puc triar Finestra> Estats. A la part inferior del tauler d'Estats, faré clic al botó Nou Duplicar els Estats.

Quan faig clic al primer estat per seleccionar-lo, veig que té un símbol. Quan faig clic al segon estat, veig que està buit. Per afegir un símbol a aquest estat buit, seleccionaré Fitxer> Importació> navega al meu fitxer turkey2.png, feu clic a Obre i després torneu a obrir. A continuació, faré clic a l'extrem superior dret del llenç per col·locar el fitxer en la posició correcta. Ara, quan faig clic entre els estats primer i segon, veig que ambdós contenen imatges. També puc prémer el botó Reproduir / Aturar a la part inferior de la finestra per previsualitzar l'animació.

Si no m'agrada la velocitat de l'animació, puc fer doble clic en els números que hi ha a la dreta de cada estat per fer els ajustaments. Com més gran sigui el nombre, més temps serà el temps de durada.

20 de 20

Desa el GIF animat

Text i imatges © Sandra Trainor

Vaig a triar File> Save As, canvieu el nom del fitxer, seleccioneu Animated GIF (* .gif), a continuació, feu clic a Desa.

Per obrir i reproduir el GIF d'animació al meu navegador, llançaré el meu navegador i seleccioneu Fitxer> Obrir o Obrir fitxer. Vaig a navegar al meu fitxer GIF animat, triar-lo, fer clic a Obrir i gaudir de l'animació.

Relacionat:
Optimització dels GIF animats
• Perfil de Turquia Silvestre
• Acció de gràcies a la història de Turquia
• Els pavos més salvatges que heu vist mai