En aquest tutorial, aprendràs a utilitzar Fireworks CS6 per crear un GIF animat d'un gall d'indi amb plomes de cua que canviïn de color. Per començar, haureu de crear una il·lustració i duplicar-la. Després, realitzarà canvis en una il·lustració, convertir-los en símbols, crear un segon estat i obtenir una vista prèvia de l'animació. Finalment, canviarà el temps de durada dels dos estats, guardar el fitxer com un GIF animat i veure'l al vostre navegador.
Turquia GIF animat en focs artificials
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.
És important tenir en compte que 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ó.
02 de 20Crea un nou document
Primer, crearà un nou document escollint Fitxer> Nou. Feu l'amplada i l'alçada de 400 x 400 píxels i la resolució de 72 píxels per polzada. Trieu blanc per al color del llenç i feu clic a D'acord.
A continuació, trieu Fitxer> Desa, nom el fitxer gall dindi amb una extensió de png, trieu on voleu desar-lo i feu clic a Desa.
03 de 20Dibuixar un cercle
Al tauler Eines feu clic al quadre de color Acció i escolliu el color negre i, a continuació, a la casella de color de farciment i trieu un mostreig marró o escriviu el camp de valor de número Hex, # 8C4600.
Al panell Propietats, feu l'amplada del traç 2 píxels. A continuació, seleccioneu l'eina Ellipse al quadre Eines, que es pot trobar fent clic a la fletxa petita que hi ha al costat de l'eina Rectangle o d'altres eines de forma visible. Mentre manteniu premuda la tecla de majúscules, feu clic i arrossegueu per crear un cercle gran. (L'ús del canvi assegura que el cercle serà perfectament rodó).
04 de 20Dibuixa un altre cercle
De nou, manteniu premuda la tecla Majúscula mentre dibuixeu un altre cercle, amb la intenció que aquest cercle sigui més petit que l'anterior.
Amb l'eina Punter, feu clic i arrossegueu el petit cercle al vostre lloc. Voleu que se superposi a la part superior del cercle gran, com es mostra.
05 de 20Dibuixar un rectangle arrodonit
Amb l'eina Rectangle arrodonit, dibuixa un rectangle. Amb l'eina Punter, moure'l al lloc. Voleu que estigui centrat i que se superposi lleugerament a la part inferior del petit cercle.
06 de 20Rutes combinades
Mantingueu premuda la tecla de majúscules mentre feu clic al cercle petit i el rectangle arrodonit. Això seleccionarà les dues formes. A continuació, trieu Modificar, combinar rutes> Unió.
07 de 20Canvia el color
Al tauler Eines, feu clic a la casella de farciment i seleccioneu una mostra de crema, o escriviu # FFCC99 al camp Valor hexadecimal, i després premeu Retorn.
08 de 20Fes els ulls
Podeu dibuixar dos cercles petits per fer els ulls, però, en canvi, utilitzeu l'eina Tipus per a això. Feu clic a l'eina Tipus al quadre Eines i, a continuació, al llenç. A l'inspector de propietats, seleccioneu Arial Regular per a la font, feu la mida 72, i canvieu el color a negre. Mantingueu premuda la tecla Alt o Opcions mentre prem la tecla que conté el número 8, que farà una bala. A continuació, premeu la barra espaiadora abans de fer una altra bala.
09 de 20Feu el bec
Al tauler d'eines, feu clic a l'eina de forma de polígon. Al panell Propietats, seleccioneu una mostra anciana per omplir o escriviu # FF9933 al camp Hex. També al panell Propietats, feu que el traç negre tingui un ample de 1.
A continuació, trieu Finestra> Propietats amb forma automàtica. Feu clic a la forma del polígon i indiqueu que voleu que els dos punts i els costats siguin 3 i el radi 180 graus. Per fer que el triangle sigui més petit, escriviu 20 en el camp Valor de ràdio exterior. El número per a això depèn de la grandària del triangle, per començar. A continuació, premeu Retorn.
Amb l'eina Punter, feu clic al triangle i arrossegueu-lo fins on cregueu que hauria de seure per al bec.
10 de 20Feu el Snood
El vermell que penja del bec d'un gall d'indi s'anomena Snood. Per fer-ne un, utilitzareu l'eina Pen.
Després de seleccionar l'eina Pen al tauler Eines, feu clic a la casella de farciment i seleccioneu una mostra vermella o escriviu # FF0000 al camp Hex, i després premeu Retorn.
Amb l'eina Pen, feu 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, haureu format una forma que sembli un snood de gall d'indi.
11 de 20Fes les cames
Podeu 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, feu que el cop de color sigui negre i estableixi l'amplada del traç a 2 en el quadre Propietats.
A continuació, utilitzeu l'eina Pen per crear punts que formen una forma que s'assembla a la cama d'un gall dindi. Amb la forma seleccionada, trieu Edita> Duplica. A continuació, trieu Modificar> Transformar> Flip Horizontal. Amb l'eina Punter, posa les cames on es veuen millor.
12 de 20Redueix la mida
Trieu Seleccioneu> Selecciona-ho tot.A continuació, feu clic a l'eina Escalar del quadre Eines. Apareixerà una caixa delimitadora amb mànecs que es poden moure cap endavant o cap a fora. Feu clic a l'identificador de cantonada i moveu-lo cap a dins, fent que tot sigui més petit i, a continuació, premeu Retorn.
Amb totes les formes seleccionades, utilitzeu l'eina Punter per moure el gall dindi al seu lloc. Voleu que es centri més baix en el llenç.
13 de 20Feu les plomes de cua
Amb l'eina Ellipse, feu clic i arrossegueu per formar un oval llarg. A continuació, trieu Edita> Duplica. Duplicareu l'oval una i altra vegada fins que tingueu un total de cinc ovals.
14 de 20Canvieu el color
Amb un dels ovals seleccionats, feu clic al quadre Fill i trieu un color diferent. Feu això amb tres ovals més, triant un color diferent per a cadascun.
15 de 20Mou ovals
Amb l'eina Punter, feu clic i arrossegueu els cinc ovals per seleccionar-los tots. A continuació, trieu Modifiqueu> Organitza> Envia cap a enrere. Això farà que les plomes de la cua caiguin darrere del gall dindi quan les mogui al lloc.
Feu clic fora dels ovals per deseleccionar-los, després feu clic en un oval a la vegada 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, trieu Veure> Guies intel·ligents> Mostra guies intel·ligents.
16 de 20Gira els ovals
Voldreu rotar els ovals i tornar a col·locar-los. Per fer-ho, seleccioneu-ne una i trieu-la Modificar> Transformar> Transformació lliure. A continuació, feu clic i arrossegueu el cursor a l'exterior de la caixa delimitadora per tal de girar lleugerament l'oval. Amb l'eina Pointer, col·loqueu l'oval fins on creieu que es veu millor.
Gireu els ovals restants de la mateixa manera, i col·loqueu-los al lloc; distribució uniforme.
17 de 20Desa i desa com
Si observeu la vostra imatge, veureu que el gall d'indi és massa baix al llenç, així que trieu Seleccioneu> Selecciona-ho tot, utilitzeu l'eina Punter per col·locar el gall dindi al centre del llenç. Quan estigueu satisfet de com es veu, trieu Fitxer> Desa.
A continuació, feu clic a una ploma de la cua per seleccionar-la, després a la casella de farciment i seleccioneu un color diferent. Feu això per a cada ploma de la cua, a continuació, trieu Fitxer> Desa com. Canvieu el nom del fitxer, turc2 amb una extensió de png i feu clic a Desa.
18 de 20Converteix en símbol
Trieu Fitxer> Obert, navegueu al vostre fitxer turkey.png i feu clic a Obre. Feu clic a la pestanya turkey.png a la part superior i trieu Seleccioneu> Selecciona-ho tot. A continuació, triaràs Modificar> Convertir> Convertir a Símbol. Assigneu-li el nom del símbol 1, seleccioneu Gràfic per al Tipus i feu clic a Acceptar.
Feu clic a la pestanya turkey2.png i feu el mateix, només us indicareu aquest símbol 2.
19 de 20Crea un estat nou
Feu clic a la pestanya turkey.png. Si el tauler dels Estats no és visible, podeu triar Finestra> Estats. A la part inferior del tauler d'Estats, feu clic al botó Nou Duplicar els Estats.
Quan feu clic al primer estat per seleccionar-lo, veurà que té un símbol. Quan feu clic al segon estat, veureu que està buit. Per afegir un símbol a aquest estat buit, trieu Fitxer> Importa> navegar al fitxer turkey2.png, feu clic a Obre i torneu a obrir. A continuació, feu clic a l'extrem superior dret del llenç per col·locar el fitxer en la posició correcta. Ara, quan feu clic entre els estats primer i segon, veureu que ambdues tenen imatges. També podeu prémer el botó Reproduir / Aturar a la part inferior de la finestra per previsualitzar l'animació.
Si no us agrada la velocitat de l'animació, podeu fer doble clic als números que hi ha a la dreta de cada estat per fer ajustos. Com més gran sigui el nombre, més temps serà el temps de durada.
20 de 20Desa el GIF animat
Finalment, tria Fitxer> Desa com, canvieu el nom del fitxer, seleccioneu GIF animat (* .gif), i feu clic a Desa.
Per obrir i reproduir el GIF d'animació al navegador, obre el navegador i trieu Fitxer> Obrir o Obrir Fitxer. Aneu al vostre fitxer GIF animat, trieu-lo, feu clic a Obre i gaudiu dels fruits del vostre treball.
Actualitzat per Tom Green
