Salles 3D réutilisables pour webcomics
Présentation 📢
Bonjour, je suis Lepus Nix et je suis ici pour partager une astuce qui vous aidera à imaginer et à dessiner facilement des arrière-plans de pièces.
À la fin de ce didacticiel, créer votre propre scène de pièce, sous différents angles, devrait être une tâche facile.
A-Préparation 🛠 ️
Dans cette astuce, nous allons apprendre à aménager une chambre cosy pour un ou plusieurs personnages.
"Confortable" a une signification différente selon la personnalité du personnage, mais en général, il définit un endroit où ce personnage se sentira en sécurité et à l'aise.
Voici quelques exemples de pièces en 3D provenant de l'Asset Store.
💡 Remarque : Pour les couples, les couples mariés et les colocataires, à moins qu'ils ne partagent un intérêt commun, ils peuvent tous les deux avoir leur propre endroit confortable quelque part dans la chambre ou dans la maison.
▶️ A-1-Imaginer la pièce 💭
Pour imaginer la pièce, il faut comprendre pour quel type de personnage on la fait. Voici quelques conseils sur le processus de réflexion de la création d'une salle :
⇨Donnez 3 traits (au moins) au(x) personnage(s) qui seront reflétés dans la pièce ;
⇨A quelle époque se déroule l'histoire ;
⇨Quel est le personnage qui attend le plus, quand il va dans sa chambre et lui donne un coup de projecteur sur l'illustration.
⭐Astuce : la plupart des chambres placent le lit ou le bureau avec un ordinateur dessus, dans un bon endroit, mais certains personnages peuvent simplement profiter de la vue depuis leur balcon ou leur fenêtre en la laissant dégagée.
Pour créer une pièce, il est important de comprendre ses composants :
➩ une porte au moins ;
➩ une fenêtre au moins, sauf s'il s'agit d'un local étanche ;
➩ Murs ;
➩ un toit.
En gardant cela à l'esprit, dessinez la disposition de la pièce à partir d'une vue de haut en bas à utiliser comme référence.
➩ Commencez par les murs ;
➩ Ajouter des portes et des fenêtres ;
➩ Placer les meubles.
⭐Astuce : Cela pourrait faciliter l'imagination du reste de la maison, comme le nombre de pièces et l'emplacement de la pièce que vous dessinez à l'intérieur.
▶️ A-2- Préparation des assets 3D 🛏 ️
Dans cette astuce, nous allons utiliser des objets 3D pour aménager une pièce entière. Une pièce réalisée sur un calque 3D présente quelques avantages :
➫ il peut être réglé dans n'importe quel angle et converti en lignes et tons pour un travail de ligne plus facile ;
➫ il peut être copié tel quel dans de nouveaux fichiers ;
➫ il peut être modifié à tout moment.
Pour réaliser une pièce comme celle-ci, il sera important de rassembler tous les modèles 3D qui pourraient être utilisés dans la pièce.
➫ Clip studio dispose déjà de modèles 3D préfabriqués d'objets et de scènes utilisables ;
➫ Plus de modèles 3D peuvent être trouvés sur l'asset store de clip studio ;
➫ D'autres ressources au format fbx et obj peuvent également être glissées et déposées.
💡 Remarque : les objets 3D peuvent être glissés et déposés ou enregistrés en tant que matériaux via Clip Studio Modeler ou dans la banque d'éléments.
Les formats de fichier de modèle 3D suivants peuvent être importés :
➟ Format de caractère CLIP STUDIO 3D (extension : cs3c) ;
➟ Format d'objet CLIP STUDIO 3D (extension : cs3o) ;
➟ Format d'arrière-plan CLIP STUDIO 3D (extension : cs3s) ;
➟ Autres : fbx, 6kt, 6kh, lwo, lws, obj.
D'autres formats peuvent être importés à partir d'anciennes versions de Clip Studio Paint (c2fc et c2fr), vérifiez les détails ici :
B-Mise en place de la salle 📦
Il existe de nombreux éléments 3D dans le magasin d'éléments Clip Studio pour remplir la pièce de vos personnages.
En utilisant le croquis précédent, il sera plus facile de définir ce dont la pièce a besoin.
Voici un atout de salle officiel qui peut être utilisé tout de suite.
⭐Astuce : Certains actifs 3D plus anciens ne sont disponibles que sur la version navigateur du magasin d'actifs, leur téléchargement ne mettra pas directement l'actif dans le dossier des matériaux, il devra être fait manuellement.
▶️ B-1-Manipulation 3D de base ⚙ ️
Les matériaux 3D se trouvent dans le dossier des matériaux 3D ou dans le dossier de téléchargement. vous pouvez y accéder via le menu [Window]→[Material] ou en cliquant sur les dossiers de fichiers sur le côté droit de l'interface.
Faites glisser et déposez le matériau 3D qui sera utilisé dans la scène. Un calque 3D sera créé pour lui et l'outil passera automatiquement au sous-outil d'opération [Objet].
💡 Remarque : Une fois que le matériau 3D est dans la scène, il peut être trop gros pour être manipulé, pour résoudre ce problème, cliquez sur le bouton [Centrer l'objet] [+] pour l'ajuster automatiquement au milieu de la scène.
Voici un guide rapide des boutons disponibles à l'écran :
i- Pour faire fonctionner la caméra ou choisir des préréglages ;
ii- Pour faire fonctionner l'objet autour de la scène et/ou réinitialiser ces opérations ;
iii- Pour les opérations avancées :
→ a - Pour activer ou désactiver le magnétisme ;
→ b - Pour sélectionner d'autres objets 3D disponibles dans la scène et accéder à leurs propriétés ;
→ c - Pour modifier l'objet et sa disposition.
⭐Astuce : La caméra peut être contrôlée avec la souris lorsqu'aucun bouton n'est actif.
→ Maintenez le clic gauche pour tourner dans n'importe quelle direction ;
→ Maintenez le clic droit pour zoomer et dézoomer ;
→ Maintenez le clic du milieu enfoncé pour faire un panoramique ;
→ Rouler le bouton du milieu changera la perspective.
💡 Remarque : La liste des objets 3D de la scène est accessible dans la propriété de l'outil du sous-outil d'opération [Objet] ou en cliquant sur la clé près des flèches de sélection. La liste permet une sélection plus facile de l'objet ou même de ses composants mobiles. c'est un outil très utile et les lumières peuvent également être sélectionnées facilement de cette façon.
Il est également possible de déplacer, faire pivoter et mettre à l'échelle ces sélections ou la caméra dans les sections [Allocate] et [Camera] du détail de l'outil secondaire.
⭐Astuce : Il est possible de placer des modèles 3D de personnages directement dans la scène, pour aider à la composition.
Les outils de déplacement qui seront très utiles ici sont les boutons pour placer au niveau du sol et pour déplacer l'objet au sol.
▶️ B-2- Placer facilement l'objet 3D 📐
Un matériau 3D peut être sélectionné dans son ensemble avec un clic gauche tout en utilisant l'outil secondaire d'opération [Objet]. En sélectionner un révélera une nouvelle interface sphérique.
Cliquer sur n'importe quelle partie de cette interface la mettra en surbrillance avec une couleur orange et permettra à l'utilisateur d'effectuer diverses opérations.
i- Les flèches déplaceront l'objet dans cette direction tandis que la sphère au milieu permettra toutes les directions ;
ii- Les courbes intérieures feront tourner l'objet sur cet axe avec un contrôle visuel de l'angle ;
iii- le cercle extérieur changera l'échelle de l'objet.
En plaçant les objets dans le calque 3D,
➬ Commencez par tous les plus gros ;
➬ Placez les murs et/ou la porte et les fenêtres pour avoir une idée de l'agencement de la pièce ;
➬ Placez toutes les décorations et lumières ;
➬ Essayez d'avoir un personnage ou deux dans la pièce pour avoir une idée de la hauteur.
💡 Remarque :
➬ Chaque fois qu'un objet est ajouté, il suivra automatiquement le réglage de perspective de la scène.
➬ Faire glisser et déposer un objet sur une table le placera sur cette table.
➬ Pour placer facilement quelque chose, essayez de sélectionner l'objet sur lequel il se trouvera et utilisez les préréglages de la caméra pour changer la vue.
Voici une pièce que j'ai remplie d'assets 3D du magasin d'assets.
💡 Remarque : Avec la "Mise à jour Ver.1.12.7.", l'utilisation de modèles 3D sera plus facile. Il permettra des opérations sur plusieurs objets et la sauvegarde des paramètres de la caméra.
C- Faire l'illustration 🖼️
▶️ C-1-Conversion des lignes et des tons (LT) 🖋 ️
Une fois la pièce terminée, trouvez l'angle pour obtenir la prise de vue souhaitée de la pièce et placez la source de lumière là où vous en avez besoin.
Faites un clic droit sur le calque 3D et sélectionnez [Convertir en lignes et tons…].
Il y a quelques options là-bas, mais je suggérerais d'utiliser les options ci-dessous.
➯ Gardez la largeur de ligne à 2px au moins ;
➯ La précision de détection modifiera la quantité de détails qui seront convertis ;
➯ Gardez [Lisser] activé au plus haut niveau pour avoir des lignes nettes ;
➯ Conservez le [Extraire la ligne de texture] car il donnera plus de détails dans un deuxième calque de contour ;
➯ Activez ou désactivez le ton si vous avez besoin d'une idée des ombres sur différents calques.
Le résultat de la conversion peut être utilisé comme une esquisse très détaillée pour créer l'arrière-plan de votre pièce.
▶️ C-2-Linéart ✒ ️
Les lignes obtenues grâce à la conversion peuvent être utilisées comme référence d'esquisse pour le lineart. En transformant une pièce en 3D, nous avons gagné du temps sur le travail sur la perspective et l'aménagement de la pièce.
Pour faire le lineart facilement, nous utiliserons le sous-outil de courbe sur un calque vectoriel.
➱ Modifiez les lignes d'esquisse converties en couleur pour faciliter le processus lineart (ou modifiez l'opacité) ;
➱ Créez un nouveau calque vectoriel ;
➱ Dessinez les lignes à l'aide de l'outil secondaire [Courbe] sans trop vous soucier du croisement des lignes ;
➱ Supprimez le surplus de ligne avec la gomme [Vector] ou la gomme [Hard] ;
➱ Ajustez les lignes à l'aide de l'outil secondaire d'opération [Objet] ;
➱ Fusionnez certaines lignes à l'aide de l'outil secondaire de lignes [Connect Vector].
💡 Remarque : Consultez mon conseil précédent pour plus de détails sur l'utilisation de ce processus.
⭐Astuce : dessinez certains éléments sur d'autres calques vectoriels afin de pouvoir les supprimer et les remplacer facilement.
▶️ C-3 - Couleurs et ambiance 🎨
Pour colorer le lineart,
➱ Faites un calque/groupe pour chaque élément coloré de la scène ;
➱ La couleur de cet élément peut être modifiée facilement à l'aide de l'option d'édition [Convertir en couleur de dessin] ;
➱ Pour l'ombrage, utilisez les ombres du calque 3D ou le ton des calques convertis ;
➱ Utilisez des calques de correction et des modes de fusion de lumière dure ou douce pour améliorer l'ambiance.
⭐Astuce : attribuez une clé à l'option d'édition [Convertir en couleur de dessin] pour accélérer votre choix de couleur. Consultez mon tutoriel sur la météo pour en savoir plus sur les dégradés et les modes de fusion.
Merci et félicitations pour avoir lu jusqu'ici. J'espère que cela vous aidera pour vos illustrations et arrière-plans de webcomics.
Commentaire