[Photoshop] - Colorier un Artwork

Archive des tutoriaux des membres. Si vous souhaitez poster le votre, merci de le faire dans le topic prévu à cet effet dans le section Entraide.
Avatar de l’utilisateur
GTK
Pichu Gribouille
Messages : 42
Inscription : 19 Oct 08 à 11:45
Localisation : Belgique

[Photoshop] - Colorier un Artwork

Messagepar GTK » 02 Sep 09 à 21:37

Peut être que ça pourra en aider quelques uns, alors je poste, on sait jamais.


Ce tutoriel aura pour but de vous apprendre à colorier un dessin au crayon scanné.
Ici, pas de technique de la mort qui tue, pas de chose qui nécessite trois ans d'apprentissage, juste une manière simple à la portée de tous.
Le tutoriel est destinée à Photoshop (je le signale, on sait jamais), mais peut être est-il possible de faire la même chose avec d'autres programmes (Gimp ? Photofiltre ?). Je n'en sais rien, à vous de me le dire ^^

Alors, commençons en chargeant notre image :

Image

Première chose à faire, transformer le 'background' en 'layer'.
Pour ceux qui ne savent pas comment faire : clique droit sur le background et cliquer sur 'Layer Form Background...'.

Image

Ensuite, on découpe l'image.
Vous pouvez le faire à la baguette magique, mais je vous conseille de la détourer à la plume.
Certes, ça prend plus de temps, mais c'est bien plus propre.

Si vous utilisez la plume, veuillez à ce qu'elle ne soit pas en mode 'Shape layers' sinon, vous ferez des aplats de couleurs, il faut qu'elle soit en mode 'Paths' pour pouvoir faire de la sélection.
Comme ceci :

Image
(j'ai entouré en rouge pour bien marquer l'essentielle)

Alors, maintenant, on commence à détourer le dessin avec la plume (zoomé pour plus de précision évidemment).
Déplacez les points d'encrage pour faire de belle courbe (vous pouvez déplacez un point à la fois si vous maintenez la touche 'Alt' enfoncé).
Une fois que le tracé est tracé, faite un clique droit et sélectionnez 'Make Selection...'.

Image

Maintenant, inversez la sélection ('Shift+Ctrl+I') et supprimer la sélection ('Delete').
Si vous voulez désélectionner, faite 'Ctrl+D' ;)
Voila, le plus dur est passé, on va pouvoir vraiment s'attaquer à la colorisation :)

On va d'abords créer un nouveau calque, et on créera un calque par couleur.

Image

On remplis ce calque de la couleur désiré à l'aide du pot de peinture.
Ensuite, on passe le calque du mode 'Normal' à 'Multiply'.

Image

On retourne sur le calque du dessin, on sélectionne le vide autour du dessin (vous pouvez utiliser la baguette magique maintenant, ça ne pose aucun problème), on inverse la sélection (pour rappelle, c'est 'Shift+Ctrl+I'), on retourne sur le calque de la couleur et on applique un masque :

Image

Hop ! Comme par magie, seul le dessin sera colorié, le fond est redevenu transparent.

Maintenant, c'est sur le masque lui même qu'on va travailler.
Vous pouvez voir sur le calque de la couleur deux petite vignette :
- Une représentant la couleur
- L'autre représentant une silhouette blanche sur un fond noir

Image

Cliquez sur la vignette avec la silhouette en noir et blanc pour travailler sur le masque.
Pour le masque, c'est bien simple : tout ce qui est blanc est visible, tout ce qui est noir est caché (donc invisible).
On va donc se servir de l'outil pinceau, avec les couleurs noirs et blanches, pour définir ce qui va être visible ou non.
Donc, prenez l'outil pinceaux, zoomez et réglez la taille du pinceau pour plus de précision.
Peinturlurez les parties qui ne sont pas sencé être dans cette couleur.
Si la couleur s'"efface", c'est que vous êtes bien sur le masque. Si au contraire ça met de la couleur noir, c'est que vous êtes sur l'image elle même et non sur le masque. Faite bien attention (en cas d'erreur de toute manière, vous pouvez revenir en arrière avec 'Ctrl+Z' ou 'Shift+Ctrl+Z').

/!\ : N'utilisez surtout pas la gomme !
La gomme, contrairement au masque qui cache la couleur mais ne l'efface pas, efface pour de bon, ce qui peut être un problème si vous avez besoin de faire des retouches.

Voila où j'en suis :

Image

Vous voyez, j'ai repassé en noir sur le masque les parties qui ne sont pas de cette couleur, et la couleur a donc disparu à ces endroits.
D'ailleurs, ça se voit sur la vignette du masque :

[img]http://img7.imageshack.us/img7/6246/009rdh.png
(regardez, les zones non coloriées sont en noir sur le masque)[/center]

A partir de maintenant, il faut simplement répéter les même opérations pour les autres couleurs.
Je ne vais pas détailler comment faire car c'est exactement la même chose, c'est-à-dire (rappelle) :
- Créer un nouveau calque
- Le remplir de la couleur souhaitée
- On met ce calque de couleur en mode 'Multiply'
- Sur le calque du dessin, sélectionner tout le vide à l'aide de la baguette magique, puis inverser la sélection, puis retourner sur le calque de la couleur et appliquer un masque.
- Sur ce masque, repasser en noir les zones qui sont sensé ne pas être de cette couleur.

Voila où j'en suis après avoir mis l'orange :

Image

Bon, maintenant, c'est presque terminer.
On peut recommencer encore une fois, mais pour les ombres cette fois.
Donc, si vous voulez faire des ombres, faites pareil, mais avec une couleur très foncé (du noir ou un gris violacé très foncé par exemple).
Ne vous inquiétez pas si c'est vraiment trop foncé pour une ombre, on jouera sur l'opacité du calque après ;)

Pour jouer sur l'opacité d'un claque, c'est là :

Image
(dans mon cas, l'opacité du calque "Ombre" est à 25%)

'Opacity' ou 'Fill' pour jouer sur l'opacité, l'un ou l'autre, ça n'a pas beaucoup d'importance ici.

Voila ce que ça donne avec l'ombre :

Image

Maintenant, petit plus si on le souhaite, on peut mettre un contour (très facile et rapide).
Pour se faire, sélectionnez le dessin (la méthode la plus simple, c'est de faire comme d'habitude, c'est-à-dire sélectionner le vide autour avec la baguette magique puis d'inverser la sélection) puis allez dans 'Edit' puis 'Stroke...' ("Contour" ou un truc du style en français).
Mettez les réglages comme bon vous semble (pour ma part, c'est comme ça) :

Image

Pour information :
- Width : c'est largeur du trait en pixel
- Color : c'est la couleur du trait évidemment
- Location : vous choisissez où le trait sera tracé (Inside : intérieur de la sélection; Center : au limite de la sélection; Outside : à l'extérieur de la sélection)
- Mode : même chose que pour les modes des calques (je ne connais pas bien les effets de tous les modes)
- Opacity : l'opacité du trait évidemment
- Preserve Transparency : alors là, je ne pourrais pas vous aider car je ne sais pas :/

Voila, votre Artwork est fini !
Il ne reste plus qu'à le redimensionner si nécessaire et à l'enregistrer pour le web (au format PNG de préférence).

Image


Note : Conservez le fichier au format PSD (le format de Photoshop) au cas où vous voudriez changer les couleurs (car ce n'est pas les bonnes couleur, ou vous avez trouvé une meilleur palette, ou encore parce que vous devez faire le shiney aussi ;) ).
Car en effet, si vous voulez changer les couleurs, rien de plus simple : vous prenez le pot de peinture, vous choissez votre couleur, et vous remplacez la couleur sur le calque désiré (sur la couleur en elle-même cette fois, pas sur le masque du calque).
Changer les couleurs ne prend que deux seconde, d'ailleurs, voici la version shiney de mon Draguero :

Image
(oui, ok, j'aurais pu choisir de meilleur couleur mais bon :/ )

Note 2 : une fois que vous avez fini de mettre les couleurs et tout et tout, si des traits viennent "salir" votre dessin, rien ne vous empêche de prendre la gomme pour effacer ces traits sur le dessin.
Enfin, ce n'est pas obligé, peut être préfèrerez-vous garder les traits car ça donne un certain charme ;)


Voila, le tutoriel touche à sa fin, j'espère qu'il vous aura plu et qu'il vous aura été utile ;)
Dernière édition par GTK le 03 Sep 09 à 12:39, édité 1 fois.

Avatar de l’utilisateur
Azur
Metamorph Modeleur
Messages : 161
Inscription : 25 Août 09 à 20:38

Re: [Photoshop] - Colorier un Artwork

Messagepar Azur » 03 Sep 09 à 3:24

Deja vu sur bip, mais il est pas mal ce tuto :p

Simple et efficace.
Le seul problème c'est qu'il faut un dessin au crayon assez propre :p

Avatar de l’utilisateur
YumeArashi
Metamorph Modeleur
Messages : 254
Inscription : 27 Juin 09 à 8:31
Localisation : A dos de Galopa

Re: [Photoshop] - Colorier un Artwork

Messagepar YumeArashi » 03 Sep 09 à 7:19

Oui... m'enfin faut avoir Photoshop et un ordi assez puissant pour le lancer... *se lamente seule*

Non, non, je dis ça pour moi. Le jour où je l'aurais ce logiciel, ce tuto me sera bien utile, j'ai toujours fait mes colos sans calque et c'est un peu la galère... *suicide*

Donc, merci. =)
Image ---- Image ---- Image ---- Image

Avatar de l’utilisateur
Azur
Metamorph Modeleur
Messages : 161
Inscription : 25 Août 09 à 20:38

Re: [Photoshop] - Colorier un Artwork

Messagepar Azur » 03 Sep 09 à 15:38

Gimp est la solution XD
Je l'ai configuré pour qu'il soit identique a toshop moi :o...

Avatar de l’utilisateur
YumeArashi
Metamorph Modeleur
Messages : 254
Inscription : 27 Juin 09 à 8:31
Localisation : A dos de Galopa

Re: [Photoshop] - Colorier un Artwork

Messagepar YumeArashi » 03 Sep 09 à 17:53

Azur a écrit :Gimp est la solution XD
Je l'ai configuré pour qu'il soit identique a toshop moi :o...


Tu ne connais pas, Jacques toi ! è_é
L'ordi le plus lent du monde, ou parmi les challenger de la catégorie en tous cas. Même The Gimp laggue à mort quand je le lance. Mais 'paraît que c'est un super bon logiciel.






Image ---- Image ---- Image ---- Image



Avatar de l’utilisateur
Xeon721
Scalproie le Sculptueur
Messages : 1903
Inscription : 25 Juil 07 à 16:49
Localisation : Return to Hangar
Contact :

Re: [Photoshop] - Colorier un Artwork

Messagepar Xeon721 » 03 Sep 09 à 19:14

T'as quoi comme PC? (Processeur au moins, que jvois la gamme)
Mon Pentium 4 lance tranquille Photoshop CS3, il rame un peu par moments mais ça va il gère, et pourtant les Pentium 4 de nos jours...
Et je tourne sous Seven RC, avec Firefox MSN Songbird Photoshop CS3 lancés ça va il arrive à tourner, en ramant un peu mais ça va
Image
I'm a World before I'm a Man.

Avatar de l’utilisateur
YumeArashi
Metamorph Modeleur
Messages : 254
Inscription : 27 Juin 09 à 8:31
Localisation : A dos de Galopa

Re: [Photoshop] - Colorier un Artwork

Messagepar YumeArashi » 03 Sep 09 à 20:04

Ma foi j'en sais rien. J'te ferai un screen des propriétés demain si ça t'intéresse. :roll:






Image ---- Image ---- Image ---- Image



Avatar de l’utilisateur
Azur
Metamorph Modeleur
Messages : 161
Inscription : 25 Août 09 à 20:38

Re: [Photoshop] - Colorier un Artwork

Messagepar Azur » 04 Sep 09 à 1:35

Moi mon pentium MMX il fait tourner gimp quand ya que ca de lancer et que je desactive la pressionde la tablette...XD


Revenir vers « Archive des Tutoriaux »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 0 invité