Forum Solarus-Games francophone

Jeux amateurs => Tutoriaux => Tutoriaux "Graphismes" => Discussion démarrée par: lelinuxien le 27 Décembre 2006 à 13:05

Titre: [Gimp/Photoshop]Créer un artwork façon Ken Sugimori style Cartoon (par Nass)
Posté par: lelinuxien le 27 Décembre 2006 à 13:05
Voila, mon premier tutoriel s’intéresse à la colorisation d’un artwork.  Je l’appelle la  « façon Ken Sugimori », car les artworks de ce dessinateur ressemble assez à ceux que l’on va apprendre au cours de ce tutoriel.

Sachez que ce formidable dessinateur est l’ « artworkeur » de la célèbre saga des Pokémon.
Mais son style a changé avec les années, et là, c’est le style des versions Diamant et Perle que je vais vous faire créer.

Voici un petit exemple de son style Diamant/Perle :

(http://i.yimg.jp/images/kids/pokemon_dp/news_images/pokemon11_04.jpg)

Et nous, nous allons faire un style plus cartoon :

(http://i3.photobucket.com/albums/y65/tenprsc/192.png)

Connaissance requise :
   - Utiliser des calques
   - Les boutons des logiciels graphiques
   - Utiliser sa souris
Récapitulation des points :
   - 1. Le matériel à avoir
   - 2. Le dessin brut
   - 3. La préparation à la colorisation : les traits
   - 4. La séparation des parties et la colorisation
      - 4.1. Préparations des calques
      - 4.2. La colorisation
   - 5. La nuance
1. Le matériel à avoir.
   - Un ordinateur (forcément)
   - Un scanner (sa dépend quel genre d’artwork vous voulez faire)*
   - Un percolateur ou un Senséo (ça sert toujours) ou une bonne bouteille de Coca Cola
   - The Gimp (gratuit) (très important, ou Adobe Photoshop (payant))
   - Un lecteur de musique (Windows Média Player, Winamp, …) et de la musique
Vous êtes maintenant paré, ca prend beaucoup de temps, c'est pour ça qu'il vous faut de la caféine.  :P
*Une tablette graphique est un moyen alternatif, mais je ne serai vous aidez pour celle-ci.

2. Le dessin brut.
Commençons par cela, là, je ne peux pas vraiment vous aidez, mais ça dépend comment vous dessinez, bien ou mal. Coloriez votre dessin si possible, mais faites des calques, pour ne pas avoir de couleurs sur l’original, comme ça, vous pourrez voir aisément si les couleurs que vous avez choisis conviennent à votre artwork. Mettez des ombres, en appuyant un peu plus fort sur votre crayon.
Ensuite, vous devrez le scanner.   

Vous avez aussi la possibilité de prendre un artwork déjà fait, mais, vous voulez le remettre au gout du jour. Avec cette alternative, vous devez passer directement au point suivant.
Tout ce qui a été dit ici est primordial pour le reste et ça a vous facilité grandement la tache.

3. La préparation à la colorisation : les traits.
Ouvrez votre dessin dans votre logiciel graphique préféré. Créez un nouveau calque et appelez le « traits ». Ce calque devra être transparent. Avec l’outil « Chemin », et l’Arrière Plan, faites des traits noirs sur le calque traits. Pour le trait extérieur et les traits qui sont découlé du corps, prenez une taille de 2 pixels, et pour ceux à l’intérieur du corps, prenez une taille de 1 pixel.
Après avoir fait cette étape, on passe à la suivante, on va enfin commencer la colorisation.

4. La séparation des parties et la colorisation.
Maintenant, c’est une partie hautement délicate avec un seul calque, c’est pour ça que l’on va en utilisé plusieurs.
4.1. Préparations des calques.
Pour ici, vous allez juste créer tous les calques nécessaires à la colorisation. Vous devez créer un nouveau calque pour chaque couleur. Ca évitera les bavures et autres débordements sur les autres couleurs.
4.2. La colorisation.
J’espère que vous avez bien suivi. Bon ici, si vous avez bien suivi la première étape, ce sera facile. Sur le dessin original, qui est lui-même sur le calque Arrière plan, vous prenez la couleur que vous voulez et vous devez allez l’appliquée sur le calque qui correspond à la partie où vous l’avez prise sur l’Arrière Plan.

Rien ne vaut un exemple pour expliquer ça :
Vous êtes sur le calque Arrière Plan, vous prenez la couleur des jambes et sur le calque que vous avez nommé, par exemple, jambes, vous allez colorier les jambes du dessin.

Vous avez compris ?
Allez, on a fini pour ce point là, passons au suivant.

[/u]5. La nuance.[/u]
La nuance, kézako ?
C’est l’ombre et la lumière du Soleil. Sur le toturiel sur les sprites par Tolink (http://forums.zelda-solarus.com/index.php/topic,15833.0.html), c’est aussi expliqué, mais je vais encore l’expliquer.

(http://i3.photobucket.com/albums/y65/tenprsc/nuance.png)

Les rayons du soleil viennent d’en haut à gauche, donc les parties en haut à gauche doivent être claire, appart si il y a un obstacle (cou, bras, …).

Pour faire la nuance claire (rayon du soleil), vous prenez la couleur de base et vous l’éclaircissez. Ensuite, vous l’appliquée.
Pour faire la nuance sombre (ombre), vous faites la même chose sauf qu’au lieu d’éclaircir, vous assombrissez la couleur de bas et vous l’appliquez.

Ensuite, vous prenez l’outil « Goutte d’eau » (flou). Mettez l’opacité à 50, le taux à 75 et une brosse ronde de 5 pixels. Vous appliquez ce flou sur les nuances, et ce sera du plus bel effet

Voila, j’ai terminé, il ne reste plus que la pratique et mettre quelques images, mais ça ce sera un peu plus tard.