Theoc Area
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilRechercherDernières imagesS'enregistrerConnexion

 

 Structure et couleur avec une image existante sur Photoshop !

Aller en bas 
2 participants
AuteurMessage
Gretchen
Black Coney
Gretchen


Messages : 749
Date d'inscription : 14/03/2012
Age : 38

Carte d'identité
<font color='#B5AA96'><strong>Palier</strong></font> Palier:
Structure et couleur avec une image existante sur Photoshop ! 1155/8Structure et couleur avec une image existante sur Photoshop ! 416  (5/8)
<font color='#C4B8A2'><strong>Prime-Mérite</strong></font> Prime-Mérite: 4260
Jobcard(s): Femme d'Affaire et Garde du Corps

Structure et couleur avec une image existante sur Photoshop ! Empty
MessageSujet: Structure et couleur avec une image existante sur Photoshop !   Structure et couleur avec une image existante sur Photoshop ! Icon_minitime1Lun 11 Juin - 16:58

    Kykoooooo !

    Cel fait un moment que j'en parle et voilà, c'est fait ! J'ai préparé un joli tuto qui retrace plus ou moins fidèlement ma méthode de colorisation ainsi que de "structure" permettant de réaliser votre propre dessin avec une image existante.

    L'avantage de cette méthode, pour ceux qui dessine souvent des personnages c'est qu'ils pourront compléter la posture de leurs perso sans avoir à faire des milliers de croquis crayon, sale et dégoûtant (Et couteux en matériel avec le temps, j'ai fait les Beaux-arts, je sais de quoi je parle). Mon tuto utilise Photoshop Cs5, mais cette méthode fonctionnait aussi sur le Cs3 donc je suppose que toutes les personnes possédant les versions de 3 à 5 puissent l'utiliser.

    Il vous faut aussi une palette graphique, personnellement je me vois mal faire ça avec une souris, mais peut-être êtes-vous courageux ?

    Bref ! Commençons !





    Commencez par chercher une jolie nimage qui vous plais avec un perso de même sexe que celui que vous voulez dessiner (Fatalement...) dans une posture cool. Moi, je vous avoue que malgré ma pratique, je maîtrise encore très mal l'anatomie, cette méthode me facilite grandement la tâche.

    Une fois que vous avez l'image, vous n'avez plus qu'à l'ouvrir avec Toshop, la première chose à faire est de redimensionner l'image, je vous conseille de travailler sur une image qui a entre 300 et 500 pixels de largeur. 600 Maximum.

    Vérifiez aussi dans : Image => Mode (En haut à gauche, sur la barre de navigation) que le mode "Couleur RVB" est bien activé, avec certaine image monochrome (les scans par exemples) cette option est remplacée par "Niveau de gris" et dans ce cas, quoi que vous ferez, vous produirez toujours du gris...


    Screen 1 - Etape 1 A

    Spoiler:


    Après cette petite préparation, voici une liste des outils qui vous serviront, je vais vous les indiqués sur un screen :


    Les outils

    Spoiler:

    Voilà pour les outils et la préparation. Maintenant on va passer à l'étape 1 proprement dite. L'encrage !





    ♦ Maintenant que vous avez ouvert votre image, vous allez commencer par cliquer droit sur le calque 0 et cocher l'option "Convertir en objet dynamique", ce qui va retirer le Verrou .

    Ensuite, vous irez là ou vous l'indique le screen suivant...

    Spoiler:

    ♦ On ne s'occupera pas du calque "White" tout de suite, concentrez-vous sur le calque "Ink". Prenez le pinceau avec la couleur noir et 1 pixel seulement (clique droit pour changer ; Moi j'utilise les formes rondes), voyez le screen suivant pour modifier votre brosses :


    Spoiler:

    ♦ Repassez tous les contours du personnage sur l'image que vous avez ouvert ! C'est sans doute une des parties les plus longues et je ne vous cache pas que pour les besoins du tuto, j'ai dû un peu bâcler cette partie. Il vous suffit juste de repasser les traits, ne détaillez pas, le but n'est pas de reproduire le perso mais bien d'avoir SA BASE.

    Vous pourrez à loisir modifier ses cheveux, ses yeux, ses vêtements, les détails... Toussa. Moi j'ajoute ma touche à chaque fois. Voyez ce screen :

    Spoiler:


    L'effet White

    Spoiler:





    Etape 2 - Correction anatomie/ Détaille et modification

    ♦ Je vous avoue que j'ai zappé cette partie, c'est celle qui consiste à utiliser la brosse blanche pour supprimer tous les traits de contour qui dépassent ou qui sont mal fait. Ainsi que les traits qui nécessitent une modification, c'est la partie la plus longue et je préférerais l'ajouter plus tard, sinon je perdrais ma motivation en court de route !

    J'ai juste ajouté un peu de noir sur la tenue du perso, pour ce faire, j'ai créé un nouveau calque que j'ai nommé "Détails"
    :

    Spoiler:


    Spoiler:

    Voilà pour la correction anatomique !




    Etape 3 - Couleur

    ♦ C'est la partie la plus amusante à mon sens. Vous allez commencer par créer autant de calque que de zone à mettre en couleur (c'est-à-dire tout ce qui ne sera pas ni noir, ni blanc)

    Moi j'ai fait un calque pour la peau, les cheveux, les yeux et les accessoires.

    ♦ Choisissez une couleur dans votre palette pour l'appliquée sur la zone voulue... Cependant, voilà ce qui va se passer :

    Spoiler:

    ...Comme ceci !

    Spoiler:

    Vous n'avez qu'à répéter ce réglage sur chacun des calques "Colors" où vous aurez de la couleur à mettre. Ainsi, une fois cela fait, vous pourrez toujours revenir sur le calque "Détails" pour modifier des détails ici et là pour les harmoniser plus avec vos couleurs. Par exemple, j'ai allonger les cheveux et modifier le contour des yeux pour essayer de donner une expression bien qu’elle ne soit pas aboutie à cause de ma flemme...

    Spoiler:






