Ce qu'il faut savoir
- Créez une illustration et dupliquez-la. Apportez des modifications à l'un, convertissez les deux en symboles, créez un deuxième état. Prévisualisez l'animation.
- Modifiez la durée des deux états, enregistrez le fichier en tant que-g.webp" />
Dans ce didacticiel, vous apprendrez à utiliser Fireworks CS6 pour créer un-g.webp
Comment créer un-g.webp" />
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 Rechercher des applications supplémentaires de Creative Cloud. Lorsqu'Adobe annonce qu'il ne prendra plus en charge ou ne mettra plus à jour les applications, vous pouvez supposer que ce n'est qu'une question de temps avant que l'application ne disparaisse.
Créer un nouveau document
D'abord, vous allez créer un nouveau document en choisissant Fichier > Nouveau. Choisissez une largeur et une hauteur de 400 x 400 pixels et une résolution de 72 pixels par pouce. Choisissez le blanc comme couleur de toile, et cliquez sur OK.
Ensuite, choisissez Fichier > Enregistrer, nommez le fichier dinde avec une extension png, choisissez où vous voulez l'enregistrer et cliquez sur Enregistrer.
Dessiner un cercle
Dans le panneau Outils, cliquez sur la case Couleur de trait et choisissez le noir, puis sur la case Couleur de remplissage et choisissez un échantillon marron ou tapez dans le champ de valeur numérique hexadécimale, 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, que vous pouvez trouver en cliquant sur la petite flèche à côté 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.)
Dessiner un autre cercle
Encore une fois, maintenez la touche Maj enfoncée pendant que vous dessinez un autre cercle, avec l'intention que ce cercle soit plus petit que le précédent.
Avec l'outil Pointeur, cliquez et faites glisser le petit cercle en place. Vous voulez qu'il chevauche le haut du grand cercle, comme indiqué.
Dessiner un rectangle arrondi
Avec l'outil Rectangle arrondi, dessinez un rectangle. Avec l'outil Pointeur, mettez-le en place. Vous voulez qu'il soit centré et chevauche légèrement le bas du petit cercle.
Combiner les 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. Ensuite, choisissez Modify, Combine Paths > Union.
Changer de couleur
Dans le panneau Outils, cliquez sur la case Remplir et choisissez un échantillon de crème, ou tapez FFCC99 dans le champ Valeur hexadécimale, puis appuyez sur retour.
Faire les yeux
Vous pouvez dessiner deux petits cercles pour faire 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 enfoncée la touche "Image" ou Options pendant que vous appuyez sur la touche contenant le chiffre 8, ce qui fera une puce. Ensuite, appuyez sur la barre d'espace avant de faire une autre balle. alt="
Faire le bec
Dans le panneau Outils, cliquez sur l'outil Forme de polygone. Dans le panneau Propriétés, choisissez un échantillon orange pour le remplissage ou tapez FF9933 dans le champ Valeur hexadécimale. Toujours dans le panneau Propriétés, rendez le trait noir avec une largeur de 1.
Ensuite, choisissez Window > Propriétés de la forme automatique Cliquez sur la forme du polygone et indiquez que vous voulez que les points et les côtés soient 3 et le rayon 180 degrés. Pour réduire la taille du triangle, saisissez 20 dans le champ de valeur Rayon extérieur. Le nombre pour cela dépend de la taille du triangle, pour commencer. Appuyez ensuite sur retour.
Avec l'outil Pointeur, cliquez sur le triangle et faites-le glisser à l'endroit où vous pensez qu'il devrait s'asseoir pour le bec.
Faire le snood
La chose rouge qui pend du 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 un échantillon rouge, ou tapez FF0000 dans le champ Valeur hexadécimale, puis appuyez sur retour.
Avec l'outil Plume, cliquez pour créer des points qui forment un chemin, et parfois 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.
Faire les jambes
Vous pouvez définir la couleur de remplissage sur le même orange que le bec en cliquant sur la case Remplissage puis sur le bec. Avec l'outil Plume sélectionné, rendez la couleur de trait noire et définissez la largeur de trait sur 2 dans le panneau Propriétés.
Ensuite, utilisez l'outil Plume pour créer des points qui forment une forme qui ressemble à une cuisse de dinde. Avec la forme sélectionnée, choisissez Edit > Duplicate Puis choisissez Modify > Transform > Flip Horizontal Avec l'outil Pointeur, positionnez les jambes là où elles sont les plus belles.
Réduire la taille
Choose Select > Select All. Cliquez ensuite sur l'outil Échelle dans le panneau Outils. Une boîte englobante apparaîtra avec des poignées qui peuvent être déplacées vers l'intérieur ou vers l'extérieur. Cliquez sur une poignée d'angle et déplacez-la vers l'intérieur, en réduisant l'ensemble, puis appuyez sur retour.
Avec toutes vos formes toujours sélectionnées, utilisez l'outil Pointeur pour déplacer la dinde en place. Vous voulez qu'il soit centré bas sur la toile.
Faites les plumes de la queue
Avec l'outil Ellipse, cliquez et faites glisser pour former un long ovale. Choisissez ensuite Edit > Duplicate. Vous allez dupliquer l'ovale encore et encore jusqu'à ce que vous ayez un total de cinq ovales.
Changer la couleur
Avec l'un des ovales sélectionnés, cliquez sur la case Remplir et choisissez une couleur différente. Faites cela avec trois autres ovales, en choisissant une couleur différente pour chacun.
Déplacer les ovales
Avec l'outil Pointeur, cliquez et faites glisser sur les cinq ovales pour les sélectionner tous. Choisissez ensuite Modify > Arrange > Send to Back. Cela fera tomber les plumes de la queue derrière la dinde lorsque vous les mettrez en place.
Cliquez en dehors des ovales pour les désélectionner, puis cliquez sur un ovale à la fois et faites-les glisser séparément jusqu'à 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 aider à positionner uniformément les ovales qui se font face. Si vous ne voyez pas les guides intelligents au travail, choisissez Voir > Guides intelligents > Afficher les guides intelligents.
Faire pivoter les ovales
Vous aurez envie de faire pivoter les ovales et de les repositionner. Pour ce faire, sélectionnez-en un et choisissez Modifier > Transformer > Transformer librement Ensuite, cliquez et faites glisser votre curseur juste à l'extérieur de la boîte englobante afin de faire légèrement pivoter l'ovale. Avec l'outil Pointeur, positionnez l'ovale là où vous pensez qu'il est le plus beau.
Faites pivoter les ovales restants de la même manière et placez-les en place; en les répartissant uniformément.
Enregistrer et Enregistrer sous
En regardant votre image, vous verrez que la dinde est trop basse sur la toile, alors choisissez Select > Select All, puis utilisez l'outil Pointeur pour placer la dinde au centre de la toile. Lorsque vous êtes satisfait de son apparence, choisissez File > Save.
Ensuite, cliquez sur une plume de la queue pour la sélectionner, puis sur la case Remplir et choisissez une couleur différente. Faites cela pour chaque plume de la queue, puis choisissez File > Save As. Renommez le fichier, turkey2 avec une extension png, et cliquez sur Enregistrer.
Convertir en symbole
Choisir Fichier > Ouvrir, accédez à votre fichier turkey-p.webp" />Select > Select All Vous choisirez alors Modify > Convert > Convert to Symbol Nommez-le symbole 1, choisissez Graphique pour le Type, puis cliquez sur OK.
Cliquez sur l'onglet turkey2-p.webp
Créer un nouvel état
Cliquez sur l'onglet turkey.png. Si votre panneau États n'est pas visible, vous pouvez choisir Window > States. En bas du panneau États, cliquez sur le bouton Nouveaux États dupliqués.
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 > Importez >navigue dans votre fichier turkey2.png, cliquez sur Ouvrir, puis sur Ouvrir à nouveau. Cliquez ensuite sur le coin supérieur droit du canevas pour placer le fichier dans la bonne position. Maintenant, lorsque vous cliquez entre le premier et le deuxième état, vous verrez 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 faire des ajustements. Plus le nombre est élevé, plus la durée est longue.
Enregistrer le-g.webp" />
Enfin, choisissez Fichier > Enregistrer sous, renommez le fichier, choisissez Animated-g.webp" />.
Pour ouvrir et lire le-g.webp
Fichier > Ouvrir ou Ouvrir un fichier. Accédez à votre fichier-g.webp" />
