Arrière-plan symétrique animé facile avec des fonctionnalités de transformation

2 493 vue(s)

Bonjour à tous, je vais vous montrer le moyen très simple de créer un arrière-plan symétrique avec la technique de transformation Clipstudio dans ce tutoriel. Cela vous permet non seulement de gagner du temps pour tout dessiner, mais cela crée également des effets étonnants pour votre arrière-plan sans aucune connaissance approfondie de la perspective!

Concevoir le look symétrique

Avant de concevoir l'arrière-plan symétrique de votre art, vous devez d'abord savoir comment il est symétrique. Par exemple, je conçois l'arrière-plan du tunnel dans 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

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

Maintenant, nous avons la salle des 8 côtés

Ajoutez des détails de chaque côté en faisant le même détail pour les côtés opposés

Vous pouvez également prévoir des détails non symétriques pour l'ajout ultérieur

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

Et aussi symétrique sur l'axe horizontal

Avec ce motif, nous ne dessinerons qu'un côté et le ferons répéter sur un 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 le fond, ce sera un composite de 3 murs.

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

Commençons par ..

1: paroi latérale

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]

Définissez l'écart sur plus de pixels pour faciliter le dessin

Activez [Aligner sur la grille] dans la barre de menus

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 de rectangle pour effectuer la sélection de recadrage.

Faites une sélection pour recadrer la zone comme ceci

Je prévois également un modèle sans couture plus tard, de sorte que le résumé de l'écart sur le dernier espace et le premier espace sera égal à la taille de l'écart au milieu.

Accédez à [Edition> Recadrer] pour recadrer l'image

Vous obtiendrez le morceau de motif sans couture 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 la force du flou à la barre

Puis verrouillez le transparent du calque de flou, sélectionnez la couleur de la lumière et remplissez-le jusqu'au calque [Alt + Suppr]

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

Si vous voulez une lumière plus forte, vous pouvez copier la couche de lumière.

Vous pouvez également créer l'effet de lumière avec le mode de fusion des calques [Ajouter (Glow)]

Une fois terminé, enregistrez le fichier au format Clipstudio (.clip)

2: la barre lumineuse

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

Dessinez la flèche avec l'outil polyligne, définissez le mode Ligne / Remplissage sur remplissage, puis dessinez la flèche une par une.

Remarque: l'outil de déplacement ne s'alignera pas sur la grille. J'ai recommandé de répéter le dessin sur la grille un par un.

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

Maintenez [Shift] pendant le déplacement pour l'aligner sur la même horizontale que l'ancienne position.

Créez un nouveau calque raster pour l'effet de lumière, puis peignez le dégradé avec le mode [Premier plan à transparent], réglez le processus de contour sur le mode inverse, puis faites glisser le dégradé sur le canevas.

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

Convertir 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.

Attachez le dégradé à la flèche, cela créera un effet de lueur facile sur la barre de flèche

Voici les étapes de base de l'animation en mouvement léger:

créer une nouvelle chronologie et définir le framerate, ici j'utilise 12 fps et 30 longueurs d'image.

Activer l'image clé du calque pour animer la lumière

Ajouter 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 soient identiques, avant de l'animer, copiez l'objet et collez-le à l'avant

Ce sera le début et la fin de l'animation en boucle

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

Pour déplacer les dégradés ensemble en tant que dossier, vous pouvez le voir créer une animation en boucle, mais il y a encore un espace de clignotement au niveau de la boucle.

Vous avez besoin de 3 dégradés pour le rendre parfaitement lisse, ajustez l'écart autant que possible.

Pour créer l'effet lumineux, je copie la barre de flèches et j'applique l'effet de flou sur

Copiez également le dossier du calque de lumière, déplacez-le dans l'ordre supérieur, puis définissez le mode de calque du calque de flèche sur [Ajouter (lueur)]

Ajustez l'opacité vers le bas, vous obtiendrez l'effet de lueur très facile pour votre barre

Lorsque vous avez terminé, enregistrez-le dans un fichier clip studio (.clip)

3: étage

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

Utilisez le premier plan en mode transparent pour créer l'effet brillant métallique

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

Puis recadrez-le en une seule vignette et il est prêt à être utilisé.

En conclusion, vous disposerez de 3 fichiers clip studio pour créer l'arrière-plan

Étape 2: combinaison d'images en arrière-plan avec transformation

À partir de l'esquisse, recadrez une partie symétrique par rapport à une autre.

Sélectionnez la zone avec l'outil Sélection, puis [Edition> Recadrer]

Redimensionnez l'image à un peu plus grande pour éviter la baisse de qualité lors du redimensionnement de l'image plus tard.

