Introduction

Bonjour ! Aujourd'hui, je vais vous montrer comment je réalise des illustrations de nourriture plus facilement et plus rapidement avec les sous-outils de forme de Clip Studio Paint.

 

J'utiliserai principalement les [courbes de Bézier] et l'[Ellipse]. N'oubliez pas que chaque calque sur lequel j'utiliserai ces outils sera un calque vectoriel, ce qui me permettra de les modifier facilement. Le sous-outil [Ellipse] est assez simple, mais pour utiliser la [courbe de Bézier], vous devrez vous familiariser avec les points de contrôle, et j'ai trouvé un moyen de le faire avec un jeu !

Outils

Les courbes de Bézier utilisent des poignées et des points d'ancrage. Les points d'ancrage déterminent le tracé, tandis que les poignées décrivent la courbure de la ligne. J'ai trouvé un jeu en ligne qui vous apprend à utiliser les outils de Bézier. Il n'est pas conçu pour CSP, mais il utilise les mêmes touches, donc ça devrait être la même chose :

Veuillez vous entraîner avec cette ressource ! Il y a une petite courbe d'apprentissage, mais cela vaut vraiment la peine de maîtriser un outil aussi essentiel de la conception graphique.

Je vais vous expliquer les touches pour utiliser les outils avec des courbes de Bézier. Ce ne sera qu'un aperçu pour rendre le tutoriel plus cohérent, tout cela a été mieux expliqué dans un tutoriel de ClipStudioPaint, allez y jeter un œil :

Vous pouvez utiliser les courbes de Bézier avec le sous-outil [Courbe de Bézier] dans l'outil [Figure], la [Règle de courbe] dans l'outil [Règle] et le sous-outil [Polyligne] dans l'outil [Sélection]. Pour l'utiliser sur la sélection [Polyligne], vous devrez l'activer dans le menu [Détail du sous-outil]. J'aime le rendre visible pour basculer comme bon me semble.

Pour tracer des lignes droites, il suffit de cliquer sur la toile sans faire glisser :

Les courbes de Bézier sont créées lorsque vous cliquez en dessinant. La poignée sera orientée dans la direction dans laquelle vous faites glisser :

Si vous cliquez sur [Maj] pendant que vous faites glisser, la poignée sera déplacée par incréments de 45° :

Vous pouvez modifier les incréments en allant dans le menu [Détail du sous-outil] :

