ArtWork

Mangas Graphismes Fx
 
AccueilPortailCalendrierFAQRechercherS'enregistrerMembresGroupesConnexion

Partager | 
 

 Tuto: Colorisation

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
luc31245
Administrateur
Administrateur


Nombre de messages: 77
Age: 20
Date d'inscription: 01/07/2007

Perso
HP:
150/150  (150/150)
Alignement: Archange Archange
Niveaux: 4

MessageSujet: Tuto: Colorisation   Mar 3 Juil - 10:43

Alors tout d'abords prenons un photo noir et blancs ex: manga photo dessin etc..

ex:

allumer photoshop

verifier si la photo est en mode couleur donc Images/Mode/Couleurs RVB

ensuite créer un nouveaux calques et le mettre en mode de fusion Lumiére Tamisée

choisisser une couleur ex pour la peau c'est FFA48D


commencer à colorier au pinceau avec la taille de votre choix



et voila c'est fini

ex de fin




Cool Bon courage a tous ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://artwork.4umer.com
cicy
Administrateur
Administrateur


Nombre de messages: 30
Age: 21
Date d'inscription: 02/07/2007

Perso
HP:
135/135  (135/135)
Alignement: Demon Demon
Niveaux: 3

MessageSujet: Re: Tuto: Colorisation   Mer 4 Juil - 9:40

juste une question coman fait tu pour aranger le calque de fasson ane pas dépacer la parti que tu colorie ?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
luc31245
Administrateur
Administrateur


Nombre de messages: 77
Age: 20
Date d'inscription: 01/07/2007

Perso
HP:
150/150  (150/150)
Alignement: Archange Archange
Niveaux: 4

MessageSujet: Re: Tuto: Colorisation   Sam 22 Sep - 15:17

quand tu creer un calque en lumierre tamiser les trais de l'autre calque reste visible quand tu colorise donc dés que tu dépasse tu peux gommer ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://artwork.4umer.com
luc31245
Administrateur
Administrateur


Nombre de messages: 77
Age: 20
Date d'inscription: 01/07/2007

Perso
HP:
150/150  (150/150)
Alignement: Archange Archange
Niveaux: 4

MessageSujet: Re: Tuto: Colorisation   Jeu 13 Déc - 17:46

Un autre exemple plus détaillé


Niveau : Novice
Je pars du principe que vous connaissez un tout petit peu l'interface de photoshop et les termes de base


.Les commandes qui sauvent :

Touches "Ctrl + S" --> Enregistrer
Touches "Ctrl + Z" --> Annuler la dernière action
Touches "Ctrl+alt+Z" --> Annuler les actions historiquement (plusieurs retours en arrière)

1. Numériser le dessin

Prenons l'exemple simple d'un dessin au crayon, cleané ou non.

La première étape est de scanner le dessin et de l'importer dans photoshop.

Ouvrez donc photoshop et faites
"Fichier --> Importation --> le nom de votre scanner"

La fenêtre
de numérisation de votre scanner va s'ouvrir. Elle est différente selon
chaque marque et chaque modèle de scanner, mais on y retrouve en
général les mêmes options.


Utilisez la fonction "aperçu" pour pré-numériser votre dessin et voir si la feuille est bien droite, pas pliée, etc.

Je vous conseille de scanner dans une résolution minimale de 300dpi à 100% de la taille. Même si on réduit l'image au final, je trouve toujours rassurant de partir d'un fichier de bonne résolution.

Pour un dessin au trait à coloriser, scanner en mode "niveaux de gris" suffit largement (et prendra moins de temps)


Pour ma part je désactive toutes les options de réglage d'image du scanner et je scanne de la façon la plus neutre possible. Je préfère faire les retouches nécessaires directement dans photoshop