[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 dans le canevas, allez dans [Fichier> Importer> Créer un objet fichier]

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

Dans le panneau de propriétés de l'outil, sélectionnez le mode [Perspective] cela vous permettra d'ajuster l'image du mur dans une paire de nœuds parallèles.

Ajustez l'image pour l'adapter au cadre, vous pouvez effectuer un zoom arrière pour voir la bordure générale de l'objet

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

Décochez également [Conserver les proportions] pour redimensionner un seul côté de l'image

Dans le panneau de propriétés de l'outil, activez la mosaïque et définissez la mosaïque pour qu'elle se répète 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 le même paramètre que le fichier 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 pièces.

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

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

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

J'adore utiliser [Teinte / Saturation / Luminosité] pour ajuster la tonalité des couleurs

Si vous souhaitez que la correction n'apparaisse que sur une seule pièce, découpez-la avec le calque de pièce.

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: appliquez l'arrière-plan sur l'image

À partir de la conception, je dessine le sceau et la fille dans des fichiers de studio de clip 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 le même paramètre du fichier d'arrière-plan

Importez ensuite l'objet fichier de l'arrière-plan dans le canevas

Déplacez-le dans un coin

Lors de la configuration de la mosaïque dans le panneau de propriétés de l'outil, définissez-le en mode inverse

(C’est comme MAGIC !!)

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

Prolongez la longueur de l'image par un clic droit sur la timeline et [insérer une image]

Vous verrez l'écart sur la chronologie car le numéro d'image de l'objet de fichier d'arrière-plan est inférieur au numéro d'image de la scène.

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

puis [clic droit> copier]

Et coller sur l'endroit vide après la barre

Vous pouvez maintenant étendre le numéro de l'image

L'animation apparaîtra ensemble, produira des effets impressionnants !!

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

Dessiner directement sur le mur sera une tâche compliquée à faire, j'ai activé la grille et l'ai dessinée sur de nouveaux calques avec un sous-outil à plusieurs figures.

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

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

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

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

Ajustez d'abord globalement, puis ajustez le panneau individuel plus tard

Vous pouvez également utiliser flip pour appliquer le panneau d'un autre côté

Sélectionnez tout le panneau et fusionnez le calque, puis verrouillez le transparent du calque

Utilisez l'outil de remplissage pour remplir plusieurs couleurs dans les panneaux

Copiez le calque du panneau, appliquez un effet de flou et sélectionnez le mode [Ajouter (Éclat)] pour appliquer l'effet de lumière au panneau

Importer le caractère dans l'image en tant qu'objet fichier

Vous pouvez ajouter de la lumière avec le mode de calque [Ajouter (lueur)]
Et une ombre supplémentaire avec le mode de calque [Multiply]

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 fais l’animation des yeux clignotants pour le personnage sans dessiner d’image clé intermédiaire, c’est très simple !!

Les yeux doivent être séparés du calque du corps, ici je mets des calques pour les 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 «01» pour faciliter la commande sur la chronologie.

Faites-le apparaître sur le canevas en cliquant sur l'icône [Spécifier les cellules] sur la première image clé, et sélectionnez le dossier pour l'image clé œil

Copiez l’image clé en faisant glisser le dossier vers l’icône [Nouveau calque], il renomme automatiquement le nouveau dossier en «02»

Spécifiez le dossier à afficher sur la chronologie (cliquez avec le bouton droit de la souris et sélectionnez le dossier)

Maintenez [Maj] et sélectionnez tous les calques dans le dossier des images clés
Créez ensuite une transformation de maillage par [Edition> Transformation> Transformation de maillage]

Cela créera une transformation de maillage pour les yeux

Dans la propriété de l'outil, assurez-vous que la case [Modifier la largeur du vecteur] n'est pas cochée
Ensuite, vous pouvez facilement ajuster les yeux à mi-chemin pour une image clé intermédiaire

Vous pouvez activer la peau d'oignon pour voir la scène précédente afin qu'il soit plus facile de l'ajuster

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

Pour l'œil complètement fermé, je le dessine.

Répétez (en sens inverse) l'image clé pour ouvrir les yeux aussi ^^

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

[IMPORTANT!] Vous devez créer une chronologie dans le fichier de 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, il créera automatiquement l'image clé du mouvement

Pour un effet lumineux lumineux, vous pouvez activer l'image clé du calque et ajuster l'opacité du calque lumineux sur la timeline.

(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 la caméra pour faire plus de mouvement de scène à la scène

Créer le nouveau dossier de caméra 2D

Ensuite, placez tous les calques que vous devez déplacer avec la caméra dans le dossier

Redimensionnez légèrement la caméra pour créer de l'espace pour le déplacement (assurez-vous que vous êtes actif à l'image 1)

Ensuite, ajoutez également l'image clé à la fin de la chronologie du dossier de la caméra

Faites pivoter légèrement la caméra 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 hologramme:

Résultat final

J'espère que ce didacticiel vous donnera une idée de l'utilisation de la fonction de transformation de Clip Studio.

Restez en sécurité chez vous et profitez de la création d'art avec Clip Studio! Passez une bonne journée et à bientôt dans mon prochain tutoriel ^ _ ^

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel