Introduction

Tout au long de ce tutoriel, nous allons aborder les bases de la conception de costumes, en commençant par un aperçu des différents styles et silhouettes, puis en examinant différentes méthodes pour conceptualiser et créer vos propres designs.

Références rapides de styles de design

Pour commencer, explorons quelques styles différents. Veuillez noter qu'il existe de nombreuses possibilités et bien que j'aie essayé d'être aussi exhaustif que possible, celles-ci sont destinées à servir de point de départ et ne sont en aucun cas une représentation complète de ce que vous voudriez utiliser.

✧ Encolures

✧ Cols

✧ Manches

✧ Jupes

✧ Pantalons et autres bas

✧ Lignes de design

En plus des éléments ci-dessus, il existe également une infinité d'options d'accessoires. Différents types de nœuds et de rubans, poches, boutons, chapeaux, chaussures, poupées, ombrelles, lunettes, styles de dentelle, et tout ce que vous pourriez vouloir utiliser pour différencier votre design.

 

Même l'ajout ou la suppression d'une seule chose peut radicalement changer un design. Examinons l'exemple ci-dessous.

Travailler avec des références

Maintenant que nous avons exploré quelques styles différents, voyons comment nous pouvons leur ajouter des détails.

 

Nous allons commencer par créer un tableau d'ambiance ou une page de références.

Les images que j'ai choisies sont une combinaison de différentes photos que j'ai prises. Vous pouvez choisir des images pour l'ambiance générale, parce qu'elles transmettent une idée que vous aimez, ou même parce que vous aimez la couleur, les contours ou les formes. Ne vous inquiétez pas si vous n'utilisez pas toutes les images comme inspiration dans votre design final ; vous pouvez décider de vous concentrer sur une seule ou d'emprunter une toute autre voie.

Développer des idées et des concepts

Pour tirer plus d'idées de nos images, essayez d'esquisser des concepts liés, comme si nous créions une toile : une idée liée à une autre avec des degrés de relation variés, mais néanmoins liés. Les idées peuvent être inspirées par des opposés, des formes, des couleurs, des sentiments, ou même des combinaisons entre eux et quelque chose d'autre.

 

Remarquez comment les fleurs de l'image en haut à gauche peuvent inspirer des cloches ou des étoiles, et de là, différents types de cloches et d'étoiles, ou même une combinaison des deux. Nous pouvons continuer à combiner des éléments et à les utiliser jusqu'à ce que nous obtenions quelque chose qui nous satisfasse. Quelques exemples ci-dessous :

Maintenant que nous avons esquissé quelques idées, essayons de les mettre en pratique :

Remarquez comment les flèches relient quelques points d'inspiration.

Pour commencer

