TUTORIEL BONHOMME DE NEIGE.
Si vous voulez voir une animation un peu différente de ce même tutoriel, cliquez ICI.
Vous aurez besoin d'une image qui servira de fond et d'un layer neige qui servira pour créer l'effet neige.
Vous pouvez les téléchargez ICI.
Il contient également le fichier musical que j'ai utilisé pour l'animation et le tutoriel dans le format txt.
Ouvrez votre logiciel Flash (j'ai utilisé la version MX, mais ce tut s'adapte également à d'autres versions du logiciel.
Pour voir ce que vous devriez obtenir à la fin du travail, regardez la capture suivante qui se réfère à la partie initiale du timeline des principaux calques.
1) Insérez dans la bibliothèque l'image, le layer neige et un fichier musical (mp3 ou Wav).
Et comme plan de travail, mettez un rectangle fond noir de 850 par 650 pixels.
Donnez au premier calque du travail le nom fond et ouvrez votre biblièthèque et sélectionnez-le et transférez-le en tenant la touche gauche de la souris appuyée sur le rectangle noir, l'image qui servira de fond.
Placez-la au centre du rectangle noir: vous aurez ainsi un contour noir.
C'est une animation qui arrivera jusqu'au point 280, donc on peut tout de suite faire ainsi:
se placer sur le point 280 avec la souris sur la timeline du fond et sélectionnez du droit Insérer une image-clé.
2) Insertion/calque et on va le nommer corps, car on va créer la succession de boules de neige pour former le corps du bonhomme de neige. Comment faire?
- on se place au point 1 du timeline du calque corps et on clique sur l'outil Ovale que l'on configurera ainsi: couleur du contour: gris clair: #CCCCCC et remplissage: blanc.
et on crée une première boule plutôt petite en haut de la pente enneigée.
- allez au point 10 et ajoutez une image clé.
Ici pour vous montrer la procédure, je me suis placée au point 15 du timeline: capture 2.
Cliquez sur la petite boule et du droit sélectionner COUPER.
Créez une autre petite boule, un peu plus grosse que la première sur une position plus basse par rapport à la précédente.
- allez au point 20, et ajoutez une image clé et procédez comme indiqué avant.
Continuez de 10 en 10 jusqu'au point 50 où vous placerez le corps du bonhomme.
Un conseil: si une position ou une forme de la boule ne vous plaît pas, éliminez-la en actionnant la flèche en arrière.
Vérifiez de temps en temps ce que vous obtenez en faisant Controle/tester l'animation.
3) Insertion/calque et on va l'appeler tete, car on va créer la tête du bonhomme de neige, avec la même technique qu'avant, mais la formation de la tête étant postérieure à celle du corps il faudra commencer à ajouter l'image clé pas avant le point 60 du timeline de la tête.
Donc se placer au point 60 du timeline du calque 60 et du droit sélectionner INSERER UNE IMAGE CLE.
Dessinez avec l'outil ovale une première petite boule en haut à gauche (on donnera l'impression qu'elle a été jetée par quelqu'un).
Puis allez au point 70, insérez une image-clé, couper l'image précédente, en dessiner une autre plus basse et plus grosse. Répétez la même chose aux points 80; 90. Au point 100 la tête sera positionnée sur le corps.
4) Insertion/calque et on va l'appeler yeux. Il servira aussi pour ajouter des boutons au corps du bonhomme de neige.
Au point 110 on insère une image clé et on dessine le premier oeil en mettant les couleurs noirs pour le contour et bleu pour le remplissage.
Allez au point 120, insérez une image-clé et dessiner le deuxième oeil (ici naturellememt on garde le premier oeil :-))
Répétez l'opération pour ajouter les boutons de façon plus rapide: donc le premier au point 130; le deuxième au point 135 et le troisième au point 140.
Si vous voulez une succession encore plus rapide rapprocher les points d'insertion des images-clé.
5) Insertion/Calque qu'on appellera Bouche. Il servira également pour dessiner la ceinture.
Allez au point 150 et ajoutez une image-clé et dessinez, toujours avec l'outil ovale une bouche avec contour noir et remplissage rouge.
Aux points 160 et 170 on ajoutera une autre image-clé pour dessiner les 2 parties de la ceinture.
6) Insertion/calque qu'on nommera bras. Allez au point 180 et ajouter une image-clé. Cette fois-ci utilisez l'outil dessin Options: redresser. couleur du trait gris clair et dessinez le premier bras.
Répétez l'opération au point 190 pour ajouter le deuxième bras.
7) Insertion/calque : on le nomme chapeau. Reprenez l'outil ovale contour noir et remplissage vert.
Au point 195 ajoutez une image-clé et dessinez un petit chapeau en haut au centre de l'image.
faites comme pour la création du corps du bonhomme de neige et donc faites un chapeau plus gros quand il se rapproche de la tête du bonhomme de neige. Vous aurez ainsi un chapeau de plus en plus gros aux points 198, 203 et 205. Au point 207, installez-le sur la tête du bonhomme de neige.
8) Insertion/calque : on le nommera phrase.
Allez au point 210 et insérer un image-clé. Et avec l'outil dessin dessinez une grande bulle avec une couleur de votre choix, à l'intérieur de laquelle sera situé le texte de la phrase du bonhomme de neige.
Allez au point 215 et cette fois-ci, sélectionnez l'outil Texte, utilisez une couleur de votre choix et écrivez le texte.
Dans mon cas, j'ai choisi la couleur rouge, taille 21 pour la police Sans comic.
9) Ajoutons la signature: insertion calque; insérer image clé au point 1 et ensuite écrire avec l'outil texte.
10) On va maintenant ajouter la neige.
Insertion/calque : et prenons le layer neige de la bibliothèque et transférons-le sur le fond. Gardez l'outil Flèche appuyée. placez le layer sur le fond sans outrepasser les bords. Pour accéler le travail d'animation du layer on va procéder comme ceci: tous les 10 points de la timelien du calque layer on va ajouter une image-clé.
Puis on va revenir sur chacun de ces points et on va positionner de façon différente le layer, toujours sur l'image, sans déborder, mais à un angle différent.
Pour donner une impression de chutes plus fortes rapprochez les points clé.
11) Insertion/calque et cette fois ajoutons la musique.
Fenêtre/Bibliothèque, sélectionner le fichier musical et le traîner avec la souris sur la scène.
Vous verrez que la ligne du calque prendra une forme particulière. Si vous voyez que le tracet de la musique ne recouvre pas toute la ligne du calque et donc de la scène, cliquez du droit sur la ligne qui vient de se former et sélectionner PROPRIETES et dans boucle mettez par exemple 10 et dans Sync: il faut garder "en continu".
12) Si vous voulez retravailler sur ce fichier, enregistrez-le comme fichier fla: Fichier/enregistrer sous.
Si vous voulez en faire un document à envoyer ou bien à mettre dans une page web, faites ainsi : Fichier/exporter l'animation.
Tutoriel écrit le 29 décembre 2003 dans le contexte des travaux du groupe franco-flash.
Si vous voulez vous inscrire, cliquez ICI.
Vous pouvez les téléchargez ICI.
Il contient également le fichier musical que j'ai utilisé pour l'animation et le tutoriel dans le format txt.
Ouvrez votre logiciel Flash (j'ai utilisé la version MX, mais ce tut s'adapte également à d'autres versions du logiciel.
Pour voir ce que vous devriez obtenir à la fin du travail, regardez la capture suivante qui se réfère à la partie initiale du timeline des principaux calques.
1) Insérez dans la bibliothèque l'image, le layer neige et un fichier musical (mp3 ou Wav).
Et comme plan de travail, mettez un rectangle fond noir de 850 par 650 pixels.
Donnez au premier calque du travail le nom fond et ouvrez votre biblièthèque et sélectionnez-le et transférez-le en tenant la touche gauche de la souris appuyée sur le rectangle noir, l'image qui servira de fond.
Placez-la au centre du rectangle noir: vous aurez ainsi un contour noir.
C'est une animation qui arrivera jusqu'au point 280, donc on peut tout de suite faire ainsi:
se placer sur le point 280 avec la souris sur la timeline du fond et sélectionnez du droit Insérer une image-clé.
2) Insertion/calque et on va le nommer corps, car on va créer la succession de boules de neige pour former le corps du bonhomme de neige. Comment faire?
- on se place au point 1 du timeline du calque corps et on clique sur l'outil Ovale que l'on configurera ainsi: couleur du contour: gris clair: #CCCCCC et remplissage: blanc.
et on crée une première boule plutôt petite en haut de la pente enneigée.
- allez au point 10 et ajoutez une image clé.
Ici pour vous montrer la procédure, je me suis placée au point 15 du timeline: capture 2.
Cliquez sur la petite boule et du droit sélectionner COUPER.
Créez une autre petite boule, un peu plus grosse que la première sur une position plus basse par rapport à la précédente.
- allez au point 20, et ajoutez une image clé et procédez comme indiqué avant.
Continuez de 10 en 10 jusqu'au point 50 où vous placerez le corps du bonhomme.
Un conseil: si une position ou une forme de la boule ne vous plaît pas, éliminez-la en actionnant la flèche en arrière.
Vérifiez de temps en temps ce que vous obtenez en faisant Controle/tester l'animation.
3) Insertion/calque et on va l'appeler tete, car on va créer la tête du bonhomme de neige, avec la même technique qu'avant, mais la formation de la tête étant postérieure à celle du corps il faudra commencer à ajouter l'image clé pas avant le point 60 du timeline de la tête.
Donc se placer au point 60 du timeline du calque 60 et du droit sélectionner INSERER UNE IMAGE CLE.
Dessinez avec l'outil ovale une première petite boule en haut à gauche (on donnera l'impression qu'elle a été jetée par quelqu'un).
Puis allez au point 70, insérez une image-clé, couper l'image précédente, en dessiner une autre plus basse et plus grosse. Répétez la même chose aux points 80; 90. Au point 100 la tête sera positionnée sur le corps.
4) Insertion/calque et on va l'appeler yeux. Il servira aussi pour ajouter des boutons au corps du bonhomme de neige.
Au point 110 on insère une image clé et on dessine le premier oeil en mettant les couleurs noirs pour le contour et bleu pour le remplissage.
Allez au point 120, insérez une image-clé et dessiner le deuxième oeil (ici naturellememt on garde le premier oeil :-))
Répétez l'opération pour ajouter les boutons de façon plus rapide: donc le premier au point 130; le deuxième au point 135 et le troisième au point 140.
Si vous voulez une succession encore plus rapide rapprocher les points d'insertion des images-clé.
5) Insertion/Calque qu'on appellera Bouche. Il servira également pour dessiner la ceinture.
Allez au point 150 et ajoutez une image-clé et dessinez, toujours avec l'outil ovale une bouche avec contour noir et remplissage rouge.
Aux points 160 et 170 on ajoutera une autre image-clé pour dessiner les 2 parties de la ceinture.
6) Insertion/calque qu'on nommera bras. Allez au point 180 et ajouter une image-clé. Cette fois-ci utilisez l'outil dessin Options: redresser. couleur du trait gris clair et dessinez le premier bras.
Répétez l'opération au point 190 pour ajouter le deuxième bras.
7) Insertion/calque : on le nomme chapeau. Reprenez l'outil ovale contour noir et remplissage vert.
Au point 195 ajoutez une image-clé et dessinez un petit chapeau en haut au centre de l'image.
faites comme pour la création du corps du bonhomme de neige et donc faites un chapeau plus gros quand il se rapproche de la tête du bonhomme de neige. Vous aurez ainsi un chapeau de plus en plus gros aux points 198, 203 et 205. Au point 207, installez-le sur la tête du bonhomme de neige.
8) Insertion/calque : on le nommera phrase.
Allez au point 210 et insérer un image-clé. Et avec l'outil dessin dessinez une grande bulle avec une couleur de votre choix, à l'intérieur de laquelle sera situé le texte de la phrase du bonhomme de neige.
Allez au point 215 et cette fois-ci, sélectionnez l'outil Texte, utilisez une couleur de votre choix et écrivez le texte.
Dans mon cas, j'ai choisi la couleur rouge, taille 21 pour la police Sans comic.
9) Ajoutons la signature: insertion calque; insérer image clé au point 1 et ensuite écrire avec l'outil texte.
10) On va maintenant ajouter la neige.
Insertion/calque : et prenons le layer neige de la bibliothèque et transférons-le sur le fond. Gardez l'outil Flèche appuyée. placez le layer sur le fond sans outrepasser les bords. Pour accéler le travail d'animation du layer on va procéder comme ceci: tous les 10 points de la timelien du calque layer on va ajouter une image-clé.
Puis on va revenir sur chacun de ces points et on va positionner de façon différente le layer, toujours sur l'image, sans déborder, mais à un angle différent.
Pour donner une impression de chutes plus fortes rapprochez les points clé.
11) Insertion/calque et cette fois ajoutons la musique.
Fenêtre/Bibliothèque, sélectionner le fichier musical et le traîner avec la souris sur la scène.
Vous verrez que la ligne du calque prendra une forme particulière. Si vous voyez que le tracet de la musique ne recouvre pas toute la ligne du calque et donc de la scène, cliquez du droit sur la ligne qui vient de se former et sélectionner PROPRIETES et dans boucle mettez par exemple 10 et dans Sync: il faut garder "en continu".
12) Si vous voulez retravailler sur ce fichier, enregistrez-le comme fichier fla: Fichier/enregistrer sous.
Si vous voulez en faire un document à envoyer ou bien à mettre dans une page web, faites ainsi : Fichier/exporter l'animation.
Tutoriel écrit le 29 décembre 2003 dans le contexte des travaux du groupe franco-flash.
Si vous voulez vous inscrire, cliquez ICI.
Pour retourner à la section sur Flash et Swish, cliquez ICI .
Pour retouner à la page d'accueil du site, cliquez ICI .