1 - Carte de voeux

Cet exercice va nous permettre de jetter un oeil aux fonctions de dessin de manière concrête, d’aborder l’outil texte dans sa forme la plus simple, de tester l’outil déco et pulvérisateur avec une première animation image par image.
Etapes

1 - Intro

Créer un nouveau document, régler la scène. Attribuer une couleur de fond.
Nous conseillerons de créer un calque à chacune des étapes décrites ci-dessous.

2 - Dessiner un bonhomme de neige

Pour chaque outil, pensez à utiliser l’option ‘Dessin d’objet’ (en bas de la fenêtre d’outils lorsqu’un outil de dessin est sélectionné)

  • Sélectionner l’outil ‘Ovale’, enlever la couleur du contour et régler la couleur du contenu sur un dégradé du blanc vers un gris clair. Essayez différentes options pour obtenir le dégradé souhaité
  • Dessiner trois ronds de tailles variables : gros, moyen, petit. Placer les cercles les uns sur les autres pour représenter le corps puis les grouper (CTRL + G)
  • Dessiner 4 rectangles fins de couleur marron avec des tailles variables. Leur appliquer des rotations et des changements de taille (outil ‘Transformation libre’) pour représenter les bras du bonhomme de neige. Deux rectangles par bras suffisent. Groupez ces paires et placez-les au niveau du rond central

Le chapeau est constitué :

  • d’un rectangle avec un dégradé noir vers le gris sombre,
  • de deux cercles aplatis, un large en bas et un de la taille du rectangle en haut,
  • d’un rectangle dégradé marron vers du marron clair.

Utilisez l’outil ‘Transformation de dégradé’ pour placer le dégradé plus précisement à l’intérieur de chaque rectangle sur les différentes parties du chapeau.

Autre asctuce, créez le chapeau droit sur le scène, placez les éléments les uns par rapport aux autres, groupez-les et appliquez une rotation à l’ensemble.

Si les rectangles sont les uns sur les autres dans un mauvais ordre, utilisez l’option ‘Réorganisation’ (clics droit sur un rectangle) pour les disposer les uns sur les autres à votre convenance.

3 - Ecrire le texte

Le texte ‘Bonne années 20112 est créé avec l’outil ‘Texte’. Testez et choisssez les options qui vous satisfont. Nous choisirons néanmoins :

  • Texte classique
  • Texte statique
  • et lui appliquerons une ombre portée avec l’option Filtre > Ajouter un filtre > Ombre Portée. Choisssez les options qui vous conviennent.

4 - Dessiner les étoiles

Nous utiliserons l’outil ‘Polygone / Etoile’.

  • Sélectionnez le
  • Dans la fenêtre ‘Propriétés’, cliquez sur ‘Options’. Une fenêtre contextuelle vous propose de choisisr entre Polygone ou Etoile (...), le nombre des côtes et la taille des branches. Choisissez respectivement 6 et 0,05.
  • Tracez une étoile sur la scène.

A cette étape, nous aurons besoin de dupliquer l’étoile de manière semi automatique pour ne pas avoir à besogner sur les copies.

Pour ce faire,

  • Avec l’outil de ‘Sélection’, clic droit sur l’étoile > Convertir en symbole. Donner un nom (: etoile - sans espace ni caractères spéciaux), choisissez l’option ‘Graphique’ dans la liste déroulante. L’étoile est maintenant un symbole, présent dans la bibliothèque.
  • Sélectionnez l’outil ‘Pinceau pulvérisateur’. Dans la fenêtre de propriété, sélectionnez le symbole etoile en utilisant l’option modifier (Symboles > Modifier)
  • Choisissez les options qui vous conviennent et tracez un trait sur la scène en laissant la souris appuyée. Les étoiles seront reproduites tout au long de la pression. Les options permettent de gérer la rotation et l’espacement.
Animer les étoiles

Pour aller plus loin dans cette carte de voeux nous allons créer quelques animations. La première et la plus simple des façons sera de créer une animation image par image.

  • Dans la bibliothèque, double clic sur le symbole ‘etoile’ créé précédemment
  • dans la fenêtre ‘Scénario’, cliquer sur l’image 3, clic droit et choisisr l’option ‘Insérer une image clé’
  • cliquer sur l’image 6, clic droit et choisir l’option ‘Insérer une image’. Attention, ne pas choisir l’option image clé
  • Sélectionner l’étoile avec l’outil de sélection et augmenter ou diminuer sa taille

Appuyez sur la touche entrer (ou CTRL + Entrer) pour simuler l’animation

Faire tomber de la neige

Après cette première animation, nous allons nous essayer à une animation plus complexe pour faire tomber de la neige.
Pour ce faire, nous utiliserons à nous l’étoile créée précedemment :

  • Ouvrir la bibliothèque et faire glisser un symbole ‘etoile’ au dessus de la scène
  • sélectionner cette nouvelle occurence avec l’outil de sélection. Clic droit ‘Convertir en symbole’
  • dans la fenêtre d’options qui vient de s'ouvrir, nommer le nouveau symbole (etoile_animee_mc) et choisir Clip. Nous avons maintenant un Clip prêt à recevoir une animation
  • dans la bibliothèque ou sur la scène, double clic sur ce nouveau symbole (ou occurence du symbole)
  • avec l’outil de sélection, faire un clic droit sur l’occurence du symbole ‘etoile’ présent sur la scène et choisir l’option ‘Créer une interpolation de mouvement’
  • le scénario s’est paré d’image bleues. Cliquer sur la dernière image dans le scénario pour placer la tête de lecture à ce point. Sélectionner l’étoile et la déplacer sur la scène. Une interpolation aura été créée automatiquement pour simuler un déplacement
  • faire un clic droit sur l'image après le dernière image animée (en bleu). Choisir 'Créer une image clé vide'
  • 20 images plus loin, clic droit > Insérer une image. L'animation du flocon sera différée par ces nouvelles images lorsqu'il réapparaîtra
  • en revenant sur la scène, dupliquée l'occurence de cette animation pour faire pleuvoir plusieurs flocons.
  • afin de créer une suite de flocons qui apparaissent tout à tout, ajouter des images clés au scénario et faites glisser de manière aléatoire des occurences de l'animation nouvellement créée
  • MAJ + F12 ou Fichier > Publier pour publier l’animation pour le web pour voir le résultat

Ce premier exercice se conclut là. Nous avons parcouru des fonctions de base essentielles à Flash. Elles devront être maîtrisées.