Dessiner un smiley

1. Créer un nouveau document flash

Commençons par créer un nouveau document flash avec :

• dimensions : 300 x 300 pixels
• couleur d'arrière-plan : #FFFFFF
• cadence : 12 images par secondes
• unité de la règle : pixels

Voici ce que vous devez avoir à l'écran :

2. Forme de base

Nous allons maintenant tracer la forme de base de notre smiley, c'est-à-dire un cercle (jaune pour le smiley de ce tutoriel) :


Puis transformez le en symbole nommé "smiley" :


Nous allons maintenant lui ajouter un contour simulant la pression du tracé.
Créez un nouveau calque et depuis le scénario faites un copier/coller les images.
Nommez votre nouveau calque "contour" et placer le en dessous puis redimensionnez le afin qu'il soit légèrement plus grand que votre forme de base.
Enfin décalez le jusqu'à obtenir quelque chose ressemblant à ceci :

3. Les yeux

Nous allons maintenant donner un peu de vie à notre smiley en lui ajoutant les yeux.
Créez un nouveau calque au dessus du calque "corps" et nommez le "yeux" (nommer les calque permet de mieux s'y retrouver).
Dessinez un premier ovale blanc et sans contour et transformez le en MC comme sur ce screenshot :


Double cliquez ensuite sur ce nouveau symbole (pour y "entrer") et créez un nouveau calque.
Copier/coller l'oeil droit sur ce nouveau calque afin d'obtenir l'oeil gauche :


C'est déjà un bon début mais cela manque encore un peu de vie...
Nous allons donc dessiner les pupilles (et iris) de notre smiley : créez 2 nouveaux calques "pupille_gauche" et "pupille_droite".
Prenez l'outil ovale et définissez un contour bleu de 3 pixels (en trait continu) avec un fond noir :


Puis dupliquez la pour faire le deuxième oeil comme ceci :


Notre petit bonhomme a déjà l'air plus sympathique comme ça :-)
Mais nous n'en avons pas encore terminé avec cette étape. ^^
Nous allons ajouter 2 petits reflets qui amélioreront considérablement le rendu final.
Créez un nouveau calque pour chaque reflet et dessinez un petit ovale blanc :

C'est bien mieux comme ça, non :-)
Passons maintenant à l'étape suivante.

4. Les paupières

Pour cette étape, nous nous trouvons toujours dans le MC "yeux".
Dans notre cas, ajoutez 2 nouveaux calques pour accueillir les paupières.
Pour créer une paupière le plus simple est de dupliquer la base de l'oeil et d'en gommer environs les 3/4. Ensuite prenez l'outil de sélection (la flèche noire) et courbez le trait du bas.
Il vous faut également la colorier en jaune (j'ajoute un trait noir sur ce screenshot pour qu'elles soient bien visible) :


Nous allons maintenant commencer à donner un aspect arrondi à notre smiley.
Définissez un dégradé radial depuis le mélangeur et placez le comme ceci à laide de l'outil "transformer le remplissage" :


Utilisez le même dégradé pour ajouter un contour de 0.25 :

5. Ombrages du corps

Toujours dans l'optique de donner une forme arrondie à notre smiley, nous allons modifier le rendu du corps.
Revenez à la racine du MC "smiley" et ajoutez un calque "ombre".
Nous allons procéder ici comme pour les paupières : allez récupérer la base jaune du smiley et collez la sur le calque "ombre" puis gommez en un peu plus de la moitié.
Pour gommer de façon linéaire : maintenez la touche "Maj".
Si comme moi malgré tout vous débordez un peu, utilisez la commande "redresser" dans le menu contextuel :


Ensuite, prenez l'outil de sélection et courbez la ligne droite comme vous l'avez fait pour les paupières :


Enfin, réduisez la luminosité et l'opacité de cet élément :


Revenez maintenant sur le corps et appliquez lui un dégradé radial comme ceci :


Tant que nous nous occupons des ombres, allons faire celles des yeux !
Allez donc dans le MC "yeux" et ajoutez 2 nouveaux calques pour les ombres : utilisez la même technique que celle employée pour faire le contour du smiley :

6. La bouche

C'est déjà pas mal mais ce n'est pas encore terminé.
Nous allons maintenant nous occuper de la bouche : il suffit de tracer un ovale noir comme ceci :


Déformez ensuite l'ovale pour lui donner la forme que vous souhaitez et selon l'expression de votre smiley, ajoutez lui une langue et des dents :


N'oubliez pas d'ajouter un petit dégradé sur les dents et sur la langue :

Vous pouvez également ajouter une ombre pour la bouche comme vous l'avez fait tout à l'heure pour les yeux.

7. Les sourcils

Encore un petit effort, c'est bientôt terminé ;-)
Et les sourcils sont très simple à faire...
Revenez à la racine du MC "smiley" et sur un nouveau calque, créer un nouveau MC "sourcils" puis tracez 2 traits noirs et courbez les avec l'outil "sélection" :

8. L'ombre

Nous arrivons à la fin de ce tutoriel !!
Notre smiley est terminé et il ne nous reste plus qu'à dessiner son ombre pour le "poser" sur le fond blanc.
Revenez à la racine de l'animation et ajoutez un ovale sur un nouveau calque.
Remplissez le ensuite d'un dégradé radial noir et blanc :

9. Résultat

Voici ce que l'on obtient en publiant en .jpg :

Alors là vous vous demandez surement pourquoi utiliser Flash pour sortir un .jpg ??
Hé bien parce que cela vous permet de l'animer... nous verrons peut-être cela dans un prochain tutoriel ;-)