Introduction !
Dans ce tutoriel, je voulais vous montrer comment créer une Illustration de Couverture de style Cyberpunk dans Clip Studio Paint, de la configuration de la règle de perspective et de l'esquisse, à la couleur, aux effets et aux touches finales. Vous apprendrez un processus étape par étape pour créer une Illustration de Couverture pour un roman sur lequel je travaille actuellement.
Bonjour, je suis sunnysora ! En écrivant, j'ai eu une idée d'illustration de couverture et j'ai décidé d'utiliser ce post pour partager mon processus avec vous (●'◡'●)
J'ai créé plusieurs couvertures pour mes histoires précédentes, mais ce sera ma première fois que j'en créerai une avec cette ambiance.
Le stylo que j'ai utilisé dans ce tutoriel ↓↓↓
Ce que vous apprendrez dans le tutoriel suivant !
‣ Comment configurer les règles de perspective dans Clip Studio Paint
‣ Utilisation de matériaux 3D pour une composition d'arrière-plan
‣ Flux de travail étape par étape pour l'illustration de couverture
‣ Application d'effets d'éclairage et de correction de calque
↬ Qu'est-ce que le "Cyberpunk" ?
Les visuels Cyberpunk mêlent haute technologie et décrépitude urbaine, avec des contrastes audacieux : des néons brillent sur des rues crasseuses, et des gratte-ciel imposants projettent des ombres sur des bidonvilles surpeuplés.
Les villes Cyberpunk sont remplies de compositions saisissantes, avec des rues et des rails créant des lignes directrices audacieuses, attirant l'attention d'un élément à l'autre à l'aide de lignes droites.
Des gratte-ciel et des bâtiments massifs s'élevant haut dans le ciel, créant une échelle verticale prononcée pour renforcer la dominance de certains éléments.
Et une profondeur en couches créée par la superposition de différents éléments pour créer des environnements complexes.
↬ Comprendre la Perspective
Pourquoi la Perspective est Essentielle pour les Illustrations à Thème Cyberpunk
Le genre Cyberpunk est une question de systèmes, pas de chaos. Bien que cela puisse sembler chaotique au premier abord, il s'agit en fait d'une profondeur structurée, tout a sa place spécifique et n'est pas aussi aléatoire que nous pourrions le penser !
Les couvertures doivent attirer l'attention en quelques secondes
Une perspective forte crée un sens clair de la profondeur, et rend l'image lisible même à une échelle plus petite.
Avec les illustrations à thème Cyberpunk, une bonne perspective peut aider à organiser les nombreux détails !
Perspective à 1 point
La perspective à un point est utilisée lorsque l'on observe une scène de face, toutes les lignes de profondeur se rejoignant en un point de fuite unique sur l'horizon.
Cette technique crée une composition stable et centrée, idéale pour les scènes qui dirigent naturellement l'attention du spectateur vers l'avant.
▸Fréquemment appliquée aux couloirs, routes, tunnels ou confrontations, dirigeant l'attention vers un personnage ou un objet spécifique.
▸ Elle est idéale pour créer un point central fort sans encombrement visuel inutile.
Perspective à 2 points
Une perspective à deux points est utilisée lorsque l'on observe un objet sous un angle de coin.
Les lignes convergent vers deux points de fuite positionnés sur des côtés opposés.
▸Elle met en valeur les paysages urbains, les rues, les bâtiments ou les intérieurs.
▸ Elle introduit de la profondeur et de l'échelle sans submerger le spectateur.
Perspective à 3 points
Une perspective à trois points est utilisée lorsque l'on observe une scène sous des angles extrêmement élevés ou bas, en ajoutant un troisième point de fuite au-dessus ou en dessous de l'horizon.
Les lignes verticales convergent, augmentant le sens de l'échelle et créant un impact dramatique.
▸Fréquemment utilisée pour les scènes dramatiques présentant des gratte-ciel imposants, des personnages intimidants ou des environnements saisissants.
▸Elle peut transmettre une grandeur accablante, le danger ou l'admiration.
Chaque illustration raconte une histoire.
Le Cyberpunk peut aussi mélanger différents genres ! Par exemple, des éléments de romance, d'horreur, de mystère, de fantaisie, de science-fiction ou d'action. Cette polyvalence en fait un bon choix pour introduire nos mondes avec plus que de simples mots !
Création de l'illustration de couverture
Commençons à créer la couverture maintenant ! \^o^
Pour les couvertures, la composition passe avant tout ! Assurez-vous de laisser suffisamment d'espace pour pouvoir ajouter facilement votre titre ou votre logo plus tard !
Je vous guiderai à travers chaque étape en détail, en soulignant les différents Effets, Matériaux, Modes de Fusion et autres fonctionnalités utiles qui peuvent être utilisés pour créer une illustration de couverture pour vos histoires !
↬ Préparation (Esquisse, Composition 3D, Règle de Perspective)
Ma toile mesure 940px sur 1440px (ma préférence)
Étape 1) Je commence par ajouter une grille de Perspective à 1 point basique depuis le magasin Clip Studio Assets, juste pour avoir un guide simple pour mon esquisse.
Étape 2) Dessinez simplement très grossièrement le contour sur un calque séparé.
Étape 3) Diminuez l'opacité de votre esquisse grossière, puis sur un nouveau calque ajoutez une esquisse légèrement plus détaillée, et fusionnez simplement les deux.
Assurez-vous de suivre déjà la direction des guides de perspective pour faciliter la réalisation de votre Lineart plus tard !
Étape 4) Utilisez des objets 3D ou des matériaux de construction pour bloquer les rues et les tours. Il existe de nombreux matériaux différents pour vous aider à planifier votre structure si vous en avez besoin. Ils sont très faciles à utiliser, et pour celui que j'ai utilisé ici, vous pouvez même séparer les bâtiments 3D et les ajuster comme bon vous semble !
Trouvez plus sur le CLIP STUDIO ASSETS Store
Règle de Perspective de CSP
Les Règles de Perspective de Clip Studio Paint facilitent le dessin de lignes de perspective parfaitement alignées automatiquement.
Tout pinceau ou stylo s'accroche à la règle, ce qui signifie que tout ce que vous dessinez suit la direction des "lignes de guidage", vous permettant ainsi de créer des bâtiments ou des rues, sans avoir à deviner et passer des heures à essayer de dessiner des lignes parfaitement droites par vous-même.
Allez dans Calque → Règle/Cadre → Créer une règle de perspective
Étape 5) Ensuite, je configure ma Règle de Perspective. Vous pouvez déplacer et ajuster l'Horizon et les lignes de guidage, pour qu'elles correspondent à votre esquisse.
Via les Propriétés du Calque, vous pouvez par exemple aussi ajouter ou supprimer des Guides. J'ai ajouté quelques lignes de guidage supplémentaires.
— Cercle rempli : Déplace toutes les lignes de guidage ensemble
— Cercle vide : Déplace une seule ligne de guidage
— Symbole <|> : Désactive les guides horizontaux/verticaux, ce qui signifie que votre stylo ne suivra pas la direction des guides
— Symbole diamant : Désactive les guides, ce qui signifie que votre stylo ne suivra pas la direction des guides
J'aime faire mon Lineart sur des calques vectoriels, je l'ai donc converti en un calque vectoriel.
Allez dans Calque → Convertir le calque → Type : Calque vectoriel
Lorsque tous les guides sont activés vs. désactivés ↓↓↓
↬ Commencer à dessiner (Lineart, Personnages, Couleurs)
Avant de commencer, assurez-vous que vos symboles « Ajuster à la règle » sont activés et que vous cliquez sur « Activer l'accrochage » sur votre stylo.
Étape 6) Commencez à ajouter votre Lineart, j'ai laissé des espaces vides pour les matériaux plus tard.
Étape 7) Ceci est facultatif, mais comme je réalise une Illustration de Couverture, j'ai également créé une esquisse grossière de mes personnages !
J'ai essayé de suivre la perspective en faisant en sorte que les personnages s'intègrent naturellement, le haut du corps apparaissant plus petit à mesure qu'il se déplace vers l'arrière-plan et le point de fuite, tandis que les jambes au premier plan sont dessinées un peu plus larges.
Vous pouvez également utiliser des modèles 3D si vous avez besoin d'aide pour dessiner des personnages et cliquer sur votre Modèle 3D → Icône Clé à molette (Afficher la liste des objets) → Perspective Manga pour vous aider avec les proportions du corps.
Étape 8) Ajoutez une couleur de fond sombre, puis utilisez le stylo Aérographe standard pour appliquer une couleur plus claire au milieu.
Étape 9) J'ai ajouté un Calque de Dégradé de Couleurs avec les mêmes couleurs et l'ai réglé sur « Incrustation ». Assurez-vous que la Couleur principale est la teinte plus foncée et que la Couleur secondaire est la plus claire. Puisque la moitié inférieure est le « Premier plan », la couleur plus foncée ajoute plus de profondeur à l'« Arrière-plan ».
**Étape 10) Plus de couleurs \^o^
**Remplissez simplement votre dessin avec différentes nuances de votre couleur principale. Je les ai placés sur des calques séparés afin de pouvoir ajouter différents effets à chaque section plus tard.
Étape 11) Puisque mes couleurs sont sur des calques séparés, je peux maintenant utiliser des Cartes de Dégradé sur les sections que je souhaite pour un contraste rapide et facile !
Vous pouvez facilement ajuster et modifier les couleurs sur les différents dégradés !
↬ Détails (Effets, Matériaux)
Étape 12) Ajoutez un Effet Glitch aux sections de couleur cyan, réglez le mode de fusion sur « Lumière crue » et diminuez l'opacité à 65%.
Étape 13) Les villes Cyberpunk comportent souvent de petites fenêtres carrées, donc avec ce pinceau du magasin Clip Studio Assets, je peux les ajouter en un seul coup de pinceau !
Étape 14) J'ajoute plus de fenêtres en utilisant un pinceau différent !
Étape 15) En utilisant ce joli Pinceau Eau Néon sur le sol, commencez par ajouter de la couleur noire vers le point de fuite. Et sur un calque séparé, appliquez des couleurs cyan plus claires, réglez le calque sur « Densité linéaire (Ajout) » et diminuez l'opacité à 85%.
Étape 16) J'ai créé de simples Matériaux d'inspiration Cyberpunk ! Il suffit de les faire glisser sur la toile et de les placer dans les espaces vides !
Il y a tellement d'autres matériaux que vous pouvez utiliser et ajouter à vos illustrations !
↓↓↓
Note latérale : J'ai mis tout ce qui a été fait aux étapes précédentes dans un Dossier (Dossier 1).
Étape 17) Pour améliorer l'effet glitch, je copie le calque et le fais glisser au-dessus du Dossier Principal afin qu'il soit au-dessus du calque Lineart. Ensuite, j'ajoute un Filtre de Flou directionnel et règle le mode de fusion sur « Écran ».
Étape 18) Encore plus d'Effets Glitch ! J'utilise le même matériau mais cette fois sur les sections de couleur rose, je règle le mode de fusion sur « Lumière vive » et je diminue l'opacité à 50%.
Étape 19) Dupliquez ce calque, puis faites-le glisser à nouveau au-dessus du Dossier Principal et réglez le mode de fusion sur « Ajout (Lum.) ».
J'ai ajouté un calque noir en dessous pour faire ressortir encore plus les couleurs du calque d'effet Glitch ! (J'ai effacé les sections supérieures où se trouvent les enseignes néon car elles ont déjà des calques séparés avec un effet lumineux dans leurs dossiers.)
Étape 20) Ajoutez une teinte bleutée sur un nouveau calque et réglez le mode de fusion sur « Éclaircir » et diminuez l'opacité à 45%.
Étape 21) À partir de l'ensemble précédent, j'ajoute un calque d'effet statique gris par-dessus et règle le mode de fusion sur « Densité linéaire (Couleur) » et diminue l'opacité à 45%.
↬ Schémas de Couleurs Différents
Si vous souhaitez changer votre schéma de couleurs ou apporter quelques ajustements à vos couleurs actuelles, voici quelques moyens faciles de le faire !
Calque → Nouveau calque de correction → Courbe de niveaux
Utilisez la « Courbe de niveaux » pour ajuster et corriger un peu les couleurs principales de l'illustration.
Calque → Nouveau calque de correction → Teinte/Saturation/Luminosité
Calque → Nouveau calque de correction → Dégradé inversé
**Même illustration mais couleurs différentes \^o^
**
↬ Ajouter les personnages
J'ai terminé l'art des personnages de mon histoire et je l'ai placé sur l'illustration détaillée de la ville que nous venons de créer !
Si vous regardez attentivement, vous pouvez voir que j'ai ajouté des reflets rose néon et des ombres avec des tons roses et bleus pour correspondre à l'arrière-plan !
Dernière étape) Et maintenant, ajoutez simplement le Titre ou le Logo de votre histoire, et vous avez terminé ! \^o^
Terminé !
Côte à côte !
Puisque je voulais que mes personnages soient le point focal principal de l'illustration de couverture, l'arrière-plan est principalement caché. Cependant, j'aime la façon dont des portions de celui-ci restent subtilement visibles à travers certains espaces, ajoutant de la profondeur à la composition globale !
Conclusion !
C'était donc ma première fois à créer une illustration sur le thème Cyberpunk, que ce soit l'arrière-plan ou le personnage avec cette ambiance, et même si c'était un défi, c'était aussi très amusant ! (●'◡'●)
Merci de votre lecture et j'espère que vous vous êtes autant amusé que moi en créant !
Les utilisateurs qui ont aimé cette publication
Commentaire