Bonjour à tous, je vais vous montrer une façon très simple de créer un arrière-plan symétrique avec la technique de transformation de Clip Studio dans ce tutoriel. Non seulement cela vous fera gagner du temps sur le dessin de chaque élément, mais cela créera également des effets étonnants pour votre arrière-plan sans nécessiter de connaissances expertes en perspective !

Concevoir l'aspect symétrique

Avant de concevoir un arrière-plan symétrique pour votre œuvre, vous devez d'abord comprendre comment il est symétrique. Par exemple, je conçois l'arrière-plan du tunnel d'un vaisseau spatial avec une perspective à 1 point qui mène au centre.

 

La perspective à un point très basique est une pièce comme celle-ci

 

Dessinez la ligne parallèle à chaque coin de la pièce pour créer plus de côtés à la pièce.

Maintenant, nous avons la pièce à 8 côtés.

 

Ajoutez des détails à chaque côté en reproduisant les mêmes détails pour les côtés opposés.

Vous pouvez également prévoir des détails non symétriques à ajouter plus tard.

Nous pouvons maintenant voir que l'arrière-plan (panneaux exclus) est symétrique sur l'axe vertical.

Et aussi symétrique sur l'axe horizontal.

Avec ce motif, nous ne dessinerons qu'un seul côté et le ferons se répéter sur l'autre côté.

Ajoutez ensuite le panneau supplémentaire plus tard pour le rendre moins symétrique (facultatif).

Étape 1 : préparation des fichiers pour l'arrière-plan

Pour l'arrière-plan, il s'agira d'un composite de 3 murs.

 

Dessinez-les dans des fichiers séparés.

 

Commençons par...

 

1 : mur latéral

 

Créez une nouvelle toile et activez la grille pour dessiner le mur.

 

Ensuite, configurez la grille avec le menu [Paramètres de la grille/règle].

 

Réglez l'espacement sur plus de pixels pour faciliter le dessin.

 

Activez l'[Aligner sur la grille] dans la barre de menu.

Utilisez l'outil Rectangle pour dessiner le détail de la colonne du mur.

 

Assurez-vous que l'espace entre chaque barre est le même.

 

Utilisez l'outil de sélection rectangulaire pour effectuer la sélection de recadrage.

Faites une sélection pour recadrer la zone comme ceci.

 

Je prévois également un motif sans raccord plus tard, donc la somme de l'espacement du dernier espace et du premier espace sera égale à la taille de l'espacement au milieu.

 

Allez dans [Édition > Recadrer] pour recadrer l'image.

Vous obtiendrez le morceau de motif sans raccord pour un côté de l'arrière-plan.

Pour ajouter un effet de lumière, dupliquez le calque de la barre (faites glisser le calque vers l'icône [Nouveau calque]).

Appliquez le filtre de flou, allez dans [Filtre > Flou > Flou gaussien].

Ajustez l'intensité du flou à la barre.

Verrouillez ensuite la transparence du calque de flou, sélectionnez la couleur claire et remplissez le calque [Alt+Suppr].

Facultatif : copiez un autre calque, déplacez-le un peu en arrière et remplissez-le de couleur claire pour ajouter de la profondeur aux colonnes.

Si vous voulez une lumière plus intense, vous pouvez copier le calque de lumière.

Vous pouvez également créer l'effet de lumière avec le mode de fusion de calque [Addition (Lueur)].

Lorsque vous avez terminé, enregistrez le fichier au format Clip Studio (.clip).

2 : la barre lumineuse

 

Créez une nouvelle toile avec une grande largeur. Ce sera la longueur de l'animation en boucle.

 

Dessinez la flèche avec l'outil Polyligne, réglez le mode Ligne/Remplir sur Remplir, puis dessinez les flèches une par une.

Remarque : l'outil de déplacement ne s'alignera pas sur la grille. Je recommande de dessiner à nouveau sur la grille un par un.

 

Déplacez un peu le dessin vers l'avant pour laisser de l'espace pour l'effet, assurez-vous que l'espace sur le bord gauche est égal à un autre espace entre chaque triangle.

 

Maintenez la touche [Maj] enfoncée lors du déplacement pour l'aligner sur la même horizontale que l'ancienne position.

 

Créez un nouveau calque de trame pour l'effet de lumière, puis peignez le dégradé avec le mode [Premier plan vers transparent], réglez le processus de bord sur le mode inversé, puis faites glisser le dégradé sur la toile.

Effacez une autre onde de dégradé, n'en gardez qu'une.

Convertissez le calque en [Calque de matériau d'image].

Vous verrez le point central de l'objet dégradé.

Faites-le glisser pour aligner le centre du dégradé sur le bord de l'image.

Masquez le dégradé à la flèche, cela créera un effet de lueur facile pour la barre de flèche.

Voici les étapes de base de l'animation de déplacement de lumière :

 

Créez une nouvelle chronologie et définissez la fréquence d'images. Ici, j'utilise 12 ips et 30 images.

 

Activez l'image clé de calque pour animer la lumière.

Ajoutez de nouvelles images clés au début et à la fin de la chronologie (utilisez le mode d'interpolation linéaire).

Cliquez sur la dernière image clé, déplacez le dégradé vers l'avant, cela créera un mouvement facile pour la lumière.

Si vous voulez en faire une boucle, vous devez faire en sorte que le début et la fin de l'animation affichent la même chose. Avant d'animer, copiez l'objet et collez-le à l'avant.

 

Ce sera le point de départ et d'arrivée de l'animation en boucle.

 

Au lieu de déplacer l'objet individuellement, mettez tous les calques de dégradé dans un dossier et activez l'image clé de calque sur le dossier pour les déplacer ensemble.

Pour déplacer les dégradés ensemble en tant que dossier, vous pouvez voir que cela crée une animation en boucle, mais il y a toujours un petit clignotement lors de la boucle.

Vous avez besoin de 3 dégradés pour le rendre parfaitement fluide, ajustez l'espacement de manière égale autant que possible.

Pour créer l'effet de lueur, je copie la barre de flèches et y applique un effet de flou.

Copiez également le dossier du calque de lumière, déplacez-les en haut de l'ordre, puis définissez le mode de calque du calque de flèche sur [Addition (Lueur)].

Diminuez l'opacité, vous obtiendrez un effet de lueur très facile pour votre barre.

Lorsque vous avez terminé, enregistrez-le au format de fichier Clip Studio (.clip).

 

3 : sol

 

Pour la tuile de sol, je ne dessine qu'une seule tuile à l'aide de l'outil Polyligne sur la grille.

 

Utilisez le mode Premier plan vers transparent pour créer l'effet de brillance métallique.

 

Remarque : assurez-vous qu'il est toujours symétrique sur l'axe horizontal.

 

Ensuite, recadrez-le en une seule tuile et il est prêt à l'emploi.

En conclusion, vous aurez 3 fichiers Clip Studio pour créer l'arrière-plan.

Étape 2 : combiner les images en arrière-plan avec la transformation

À partir du croquis, recadrez une partie symétrique à une autre.

 

Sélectionnez la zone avec l'outil de sélection, puis [Édition > Recadrer].

Redimensionnez l'image un peu plus grande pour éviter la perte de qualité lors du redimensionnement ultérieur de l'image.

 

[Fichier > Modifier la résolution de l'image]

 

Créez un nouveau calque et dessinez l'arrière-plan avec l'outil Polyligne.

Importez l'objet mur sur la toile, allez dans [Fichier > Importer > Créer un objet fichier].

Ajustez l'objet au cadre, utilisez l'outil Objet.

Dans le panneau Propriétés de l'outil, sélectionnez le mode [Perspective] ; cela vous permettra d'ajuster l'image du mur par paires de nœuds parallèles.

Ajustez l'image pour qu'elle corresponde au cadre, vous pouvez dézoomer pour voir la bordure globale de l'objet.

Utilisez le mode [Échelle] ou [Échelle/Rotation] pour réduire la largeur de l'objet.

De plus, décochez [Conserver le rapport d'aspect] pour redimensionner un seul côté de l'image.

Dans le panneau des propriétés de l'outil, activez le pavage et réglez le pavage sur Répéter horizontalement.

Répétez les étapes avec le sol.

Pour la barre animée, nous devons d'abord créer une chronologie pour l'image.

 

IMPORTANT : utilisez les mêmes paramètres que le fichier de la barre.

 

Sélectionnez la première image et importez-la dans l'objet fichier. [Fichier > Importer > Créer un objet fichier].

Ajustez-le au cadre comme les autres parties.

Créez un nouveau calque et remplissez la couleur dans la zone finale ou l'image, ajustez-la comme vous le souhaitez.

Vous obtiendrez l'animation pour 1 côté de l'arrière-plan comme ceci.

Si le ton de couleur ne correspond pas bien, ne vous inquiétez pas, vous pouvez l'ajuster avec des calques de correction.

 

J'aime utiliser [Teinte/Saturation/Luminosité] pour ajuster le ton de couleur.

 

Si vous voulez que la correction n'apparaisse que sur une seule partie, masquez-la avec le calque de la partie.

Vous pouvez également ajouter la tonalité de couleur à l'image avec le mode de calque [Superposition].

Je dessine également les lignes supplémentaires pour plus de détails.

Lorsque vous avez terminé, enregistrez le fichier au format Clip Studio (.clip).

Étape 3 : Appliquer l'arrière-plan sur l'image

D'après le design, je dessine le phoque et la fille dans des fichiers Clip Studio séparés (.clip).

Supprimez le calque de papier pour créer un arrière-plan transparent.

Créez une nouvelle toile pour la scène de combinaison, ainsi qu'une chronologie avec les mêmes paramètres que le fichier d'arrière-plan.

Ensuite, importez l'objet fichier de l'arrière-plan sur la toile.

Déplacez-le dans un coin.

Dans les paramètres de pavage du panneau Propriétés de l'outil, définissez-le sur le mode inversé.

(C'est magique !!)

 

Vous pouvez également utiliser le mode de transformation dans l'outil objet pour le mettre à l'échelle selon votre rapport préféré.

 

Prolongez la durée de l'image en cliquant avec le bouton droit de la souris sur la chronologie et en sélectionnant [Insérer une image].

Vous verrez un vide sur la chronologie car le nombre d'images de l'objet fichier d'arrière-plan est inférieur au nombre d'images de la scène.

Copiez la barre de la chronologie en cliquant sur l'en-tête pour sélectionner la barre entière.

puis [clic droit > copier].

Et collez sur l'espace vide après la barre.

Vous pouvez maintenant étendre le nombre d'images.

L'animation apparaîtra ensemble, créant des effets impressionnants !!

J'ajoute des panneaux supplémentaires à la zone vide pour la rendre plus détaillée.

Dessiner directement sur le mur serait une tâche compliquée, j'ai activé la grille et dessiné sur de nouveaux calques avec l'outil secondaire de plusieurs figures.

 

C'est une tâche amusante à faire ^_^

 

Plus tard, j'ai sélectionné tous les calques et créé la transformation libre [Ctrl+T].

 

(ou [Édition > Transformation > Transformation libre])

Vous pouvez trouver le mode de transformation (le même que l'outil Objet) dans le panneau des propriétés de l'outil.

 

Ajustez d'abord l'ensemble, puis ajustez le panneau individuel plus tard.

 

Vous pouvez également utiliser le retournement pour appliquer le panneau de l'autre côté.

Sélectionnez tous les panneaux et fusionnez le calque, puis verrouillez la transparence du calque.

Utilisez l'outil Remplir pour remplir les panneaux de plusieurs couleurs.

Copiez le calque du panneau, appliquez un effet de flou et définissez-le sur le mode [Addition (Lueur)] pour appliquer l'effet de lumière au panneau.

Importez le personnage dans l'image en tant qu'objet fichier.

Vous pouvez ajouter de la lumière supplémentaire avec le mode de calque [Addition (Lueur)]

Et de l'ombre supplémentaire avec le mode de calque [Produit].

 

Le résultat :

Étape 4 : Animation supplémentaire pour la scène

Voici une astuce très utile pour créer des images clés intermédiaires avec la fonction de transformation de Clip Studio.

 

Je réalise l'animation de clignement des yeux pour le personnage sans dessiner d'images clés intermédiaires, c'est très facile !!

 

Les yeux doivent être séparés du calque du corps, ici je mets les calques des yeux dans un dossier.

Sur la chronologie, créez un nouveau dossier d'animation et placez le dossier du calque des yeux à l'intérieur.

 

Remarque : j'ai renommé le dossier en '01' pour faciliter l'ordre sur la chronologie.

 

Faites-le apparaître sur la toile en cliquant sur l'icône [Spécifier les cels] sur la première image clé, et sélectionnez le dossier pour l'image clé des yeux.

Copiez l'image clé en faisant glisser le dossier vers l'icône [Nouveau calque], cela renommera automatiquement le nouveau dossier en '02'.

Spécifiez le dossier à afficher sur la chronologie (clic droit et sélectionnez le dossier).

Maintenez la touche [Maj] enfoncée et sélectionnez tous les calques dans le dossier d'images clés.

Ensuite, créez une transformation de maillage en allant dans [Édition > Transformation > Transformation de maillage].

 

Cela créera une transformation de maillage pour les yeux.

Dans les propriétés de l'outil, assurez-vous que [Modifier la largeur du vecteur] est décoché.

Ensuite, vous pouvez facilement ajuster les yeux à moitié fermés pour l'image clé intermédiaire.

 

Vous pouvez activer l'oignon skin pour voir la scène précédente afin de faciliter l'ajustement.

Appuyez sur [Entrée] ou cliquez sur le bouton [OK] pour confirmer la transformation.

 

Pour l'œil entièrement fermé, je le dessine.

Répétez (en inverse) l'image clé pour l'ouverture des yeux aussi ^ ^

Remarque : n'oubliez pas de régler la durée de la chronologie pour qu'elle corresponde à la scène principale.

 

[IMPORTANT !] Vous devez créer une chronologie dans le fichier du personnage avant de l'importer dans la scène ; si vous ajoutez la chronologie après, l'animation n'apparaîtra pas sur la scène.

 

Ajoutez une animation flottante pour le personnage à la scène, créez une nouvelle image clé au début et à la fin de la chronologie pour créer une animation en boucle.

 

Déplacez ou faites pivoter l'objet avec l'outil Objet lorsqu'il est actif au milieu de la chronologie, cela créera automatiquement l'image clé pour le mouvement.

Pour un effet de lueur lumineuse, vous pouvez activer l'image clé du calque et ajuster l'opacité du calque de lueur sur la chronologie.

(cliquez sur l'icône [+] sur le calque de la chronologie pour ajuster l'opacité sur la chronologie)

 

Vous pouvez également ajouter une rotation de caméra pour donner plus de mouvement à la scène.

 

Créez le nouveau dossier de caméra 2D.

 

Ensuite, placez tous les calques que vous devez déplacer avec la caméra à l'intérieur du dossier.

Redimensionnez légèrement la caméra pour créer de l'espace de mouvement (assurez-vous d'être actif à la première image).

Ajoutez également l'image clé à la fin de la chronologie du dossier de la caméra.

Faites pivoter la caméra un peu au milieu de la chronologie pour créer un mouvement de rotation de la caméra.

Vous pouvez également passer en vue caméra pour voir le résultat.

[Facultatif] J'ajoute également un effet d'hologramme à la scène.

Consultez mon tutoriel sur l'effet d'hologramme :

Résultat final

J'espère que ce tutoriel vous donnera des idées pour travailler avec la fonction de transformation de Clip Studio.

 

Veuillez rester en sécurité chez vous et amusez-vous à créer de l'art avec Clip Studio ! Passez une bonne journée et à bientôt dans mon prochain tutoriel ^_^