Maintenant que nous avons passé en revue le processus de conception, créons un nouveau document et réglons notre résolution à 300 DPI (résolution d'impression standard).

Commençons par esquisser quelques concepts ; vous pouvez en esquisser autant que vous le souhaitez, mais trois pourraient être un bon point de départ. Parfois, nous aimerons certains aspects d'une esquisse et constaterons que leur combinaison avec une autre donne un design globalement meilleur, et parfois, nous apprécierons une esquisse ultérieure plus que la première.

Les croquis ci-dessus sont basés sur le tableau d'ambiance que nous avons créé précédemment, avec certains aspects plus proéminents et d'autres liés à des concepts similaires. Remarquez comment changer le type de chapeau sur le premier croquis modifie l'impression générale du design.

 

Sur le croquis de base, j'ai utilisé une coiffure simple et polyvalente, de sorte qu'elle se prête facilement à différents concepts. Vous n'avez pas besoin de dessiner votre coiffure dès le début, mais parfois le type de cheveux que vous choisissez peut évoquer différentes ambiances et inspirer différents types de designs.

 

Le croquis de base (Calque 1), comme vous l'avez remarqué, est également d'une couleur beaucoup plus claire que les croquis de costume (Calque 2). Pour changer rapidement la couleur d'un calque, sélectionnez d'abord votre calque, puis cliquez sur le bouton [Couleur de calque] dans votre fenêtre [Propriété du calque].

J'aime la couleur par défaut, mais vous pouvez toujours changer la couleur de votre trait en cliquant sur ❷. Cela la remplira avec la couleur de votre pinceau actuel. Vous pouvez également cliquer sur le ▶ à côté pour faire apparaître une roue de sélection de couleurs.

 

Appuyez sur [ X ] de votre clavier pour basculer rapidement entre les couleurs de premier plan et d'arrière-plan.

 

✦ Si vous ne voyez pas cette fenêtre, vous pouvez la trouver sous [Fenêtre] > [Propriétés du calque].

 

 

En regardant mes croquis, j'ai décidé de travailler avec le #4. Puisque nos croquis sont bruts, nous utiliserons la couleur de calque sur notre croquis de costume et créerons un nouveau calque au-dessus pour notre encrage.

 

Pour vérifier les erreurs dans votre croquis avant l'encrage, essayez d'utiliser le [Navigateur] pour retourner votre vue de toile horizontalement.

 

Puisque mon dessin est en vue 3/4, je n'utiliserai pas la règle symétrique, mais si vous avez des éléments dans votre travail que vous souhaitez miroiter, c'est un outil utile à utiliser. Après avoir sélectionné la [Règle symétrique] dans le panneau d'outils, cliquez n'importe où et dessinez.

Pour désactiver la règle dans un calque, décochez la case [Afficher uniquement lors de la modification de la cible] :

Une fois notre encrage terminé, nous pouvons commencer à colorier. Puisque nous voulons nous assurer que la couleur remplit bien nos lignes, créons une nouvelle fenêtre pour notre travail et faisons glisser l'une des fenêtres sur le côté. Nous garderons l'une dézoomée et l'autre à un zoom plus rapproché.

Maintenant que nos deux fenêtres sont prêtes, nous pouvons commencer à colorier.

 

❶ Définissez l'encrage comme calque de référence.

❷ Réglez votre outil de remplissage sur ❸ [Référencer d'autres calques] ou un autre outil avec plusieurs références.

Bien que l'outil [Référencer d'autres calques] soit une option par défaut de Clip Studio, les deux autres que j'ai mis en évidence ont été créés par d'autres et peuvent être trouvés dans la boutique d'actifs. J'ai inclus un lien vers chacun ci-dessous.

Sur votre calque de couleur (sous l'encrage), remplissez ou dessinez une sélection autour de la zone que vous souhaitez remplir (selon l'outil).

 

✦ Vous voudrez peut-être remplir les couleurs des différentes pièces de vêtements sur des calques séparés.

Création d'un motif à partir d'une image

Maintenant que nos couleurs de base sont en place, ajoutons un motif au design. J'ai peint quelques fleurs de style aquarelle sur une toile séparée et je l'ai enregistrée en .png pour préserver la transparence.

 

Tout d'abord, sélectionnez le calque auquel vous souhaitez appliquer le motif. Sous [Fichier] > [Importer] > [Motif depuis image].

❶ Notre motif apparaîtra au-dessus de notre calque de couleur.

❷ Sélectionnez le motif et [Écrêter au calque inférieur].

❶ Pour redimensionner notre motif, allez dans [Opération] et sélectionnez [Objet].

❷ Faites glisser la barre vers le haut ou vers le bas pour modifier l'échelle du motif. Sous [Ratio d'échelle], vous pouvez également modifier l'[Angle de rotation].

Ci-dessous, j'ai dupliqué le calque de motif jusqu'à en avoir trois, puis j'ai modifié l'échelle de chacun pour un aspect plus détaillé.

 

L'ajout d'un calque au-dessus de votre motif, puis son écrêtage au calque inférieur, fera écrêter toutes les couches de découpe sur le premier calque non écrêté en dessous.

Création d'un motif à rayures

Pour créer un motif à rayures, nous allons créer un nouveau calque au-dessus de la couleur de base à laquelle nous voulons appliquer le motif.

 

Sélectionnez l'outil [Dégradé] puis [Rayure].

 

