Illustration d'art conceptuel avec des matériaux d'actifs
Les arts conceptuels sont assez intimidants quand on y pense.Vous devrez conceptualiser — faire émerger ces idées.Je vais vous montrer comment j'ai réalisé cette illustration :
avec l'aide de la Bibliothèque d'Actifs de Clip Studio !Vous pouvez la terminer en 30 minutes !J'ai utilisé Clip Studio Paint PRO, vous pouvez utiliser n'importe quelle version que vous avez.Commençons !
Concernant l'utilisation des actifs dans les arts conceptuels...
Je n'ai pas beaucoup d'expérience, bien que j'aie travaillé brièvement dans un studio d'animation et de VFX — et j'étais en charge du rendu, des textures et du mappage UV. Je crée les textures, mais parfois nous pouvons en acheter en ligne tant que les conditions d'utilisation du motif
⭐ Si vous prévoyez d'acheter/utiliser des actifs, assurez-vous qu'ils sont compatibles avec les travaux commerciaux.⭐Veuillez ne pas vous décourager, les studios utilisent des actifs ! C'est juste un bon argument de vente si vous pouvez créer les vôtres. Les studios achètent et utilisent aussi des actifs/matériaux, ne vous découragez pas !De plus, selon la FAQ de Clip Studio :
Et sur les conditions d'utilisation des Actifs de Clip Studio :
Je pense qu'il est sûr de dire que lorsque vous publiez un matériau sur Clip Studio Assets, vous autorisez l'utilisation commerciale.Ce qui est génial~!=============À partir de maintenant, ce n'est qu'un exemple de ce que vous pourriez faire avec des actifs préfabriqués ou même des actifs que vous créerez à l'avenir — j'espère que cela vous donnera une idée !
Art conceptuel
Tout d'abord, qu'est-ce que l'art conceptuel ?
- L'art conceptuel est une forme d'art visuel où nous concevons une idée. Nous conceptualisons, visualisons nos idées qui correspondent au thème que nous visons.
Pensons aux thèmes des JEUX VIDÉO.
• Jeux Call of Duty = thème militaire — donc créez des personnages en tenue militaire
• Overwatch = thème futuriste — les personnages sont en tenue futuriste
• Alice Madness Returns = horreur fantastique — les personnages ont l'air effrayant
VOUS DEVEZ DÉFINIR CE « QUELQUE CHOSE »
Pour cette illustration, mon concept tourne autour de cette boîte de brownies que j'ai achetée :> NOTE : J'ai pris cette image. Cette image est la mienne ;u; )//
Ce n'est pas une photo de stock.
Je veux créer un personnage qui corresponde à ces brownies !Les mots-clés que j'avais en tête étaient mignon et doux.
Alors j'ai essayé de créer un personnage qui ait l'air mignon et doux
Au total, j'ai fini avec 12 croquis :
J'ai opté pour ma dernière conception
• CHEVEUX = deux chignons, inspirés du bonbon ours
• ROSES = du glaçage
• BOUCLES D'OREILLES= du glaçage
• MOTIF DE BLOUSE= du glaçage
• JUPE= du papier d'emballage/papier cuisson
• SAC= je l'ai fait carré pour correspondre à la boîte
• BALLON= j'ai transformé le bonbon LOVE en ballon
> Choisir les couleurs
Une petite astuce pour choisir les couleurs
Avec votre image de référence ouverte, allez dans [Filtre] > [Effet] > [Mosaïque]
Et déplacez simplement le curseur.
L'effet MOSAÏQUE divise l'image en carrés, créant un effet pixélisé.
Le curseur lui-même s'appelle Taille de la tuile ; ainsi, plus la valeur est basse, plus les carrés sont petits.
Une valeur plus élevée crée des carrés plus grands
Cliquez simplement sur OK quand vous avez terminé !
Et maintenant, vous avez votre palette de couleurs à choisir.
Vous n'êtes pas obligé d'utiliser toutes les couleurs, mais cela vous facilite la vie pour choisir des couleurs à partir d'une image de référence.
> Téléchargement d'actifs
Vous pouvez accéder à la Bibliothèque d'actifs depuis votre navigateur :
ou en ouvrant l'application Clip Studio
Assurez-vous de ne pas le confondre avec l'application Clip Studio PAINT
GAUCHE est Clip Studio Paint — où nous dessinons et animons
DROITE est Clip Studio — où nous pouvons accéder à notre compte, nos actifs, nos astuces et nos demandes
Pour télécharger un actif, disons depuis le navigateur.
Sélectionnez l'actif que vous souhaitez télécharger > Cliquez sur TÉLÉCHARGER > il vous demandera ensuite d'ouvrir l'application Clip Studio > et de cliquer sur Ouvrir CLIP STUDIO
⭐Vous devez cliquer sur OUVRIR CLIP STUDIO sinon l'actif ne sera pas téléchargé dans votre Clip Studio Paint
*L'actif que je télécharge ici n'est qu'un exemple et n'apparaîtra pas dans l'exemple d'illustration ici.
Après cela, l'application Clip Studio s'ouvrira.
Si vous souhaitez voir l'état du téléchargement, cliquez sur l'icône des paramètres > Transferts de données
Votre téléchargement est terminé !
Vous pouvez les vérifier dans Gérer les matériaux
Une bonne pratique est de les placer dans un dossier spécifique pour garder vos actifs et votre bibliothèque organisés.
Renommez-les si vous le souhaitez, mais il est préférable de conserver le numéro d'identification du contenu à la fin.
> Placer des textures / motifs
Ajoutons quelques motifs à notre dessin, principalement — des motifs sur sa blouse.
Assurez-vous que votre dessin est déjà ouvert > cliquez sur le panneau latéral et développez l'onglet Matériaux > Allez dans TÉLÉCHARGEMENTS > recherchez votre matériau.
Si vous ne trouvez pas votre panneau Matériaux ; Allez dans [Fenêtre] > [Matériau] > [Matériau : Téléchargement]
Pour cet exemple, j'utiliserai ce motif :
Choisissez votre matériau > Cliquez et faites-le glisser sur le dessin .
Vous pouvez le redimensionner dans la Propriété de l'outil.
Assurez-vous d'être sur [Opération] > allez dans la [Propriété de l'outil] > ajustez le Ratio d'échelle
Ou vous pouvez ajuster le matériau en utilisant les points de transformation à l'écran
N'oubliez pas non plus de placer vos textures/motifs dans le bon ordre des calques.
Je préfère placer mes motifs sous les ombres et les lumières.
Cliquez sur DÉCOUPER SUR LE CALQUE INFÉRIEUR pour qu'il soit découpé sur le calque de couleur principal
Une fois terminé, cela devrait ressembler à ceci :
Nous avons placé notre matériau sur le dessin, ensuite éditons-le pour qu'il corresponde au dessin.
> Modifier un motif (Fluidité)
Maintenant, éditons ce motif pour qu'il ne semble pas flotter là.
1. Faites un clic droit sur le calque du motif > Rasteriser
Cela le rendra utilisable, afin que nous puissions modifier le motif.
2. Faites un clic droit à nouveau sur le calque du motif > Convertir le calque > changez la couleur d'expression en COULEUR
Cela nous permettra de colorer les motifs
Changez le nom si vous le souhaitez.
Cliquez sur OK quand vous avez terminé.
Maintenant, éditons le motif.
Prenez votre outil FLUIDITÉ > changez le mode selon ce que vous préférez > et ajustez simplement votre motif
N'oubliez pas que c'est un motif pour les vêtements, le corps n'est pas plat !
Certaines zones sont volumineuses, d'autres sont étirées, d'autres sont écrasées.
Modifiez les motifs pour obtenir cet effet et l'utilisation de la fluidité facilite la tâche.
Habituellement, sur les manches bouffantes et la zone de la poitrine, j'utilise DILATER
Dans la zone où c'est rentré et entre la poitrine, j'utilise PINCER
Sur le haut des bras, je fais des allers-retours avec POUSSER À GAUCHE et POUSSER À DROITE
Ensuite, pour un effet mignon, parce que les motifs sont très droits, j'utilise la SPIRALE pour lui donner un aspect aléatoire.
Ensuite !
Masquons ce motif rapidement pour que seule la blouse reçoive le motif.
Voici à quoi ressemble notre calque de COULEUR PLATE :
TOUTES les couleurs des vêtements sont sur UN SEUL CALQUE, donc l'utilisation de Découper sur le calque inférieur affecte les autres couleurs.
Nous devons seulement que la blouse soit affectée par le motif, alors masquons cette zone.
Prenez votre [Sélection automatique] > [Se référer uniquement au calque d'édition]
Assurez-vous d'être sur votre calque COULEUR PLATE !
Assurez-vous que l'échelle de zone de la sélection automatique est à 0 (zéro)
Et assurez-vous d'être sur le calque COULEUR PLATE — sélectionnez simplement la BLOUSE > puis cliquez sur le calque Motif CŒUR et ensuite cliquez sur Créer un masque de calque
Cela isolera le motif de toutes les autres zones et n'affectera que la zone que nous avons sélectionnée.
> Colorer le motif
Ceci est facultatif.
Si vous voulez donner à vos motifs un aspect personnalisé.
Sélectionnez votre calque de motif > cliquez sur Verrouiller les pixels transparents
Il devrait obtenir une icône comme celle-ci (sur l'image de droite) ; c'est à ce moment-là que vous savez que le calque a des pixels transparents verrouillés.
Maintenant, prenez votre pinceau ou même votre outil Dégradé et colorez simplement votre motif.
Si vous voulez utiliser l'outil Dégradé, vous le pouvez aussi
Et quand vous avez terminé, cela ressemble à ceci :
> Ajout d'éléments supplémentaires (pinceau)
Rappelez-vous sur le croquis, il y a un ballon
J'ai eu de la chance et j'ai trouvé un pinceau dans la bibliothèque d'actifs
Il correspond au thème que je vise et il est gratuit !
Tout d'abord, ajoutons ces pinceaux en tant que sous-outil.
Ouvrez votre panneau latéral Matériaux > Si vous ne voulez pas chercher les pinceaux manuellement, recherchez simplement 'BALLON' dans la barre de recherche
Cliquez et faites glisser les pinceaux du panneau des matériaux vers le panneau des pinceaux
Les pinceaux doivent être placés en tant que sous-outil pour pouvoir les utiliser.
Maintenant, nous pouvons utiliser ces pinceaux !
Faites de même avec [ficelle de ballon] pinceau — nous l'utiliserons plus tard.
* >Organiser vos pinceaux
Ceci est un sujet court, mais si vous voulez organiser vos pinceaux.
Regardez ci-dessous :
Les pinceaux BALLON sont dans le dossier NOURRITURE — et ce n'est pas de la nourriture !!
Créons un dossier séparé pour eux.
Cliquez et faites glisser le pinceau vers une zone vide de la barre de panneau > cela créera automatiquement un dossier pour celui-ci.
Si vous voulez changer le nom du dossier ; CLIC DROIT > Paramètres du groupe de sous-outils
et renommez-le comme vous le souhaitez.
D'accord !
Retournons à l'utilisation des pinceaux !
Maintenant, utilisons les pinceaux.
Les pinceaux de ballon sont assez simples.
Vous pouvez simplement cliquer et les faire glisser si vous le souhaitez.
Ou vous pouvez redimensionner/changer la taille du pinceau en utilisant les touches [ et ] de votre clavier
Le pinceau de ficelle est également pratique.
Nous n'avons pas à nous soucier de créer le nôtre
Une petite astuce pour faire la ficelle du ballon.
Faites un X avec le pinceau de ficelle
et pour la ficelle pendante > changez le mode de fusion du pinceau en ARRIÈRE-PLAN
Changer le mode de fusion du pinceau en ARRIÈRE-PLAN fait en sorte que la ficelle pendante que nous allons créer sera derrière le ballon
*ne faites cela que si vous travaillez sur un MÊME / SEUL calque.
Et maintenant j'ai terminé avec le personnage
J'ai juste fait le ballon rose et ajouté le logo LOVE dessus.
Travaillons ensuite sur l'arrière-plan !
Art conceptuel - Illustration
L'idée que j'ai pour cette image est de la faire ressembler à ces illustrations des jeux mobiles, comme lorsque vous obtenez une histoire secondaire ou une quête — vous obtenez soudainement une illustration très détaillée d'une scène.
Faites quelques ébauches de scènes que vous avez en tête.
Mon idée était que le gars est parti ou qu'elle a été plantée
Je vais utiliser l'ébauche en haut à gauche pour cet exemple.
> Configuration
Commençons.
Ouvrez votre Clip Studio Paint > Cliquez sur [Fichier] > [Nouveau…] ou CTRL N
J'utilise ces paramètres, c'est un préréglage, cela me convient car ce n'est qu'un exemple et pour le web uniquement.
Si vous faites pour l'impression, passez à 150-300 sur la résolution
Cliquez sur OK quand vous avez terminé.
> Importer votre personnage
Maintenant, importons notre personnage.
Allez dans [Fichier] > [Importer] > [Créer un objet fichier]
Maintenant, sélectionnez votre fichier.
Je n'utiliserai pas de fichier JPG ou PNG, j'utiliserai un fichier .CLIP
Utiliser un fichier .Clip comme objet fichier me permettra d'éditer plus facilement à l'avenir.
Cliquez sur OUVRIR lorsque vous avez sélectionné votre fichier.
Lorsque vous avez importé votre fichier, vous obtiendrez cette boîte de dialogue — nous informant que nous avons importé un objet fichier.
POURQUOI J'AI IMPORTÉ EN TANT QU'OBJET FICHIER :
⭐ Lorsque vous modifiez le fichier .Clip du personnage — il sera automatiquement enregistré sur le fichier d'illustration une fois que vous aurez sauvegardé.
Je ferai un exemple plus tard.
Ensuite, j'ajusterai simplement le personnage, en utilisant l'outil [Opération] > sous [Objet]
J'ai un peu augmenté l'échelle et l'ai fait pivoter de -7
Ensuite, faisons un ciel.
> Ciel
Créez un nouveau calque raster [CTRL Maj N] sous le calque Personnage > renommez-le en CIEL
Allez dans votre outil Dégradé > J'utilise Ciel Bleu qui est un préréglage de Clip Studio
Et il suffit de cliquer et de glisser
Maintenant, nous avons notre ciel !
> Arbres
Ajoutons des arbres !
J'utiliserai ces pinceaux pour mes arbres :
Créez un nouveau calque raster [CTRL Maj N] > assurez-vous qu'il se trouve entre Ciel et Personnage > renommez-le en ARBRE1
Parce que nous en ferons beaucoup.
Si vous utilisez simplement les pinceaux d'arbres tels quels, cela ressemblera à ceci :
Cela ne semble pas tout à fait correct car notre personnage est en angle, alors changeons également l'angle de ce pinceau.
Dans la [Propriété de l'outil] > changez l'angle à environ 346
Ainsi, maintenant, lorsque nous utilisons les arbres, ils sont également inclinés.
Pour le calque ARBRE1 — je vais faire les arbres (presque) du premier plan, les arbres les plus proches du personnage = donc rendre notre pinceau plus grand.
D'accord ! Prochaine série d'arbres.
Créez un nouveau calque raster [CTRL Maj N] > Assurez-vous qu'il se trouve sous ARBRE1
Renommez ce nouveau calque en ARBRE2
Maintenant, faites des arbres de taille moyenne.
Il n'y en a pas besoin de beaucoup.
Dernière série d'arbres !
Créez un nouveau calque raster [CTRL Maj N] > Assurez-vous qu'il se trouve sous ARBRE2
Renommez ce nouveau calque en ARBRE3
Maintenant, vous pouvez faire des coups de pinceau d'arbres ici car nous en avons besoin de beaucoup pour couvrir la partie inférieure du ciel.
⭐Changez le mode de fusion du pinceau en ARRIÈRE-PLAN.
Cela facilitera les choses si vous laissez une zone dégarnie/vide.
L'image finale ressemble à ceci :
Ça a l'air bien !
Floutons-les un peu pour que notre attention principale soit sur notre personnage.
Tandis que ARBRE3 est toujours sélectionné > Allez dans [Filtre] > [Flou] > [Flou gaussien]
Augmentez l'intensité à 45
Cliquez sur OK quand vous avez terminé
Maintenant, faisons de même avec ARBRE2
Assurez-vous que ARBRE2 est sélectionné > Allez dans [Filtre] > [Flou] > [Flou gaussien]
Augmentez l'intensité à 25
Cliquez sur OK quand vous avez terminé.
Le dernier est ARBRE1
Assurez-vous que ARBRE1 est sélectionné > Allez dans [Filtre] > [Flou] > [Flou gaussien]
Augmentez l'intensité à 15
Cliquez sur OK quand vous avez terminé.
Nous pouvons également modifier les couleurs.
Ce pinceau d'arbre était coloré, mais malheureusement, ce n'est pas la nuance de vert que je voulais, alors je vais la changer.
Avec ARBRE3 sélectionné > allez dans [Édition] > [Correction tonale] > [Courbes de tonalité]
J'ajuste les couleurs en fonction de mes besoins.
Une ombre et des tons moyens plus foncés et des hautes lumières plus claires.
Modifiez également les tons de ARBRE2 et ARBRE1.
Et voici ce que nous avons obtenu après avoir modifié les tons des arbres
> Nuages
Faisons quelques nuages
Créez un nouveau calque raster [CTRL Maj N] > Assurez-vous qu'il se trouve sous ARBRE3 ou assurez-vous qu'il est au-dessus du calque CIEL.
Renommez-le en NUAGE
J'utiliserai ce pinceau :
C'est très simple, il suffit de pointer et de cliquer sur la zone et vous avez vos nuages.
Si vous n'arrivez pas à obtenir la taille que vous voulez, appuyez simplement sur CTRL T pour transformer vos nuages manuellement en utilisant les points de transformation.
Échellez et faites-le pivoter si vous le souhaitez.
La nuance de bleu des nuages est trop forte pour moi, éditons cela.
Allez dans [Édition] > [Correction tonale] > Teinte/Saturation/Luminosité ou CTRL U
J'ai réduit la Saturation et augmenté la Luminosité
Ensuite, je floute simplement les nuages.
Vous pouvez utiliser n'importe quel pinceau de flou que vous voulez ou simplement utiliser le Flou gaussien
Et nous avons terminé avec les nuages !
> Personnages de foule / d'arrière-plan
Ajoutons quelques personnages de foule ; ce sont les personnages d'arrière-plan.
Créez un nouveau calque raster [CTRL Maj N] > Assurez-vous qu'il se trouve directement sous le calque Personnage
Renommez-le en FOULE AR
J'utiliserai ce pinceau de foule :
Faites la même rotation d'angle que nous avons faite avec les Arbres.
De cette façon, la foule est inclinée.
Ajoutez autant de personnages d'arrière-plan que vous le souhaitez, voici ce que j'ai obtenu :
Ensuite, je floute la foule.
J'utiliserai un pinceau ici pour pouvoir le contrôler et effectuer le flou manuellement.
J'utiliserai ce pinceau :
et floutez simplement les personnages d'arrière-plan
Voici notre avant et après :
Ensuite, ajoutons le « gars qui court » basé sur l'ébauche que j'ai faite.
Ce sera notre foule d'avant-plan
J'utiliserai cette foule pour celui-ci :
Ouvrez votre panneau de matériaux > recherchez le matériau.
Cliquez et faites glisser sur la toile.
J'utilise le matériau d'image inclus dans le jeu de pinceaux.
Assurez-vous que ce calque du coureur est au-dessus du calque du personnage
C'est un personnage de foule d'avant-plan ! Mettez-le au-dessus !!
Avec le matériau d'image (le coureur) toujours sélectionné > appuyez sur CTRL T pour transformer l'image.
Augmentez son échelle, rendez-le grand.
C'est un personnage d'avant-plan ! Faites-le grand !
Placez-le également presque en dehors de la toile, car notre scène est qu'il s'enfuit.
Si vous ressentez un décalage après avoir augmenté la taille du matériau d'image.
⭐ CTRL A (pour tout sélectionner) > puis CTRL C (pour copier) > puis CTRL V (pour coller sur un nouveau calque)
---- en gros, nous avons copié ce qui est actuellement à l'écran (le bras et la hanche du gars) et l'avons collé (juste le bras et la hanche du gars) — nous avons donc supprimé tous les autres éléments de ce matériau d'image.
---- l'image excédentaire qui se trouve en dehors de la toile peut rendre notre fichier lourd et lent.
Maintenant, notre image ressemble à ceci :
Floutons-le pour que notre attention principale soit sur le personnage.
Avec le calque du coureur toujours sélectionné > Allez dans [Filtre] > [Flou] > [Flou gaussien]
Réglez l'intensité à 100
Cliquez sur OK quand vous avez terminé.
> Mise à jour de l'objet fichier (fichier de personnage)
Disons qu'à mi-chemin - nous devons mettre à jour le personnage.
Alors faisons cela.
Faites un clic droit sur le calque du personnage > Objet fichier > Ouvrir le fichier de l'objet fichier
Le fichier .clip du personnage s'ouvrira alors.
Vous pouvez les mettre côte à côte pour voir la mise à jour s'effectuer.
Par exemple, faisons le ballon rouge.
Si je le fais rouge sur le fichier .clip du personnage > après avoir enregistré ce fichier (fichier du personnage) > toute mise à jour sera automatiquement reflétée sur le fichier d'illustration
J'ai également édité le visage
J'ai également mis à jour le motif de la blouse en utilisant ce pinceau :
J'ai modifié les couleurs du motif floral en utilisant Teinte/Saturation/Luminosité ou CTRL U
Diminuez la Luminosité et Augmentez la Saturation
Et voici notre AVANT et APRÈS
> Correction des couleurs + édition des tons
Après cela, j'ai juste fait quelques corrections de couleur.
De plus, revenons au calque du coureur, sélectionnez ce calque > Allez dans [Édition] > [Correction tonale] > [Courbe de tonalité]
Rendez-le plus sombre
Faites quelques corrections de couleur que vous jugez adaptées aux illustrations.
⭐PETITE ASTUCE : Le premier plan a une valeur plus sombre | Le plan moyen a des valeurs moyennes/normales | L'arrière-plan a une valeur plus claire.
Après quelques ajustements de couleur, j'ai obtenu ceci :
Les bâtiments à l'arrière proviennent d'ici :
La lumière du soleil / prisme provient d'ici :
Le timelapse est ici si vous voulez voir :
Au total, cela a pris 30 minutes à réaliser
Voilà !
Nous avons réussi à créer une illustration de fond complète en utilisant uniquement des actifs !
Et en 30 minutes également ! Cela a rendu les choses plus faciles.
J'espère que cela vous donnera une idée de la façon d'utiliser les matériaux que nous pouvons obtenir dans la Bibliothèque d'actifs.
Certains actifs sont payants, oui.
Mais ce sont de très bons investissements !
J'espère que vous pourrez l'essayer vous-même !
Les utilisateurs qui ont aimé cette publication
Commentaire