[1] Le rend visible dans la palette [Propriétés de l'outil].

[2] Accroche la ligne\/poignée à l'angle lorsqu'elle s'en approche.

[3] Définit l'angle en faisant glisser le curseur ou en modifiant le nombre d'unités.

 

ATTENTION : Ce sont des angles, pas des pourcentages. Si vous voulez que l'angle soit défini sur les quatre directions cardinales, vous devez le régler sur 90, pas 50.

Pour réinitialiser le dernier point d'ancrage que vous avez créé, cliquez sur [Suppr\/Retour arrière] sur votre clavier :

Cliquez sur un point d'ancrage pour le supprimer :

Cliquez sur la ligne pour ajouter un nouveau point d'ancrage :

Pour déplacer un point d'ancrage ou une poignée pendant le dessin, appuyez sur [Ctrl] sur votre clavier et déplacez-les.

 

Pour supprimer et ajouter des points d'ancrage, vous devez vous assurer que l'[Ajouter\/supprimer des points de contrôle pendant le dessin] est activé dans la palette [Détail du sous-outil].

Si, pendant que vous dessinez, vous voulez transformer une courbe en coin, cliquez sur le point d'ancrage tout en maintenant la touche [Alt] de votre clavier :

Si c'est un coin que vous voulez transformer en courbe, faire glisser le point d'ancrage tout en maintenant la touche [Alt] lui donnera des poignées :

Donc, si vous cliquez sur la toile, cela devient un coin, et si vous faites glisser, cela devient une courbe...

... mais que faire si vous voulez les deux sur le même point d'ancrage ? Deux courbes fusionnant sur un coin, ou un côté étant une ligne droite puis une courbe ? Si vous faites glisser le dernier coin tracé, il vous donne une poignée, de sorte qu'il peut devenir une courbe. Et si vous cliquez sur la dernière courbe tracée, elle devient un coin. De plus, si vous voulez fermer une courbe, cliquer sur le premier point tout en appuyant sur [Alt] vous permettra de garder le contrôle de la dernière poignée, plutôt que de la fusionner avec la première.

Ce sont tous des comportements effectués lors du dessin d'une courbe, et ils deviennent une seconde nature après un certain temps. Mais que faire si vous avez déjà finalisé la courbe ? Utilisez l'outil [Corriger la ligne]. Le sous-outil [Point de contrôle] offre de nombreuses options pour modifier les points d'ancrage et les poignées de la courbe dessinée.

Si vous avez choisi d'utiliser les courbes de Bézier pour le lineart, vous pouvez utiliser le sous-outil [Ajuster la largeur de la ligne] pour donner aux courbes différentes largeurs, comme si vous dessiniez avec différentes pressions à l'aide de l'outil [Stylo].

Très bien, tout est prêt. Laissez-moi vous montrer mes étapes lors de la réalisation d'une illustration :

Miniatures

Nous commençons de la même manière que chaque illustration, avec des miniatures !

Vous avez probablement déjà une idée en tête, mais si vous commencez tout de suite, vous risquez de démarrer un dessin pour vous rendre compte à mi-chemin que la composition n'est pas à votre goût. Dans de petites boîtes, dessinez de petites versions de ce que vous avez en tête. Faites des variations et essayez différentes choses. Peut-être un autre angle ? Et si vous ajoutiez d'autres éléments ? Faites-les rapidement, pas plus de 2 minutes par miniature. Ne vous attardez pas trop sur une seule. Ce sont des croquis jetables, il est donc préférable de viser la quantité.

Je vais vous montrer quelques-unes de celles que j'ai faites pour l'illustration de ramen que je vais réaliser.

Ce sont toutes des variations du même concept. Je me contente de déplacer le bol. J'ai fini par choisir celui du bas.

Une fois que vous avez celui que vous aimez, agrandissez-le pour qu'il remplisse toute la toile.

Normalement, l'étape suivante serait le croquis, mais comme j'utilise des outils de courbe sur des calques vectoriels pour réaliser les illustrations, ce qui me permet de modifier les choses si je ne suis pas satisfaite, je suis suffisamment confiante pour passer directement au line art. Je ne fais généralement des croquis que si l'élément est trop compliqué. C'est dire à quel point les outils de courbe peuvent changer la donne.

Line Art

J'ai essayé de m'enregistrer pour mieux illustrer cette partie, mais mon ordinateur est vieux et obsolète, j'ai donc dû y renoncer. Je m'expliquerai du mieux que je peux, mais si vous avez des questions, n'hésitez pas à les poser dans les commentaires.

J'utilise différents calques vectoriels pour chaque élément du dessin, je préfère les fusionner si je veux joindre quelque chose plus tard, plutôt que d'avoir à sélectionner, couper et coller dans un autre calque si je veux qu'ils soient séparés. J'utilise une taille de pinceau très fine (1,5) car je la remplirai de couleur plus tard. Si seulement je pouvais remplir des calques vectoriels ! Je suis sûr que l'équipe de CSP travaille dur pour les futures mises à jour ;)

J'ai commencé par le bol, en utilisant trois ellipses pour créer la forme.

Ensuite, j'ai fait les baguettes. J'ai utilisé l'outil de Bézier, mais j'ai gardé les côtés droits, ne les courbant qu'un peu aux extrémités.

Passant aux œufs, j'ai utilisé un cercle et ajouté des courbes de Bézier pour la partie supérieure et ovale de l'œuf. Une courbe aide également à créer de la profondeur.

Ensuite, les nouilles, une partie importante de cette illustration. Ce sont toutes des courbes de Bézier avec une taille de pinceau de 15. J'avais 4 calques.

Maintenant, la viande. Il s'agit de calques différents pour faciliter la coloration, tous réalisés avec des courbes de Bézier.

Ensuite, la soupe. Je voulais qu'elle donne l'impression de déborder, comme si le bol était tombé d'une position plus élevée. Je me suis assurée de prendre en compte le mouvement des nouilles dans le bol.

Ça a l'air bien, mais il manque quelque chose. Je voulais mes ramen avec du maïs et de la ciboule, mais dessiner chacun d'eux aurait été une corvée, alors j'ai créé des pinceaux personnalisés à la place. Selon ce que vous voulez, vous pouvez trouver différentes solutions.

Voici tous les éléments de l'illustration. Maintenant, passons à la coloration.

Coloration

La coloration de ces calques sera assez simple. Ordre par ordre, calque par calque, je sélectionne chaque zone et la peins sur un calque de trame. Si nécessaire, j'utilise l'outil [Effacer la sélection] pour désélectionner toutes les zones indésirables.

J'ai fait cela pour chaque élément (sauf les nouilles, bien sûr), en coloriant avec des couleurs unies ou des dégradés, et en ajoutant des détails comme je le souhaitais. J'ai conservé le trait dans cette section à des fins d'illustration, mais désactivez les calques au fur et à mesure que vous les parcourez.

L'intérieur des côtelettes de porc a été réalisé avec un dégradé d'ellipse réglé sur Répéter. Je leur ai également donné de la profondeur avec un dégradé sur un calque séparé réglé sur multiplier.

Les nouilles ont eu un traitement spécial. J'ai utilisé un calque de masque d'écrêtage pour chacune et ajouté des ombres pour donner l'impression qu'elles étaient ensemble dans le même espace.

Passons à la soupe. J'ai utilisé un dégradé et défini le mode de fusion sur Multiplier.

Ensuite, sur un masque, j'efface des espaces de couleur pour donner l'impression que le contenu a rompu la tension superficielle.

Je ne voulais pas voir l'arrière-plan à travers la soupe, alors j'ai créé un calque solide en dessous.

Selon votre conception, vous devrez probablement masquer certains éléments pour rendre les interactions entre les contenus plus crédibles. Je l'ai fait, par exemple, sur les nouilles et les baguettes.

Avant de continuer, j'ai ajouté des dégradés à certains endroits où je n'en avais pas pour créer des ombres et de la profondeur.

Pour finir, j'ai ajouté des reflets à la soupe.

[1] Sur un calque de trame au-dessus de tout, utilisez l'outil [Courbe de Bézier] pour créer des formes qui simulent des reflets.

[2] Ensuite, sélectionnez l'une des formes.

[3] À l'aide de l'[Effacer le dégradé] de l'outil [Dégradé], supprimez les bords de la forme sélectionnée. Répétez [2] et [3] jusqu'à ce que vous ayez terminé toutes les formes.

[4] Réduisez l'opacité du calque.

Voici à quoi cela ressemblait après avoir ajouté du bruit, une ombre portée, quelques dégradés supplémentaires et coloré l'arrière-plan.

Exemples supplémentaires

J'inclurai quelques exemples supplémentaires d'illustrations de nourriture que j'ai réalisées à l'aide d'outils de forme, pour vous donner une idée de ce que vous pouvez faire.

J'ai même réalisé les fraises et les myrtilles dans celle-ci avec l'outil de Bézier, c'est un outil très dynamique :

Vous n'êtes pas obligé de faire en sorte que chaque plat semble tomber. J'aime aussi faire des illustrations plates ! Voici une version des gaufres vues ci-dessus... :

... et les ramen réalisés dans ce tutoriel :

Un autre outil que vous pouvez utiliser est la [Règle de courbe], un sous-outil de l'outil [Règle]. Il fonctionne exactement comme la [courbe de Bézier]. Je l'ai utilisé dans cette illustration avec la [Règle symétrique], car je voulais que les bouteilles soient symétriques :

Les courbes de Bézier ne sont pas seulement bonnes pour les illustrations de nourriture. Elles fonctionnent très bien pour toutes sortes de choses ! Voici un motif que j'ai réalisé avec des motifs floraux et animaliers. Tout a été fait à l'aide de l'outil [Courbe de Bézier].

Réflexions finales

Les courbes de Bézier sont un outil essentiel en conception graphique. Elles vous permettent de créer de belles illustrations avec un minimum d'effort. Je sais pertinemment que j'aurais perdu les touches Ctrl et Z de mon clavier sans elles ! Comme ma Wacom est vieille et me fait souvent défaut, je les utilise pour les illustrations, le line art, tout !

 

J'espère que ce tutoriel vous a inspiré à les essayer dans vos illustrations. Si vous avez des questions, je serais ravie de vous aider ! Vous pouvez laisser un commentaire en bas de cette page, je le consulte souvent.

Si vous souhaitez voir plus de mon travail, vous pouvez consulter mon Instagram... :

... Ou mon Twitter :

Oh, et désolé pour les éventuelles erreurs grammaticales, l'anglais n'est pas ma langue maternelle :)

(Modifié le 27\/05\/20) J'ai fait un ajout majeur à la section Outils, modifié le titre et la miniature, ajouté un autre exemple et corrigé quelques erreurs grammaticales dans le texte. J'ai seulement fait une démonstration de l'entrée "Dessiner des courbes continues et des courbes de Bézier" du manuel d'introduction, plutôt que de la lier pour que vous puissiez l'essayer comme c'était initialement. Consultez le manuel ici :

Je l'ai fait parce que le tutoriel me semblait plus illustratif que pédagogique après l'avoir publié. Je vous ai montré comment j'utilisais les outils de Bézier, mais je ne vous ai pas dit comment les utiliser. Je l'ai laissé tel quel, mais plus le temps passait, plus cela me dérangeait. Désormais, je garderai les tutoriels en brouillon pendant quelques jours, pour éviter ce genre de situations.

J'ai vérifié les autres tutoriels sur les résultats de recherche #CurveTool pour m'assurer que je ne dérangeais personne, et aucun des tutoriels publiés ne contenait cette information, bien que j'aie trouvé un tutoriel de l'équipe CSP qui couvre le même sujet et les ait crédités en conséquence.