In questo tutorial imparerai a utilizzare Fireworks CS6 per creare una GIF animata di un tacchino con penne della coda che cambiano colore. Per iniziare, dovrai creare un'illustrazione e duplicarla. Quindi, si apportano modifiche a un'illustrazione, convertendole in simboli, creando un secondo stato e visualizzando un'anteprima dell'animazione. Infine, cambierai la durata di entrambi gli stati, salverai il file come GIF animata e visualizzalo nel tuo browser.
Turchia GIF animata in fuochi d'artificio
Sebbene in questo tutorial si utilizzi Fireworks CS6, si dovrebbe essere in grado di seguire l'utilizzo di qualsiasi versione recente di Fireworks o persino di Photoshop.
È importante notare che Adobe non offre più Fireworks CC come parte di Creative Cloud. Se stai cercando Fireworks, puoi trovarlo nella sezione Trova altre app di Creative Cloud. Quando Adobe annuncia che non supporterà più né aggiornerà le applicazioni, è possibile presumere che sia solo una questione di tempo prima che l'applicazione scompaia.
02 di 20Crea un nuovo documento
Innanzitutto, creerai un nuovo documento scegliendo File> Nuovo. Rendi la larghezza e l'altezza di 400 x 400 pixel e la risoluzione di 72 pixel per pollice. Scegli bianco per il colore della tela, e fare clic su OK.
Quindi, scegliere File> Salva, dai il nome al file tacchino con un'estensione png, scegli dove vuoi salvarlo, e fare clic su Salva.
03 di 20Disegna un cerchio
Nel pannello Strumenti fai clic sulla casella Colore tratto e seleziona il nero, quindi nella casella Colore riempimento e scegli un campione marrone o digita nel campo Valore numero esadecimale, # 8C4600.
Nel pannello Proprietà, imposta la larghezza del tratto di 2 pixel. Quindi scegli lo strumento Ellisse nel pannello Strumenti, che può essere trovato facendo clic sulla piccola freccia accanto allo strumento Rettangolo o altri strumenti di forma visibile. Tenendo premuto il tasto Maiusc, fare clic e trascinare per creare un cerchio grande. (Usando lo spostamento si assicura che il cerchio sia perfettamente rotondo).
04 di 20Disegna un altro cerchio
Ancora una volta, tieni premuto il tasto Maiusc mentre disegni un altro cerchio, con l'intenzione che questo cerchio sia più piccolo dell'ultimo.
Con lo strumento Puntatore, fai clic e trascina il piccolo cerchio in posizione. Vuoi che si sovrapponga alla parte superiore del cerchio grande, come mostrato.
05 di 20Disegna un rettangolo arrotondato
Con lo strumento Rettangolo arrotondato, disegna un rettangolo. Con lo strumento Puntatore, spostalo in posizione. Vuoi che sia centrato e leggermente sovrapposto al fondo del piccolo cerchio.
06 di 20Combina percorsi
Tieni premuto il tasto Maiusc mentre fai clic sul piccolo cerchio e poi sul rettangolo arrotondato. Questo selezionerà entrambe le forme. Quindi scegli Modifica, combina percorsi> Unione.
07 di 20Cambia colore
Nel pannello Strumenti, fai clic sulla casella Riempi e scegli un campione color crema, oppure digita # FFCC99 nel campo Valore esadecimale, quindi premi Invio.
08 di 20Fai gli occhi
Puoi disegnare due piccoli cerchi per creare gli occhi, ma invece usa lo strumento Tipo per questo. Fai clic sullo strumento testo nel pannello Strumenti, quindi sulla tela. Nella finestra di ispezione Proprietà, scegli Arial Regular per il carattere, imposta la dimensione 72 e cambia il colore in nero. Tenere premuto il tasto Alt o Opzioni mentre si preme il tasto che contiene il numero 8, che formerà un proiettile. Quindi, premere la barra spaziatrice prima di creare un altro proiettile.
09 di 20Crea il becco
Nel pannello Strumenti, fare clic sullo strumento Forma poligono. Nel pannello Proprietà, selezionare un campione arancione per il riempimento o digitare # FF9933 nel campo Valore esadecimale. Inoltre, nel pannello Proprietà, rendere il tratto nero con una larghezza di 1.
Quindi, scegliere Finestra> Proprietà forma automatica. Fare clic sulla forma del poligono e indicare che si desidera che sia i punti che i lati siano 3 e il raggio di 180 gradi. Per rendere il triangolo più piccolo, digitare 20 nel campo del valore Raggio esterno. Il numero dipende da quanto era grande il triangolo, tanto per cominciare. Quindi premere Invio.
Con lo strumento Puntatore, fai clic sul triangolo e trascinalo dove pensi che dovrebbe sedere per il becco.
10 di 20Fai il Snood
La cosa rossa che pende dal becco di un tacchino si chiama Snood. Per crearne uno, utilizzerai lo strumento Penna.
Dopo aver selezionato lo strumento Penna nel pannello Strumenti, fai clic sulla casella Riempi e scegli un campione rosso, oppure digita # FF0000 nel campo Valore esadecimale, quindi premi Invio.
Con lo strumento Penna, fare clic per creare punti che formano un tracciato e, a volte, fare clic e trascinare per creare un tracciato arrotondato. Quando l'ultimo punto si connette con il primo, avrai formato una forma simile a quella di un tacchino.
11 di 20Fai le gambe
Puoi impostare il colore di riempimento sulla stessa arancia del becco facendo clic sulla casella Riempi e poi sul becco. Con lo strumento Penna selezionato, rendere il colore del tratto nero e impostare la larghezza del tratto su 2 nel pannello Proprietà.
Quindi, usa lo strumento Penna per creare punti che formano una forma simile alla gamba di un tacchino. Con la forma selezionata, scegliere Modifica> Duplica. Quindi scegli Modifica> Trasforma> Rifletti orizzontalmente. Con lo strumento Puntatore, posiziona le gambe dove sembrano migliori.
12 di 20Riduci dimensioni
Scegliere Seleziona> Seleziona tutto.Quindi fare clic sullo strumento Scala nel pannello Strumenti. Un riquadro di delimitazione apparirà con le maniglie che possono essere spostate verso l'interno o verso l'esterno. Fare clic su una maniglia d'angolo e spostarla verso l'interno, rendendo l'intero più piccolo, quindi premere Invio.
Con tutte le forme ancora selezionate, utilizzare lo strumento Puntatore per spostare il tacchino in posizione. Lo vuoi centrato in basso sulla tela.
13 di 20Crea le piume della coda
Con lo strumento Ellisse, fai clic e trascina per formare un lungo ovale. Quindi scegli Modifica> Duplica. Duplicerai l'ovale ancora e ancora fino ad avere un totale di cinque ovali.
14 di 20Cambia il colore
Con uno degli ovali selezionati, fai clic sulla casella Riempi e scegli un colore diverso. Fatelo con altri tre ovali, scegliendo un colore diverso per ciascuno.
15 di 20Sposta ovali
Con lo strumento Puntatore, fai clic e trascina sopra i cinque ovali per selezionarli tutti. Quindi scegli Modifica> Disponi> Porta in secondo piano. Ciò causerà la caduta delle penne della coda dietro il tacchino quando le sposerai.
Fare clic lontano dagli ovali per deselezionarli, quindi fare clic su un ovale alla volta e trascinarli separatamente dove si siederanno uno accanto all'altro e in parte dietro al tacchino.
L'utilizzo delle guide intelligenti può aiutare a posizionare in modo uniforme gli ovali opposti. Se non vedi le guide intelligenti al lavoro, scegli Visualizza> Guide intelligenti> Mostra guide intelligenti.
16 di 20Ruota gli ovali
Avrai voglia di ruotare gli ovali e riposizionarli. Per fare ciò, selezionane uno e scegli Modifica> Trasforma> Trasformazione libera. Quindi fai clic e trascina il cursore appena fuori dal rettangolo di selezione per ruotare leggermente l'ovale. Con lo strumento Puntatore, posiziona l'ovale dove pensi che sia il migliore.
Ruota gli ovali rimanenti nello stesso modo e posizionali in posizione; distribuendoli equamente.
17 di 20Salva e Salva come
Guardando la tua immagine, vedrai che il tacchino è troppo basso sulla tela, quindi scegli Seleziona> Seleziona tutto, quindi utilizzare lo strumento Puntatore per posizionare il tacchino al centro della tela. Quando sei soddisfatto di come appare, scegli File> Salva.
Quindi, fai clic su una piuma di coda per selezionarla, quindi sulla casella Riempi e scegli un colore diverso. Fallo per ogni piuma di coda, quindi scegli File> Salva come. Rinominare il file, Turchia2 con un'estensione png e fare clic su Salva.
18 di 20Converti in simbolo
Scegliere File> Apri, vai al tuo file turkey.png e fai clic su Apri. Fare clic sulla scheda turkey.png in alto e scegliere Seleziona> Seleziona tutto. Quindi sceglierai Modifica> Converti> Converti in simbolo. Assegna un nome al simbolo 1, scegli Grafica per il Tipo, quindi fai clic su OK.
Fai clic sulla scheda turkey2.png e fai lo stesso, solo tu chiamerai questo simbolo 2.
19 di 20Crea un nuovo stato
Fare di nuovo clic sulla scheda turkey.png. Se il tuo pannello Stati non è visibile, puoi scegliere Finestra> Stati. Nella parte inferiore del riquadro Stati, fai clic sul pulsante New Duplicate States.
Quando fai clic sul primo stato per selezionarlo, vedrai che contiene un simbolo. Quando fai clic sul secondo stato, vedrai che è vuoto. Per aggiungere un simbolo a questo stato vuoto, scegli File> Importa> naviga al tuo file turkey2.png, fai clic su Apri, quindi Apri di nuovo. Quindi fare clic sull'angolo superiore destro dell'area di disegno per posizionare il file nella posizione corretta. Ora, quando fai clic tra il primo e il secondo stato, vedrai che entrambe tengono le immagini. Puoi anche premere il pulsante Riproduci / Interrompi nella parte inferiore della finestra per visualizzare l'anteprima dell'animazione.
Se non ti piace la velocità dell'animazione, puoi fare doppio clic sui numeri a destra di ogni stato per apportare modifiche. Più alto è il numero più lunga è la durata.
20 di 20Salva GIF animata
Infine, scegli File> Salva come, rinomina il file, scegli Animated GIF (* .gif), quindi fai clic su Salva.
Per aprire e riprodurre l'Animation GIF nel tuo browser, avvia il browser e scegli File> Apri o Apri file. Passa al file GIF animato salvato, sceglilo, fai clic su Apri e goditi i frutti della tua fatica!
Aggiornato da Tom Green
