Dans ce didacticiel, vous apprendrez à utiliser Fireworks CS6 pour créer un fichier GIF animé d’une dinde avec des plumes de queue qui changent de couleur. Pour commencer, vous devez créer une illustration et la dupliquer. Vous allez ensuite modifier une illustration, les convertir en symboles, créer un deuxième état et prévisualiser l'animation. Enfin, vous allez ensuite modifier la durée des deux états, enregistrer le fichier au format GIF animé et l'afficher dans votre navigateur.
Turquie GIF Animé dans Fireworks
Bien que Fireworks CS6 soit utilisé dans ce didacticiel, vous devriez pouvoir suivre toute version récente de Fireworks ou même de Photoshop.
Il est important de noter qu'Adobe ne propose plus Fireworks CC dans le cadre de Creative Cloud. Si vous recherchez Fireworks, vous pouvez le trouver dans la section Trouver d'autres applications du Creative Cloud. Lorsque Adobe annonce qu'il ne prendra plus en charge ni ne mettra à jour les applications, vous pouvez en déduire que la disparition de l'application n'est qu'une question de temps.
02 sur 20Créer un nouveau document
Tout d'abord, vous allez créer un nouveau document en choisissant Fichier> Nouveau. Faites la largeur et la hauteur de 400 x 400 pixels et la résolution de 72 pixels par pouce. Choisissez le blanc pour la couleur de la toile, et cliquez sur OK.
Ensuite, choisissez Fichier> Enregistrer, nommez le fichier dinde avec une extension png, choisissez l'emplacement où vous souhaitez l'enregistrer et cliquez sur Enregistrer.
03 sur 20Dessiner un cercle
Dans le panneau Outils, cliquez sur la zone de couleur de trait et choisissez le noir, puis dans la zone de couleur de remplissage et choisissez une nuance brune ou saisissez le champ Numéro de valeur hexagonale, n ° 8C4600.
Dans le panneau Propriétés, définissez une largeur de trait de 2 pixels. Choisissez ensuite l'outil Ellipse dans le panneau Outils. Vous pouvez le trouver en cliquant sur la petite flèche en regard de l'outil Rectangle ou d'autres outils de forme visibles. Tout en maintenant la touche Maj enfoncée, cliquez et faites glisser pour créer un grand cercle. (L'utilisation du décalage garantit que le cercle sera parfaitement rond.)
04 sur 20Dessine un autre cercle
Encore une fois, maintenez la touche Maj enfoncée pendant que vous tracez un autre cercle, avec l'intention que ce cercle soit plus petit que le dernier.
Avec l'outil Pointeur, cliquez et faites glisser le petit cercle pour le mettre en place. Vous voulez qu'il chevauche le haut du grand cercle, comme indiqué.
05 sur 20Dessiner un rectangle arrondi
Avec l'outil Rectangle arrondi, tracez un rectangle. Avec l'outil Pointeur, déplacez-le en place. Vous voulez qu'il soit centré et chevauche légèrement le bas du petit cercle.
06 sur 20Combiner des chemins
Maintenez la touche Maj enfoncée tout en cliquant sur le petit cercle, puis sur le rectangle arrondi. Cela sélectionnera les deux formes. Alors choisi Modifier, combiner les chemins> Union.
07 sur 20Changer de couleur
Dans le panneau Outils, cliquez sur la case Remplissage et choisissez un échantillon de crème ou tapez # FFCC99 dans le champ Valeur hexadécimale, puis appuyez sur Retour.
08 sur 20Faire les yeux
Vous pouvez dessiner deux petits cercles pour créer les yeux, mais utilisez plutôt l'outil Texte pour cela. Cliquez sur l'outil Texte dans le panneau Outils, puis sur le canevas. Dans l'inspecteur des propriétés, choisissez Arial Regular pour la police, définissez la taille 72 et changez la couleur en noir. Maintenez la touche Alt ou Options enfoncée tout en appuyant sur la touche portant le chiffre 8, qui fera une balle. Ensuite, appuyez sur la barre d'espace avant de faire une autre balle.
09 sur 20Faire le bec
Dans le panneau Outils, cliquez sur l'outil Forme de polygone. Dans le panneau Propriétés, choisissez une nuance orange pour le remplissage ou tapez # FF9933 dans le champ Valeur hexadécimale. Toujours dans le panneau Propriétés, faites en sorte que le trait soit noir avec une largeur de 1.
Ensuite, choisissez Fenêtre> Propriétés de la forme automatique. Cliquez sur la forme du polygone et indiquez que vous souhaitez que les points et les côtés soient égaux à 3 et que le rayon soit de 180 degrés. Pour réduire la taille du triangle, entrez 20 dans le champ Valeur du rayon extérieur. Le nombre pour cela dépend de la taille du triangle, pour commencer. Puis appuyez sur Retour.
Avec l'outil Pointeur, cliquez sur le triangle et faites-le glisser à l'endroit souhaité.
10 sur 20Faire le snood
La chose rouge qui pend au bec d'une dinde s'appelle un Snood. Pour en créer un, vous utiliserez l'outil Plume.
Après avoir sélectionné l'outil Plume dans le panneau Outils, cliquez sur la case Remplissage et choisissez une nuance rouge ou tapez # FF0000 dans le champ Valeur hexadécimale, puis appuyez sur Retour.
Avec l'outil Plume, cliquez pour créer des points formant un chemin, puis cliquez et faites glisser pour créer un chemin arrondi. Lorsque le dernier point se connecte au premier, vous aurez formé une forme qui ressemble à un snood de dinde.
11 sur 20Faire les jambes
Vous pouvez définir la couleur de remplissage sur la même orange que le bec en cliquant sur la case Remplissage puis sur le bec. Lorsque l'outil Plume est sélectionné, définissez la couleur du trait noir et définissez la largeur du trait sur 2 dans le panneau Propriétés.
Ensuite, utilisez l'outil Stylo pour créer des points qui forment une forme qui ressemble à la jambe d'une dinde. Avec la forme sélectionnée, choisissez Édition> Dupliquer. Alors choisi Modifier> Transformer> Retourner horizontalement. Avec l’outil Pointeur, placez les jambes à l’endroit où elles se présentent.
12 sur 20Réduire la taille
Choisir Sélectionnez> Sélectionner tout.Cliquez ensuite sur l'outil Echelle dans le panneau Outils. Un cadre de sélection apparaîtra avec des poignées pouvant être déplacées vers l'intérieur ou l'extérieur. Cliquez sur une poignée d'angle et déplacez-la vers l'intérieur en la rendant plus petite, puis appuyez sur la touche Retour.
Toutes vos formes étant toujours sélectionnées, utilisez l'outil Pointeur pour déplacer la dinde en place. Vous le voulez centré bas sur la toile.
13 sur 20Faire les plumes de la queue
Avec l'outil Ellipse, cliquez et faites glisser pour former un long ovale. Alors choisi Édition> Dupliquer. Vous allez dupliquer l'ovale encore et encore jusqu'à ce que vous ayez un total de cinq ovales.
14 sur 20Changer la couleur
Avec l'un des ovales sélectionnés, cliquez sur la case Remplissage et choisissez une couleur différente. Faites cela avec trois autres ovales, en choisissant une couleur différente pour chacun.
15 sur 20Déplacer des ovales
Avec l'outil Pointeur, cliquez et faites glisser sur les cinq ovales pour les sélectionner tous. Alors choisi Modifier> Organiser> Mettre à l'arrière-plan. Cela fera tomber les plumes de la queue derrière la dinde lorsque vous les déplacerez.
Cliquez loin des ovales pour les désélectionner, puis cliquez sur un ovale à la fois et déplacez-les séparément vers l'endroit où ils seront assis l'un à côté de l'autre et partiellement derrière la dinde.
L'utilisation de guides intelligents peut vous aider à positionner uniformément les ovales opposés. Si vous ne voyez pas les guides intelligents au travail, choisissez Affichage> Guides intelligents> Afficher les guides intelligents.
16 sur 20Faire pivoter des ovales
Vous voudrez faire pivoter les ovales et les repositionner. Pour ce faire, sélectionnez-en un et choisissez Modifier> Transformer> Transformer gratuitement. Puis cliquez et faites glisser votre curseur juste en dehors du cadre de sélection afin de faire pivoter légèrement l'ovale. Avec l’outil Pointeur, positionnez l’ovale à l’endroit où vous pensez le mieux.
Faites pivoter les ovales restants de la même manière et placez-les en place; les distribuer uniformément.
17 sur 20Enregistrer et enregistrer sous
En regardant votre image, vous verrez que la dinde est trop basse sur la toile, alors choisissez Sélectionner> Tout sélectionner, puis utilisez l’outil Pointeur pour placer la dinde au centre de la toile. Quand vous êtes satisfait de votre apparence, choisissez Fichier> Enregistrer.
Ensuite, cliquez sur une plume de queue pour la sélectionner, puis sur la case Remplissage et choisissez une couleur différente. Faites cela pour chaque plume de la queue, puis choisissez Fichier> Enregistrer sous. Renommez le fichier, Turquie2 avec une extension png, puis cliquez sur Enregistrer.
18 sur 20Convertir en symbole
Choisir Fichier> Ouvrir, accédez à votre fichier turkey.png et cliquez sur Ouvrir. Cliquez sur l'onglet turkey.png en haut et choisissez Sélectionner> Tout sélectionner. Vous choisirez ensuite Modifier> Convertir> Convertir en symbole. Nommez-le symbole 1, choisissez Graphique pour le type, puis cliquez sur OK.
Cliquez sur l'onglet turkey2.png et faites de même, vous ne nommerez que ce symbole 2.
19 sur 20Créer un nouvel état
Cliquez de nouveau sur l'onglet turkey.png. Si votre panneau États n'est pas visible, vous pouvez choisir Fenêtre> Etats. Au bas du panneau États, cliquez sur le bouton Nouveaux états en double.
Lorsque vous cliquez sur le premier état pour le sélectionner, vous verrez qu'il contient un symbole. Lorsque vous cliquez sur le deuxième état, vous verrez qu'il est vide. Pour ajouter un symbole à cet état vide, choisissez Fichier> Importer> Naviguer Dans votre fichier turkey2.png, cliquez sur Ouvrir, puis de nouveau sur Ouvrir. Cliquez ensuite sur le coin supérieur droit du canevas pour placer le fichier à la bonne position. Maintenant, lorsque vous cliquez entre le premier et le deuxième état, vous voyez que les deux contiennent des images. Vous pouvez également appuyer sur le bouton Play / Stop en bas de la fenêtre pour prévisualiser l’animation.
Si vous n'aimez pas la vitesse de l'animation, vous pouvez double-cliquer sur les chiffres à droite de chaque état pour effectuer des ajustements. Plus le nombre est élevé, plus la durée est longue.
20 sur 20Enregistrer le GIF animé
Enfin, choisissez Fichier> Enregistrer sous, renommez le fichier, choisissez GIF animé (* .gif), puis cliquez sur Enregistrer.
Pour ouvrir et lire le GIF Animation dans votre navigateur, lancez votre navigateur et choisissez Fichier> Ouvrir ou Ouvrir un fichier. Accédez à votre fichier GIF animé enregistré, choisissez-le, cliquez sur Ouvrir et profitez du fruit de votre travail!
Mis à jour par Tom Green
