Comment faire un Kaos en 12 étapes ?

1) Pour commencer, tu télécharges ce fichier ! Il contient un canevas.psd (pour ceux qui ont photoshop) et un canevas.gif pour les autres. Au cas où tu n'aurais pas WinZip où l'un de ses nombreux copains, tu peux directement copié cette image sur ton disque dur :

2) Tu ouvres le fichier .psd ou .gif dans Photoshop. Si tout ce passe bien, tu te retrouves avec ceci dans ton environement :

Si tu as ouvert le .psd passe à l'étape 3

2a) Si tu es ici, c'est que tu as ouvert le .gif. Pour travailler plus facilement, tu dois transformer le .gif en .psd. Pour cela tu fais :

- Selection -> Tout sélectionner OU CTRL+A

clique ici pour voir l'écran

- Copier OU CTRL+C

- Fichier -> Nouveau (Si tout c'est bien passer tu auras les valeurs suivante pour le nouveau document) Attention, vérifie bien que le fond est en transparent !!!

clique ici pour voir l'écran

- Coller OU CTRL+V

Maintenant tu as un nouveau fichier sur lequel tu vas pouvoir travailler. Mais avant de faire ton Kaos, il faut nettoyer l'image.

2b) Pour commencer, ajoute un nouveau calque à ton image.

Et place ce claque SOUS le calque avec le Kaos.

- Maintenant tu affiche l'image de ton Kaos à 800% (Affichage Agrandir OU CTRL++)

- Ensuite choisis la gomme et tu la mets en mode Crayon (très important !) et de la plus petite grosseur possible.

- Tu dois te retrouver avec un écran similaire à celui-ci (cliquer pour agrandir l'image)

- La gomme a la taille d'un carré, il ne te reste plus maintenant, qu'à effacer tout le bordeau de l'image. Attention, n'efface pas l'ombre de ton Kaos ^^

- Une fois tout le bordeau effacé, choisi une couleur très différentes de celle que tu veux pour ton kaos et remplis le calque 2 avec cette couleur. Cela te permettra de voir si tu ne l'aisse pas des morceau en transparent dans ton kaos ^^

3) Pour commencer, tu fais enregistrer sous et tu donnes un nom à ton fichier (ici fache.psd)

4) Colorie ton Kaos dans les tons que tu aimes à l'aide du crayon. Attention: n'utilises pas le pot de peinture pour remplir le kaos ! Pour les ombres, choisi une couleur plus foncé pour l'ombre gris foncé et plus claire pour l'ombre gris claire. Pour l'exemple, je vais faire un Kaos bleu !

5) Il faut maintenant lui ajouter des yeux et une bouche (et pourquoi pas des ailes, un nez, des mains ou tout ce que tu veux ^^) Je vais lui faire une expression fachée. Une fois les détails finis, tu te retrouves avec la première image du Kaos :

6) Il faut maintenant dupliquer le calque pour faire l'étape suivante de l'animation du kaos (click droit sur le calque -> dupliquer le calque...)

7) Pour ne pas être troublé, ferme l'oeil du calque 1 (ainsi il ne s'affiche pas à l'écran). Sélectionne le kaos du claque Calque 1 copie et déplace le de 2 carré vers le bas (le plus facile est d'appuyer 2 fois flèche vers le bas au clavier ^^). Pour plus de réalisme, agrandis l'ombre du kaos de 1 ou 2 carrés à l'aide du crayon.

8) Une fois toutes les étapes de l'animation créées (ici je n'en ais que 2, mais tu peux en avoir plus, il suffit pour cela de dupliquer et de modifier les calques), passe ce fichier dans ImageReady

9) Commence par enlever l'oeil du calque rouge (ou bordeau ou de la couleur que tu as choisis) et de tout les calques qui ne doivent pas s'afficher à la première animation.

10) Dans la fenetre d'animation, place le temps d'apparition de l'image à 2sec (ou plus si tu veux que ce soit plus lent) et ensuite fait une nouvelle animation :

clique ici pour voir l'écran

11) Ferme l'oeil du calque de l'animation précédente et ouvrez celui de la 2e animation. Dans ta fenêtre d'animation, tu as maintenant 2 kaos légèrement différents. En cliquant sur play, tu pourra le voir s'animer sur la petite fenêtre placée en haut de l'écran:

clique ici pour voir l'écran

12) Une fois toutes les animations placée, fait fichier -> enregistré une copie optimisée sous... Pour enregistrer ton Kaos au format gif.

Voici le résultat que j'ai obtenu en suivant les 12 étapes ^^

Si tu as de remarques, des commentaires, des suggestions ou si tu n'as pas compris quelque chose concernant ce tutorial, n'hésitez pas à nous écrire!