Note :
N'hésitez pas à monter jusqu'à 500dpi en résolution pour travailler si
votre machine est assez puissante et si vous ne manquez pas d'espace
disque. Peut-être aurez-vous envie d'imprimer votre dessin en A3 s'il
est réussi, ou en faire un motif de tshirt, autant avoir un fichier de
qualité.
Je vous conseille, dans tous les cas, de toujours
travailler sur de "gros" fichiers et de ne réduire leur taille qu'à la
fin dans un fichier séparé. Conserver des sources de bonne qualité est
très important.

Scannez le dessin et fermez la fenêtre de numérisation du scanner.

Votre dessin devrait maintenant être dans photoshop et se présenter comme ça

Enregistrer l'image
au format PSD (format de photoshop)

Vous pouvez enregistrer une première fois ce fichier et le conserver
sans le modifier, histoire d'avoir toujours votre source scannée sous
la main (par exemple "dessin_scan.psd")

Faites ensuite un second enregistrement sur lequel vous allez travailler (par exemple "dessin_color.psd")



2. Les réglages

Cette méthode de colorisation fonctionne mieux avec des blancs bien
blancs, et des lignes assez sombres. Nous allons donc régler les niveaux de l'image dans le menu

"Image --> Réglagles --> Niveaux"
Les niveaux permettent de régler les blancs, les noirs et les contrastes à l'aide d'un graphique qui peut paraître un peu barbare.
Sous ce graphique vous pouvez voir 3 petites tirettes : Noire, grise et blanche

Déplacez la tirette noire vers la droite pour réhausser les noirs. Attention quand même à ne pas trop forcer pour éviter de perdre vos nuances de trait.
Déplacez la tirette blanche vers le gauche pour nettoyer les blancs. Attention à ne pas perdre des subtilités de trait encore une fois. Puis déplacez la tirette grise à gauche ou à droite pour ajuster les contrastes à votre convenance. Cliquez OK quand vous êtes satisfaits du résultat. Les dernières pétouilles peuvent être enlevées à la gomme photoshop.

Pour l'instant, votre image est toujours en mode "niveaux de gris". Pour pouvoir mettre de la couleur, il faut passer en mode "couleurs RVB" en utilisant le menu "Image --> Mode --> Couleurs RVB"

Sauvegarder votre fichier (Ctrl+S)




3. Préparer les traits pour la mise en couleur

Intéressons nous maintenant à la palette de calques qui doit trainer quelque part parmis les palettes de photoshop.
Si vous ne la voyez pas, vous pouvez l'afficher en passant par le menu

"Fenêtres --> Calques"

Pour l'instant, votre dessin s'appelle arrière plan et il est considéré comme le "fond" de votre image.
Nous voulons mettre les couleurs sous les traits, comme le principe du celluloïd en dessin animé.

Pour cela il faut transformer notre arrière plan en calque simple. Double cliquez sur la petite miniature de votre calque dans la palette de calque, et nommez ce calque "traits" (par exemple)

Faites OK


Le calque ainsi créé est opaque. Pour que les couleurs que nous allons mettre en dessous se voient, il faut changer le mode de fusion de ce calque.

Toujours dans la palette de calques, déroulez la liste des modes de fusion en haut à gauche et choisissez le mode produit.
Avec ce mode, les blancs sont transparents, et les noirs sont opaques.
Donc seuls vos traits foncés seront visibles par dessus les couleurs.

Ce tips est sans doute le plus important de tout ce tutorial.
Une fois que vous savez ça, tout le reste peut être fait autrement. Par
contre, beaucoup de débutants se galèrent à essayer de détourer les
traits de leur dessin par d'autres moyens, et c'est souvent crade, ou
alors le trait est fortement dégradé.

Donc n'oubliez pas : Mode produit !

Nous allons placer systématiquement les couleurs sur des calques séparés qui viendront se placer sous le calque de trait. Ainsi on pourra facilement éditer ces couleurs séparément en cas de besoin.

Pour créer un nouveau calque, cliquez sur l'icone nouveau calque en bas de la palette de calques. Par défaut il se crée au dessus du calque sélectionné actuellement.

Les calques peuvent être déplacés

dans la pile de calque. Cliquez sur un calque en maintenant le bouton
de la souris appuyé et déplacez le calque vers le haut ou vers le bas.

La superposition des calques se fait de haut en bas.

Pour notre exemple, placez le nouveau calque créé sous le calque traits

Nommez ce nouveau calque en double cliquant sur son nom.
Ici je l'appelle "cheveux" car c'est là que je vais mettre la couleur des cheveux

Ensuite je crée autant de nouveaux calques que j'ai de couleurs dans mon dessin.

J'ai rajouté des traits de couleur sur le schéma pour une meilleure compréhension

Lorsque vous commencerez à placer les couleurs, prenez bien garde d'avoir sélectionné le bon calque avant.

Le calque sélectionné est surligné en bleu foncé (sur l'exemple ici c'est "débardeur")






















Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://artwork.4umer.com
luc31245
Administrateur
Administrateur


Nombre de messages: 77
Age: 20
Date d'inscription: 01/07/2007

Perso
HP:
150/150  (150/150)
Alignement: Archange Archange
Niveaux: 4

MessageSujet: Re: Tuto: Colorisation   Jeu 13 Déc - 17:46




4. On colorie !

Sélectionnez la couleur souhaitée
en cliquant sur la couleur de premier plan de la palette d'outils, puis
en sélectionnant une couleur dans la gamme proposée (RVB)

Les petites tirettes verticales
changent la teinte, puis vous pouvez sélectionner la luminosité et la
saturation de cette teinte en déplacant le curseur dans la grand carré
en dégradé.

Faites OK quand vous avez trouvé la couleur qui convient

Note : Il n'est pas primordial de trouver immédiatement la bonne couleur puisque nous pourront les changer après séparément.

Si vous utilisez une tablette graphique ou si
vous vous sentez à l'aise pour dessiner avec la souris
:

Sélectionnez l'outil pinceau dans la barre d'outil (ou touche B)

Réglez ensuite les paramètres du pinceau
dans la barre de paramètres en haut à gauche. Il s'agit principalement de trouver le diamètre adéquat.

Vérifiez aussi que la forme du pinceau sélectionnée est bien une forme nette et non pas une forme floutée ou dégradée

Assurez vous que vous avez sélectionné le bon calque
, et remplissez la zone avec la couleur
(sans dépasser hein ! :p)

Autre méthode : La sélection


Si vous n'êtes pas très à l'aise avec le dessin à la souris, vous pouvez obtenir de bons résultats également avec le lasso polygonal qui se trouve dans la barre d'outil

Vérifiez que l'attribut "contour progressif" du lasso est bien à 0, sinon vous aurez un flou sur les contours de la sélection

Sélectionner la zone à remplir avec le lasso
.
Chaque clic de souris place un point qui sera relié au suivant par une
ligne droite. En zoomant un peu sur le dessin et en mettant assez de
points on peut obtenir quelque chose de bien précis. Double cliquez
pour terminer la sélection.

Note : Pour rajouter de la sélection à la sélection existante, maintenez la touche "MAJ" et sélectionnez la zone à ajouter

Note : Pour enlever de la sélection à la sélection existante, maintenez la touche "ALT" et selectionnez la zone à soustraire

Lorsque la sélection est terminée, remplissez la en utilisant "Edition --> Remplir --> Couleur de premier plan" (en vous assurant bien que vous avez la bonne couleur de premier plan dans votre palette d'outils)

La zone sélectionnée est remplie par la couleur de premier plan.


Quand vous avez terminé une couleur, activez le verrouillage de la
transparence pour ce calque dans la palette de calques en haut (un
petit cadenas apparaît devant le calque pour signaler le verrouillage).


Cette option vous empêche de pouvoir peindre les zones transparentes. Autrement dit, vous pourrez rajouter des nuances dans votre zone de couleur et gribouiller dans tous les sens, vous ne pourrez plus dépasser puisque seule la zone colorée sera éditable.

Je trouve très utile de définir ainsi chaque zone de couleur dès le
début et de la verrouiller pour ainsi être très libre de se lâcher
après.

Procédez de même sur les autres calques pour les autres couleurs. Au
final vous aurez toutes vos zones colorées bien définies



5. Les nuances
Vous avez fait le plus fastidieux, vous allez pouvoir maintenant vous amuser à rajouter des ombres par exemple. Imaginez une lumière
qui éclaire votre personnage (ici elle vient de la droite) et essayez
de dessiner des ombres correspondantes, avec le pinceau ou en utilisant
le lasso pour la sélection.

Souvenez vous que
vous ne pouvez pas dépasser sur les autres couleurs ni dans les zones
vides puisque vous avez vérrouillé la transparence des calques, donc
pas d'angoisses, faites des grands mouvements, des grandes sélections,
etc.
Au final, vous pouvez donc obtenir facilement un rendu très simple mais assez efficace de type dessin animé

Par la suite, quand vous serez à l'aise, rien ne vous empêche de tester
des dégradés, des brosses spéciales, des textures ou des effets de
calques pour changer le style du rendu. Mais celà sort du cadre de ce
tutorial Smile



5. Exporter l'image pour le web
Si vous avez suivi mes conseils, votre image est actuellement en haute résolution et pèse un paquet de Méga-octets. Voyons rapidement comment la réduire proprement pour l'utiliser sur le web par exemple (pour l'envoyer par mail, l'utiliser sur un forum ou sur son site)Enregistrez bien votre image source, faites en même une copie de sauvegarde au cas où. Une fois que vous êtes sûrs que vous avez une copie sûre quelque part, aller dans le menu "Image --> taille de l'image".
Vous allez voir la taille de votre image en pixels. C'est là que vous
allez pouvoir la régler à une taille plus modeste pour le web.

Là le choix de la taille finale dépend de ce que vous souhaitez en
faire. Juste pour donner un ordre de grandeur, une image de 1024px sur
768px est considérée comme grande, au dela on arrive dans le fond
d'écran (jusqu'en 1600x1200 en général). Pour une image moyenne web,
300 ou 400 pixels de large ou de haut c'est pas mal. A vous de faire
des tests ensuite. Pensez au "ctrl+Z" pour annuler Wink


Voilà la taille finale que j'ai choisi pour mon image. Elle fait 500 pixels de haut.

Il ne reste plus qu'à l'enregistrer au format JPEG
Je vous conseille d'utiliser l'option "Fichier --> Enregistrer pour le web" de photoshop qui est très bien. En fait il transfère l'image dans "Image Ready", un autre logiciel Adobe spécialisé dans la compression de qualité pour le web L'interface de Image Ready vous présente votre image d'origine (à gauche) et l'image telle qu'elle apparaitra au final (à droite). Le but est de régler le compression de façon à obtenir le meilleur rapport qualité/poids : C'est à dire une image assez légère et peu de pertes de qualité visuelle.
En dessous de l'image optimisée, vous pouvez avoir une estimation de la taille finale de votre image web.
Dans les paramètres prédéfinis, le réglage "JPEG Moy" est en général bien adapté.
Bien sûr ensuite vous pouvez affiner le réglage grace à la petite tirette de qualité.

Personnellement quand je ne suis pas limitée par l'espace de stockage
sur le web, j'aime bien mettre une qualité de 60.

Voilà, plus qu'à cliquer sur "Enregistrer", nommer votre fichier JPEG et le diffuser partout ! Smile
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://artwork.4umer.com
 

Tuto: Colorisation

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Tuto Mumble
» [TUTO] Pixel art.
» Tuto Healbot
» Tuto Général UDK
» TUTO FORNEUS

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
ArtWork :: Photoshop :: Tuto-