Avec l'outil Rayure sélectionné, tracez une ligne sur votre nouveau calque. Plus la ligne est longue, plus votre rayure sera large.

 

Écrêtez votre calque de rayure à votre calque de couleur.

Puisque nous ne voulons pas que notre rayure soit plate, utilisons l'outil [Transformation de maillage], situé sous [Édition] > [Transformation] > [Transformation de maillage].

Déplacez les points de la grille et appuyez sur OK.

Pour des formes plus complexes, nous pouvons augmenter le nombre de points de treillis (points de grille) jusqu'à dix.

Création d'un pinceau : Ajout d'une bordure

Puisque notre design avait à l'origine un col floral, nous devrons créer un nouveau pinceau pour cela.

 

Commencez par créer un nouveau fichier avec une résolution minimale de 300 DPI. Nous voulons que notre pinceau soit plus grand que ce dont nous prévoyons avoir besoin, en raison de la mise à l'échelle.

 

Sur un nouveau calque transparent, dessinez une image que vous aimeriez transformer en pinceau. Pour ce pinceau, j'ai dessiné quelques pensées différentes.

Pour peindre les fleurs, j'ai bloqué les formes des pétales, au lieu de commencer par un encrage. C'est bien, et nous pouvons toujours ajouter quelques lignes rapides autour de chaque fleur, avant de la transformer en pinceau.

 

❶ Sélectionnez le calque d'image auquel vous souhaitez ajouter des lignes.

❷ Sélectionnez [Mode de fusion] dans le panneau [Propriétés du calque].

❸ Modifiez la taille de la bordure (j'ai choisi 1px). Vous pouvez également modifier la couleur de la bordure ci-dessous.

L'effet de bordure s'appliquera désormais également à tout ce que vous dessinez sur le calque. Si vous aimez la bordure mais ne voulez pas que les nouveaux éléments l'aient, nous pouvons pixelliser notre calque. Vous voudrez peut-être d'abord enregistrer une copie du calque sans la bordure.

 

Pour pixelliser, cliquez avec le bouton droit sur le calque et sélectionnez [Pixelliser].

Voici une comparaison de notre image avec et sans les lignes ajoutées :

Création d'un pinceau : Enregistrer les matériaux

Avant d'enregistrer notre pinceau, nous devrons décider si nous voulons conserver nos couleurs originales ou non. Par défaut, notre couleur d'expression est définie sur le mode couleur. Si vous souhaitez conserver les couleurs originales, laissez ceci tel quel et passez à l'étape suivante.

 

Si nous voulons que la couleur du pinceau ignore la couleur originale et utilise nos couleurs de premier plan et d'arrière-plan, nous devons définir la [Couleur d'expression] sur [Gris].

 

❷ Assurez-vous de sélectionner [Appliquer la couleur d'expression de l'aperçu].

 

✦ (Ignorez l'étape ci-dessus pour conserver la couleur d'origine de l'image dans le pinceau.)

Si vos images ne sont pas sur des calques différents, dessinez une sélection autour de l'image que vous souhaitez transformer en pinceau.

 

Pour enregistrer, [Édition] > [Enregistrer le matériau] > [Image].

 

 

Une boîte de dialogue des propriétés du matériau apparaîtra. L'image affichée représente l'apparence de la pointe de votre pinceau. Si vous avez conservé le mode d'expression en couleur, votre image sera en couleur. Si vous l'avez réglée sur niveaux de gris et qu'elle apparaît toujours en couleur, revenez en arrière et assurez-vous d'avoir sélectionné [Appliquer la couleur d'expression de l'aperçu].

 

 

Examinons quelques-unes de nos options de matériau.

 

❶ Le nom que vous donnez à votre pinceau peut être utilisé pour rechercher la forme de la pointe.

❷ Assurez-vous que [Utiliser pour la forme de la pointe du pinceau] est coché.

❸ Vous devez sélectionner un dossier pour enregistrer votre pinceau avant de pouvoir l'enregistrer.

❹ En option, vous pouvez ajouter plusieurs balises de recherche qui s'appliqueront à la forme de la pointe de votre pinceau.

Création d'un pinceau : Étapes finales et paramètres du pinceau

Maintenant que nous avons enregistré nos pointes de pinceau, nous pouvons passer aux étapes finales de notre pinceau.

 

Si vous avez un pinceau avec des paramètres que vous aimez déjà, vous pouvez en créer un doublon et remplacer la pointe du pinceau. Si vous créez beaucoup de pinceaux, cela peut vous faire gagner du temps plus tard.

 

Pour l'instant, commençons par travailler à partir d'un nouveau pinceau.

 

Sous votre panneau de pinceaux, sélectionnez l'icône ▶≡ puis [Créer un sous-outil personnalisé].

Nous sommes maintenant face à la fenêtre de création de sous-outil personnalisé. Donnons un nom à notre pinceau.

 

❶ Clip Studio est livré avec de nombreuses icônes de pinceau sympas que nous pouvons utiliser pour notre pinceau. J'ai sélectionné l'icône de fleur pour cela, mais vous pouvez en sélectionner une autre ou même créer la vôtre.

❷ Si vous souhaitez utiliser votre propre icône, sélectionnez simplement les [Paramètres utilisateur] et parcourez un fichier.

❸ Ici, nous pouvons éventuellement ajouter une couleur d'arrière-plan à l'icône de notre pinceau.

Une fois prêt, cliquez sur OK.

 

Votre pinceau apparaîtra désormais comme un pinceau rond basique dans le panneau de sous-outils où vous l'avez créé.

 

Pour ajouter la pointe de pinceau que nous avons créée précédemment, sélectionnez la [Palette de détails de sous-outil] ou l'icône de clé ❶.

 

Dans la fenêtre de détails de sous-outil, sélectionnez [Pointe du pinceau] ❷ et puis l'icône de page ❸.

 

En utilisant le nom de votre pointe de pinceau ou un mot-clé de recherche, recherchez votre image de pinceau. Pour sélectionner plusieurs images, maintenez [Shift] ou [Ctrl] sur votre clavier. Cliquez sur OK.

 

❹ Enregistrons nos modifications en sélectionnant [Enregistrer tous les paramètres par défaut].

Essayez d'expérimenter avec d'autres paramètres de pinceau, puis enregistrez vos paramètres par défaut une fois que vous avez trouvé ceux qui vous plaisent.

✦ Si l'image de votre pinceau ne change pas avec la taille de votre pinceau, essayez de modifier la [Taille des particules]. Sélectionnez le [↓] peut modifier les paramètres de taille des particules, tels que la pression du stylet.

Création d'un pinceau à volants

En noir, dessinez un ensemble de volants (plus ils sont longs, moins il y a de répétition dans le pinceau). Remplissez de blanc, puis changez le mode couleur en [Gris].

 

✦ Lorsque vous créez un pinceau à volants ou un pinceau que vous voulez sans couture, assurez-vous que les deux points d'extrémité sont alignés l'un avec l'autre.

Lorsque les points d'extrémité correspondent, suivez les étapes précédentes pour créer un pinceau, puis réglez votre pinceau sur [Mode Ruban] dans votre fenêtre [Détails du pinceau].

Parce que nous avons dessiné notre pinceau horizontalement et que notre pinceau a par défaut une rotation de 180 degrés, il ne ressemble pas encore à l'exemple ci-dessus. Au lieu de cela, il ressemble un peu à ceci :

En changeant la [Direction] à 90, nous pouvons obtenir l'effet désiré.

Application des détails

Maintenant que nous avons créé nos pinceaux, revenons à notre design et commençons à les appliquer.

 

Nous pouvons également ajouter un arrière-plan simple en aérographe léger sur des parties du calque auquel notre motif est censé être écrêté.

✦ Pour ajouter de la dentelle et d'autres détails, nous pouvons utiliser un pinceau de décoration. Pour ce design, j'ai utilisé quelques pinceaux personnalisés, ainsi que le pinceau de fleurs et de volants que nous venons de créer. Clip Studio est également livré avec son propre pinceau à volants, ainsi que d'autres outils de décoration. De plus, vous pouvez trouver d'autres pinceaux dans la boutique d'actifs. Voici où vous pouvez trouver les pinceaux de décoration de Clip Studio :

Pour les bottes, j'ai utilisé un pinceau de décoration à lacets. Cela ne convient pas tout à fait, mais nous pouvons l'ajuster avec l'outil [Transformation de maillage]. Pour rappel, vous pouvez trouver cet outil sous [Édition] > [Transformation] > [Transformation de maillage].

 

Dans notre exemple précédent, nous avons utilisé une grille 3x3, mais nous allons essayer une grille 10x10 cette fois.

Déplacez et pincez les coins. Essayez d'expérimenter en déplaçant différents points et voyez comment chacun affecte le résultat.

 

Effaçons quelques parties et ajoutons un lacet en haut. J'ai également ajouté des détails tels que des coutures.

 

Pour créer le lacet, nous allons créer un nouveau calque et appliquer une bordure. Maintenant, lorsque nous dessinerons le lacet, il sera déjà délimité. N'oubliez pas que l'outil pour cela se trouve dans le panneau [Propriété du calque].

Nous pouvons également appliquer une bordure à notre calque de pinceau pour le faire ressortir et lui donner l'apparence de la texture d'une vraie botte.

Considérez que l'ajout d'une bordure pourrait rendre difficile la coloration des œillets sous le calque du pinceau, et vous pourriez plutôt devoir colorier par-dessus. Comparons les différents effets de chaque décision.

❶ Pas de bordure sur le calque du pinceau. Œillets coloriés sous le calque du pinceau.

❷ Pas de bordure sur le calque du pinceau. Œillets coloriés au-dessus du calque du pinceau.

❸ Le calque du pinceau est défini avec une bordure. Œillets coloriés au-dessus du calque du pinceau.

 

Comme vous pouvez le voir, lorsque nous ajoutons une bordure, nos couleurs sont plus douces, tandis que sans, nous pouvons obtenir une couleur plus vive. Vous pouvez toujours créer une apparence plus vive avec une bordure, mais les exemples ci-dessous sont là pour montrer les différences en utilisant le même calque de couleur.

 

Si vous voulez une bordure là où les coutures iraient, mais que vous aimez la couleur de ❶ ou ❷, dupliquez simplement votre calque de pinceau sans bordure et placez-le sous votre calque de bordure.

 

Faites un clic droit sur le calque avec la bordure > Pixelliser. Puis effacez les œillets et/ou les lacets.

Finalisation du design

Maintenant que nous avons appliqué tous nos pinceaux de décoration, terminons de colorier notre design.

 

Bien que nous ayons ajouté quelques détails à nos lacets, nous voudrons attendre la fin pour ombrer les volants. Une fois terminé, créez un nouveau calque au-dessus de nos volants et définissez-le en mode d'écrêtage.

 

La raison pour laquelle nous attendons d'ombrer les volants est que nous pouvons utiliser les couleurs des zones environnantes comme partie des ombres.

Regardons l'image finale :

Pensées finales

Bien que notre design final ait été inspiré par notre tableau d'ambiance, rappelez-vous qu'il n'est pas toujours nécessaire de s'y tenir, mais plutôt de le traiter comme un outil et de le laisser inspirer la créativité. Il peut y avoir des moments où nous devons travailler dans certains périmètres et vous pourriez également aimer vous assigner différents styles ou concepts avec lesquels travailler et voir combien de designs vous pouvez créer qui correspondent au thème.

 

Essayez de conserver une copie de tous vos designs, que vous finissiez par les utiliser ou non, car cela pourrait inspirer autre chose plus tard, ou servir de référence pour y revenir, en vous demandant pourquoi vous ne l'avez pas utilisé.

 

 

Pour toute autre question, n'hésitez pas à m'envoyer un message via Twitter ou à laisser un commentaire ci-dessous.

J'espère que ce tutoriel vous a été utile et que vous passerez un bon moment à concevoir.