Bonjour à toutes et à tous ! L'astuce d'aujourd'hui concerne l'illustration de style plat. Ce style est très populaire de nos jours, largement utilisé dans les sites web, les livres, les présentations et les emballages de produits - en fait, partout où on peut l'imaginer. Ses bords nets, précis et/ou uniformes sont sa principale caractéristique, et peuvent être facilement obtenus en utilisant les outils liés aux vecteurs dans Clip Studio Paint.

 

1. Décomposition de l'illustration de style plat

Note : Ce n'est en aucun cas une règle - juste une simple observation. Je liste également les outils utilisés pour référence, vous pourrez en apprendre davantage à leur sujet plus tard dans ce tutoriel.

La plupart des dessins dans ce style sont divisés en formes plus petites, facilement reconnaissables car chaque forme a une couleur distincte.

Sur chaque partie, il peut y avoir une texture ou un élément dessiné à la main, ou un simple ombrage.

 

Au lieu de formes colorées, certaines parties peuvent être remplacées par un lineart. Dans la plupart des cas, l'épaisseur du trait est constante.

Enfin, vous pouvez placer une couche de filtre/bruit/texture ressemblant à du papier au-dessus de l'ensemble du dessin. Dans cet exemple, j'ai utilisé une couche d'effet d'éclaboussures d'encre.

 

2. Outils et fonctionnalités utiles

Note : La lecture de toutes les descriptions d'outils ci-dessous peut être écrasante, donc si vous voulez d'abord vous entraîner pour vous familiariser avec les outils, passez directement à la partie 3 et suivantes !

 

Les outils de dessin raster et vectoriel fonctionnent bien avec ce style. Les outils basés sur les vecteurs conservent la netteté du dessin à n'importe quelle échelle (bon lorsque vous avez besoin de votre image en plusieurs tailles pour différentes utilisations), tandis que les outils raster offrent plus de flexibilité. Heureusement, vous pouvez combiner les deux avec Clip Studio Paint.

 

CALQUES VECTORIELS

Tout ce qui est dessiné sur un calque vectoriel peut être mis à l'échelle sans perte de qualité, et est donc tout à fait adapté à ce style. Cependant, les calques vectoriels ne fonctionneront pas avec certains outils, par exemple l'outil de remplissage, vous devrez donc soit utiliser un calque normal (calque raster), soit utiliser d'autres solutions de contournement.

Cliquez sur le bouton Nouveau calque vectoriel dans l'onglet Calque pour créer un calque vectoriel. Les calques vectoriels ont une icône de cube à gauche de leur nom.

Tout ce qui est dessiné sur un calque vectoriel aura des points de contrôle « invisibles » se connectant les uns aux autres, formant une ligne. Ils deviendront visibles lorsque vous les dessinerez (avec certains outils), ou lorsque vous cliquerez sur l'élément dessiné avec l'outil Objet [O] ou l'outil Point de contrôle (à partir du sous-outil Corriger la ligne [Y]). Ces points de contrôle rendent votre dessin lisse et net.

Voici quelques exemples d'éléments dessinés sur un calque vectoriel, avec différents outils. La rangée inférieure montre les points de contrôle.

 

CALQUES RASTER

Ce sont des calques normaux courants dans les programmes de dessin. Ils sont polyvalents et peuvent être modifiés de nombreuses façons différentes. Mais si vous les mettez à l'échelle, ils perdront leur qualité, surtout s'ils sont agrandis. Vous pouvez toujours dessiner plus grand pour éviter de perdre en qualité, mais cela dépendra du programme et des capacités de votre ordinateur. Néanmoins, vous devrez parfois vous fier aux bons vieux calques raster - tout ne peut pas être réalisé sur des calques vectoriels.

Pour créer un calque raster, cliquez sur le bouton Nouveau calque raster dans l'onglet Calque ou appuyez sur Ctrl + Shift + N.

 

SOUS-OUTIL FIGURE [U] > DESSIN DIRECT

Les outils de figure, lorsqu'ils sont utilisés sur des calques vectoriels, créent des formes vectorisées qui sont modifiables par la suite. Bien sûr, vous pouvez également les utiliser sur des calques raster. L'un des avantages des outils de figure est que vous pouvez dessiner avec votre souris ou votre doigt sur un téléphone/iPad au lieu d'un stylet.

 

Pour Ligne droite, Courbe, Rectangle, Ellipse et Polygone, l'exécution et les propriétés de l'outil sont similaires. Cliquez, maintenez le bouton de la souris/appuyez sur le stylet puis faites glisser votre souris pour créer votre forme. Ensuite, déplacez un peu la souris pour faire pivoter/définir la courbe si nécessaire.

 

Pour Polyligne, vous n'avez pas besoin de faire glisser, cliquez simplement pour créer des lignes continues ; cliquez sur le premier point pour fermer le chemin.

 

Note : Si votre panneau de propriétés d'outil n'affiche pas certaines des options ci-dessus, cliquez sur le bouton Afficher [Palette Détail du sous-outil] pour choisir quelle valeur/quel statut afficher.

Utilisez la courbe continue/courbe de Bézier pour dessiner des formes libres.

 

Lorsque j'utilise l'outil de figure pour dessiner une courbe continue, j'utilise la courbe de Bézier (cubique). C'est ce qui se rapproche le plus d'un logiciel de dessin vectoriel dédié, et elle est très précise et polyvalente.

 

Cliquez avec votre souris/stylet pour créer une ligne linéaire. Cliquez puis faites glisser pour une courbe. Appuyez sur la touche [Entrée] pour terminer ou cliquez sur le point de départ pour fermer la courbe. Sur l'iPad, cliquez en dehors du canevas (de préférence l'outil Courbe de Bézier ou un autre outil pour dessiner une autre courbe ou effectuer une autre action).

 

Pour annuler pendant le dessin de la courbe de Bézier, appuyez sur la touche [Suppr] ou [Retour arrière]. Les utilisateurs d'iPad peuvent annuler normalement en tapant avec deux doigts.

 

Maintenez la touche [Maj] enfoncée tout en faisant glisser le point de direction pour le forcer à 0/45/90/135/180/etc degrés.

 

Pendant que vous dessinez un nouveau point, vous pouvez appuyer sur la touche [Ctrl] pour modifier les anciens points.

 

La touche [Alt] aide à changer de direction.

Note pour les utilisateurs d'iPad : utilisez le clavier de bord pour les opérations de touches modificatrices. Balayez le bord gauche ou droit pour le faire apparaître (j'ai changé le réglage pour un bouton au lieu d'un balayage).

 

Ou vous pouvez simplement placer grossièrement les points d'ancrage, puis passer à l'outil Corriger la ligne pour un réglage fin ultérieurement.

 

Courbe de Bézier quadratique :

C'est l'ancienne méthode de création d'une courbe vectorielle sur CSP. Je ne les utilise pas, mais elles sont utilisées dans certains matériaux prédéfinis (plus d'informations à ce sujet plus tard). Je sais juste que pour les modifier, je fais glisser le point :D

 

Pensez à dessiner sur un calque vectoriel si vous souhaitez ajuster les points d'ancrage et les points de direction par la suite.

OPÉRATION [O] > Objet

Choisir une ligne/courbe vectorielle avec cet outil affichera ses points d'ancrage et points de direction cachés. Vous pouvez déplacer les points ainsi que toute la courbe, la redimensionner/la faire pivoter avec la boîte de délimitation. Les opérations sur les points sont les mêmes que lorsque vous utilisez l'outil Courbe de Bézier.

 

Modifiez la couleur, la taille et la forme du pinceau, etc. dans l'onglet Propriétés de l'outil [Objet].

 

Vous pouvez également dupliquer la courbe avec [Ctrl + C] puis [Ctrl + V], et supprimer cette courbe en appuyant sur la touche [Suppr].

 

CORRIGER LA LIGNE [Y]

Utilisez ces outils pour modifier les points d'ancrage vectoriels.

 

Point de contrôle

Les utilisateurs de bureau ont la tâche plus facile puisqu'il suffit de cliquer droit sur le point pour y accéder. Pour une utilisation sur iPad, passez à l'outil Corriger la ligne après avoir utilisé d'autres outils de dessin.

[image] + courte explication de l'image

 

BALLETTES [T]

Les calques vectoriels ne peuvent pas contenir de zones colorées, seulement des lignes ? Détrompez-vous ! Vous pouvez le faire avec les outils de bulles ! Ce n'est pas leur utilisation prévue, mais ils font le travail, alors pourquoi pas.

 

Notez que les bulles ont leurs propres calques de bulles. Ce sont comme un sous-type de calque vectoriel qui permet le remplissage (zone colorée). Cependant, ces deux types ne se mélangent pas. De plus, lorsque vous placez deux bulles sur le même calque côte à côte, elles fusionneront.

Bulle ellipse/Bulle arrondie

Malgré leur nom, elles agissent toutes deux de manière similaire aux outils de figure Rectangle, Ellipse et Polygone, avec une différence importante : elles peuvent utiliser l'interrupteur Ligne/Remplissage (les outils de figure ne permettent que des lignes/courbes sur les calques vectoriels). La bulle arrondie ajoute un paramètre de Rayon de l'arrondi des coins.

 

Bulle courbe

Le choix de Bézier cubique et cela se comporte exactement comme l'outil Courbe de Bézier tout en permettant le remplissage sur un calque de bulle. Reportez-vous à la section Courbe de Bézier ci-dessus pour plus de détails.

 

MATÉRIEL

Si vous vous sentez extrêmement paresseux, l'onglet Matériau est équipé d'un grand nombre de bulles prédéfinies. Il suffit de les glisser-déposer sur le canevas, de changer leur couleur de ligne et de remplissage comme vous le souhaitez. Utilisez l'outil Objet pour modifier leurs points d'ancrage et de direction.

 

RÈGLE [U]

La méthode de création de règles est similaire à celle des outils de figure. Les règles peuvent être utilisées comme alternative aux outils de figure lorsque vous souhaitez créer des lignes/courbes lisses et continues sur les calques raster et vectoriels, et elles peuvent être réutilisées ultérieurement. Mais comme le dessin avec des règles crée trop de points de contrôle, il est plus difficile de modifier la ligne.

 

STYLO/PINCEAU/AÉROGRAPHE/DÉCORATION [P] [B] (avec stabilisation) + REMPLIR [G]

 

Parfois, il est plus rapide de dessiner directement avec un pinceau plutôt qu'avec des lignes vectorielles avec des points d'ancrage. Si vous augmentez la stabilisation à un nombre très élevé, vos lignes seront très lisses. Ils sont également utilisés pour l'ombrage/la texture dessinés à la main.

Pour éviter les espaces lors de l'utilisation de l'outil de remplissage, augmentez le nombre d'échelle de zone à ⅓ - ¼ de la taille de votre pinceau (utilisable uniquement avec les calques raster).

3. Illustration simple utilisant des figures prédéfinies

Ceci est un exemple simple pour vous montrer comment les outils fonctionnent ensemble.

Ouvrez l'onglet Matériau [Bulle]. Faites glisser et déposez la bulle Vibration_01 (matériau par défaut de CSP) sur votre canevas ou l'onglet Calque (l'outil passe automatiquement à l'outil Objet afin que vous puissiez choisir et modifier facilement les objets vectoriels).

 

Dans l'onglet Propriétés de l'outil [Objet], choisissez Créer un remplissage. Changez la couleur de remplissage en vert. J'ai choisi Moyen pour l'anticrénelage car le réglage par défaut (Aucun) semble un peu rugueux. Je l'ai également mis à l'échelle un peu en utilisant les nœuds de la boîte de délimitation.

 

Passez à l'outil Bulle courbe. Dans l'onglet Propriétés de l'outil [Bulle courbe], choisissez Créer un remplissage, Ajouter au calque sélectionné (afin que la nouvelle bulle créée soit sur le même calque de bulle ; s'il n'y a pas déjà de calques choisis, un nouveau calque de bulle sera créé pour la première bulle), Bézier cubique, Anticrénelage moyen. Choisissez une couleur marron.

 

J'ai cliqué trois fois pour créer un triangle pour le tronc d'arbre, puis j'ai cliqué sur le point de départ pour fermer la forme.

 

Répétez les étapes trois fois de plus pour dessiner trois branches. Comme les bulles se chevauchent sur un calque, elles fusionnent.

 

Vous avez maintenant un arbre vectoriel. Il a l'air un peu fade, nous allons donc ajouter de la « texture ».

 

Créez un nouveau calque vectoriel au-dessus du calque de bulle du « tronc d'arbre ».

 

Passez à l'outil Figure > Ligne droite. Faites glisser pour créer une ligne verticale.

Je peux utiliser cette simple ligne pour décorer le tronc d'arbre mais je veux utiliser quelque chose de plus élaboré. Sélectionnez la ligne avec l'outil Objet, allez dans le menu déroulant Forme de pinceau et choisissez un pinceau que vous aimez.

 

Si le pinceau que vous souhaitez n'apparaît pas ici, par exemple si je veux un pinceau de l'outil Décoration, allez dans l'onglet des propriétés de cet outil de pinceau :

 

Cliquez sur le bouton Afficher [Palette Détail du sous-outil] dans le coin inférieur droit. Dans le panneau contextuel, allez dans Forme de pinceau et cliquez sur le bouton Enregistrer en préréglage. Votre pinceau apparaîtra maintenant dans la liste déroulante Forme de pinceau.

 

Je choisis le pinceau à bords rugueux, j'augmente la taille du pinceau et je change la couleur.

 

Toujours avec l'outil Objet pour choisir la ligne, je la duplique en plusieurs instances en utilisant Ctrl + C puis Ctrl + V. J'utilise l'outil Objet pour les déplacer et créer une sorte de motif.

 

Ensuite, je sélectionne le calque vectoriel et je clique sur le bouton « Clip sur le calque inférieur ». Le tronc d'arbre a maintenant un motif en zigzag.

 

Nous utiliserons une autre méthode pour le feuillage de l'arbre. Dans l'onglet Matériau, je fais glisser-déposer le motif de blason japonais vers l'onglet Calque, le plaçant au-dessus du calque de bulle du feuillage. Dans l'onglet Propriétés du calque, choisissez l'effet de couleur de calque et changez la couleur du motif en vert bébé. Ensuite, masquez le calque de motif sur le calque de bulle.

 

L'arbre est presque terminé. Je retourne dans l'onglet Matériau et je fais glisser-déposer le calque Monochrome de bruit 40% 40/0 au-dessus de tous les autres calques et je réduis son opacité à environ 30 %.

 

Autre exemple : ces maisons et cette route pavée peuvent être réalisées uniquement avec des outils polygonaux et des matériaux de bulles !

4. Dessiner des courbes et des formes complexes avec la courbe de Bézier

Esquissez votre dessin sur un calque raster en utilisant le pinceau avec lequel vous êtes à l'aise.

Je réduis l'opacité de l'esquisse. Elle sera au-dessus des autres calques.

 

J'utilise l'outil Bulle courbe pour dessiner les pétales de la fleur rouge.

 

Cliquez pour commencer, puis faites glisser pour créer des courbes, cliquez pour créer des coins, etc. Voir la partie 2 pour plus de détails sur l'utilisation de la courbe de Bézier.

La couleur des feuilles est différente, vous ne voudrez peut-être pas que leurs bulles soient sur le même calque que la fleur rouge, afin de pouvoir utiliser un ombrage/une texture différente plus tard. Pour ce faire, lorsque vous choisissez l'outil Bulle courbe, choisissez Créer un nouveau calque lors du dessin de la première feuille, puis revenez à Ajouter au calque sélectionné par la suite pour placer toutes les feuilles sur le même calque.

 

Créez un nouveau calque vectoriel pour dessiner la tige de la fleur avec l'outil Figure > Courbe de Bézier ; un autre calque vectoriel pour les étamines. En général, si les courbes/formes ont des couleurs et/ou des formes de pinceau différentes, vous devez les séparer en différents calques.

 

Faites attention à l'ordre des calques si vous avez trop de formes. Fusionnez également uniquement les calques du même type (c'est-à-dire fusionnez uniquement les calques vectoriels entre eux, les calques de bulles et les calques raster également ; mélanger différents types transformera le calque résultant en un calque raster et vous ne pourrez plus modifier les courbes vectorielles par la suite).

 

Si vous planifiez soigneusement, vous pouvez dessiner des images très complexes.

Dans l'exemple ci-dessus, j'ai même ajouté des ombres à l'aide de formes gris chaud réglées en mode « Produit ». Planifiez même les couleurs !

5. Ombrage et textures

Cette étape est très simple, mais elle peut et va faire passer votre dessin au niveau supérieur ! Choisissez un ou plusieurs pinceaux texturés/aérographes/pinceaux de décoration/stylos/crayons/pastels - n'importe quoi, d'une couleur différente de la forme de base, et dessinez dessus. Il y a deux façons de procéder :

 

1 - Créez un nouveau calque raster au-dessus du calque de la forme de base et masquez le nouveau calque dessus. Faites l'ombrage sur ce calque. Cette approche peut être utilisée avec les 3 types de calques (raster, vectoriel et bulle) et les formes vectorielles/de bulles restent modifiables, mais elle peut créer beaucoup de calques supplémentaires.

 

2 - Rasterisez le calque des formes de base si nécessaire (clic droit puis choisissez Rasteriser), puis verrouillez les pixels transparents. Dessinez directement sur le calque rastérisé. Votre fichier ne sera pas aussi encombré, mais il sera plus difficile à modifier par la suite.

 

J'ai fait l'ombrage sur la fleur avec le pinceau gouache sèche et l'aérographe peinture en spray et j'ai ajouté un arrière-plan avec un matériau de bulle texturé (la lumière vient d'en haut dans cette image).

 

Clip Studio Paint offre déjà une bonne sélection de pinceaux texturés, mais vous pouvez vous rendre sur Clip Studio Asset pour en télécharger encore plus. L'exemple de fleur peut sembler générique, mais de beaux pinceaux texturés et une palette de couleurs sophistiquée peuvent vraiment transformer vos formes plates au-delà de toute attente ! Voici quelques-unes de mes illustrations, pour vous montrer à quel point ce style peut être polyvalent !

 

J'espère que vous trouverez quelque chose d'utile dans mon tutoriel ! Si vous aimez mes tutoriels, visitez mes pages ! Parlons-en :D