Dernière édition par Gretchen E. Shae le Lun 11 Juin - 20:22, édité 3 fois
Revenir en haut Aller en bas
Gretchen
Black Coney
Gretchen


Messages : 749
Date d'inscription : 14/03/2012
Age : 38

Carte d'identité
<font color='#B5AA96'><strong>Palier</strong></font> Palier:
Structure et couleur avec une image existante sur Photoshop ! 1155/8Structure et couleur avec une image existante sur Photoshop ! 416  (5/8)
<font color='#C4B8A2'><strong>Prime-Mérite</strong></font> Prime-Mérite: 4260
Jobcard(s): Femme d'Affaire et Garde du Corps

Structure et couleur avec une image existante sur Photoshop ! Empty
MessageSujet: Re: Structure et couleur avec une image existante sur Photoshop !   Structure et couleur avec une image existante sur Photoshop ! Icon_minitime1Lun 11 Juin - 16:58

    Etape 4 - L’ombrage

    ♦️ Quand la couleur est appliquée, mettez-vous à l'ombre.... (sans mauvais jeu de mot), pour cela, créez deux nouveaux calques (Fusionnez tous les calques colors si vous êtes sur de plus y toucher) et renommez-les, moi je les ai appelés "Shades" et Shades cloath", l'un servira aux ombres du personnages et l'autre aux ombres des vêtements.


    Spoiler:


    ♦️ Déterminez d'où vient votre lumière pour savoir ou mettre l'ombre, dans mon dessin, la lumière vers de la gauche, je vais donc devoir en majorité assombrir la partie droite du dessin (la gauche de la fille en gros)

    Comme sur le screen suivant :

    Spoiler:

    Je mets toujours 3 couches d'ombres. La première, je l'a met avec un pinceau flou de taille 7. La seconde, j'utilise la pipette sur la première couche d'ombre et je l’assombris légèrement comme je l'ai fait précédemment. J'utilise alors un pinceau de taille 5 pour l'appliquée et refait de même pour la troisième couche, la plus sombre avec un pinceau de taille 4.

    Plus la couleur est sombre, moins y'en a. La couleur sombre se rapproche le plus souvent des bords...


    Spoiler:

    ♦️ Voilà, avec les ombres sur le perso et les vêtements. Zoomez sur le dessin et passez avec la gomme OU le pinceau blanc pour effacer les pâtés qui dépassent (avec une brosse floue, y'en aura surement), une fois que vous avez fini, fusionnez les deux calques d'ombres et renommez le nouveau... Moi je l'ai appelé "Shades+" puis verrouillez-le.

    La logique veut que nous attaquions la lumières maintenant, seulement, avec mon travail ici, j'ai un petit souci... Ce tas de couleurs noirs qui représente la tenue de mon perso. Difficile de se faire une idée de son anatomie et de comment souligné certaines zones avec ce truc dégueulasse et informe.

    C'est pourquoi je décide de revenir sur le calque "colors" et de créer quatre nouveaux calques au-dessus de lui. Chacun d'eux sera un nouveau détail à ajouter sur la tenue... Attention, rien d'élaborer ici une fois encore. Du vite fait, si vous préférez entrer dans le détail, faite-le mais gardez à l'esprit qu'à la fin vous ferrez TOUJOURS de grosses retouches, alors ne fusionnez pas ces calques-là tout de suite !

    Voilà ce que ça donne chez moi :


    Spoiler:


    Maintenant on peut passer à la lumière.


Revenir en haut Aller en bas
Gretchen
Black Coney
Gretchen


Messages : 749
Date d'inscription : 14/03/2012
Age : 38

Carte d'identité
<font color='#B5AA96'><strong>Palier</strong></font> Palier:
Structure et couleur avec une image existante sur Photoshop ! 1155/8Structure et couleur avec une image existante sur Photoshop ! 416  (5/8)
<font color='#C4B8A2'><strong>Prime-Mérite</strong></font> Prime-Mérite: 4260
Jobcard(s): Femme d'Affaire et Garde du Corps

Structure et couleur avec une image existante sur Photoshop ! Empty
MessageSujet: Re: Structure et couleur avec une image existante sur Photoshop !   Structure et couleur avec une image existante sur Photoshop ! Icon_minitime1Mar 12 Juin - 13:24

    Etape 5 - la lumière

    ♦ Créez deux nouveaux calques au-dessus de "Shades+", laissez-les en mode normal, mais renommez-les en "Shine" et "Shine cloath" (même principe que l'ombrage), les outils les plus utilisés dans cette étape sont la pipette, le pinceau et la gomme.

    C'est ici que se sera le plus délicat, il va falloir zoomer et jouer entre le pinceau et la gomme. Pour info, le raccourcit du pinceau est la lettre "B", celui de la gomme est le "E". Avec le "X" vous pouvez passer de la couleur 1 à la couleur 2 (en bas à gauche de la barre d'outil)

    Utilisez la pipette pour reprendre une des couleurs à éclaircir et utilisez la même méthode que pour l'ombrage, sauf qu'au lieu de l'assombrir, vous l'éclaircirez ! Par contre, veillez à ne jamais utiliser de blanc pur !


    Spoiler:

    ... Puis... Avec toute la lumière :


    Spoiler:

    ♦ Fusionnez "Shine" avec "Shine cloath" puis verrouillez le nouveau calque (Shine+). Vous n'avez plus qu'à reprendre une à une les étapes ci-dessus pour finir les accessoires que vous avez laissé en suspens, dans mon cas, le balais...

    Conseil : Maintenant que vous avez placez la lumière, essayez de mettre la même couleur en plus foncée sur les vêtements pour progressivement remplacer le noirs et créer des effets "mélangés". Ce sera la prochaine étape. Mais pas pour tout de suite.



    Merci de m'avoir suivi !


Revenir en haut Aller en bas
Yukai

♥ Sucrophile ◘ Kikoo ○ Dragon Fan ♥
 ♥ Sucrophile ◘ Kikoo ○ Dragon Fan ♥
Yukai


Messages : 2742
Date d'inscription : 27/05/2011
Age : 28
Localisation : Avec ses paquets de bonbons

Carte d'identité
<font color='#B5AA96'><strong>Palier</strong></font> Palier:
Structure et couleur avec une image existante sur Photoshop ! 1158/8Structure et couleur avec une image existante sur Photoshop ! 416  (8/8)
<font color='#C4B8A2'><strong>Prime-Mérite</strong></font> Prime-Mérite: 22850
Jobcard(s): Invocateur et Garde du Corps

Structure et couleur avec une image existante sur Photoshop ! Empty
MessageSujet: Re: Structure et couleur avec une image existante sur Photoshop !   Structure et couleur avec une image existante sur Photoshop ! Icon_minitime1Mar 12 Juin - 17:23

Excellent tuto qui m'a donné envie de m'y mettre...sauf que j'ai pas de palette graphique Cool

+200 penas
Revenir en haut Aller en bas
https://theoc-area.forumgratuit.org/
Contenu sponsorisé





Structure et couleur avec une image existante sur Photoshop ! Empty
MessageSujet: Re: Structure et couleur avec une image existante sur Photoshop !   Structure et couleur avec une image existante sur Photoshop ! Icon_minitime1

Revenir en haut Aller en bas
 
Structure et couleur avec une image existante sur Photoshop !
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Faire un avatar avec Photoshop CS5
» Quand exploration rime avec baston: rencontre avec des vieillards pas très commodes.
» Redimensionner une image
» rp avec un samurai V2
» Une rencontre avec l'équipe Zero

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Theoc Area :: Formalités :: Les tutoriaux du bon citoyen-
Sauter vers: