Développer votre bibliothèque visuelle : Dégradés et Design.

4 839

ArtFrog

ArtFrog

Introduction

Bonjour à tous ! C'est encore Art Frog avec un autre tutoriel, cette fois-ci sur les dégradés et comment travailler avec eux.

 

L'outil Dégradé est puissant, mais peut être un peu difficile à contrôler ou à utiliser efficacement. Dans ce tutoriel, je vais détailler quelques méthodes d'utilisation des dégradés et leur application à une étude de crâne, ainsi que quelques conseils pour l'utiliser afin d'expérimenter des plans de conception pour votre composition.

 

Certains des concepts que je vais déballer peuvent être un peu abstraits, mais les appliquer à votre propre travail vous aidera à ajouter de la profondeur et de l'intérêt à votre art.

 

Bien, passons aux choses sérieuses.

Création d'une Sphère

Pour commencer, j'ai esquissé un cercle grossier, je l'ai peint en gris à 50%, puis je l'ai sélectionné avec l'outil "Sélection automatique" (ou baguette magique). (Appuyez sur "w" pour le sélectionner rapidement, puis cliquez sur la forme dont vous souhaitez faire une sélection.)

 

Vous pouvez également utiliser l'outil "Zone de sélection" (raccourci "M") et le passer en mode "Ellipse" pour créer votre cercle, mais je trouve souvent qu'il est un peu trop parfait. Une fois votre sélection faite, remplissez le cercle avec 50% de gris. (Choisissez vos couleurs à l'aide du curseur de couleur et utilisez simplement un pinceau pour remplir la sélection ou utilisez l'outil "Remplir". Vous pouvez soit cliquer sur l'icône du pot de peinture dans la barre d'outils, soit appuyer deux fois sur "G" ou jusqu'à ce que l'outil de remplissage soit sélectionné.)

 

Pour commencer, nous allons simplement verrouiller la transparence de notre calque de cercle gris, puis commencer à utiliser les dégradés !

Diagramme d'une Sphère Éclairée

Avant d'aller plus loin, voici une explication rapide de la façon dont la lumière va affecter notre sphère. La grande flèche indique la direction d'où vient la lumière. Essayez de penser à la provenance de la lumière et à la forme de l'objet qu'elle frappe. C'est une étape importante dans la Conception Volumétrique. (Cela signifie penser à la structure des objets plutôt qu'à de simples formes graphiques.)

Les croix indiquent chaque différence de valeur en fonction de la distance et de l'angle de l'objet par rapport à la source de lumière. En commençant par celle la plus proche de notre lumière à gauche, nous avons la "Lumière d'accentuation", puis la "Couleur/Valeur Locale" ou "Ton moyen", puis l'"Ombre propre", une section importante de "Lumière réfléchie" (Parce que la surface sur laquelle repose la sphère est si brillante !), et enfin l'"Ombre portée".

 

Selon la complexité de votre objet et le nombre de sources de lumière, il peut y avoir des lumières d'accentuation supplémentaires, des lumières réfléchies et des ombres portées.

 

Pour les besoins de ce tutoriel, nous garderons les choses aussi simples que cela et je vous recommande pour votre propre étude d'avoir une bonne référence photographique de formes de base dans une configuration d'éclairage simple à consulter et à garder à l'esprit.

 

(Allez-y et utilisez le sous-outil Ellipse dans l'outil "Zone de sélection" et remplissez la zone pour créer votre ombre portée.)

 

Je mettrai la sphère sans les marques. N'hésitez pas à l'utiliser comme référence pour votre propre pratique.

Dégradés Appliqués à une Sphère

Il existe plusieurs façons d'utiliser l'outil Dégradé pour appliquer de simples transitions de valeurs aux objets. J'utiliserai principalement le réglage "Premier plan vers transparent" (la première option sous le sous-outil Dégradé [G]) et je l'appliquerai en couches, en construisant les valeurs que je souhaite. Cela pour plusieurs raisons. Premièrement, je suis peintre et je préfère ajuster les choses à la main. Deuxièmement, souvent je ne sais pas quelle valeur ou quelle forme exacte j'aimerais, donc la construction en couches ou en plusieurs passages me permet d'ajuster à la volée d'une manière qui me semble naturelle.

Donc pour commencer (après un peu de préparation), vous devriez avoir quelque chose comme ça.

Votre sphère grise et son ombre portée devraient être sur des calques séparés. Vous pouvez soit verrouiller la transparence et travailler directement sur leurs copies, soit simplement sélectionner les objets avec l'outil de sélection ou en maintenant la touche "ctrl" de votre clavier tout en cliquant sur le calque avec votre curseur pour faire une sélection de l'objet, puis utiliser cette sélection sur un nouveau calque au-dessus. Travailler sur un nouveau calque est ma méthode préférée car vous pouvez ajuster les propriétés du calque, l'opacité et transformer la forme individuellement du reste de votre image.

J'ai esquissé un autre diagramme de notre plan d'ombrage juste pour montrer ce à quoi je pense au fur et à mesure. Notre assistant grenouille maniant le stylet pointe vers l'"Ombre propre" et c'est ce à quoi je pense en premier.

 

L'ombre propre est essentiellement notre obscurité la plus sombre ou très proche de celle-ci. Cela signifie que toutes les autres valeurs sur notre sphère seront plus claires qu'elle. Parce que nous voulons courber autour de notre objet (puisque nous voulons qu'il paraisse rond), nous utiliserons l'option "Cercle" à côté de "Forme" dans nos Propriétés d'outil lorsque l'outil Dégradé est sélectionné. Vous pouvez également utiliser l'option Ellipse si vous voulez encore plus de contrôle, mais pour la rapidité, je préfère façonner le dégradé en l'utilisant simplement sous différents angles et directions.

Dans cette image, vous pouvez voir où j'ai utilisé l'outil Dégradé pour remplir presque toute la sphère de noir. Regardez attentivement en bas et je l'ai laissé juste un peu plus clair. C'est là que je pense que la lumière réfléchie (la lumière rebondissant sur la surface sur laquelle repose la sphère) se trouvera.

 

J'ai utilisé l'outil (en cliquant et en faisant glisser) plusieurs fois pour construire la forme et le niveau d'obscurité. Nous pourrons l'ajuster plus tard car il est sur son propre calque.

Ensuite, nous ajoutons un nouveau calque, changeons notre couleur de premier plan et appliquons notre ton moyen ou couleur/valeur locale au-dessus du calque d'ombre propre. Essayez de lui donner une forme qui semble naturelle. (Vous vous améliorerez avec la pratique et en utilisant de bonnes références de configurations d'éclairage similaires.)

 

J'ai utilisé les curseurs de couleur et ajusté la valeur de premier plan à 44%. Si votre lumière est plus claire/sombre, ou si votre sphère est d'une couleur plus foncée ou plus claire, la valeur locale pourrait être plus élevée ou plus basse. Encore une fois, entraînez-vous à partir de références réelles !

La grenouille de gauche (ci-dessus) pointe directement l'endroit d'où j'ai "tiré" mon dégradé circulaire pour le ton moyen. L'image ci-dessus n'est qu'une seule application de l'outil. Voici les applications suivantes pour montrer comment je façonne progressivement la zone jusqu'à ce que je sois satisfait.

 

(La grenouille de droite indique l'endroit où la couleur de premier plan est définie. Assurez-vous de l'utiliser pour votre outil de dégradé !)

Maintenant que le ton moyen est en place et a en quelque sorte poussé l'ombre propre dans une belle forme, créez un nouveau calque et appliquez la lumière d'accentuation. Je règle la mienne à environ 85% sur le curseur de valeur, car le blanc pur, en règle générale, devrait être réservé aux reflets très lumineux sur les surfaces brillantes. Vous pouvez bien sûr utiliser le noir et le blanc purs comme choix stylistique.

 

Et voici la sphère avec la lumière d'accentuation appliquée en utilisant le même processus que pour le ton moyen. Généralement, avec les lumières d'accentuation, moins c'est plus, alors essayez de ne pas la rendre trop grande. (Vous voulez pouvoir voir la sphère s'éloigner du spectateur pour obtenir cette sensation de rondeur).

Et enfin, nous allons ajouter un peu de dégradé à l'ombre portée. Normalement, vous pourriez ajuster un peu le bord de l'ombre portée pour l'adoucir, mais assurez-vous d'étudier des objets réels projetant une ombre dans diverses situations d'éclairage et vous constaterez que parfois le bord est bien plus dur que vous ne le pensiez !

Maintenant, pour commencer, remettez votre outil de dégradé sur "Ligne droite". Ensuite, (après vous être assuré d'être sur un nouveau calque et d'avoir sélectionné la forme de l'ombre portée) définissez une valeur plus claire et tirez du bas vers l'endroit où la sphère touche la table/le sol. C'est juste pour ajouter un peu de lumière réfléchie et montrer une transition vers l'endroit où elle est la plus sombre. L'ajout de ces petites variations de valeur aide vraiment à donner un effet crédible.

Et voici notre sphère grise terminée.

Maintenant, à quoi bon tout cela ? Cela semble une façon plutôt complexe de dessiner une forme simple, n'est-ce pas ? Pourquoi ne pas simplement peindre la sphère avec différents pinceaux et appliquer naturellement la texture et les détails d'une manière plus picturale ? Ou même simplement utiliser l'outil Aérographe avec un masque de calque ou une sélection pour un effet similaire ? Je vous encourage à le faire bien sûr ! Mais avec un peu de pratique, l'utilisation des dégradés dans votre travail peut très rapidement vous aider à expérimenter et à planifier des designs et des schémas d'éclairage, ainsi qu'à ajouter des transitions très subtiles en ton et en couleur.

 

Qu'est-ce que j'entends par planifier le design ? Eh bien, c'est là que nous devenons un peu abstraits.

Principes et Astuces de Design

Lorsque je parle de design, je parle de l'application contrôlée d'éléments visuels afin d'ajouter de la profondeur à notre image.

 

Dans une image sans couleur, nous avons quelques éléments contrastés avec lesquels travailler.

 

Pour la VALEUR (à quel point quelque chose est clair ou foncé), nous avons un contraste entre :

 

Clair et Foncé.

 

Pour la FORME, nous avons un contraste entre :

 

Épais et Mince

 

Pour les BORDS, nous avons un contraste entre :

 

Doux et Dur

 

Ce sont les blocs de construction les plus fondamentaux avec lesquels nous devons travailler. Dans chaque catégorie, vous pouvez probablement même ajouter des sous-catégories. Par exemple, si vous avez une transition entre Clair et Foncé sur une forme simple comme notre sphère, mais que cette sphère a une texture rugueuse, vous avez maintenant ajouté de la COMPLEXITÉ ou de la VARIÉTÉ. Vous pourriez dire que c'est juste une autre expression de bords doux et durs sur chaque petite fossette et éraflure de votre balle, et vous auriez raison. Mais je pense qu'il est important de comprendre que sur chaque objet et dans chaque centimètre de votre image, vous devriez viser un bon design.

 

Étudier d'après nature et faire des croquis et des peintures basés sur ces connaissances ajoute de la PROFONDEUR à votre travail.

 

Jusqu'à présent, nous avons simplement appliqué des dégradés simples qui sont des BORDS doux ou des transitions entre les Clairs et les Foncés des VALEURS sur la sphère et ce, dans des variations particulières des FORMES afin de montrer la CONCEPTION Volumétrique.

 

Maintenant, pensons à ces principes au fur et à mesure que nous avançons.

 

 

Application de Dégradés à un Crâne

D'accord, je vais commencer simplement en faisant un croquis très grossier d'un crâne à partir d'une référence photo, puis en montrant comment je décompose les zones où je veux utiliser des dégradés en zones séparées.

 

Voici notre croquis grossier. Utilisez le pinceau que vous voulez, assurez-vous juste que c'est un simple dessin au trait.

J'ai commencé à bloquer les ombres tout en esquissant les détails, mais je suis assez grossier car je vais retravailler les zones et les reprendre.

Ici, j'ai réduit l'opacité du calque de ligne grossière, puis sur un nouveau calque au-dessus, j'ai soigneusement délimité et regroupé les zones d'ombre importantes. Cette étape peut être délicate car elle demande de la pratique et de la patience pour dessiner ces formes avec soin.

 

Vous pouvez simplifier et combiner ces formes encore plus, ou les décomposer davantage, mais pour cet exemple, cela suffira.

Maintenant, quel est ce fouillis de flèches sur notre beau dessin propre ?!

 

Chaque flèche (j'espère) est placée en tenant compte de la direction de chaque ombre/dégradé. C'est la direction sur laquelle je me concentrerai et que je référencerai lorsque je placerai et tirerai mes dégradés. Parce que dans nos règles de Design, nous allons avoir de la variété dans nos ombres, et dans notre photo de référence, nous avons des zones de lumière réfléchie, nous utiliserons cela comme guide pour savoir quelle "extrémité" de nos ombres sera plus foncée ou plus claire. Ne vous inquiétez pas si cela semble un peu chaotique, à mesure que vous travaillerez, cela aura de plus en plus de sens. Rappelez-vous simplement notre sphère et comment elle est décomposée et appliquez cela au crâne.

Ici, j'ai soigneusement rempli nos zones d'ombre. Je l'ai divisé en quelques sections sur différents calques pour chaque partie, mais vous pouvez le faire au fur et à mesure que vous construisez vos valeurs aux étapes suivantes.

 

C'est le bon moment pour vérifier vos formes et proportions afin de vous assurer que vous êtes satisfait de votre dessin et de votre composition. Ensuite, nous passons aux dégradés !

Alors ici, j'ai masqué le calque de la zone de notre ombre portée (décrite en vert), et sélectionné sa forme (maintenez ctrl ou command puis cliquez sur le calque avec la forme) puis sur un nouveau calque, j'ai commencé à façonner les zones plus sombres où je vois que le crâne touche la table.

 

Pour cela, j'utilise l'option Sphère de l'outil Dégradé discutée plus tôt dans la leçon. Nous utiliserons également l'option droite, mais comme elle traverse toute la zone en ligne droite, vous devrez diviser les zones en morceaux encore plus petits pour l'utiliser efficacement.

Ici, nous sommes revenus à l'option de forme droite de l'outil de dégradé, et nous commençons notre "tirage" d'assez loin de notre image. Cela nous permet d'obtenir facilement un bord finement flouté pour imiter les valeurs que je vois dans l'image de référence. N'oubliez pas de le construire en couches transparentes jusqu'à ce qu'il atteigne la valeur que vous souhaitez.

Il existe plusieurs méthodes pour ajouter des valeurs à vos formes d'ombre. Une façon de commencer est de fusionner toutes vos formes d'ombre sur le crâne (gardez l'ombre portée sur la table séparée). Pour ce faire, copiez tous les calques qui contiennent les formes d'ombre que vous souhaitez, puis fusionnez-les en un seul calque. (Pendant que vous sélectionnez tous les calques à fusionner, appuyez sur Maj+Alt+E) puis appuyez sur la petite icône en haut du panneau des calques avec l'échiquier et un cadenas pour "verrouiller les pixels transparents". Maintenant, nous pouvons utiliser une combinaison de l'outil Lasso et de l'option de forme Ellipse de l'outil Dégradé pour commencer à appliquer des variations de tons de manière semi-manuelle.

Ici, j'utilise simplement la méthode que nous avons employée sur la sphère juste pour voir quels types d'effets différents nous pouvons obtenir sans passer par toute la structure. Je m'inspire principalement de la référence et aussi de ma perception de ce que fait la forme. Parce que les bords des ombres les plus proches de la source de lumière sont entourés de zones claires, ils me semblent très sombres, alors j'assombris davantage ces bords de manière exagérée pour voir ce que cela donne. Parce que nous utilisons l'option "Premier plan vers transparent" dans l'outil Dégradé, nous pouvons travailler au-dessus OU en dessous de ce calque à mesure que nous avançons.

Ici, sur un nouveau calque, j'ai sélectionné à main levée ce que je considère comme les zones de ton moyen. Utilisez les options de forme droite et circulaire pour remplir délicatement les valeurs souhaitées. Utilisez l'outil gomme pour nettoyer les bords au fur et à mesure.

 

Maintenant que nous avons quelques valeurs en place, vous pouvez commencer à effacer les zones que vous voulez plus claires et plus nettes, et sélectionner des zones individuelles qui ont des formes plus complexes pour ajuster la direction de la lumière avec l'outil Dégradé. Expérimentez un peu avec toutes ces techniques et déterminez ce qui fonctionne le mieux pour vous.

 

Dans mon exemple ici, j'ai ajouté un autre calque avec un ton moyen sur le côté plus clair du crâne, puis j'ai effacé pour faire ressortir la lumière et les détails.

Continuez à ajuster les bords et les valeurs pour qu'ils correspondent à votre référence, tout en gardant à l'esprit la direction de la lumière, les lumières d'accentuation, l'ombre propre et la lumière réfléchie.

Nous approchons de la fin. En plus de peindre et d'ajuster manuellement les formes et les bords des valeurs, je sélectionne également de petites zones avec l'outil Lasso et j'utilise l'outil Dégradé pour créer de petits dégradés dans les zones qui, selon moi, nécessitent une transition plus douce des valeurs. Cela peut être un processus assez délicat, mais continuez à pratiquer et à expérimenter, et vous deviendrez plus compétent non seulement avec les outils de Clip Studio Paint, mais aussi en peinture et en dessin en général.

Merci !

Terminé. Ou du moins suffisamment terminé pour les besoins de ce tutoriel !

 

Merci beaucoup d'avoir lu et d'être allé jusqu'au bout ! J'espère que cela vous aidera dans votre apprentissage de Clip Studio Paint, et vous aidera à mieux comprendre le design dans la mise en forme.

 

Aaron (Art Frog)

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel