Bonjour à tous, Aujourd'hui, nous allons suivre un cours de magie avec le logiciel magique 'CLIP STUDIO !!'

 

Ce tutoriel d'atelier vous montrera comment créer un effet magique pour la scène d'invocation. Vous pouvez l'appliquer pour enchanter votre illustration

 

Ou l'ajouter à votre scène d'animation avec une transformation.

Ce tutoriel contient 3 parties principales : comment créer l'anneau d'invocation symétrique avec l'outil Règle symétrique, comment créer une simple boucle de rotation avec l'outil Objet, et comment l'appliquer à votre scène d'animation.

 

Mon tutoriel se concentre principalement sur la façon de créer des choses avec les outils de Clip Studio. Vous pouvez facilement le suivre étape par étape si vous débutez avec le logiciel, ou obtenir des idées pour améliorer votre méthode de travail si vous êtes déjà un expert de l'outil.

C'est parti !!

Tutoriel vidéo

Partie 1 : Dessiner l'anneau d'invocation

Il est facile de créer l'anneau d'invocation avec une règle symétrique

Vous pouvez dessiner la forme symétrique qui peut pivoter parfaitement en un seul point

Cependant, la règle symétrique fonctionne mieux avec un anneau d'invocation dessiné à la main.

 

Parfois, lorsque vous ajoutez une forme après, le centre de rotation de l'objet ne sera pas le même que le centre de la règle symétrique

 

Cette image est censée être rotative à 90 degrés, mais lorsque vous la mettez en boucle, vous pouvez voir que sans la règle symétrique centrée sur le centre de rotation, la rotation ne peut pas être parfaite à 90 degrés.

(elle a un petit saut en boucle. Cependant, ce problème peut également être résolu avec une rotation à 360 degrés, mais vous aurez besoin d'une chronologie plus longue pour la maintenir lentement et en douceur)

Si vous la dessinez avec la grille, elle peut être tournée parfaitement

 

Vous pouvez également placer la règle symétrique à l'intérieur de la grille plus tard avec la méthode de transformation de matériau

Conseils :

L'angle de rotation que j'ai mentionné ici vous aidera à optimiser votre fichier, plus l'angle est étroit, moins vous aurez besoin d'images pour le faire pivoter lentement.

 

Selon ces exemples : pour la même vitesse,

Si la symétrie à 90 degrés utilise 16 images pour pivoter en boucle parfaite,

La symétrie à 60 degrés n'aura besoin que de 12 images,

Et la symétrie à 180 degrés nécessitera 32 images.

 

(ne vous inquiétez pas, ce n'est pas nécessaire, juste au cas où vous auriez besoin que le fichier soit un peu plus petit)

 

Créez un design simple pour l'anneau, j'utilise la règle symétrique pour m'aider avec le design

 

Vous pouvez la trouver dans le sous-outil [Règle], ici j'utilise 8 lignes symétriques avec la symétrie de ligne cochée

 

Maintenez la touche [Maj] et faites glisser la ligne au milieu de la toile, elle s'alignera verticalement, horizontalement et à 45 degrés par rapport à la toile.

Ici, je vais créer 2 niveaux de l'anneau d'invocation, pour qu'il paraisse détaillé et précis lors de son déplacement.

 

Dessinez-le simplement sur 2 calques séparément

Pour dessiner la rune qui ne nécessite peut-être pas de règle symétrique,

vous pouvez masquer la règle symétrique ou désactiver l'accrochage à une règle spéciale sur la barre de commande.

 

Conseils : essayez de garder votre design dans une forme nette pour faciliter la création de l'encre vectorielle sur la grille. L'utilisation de formes géométriques donnera un aspect plus soigné.

 

L'étape suivante, nous allons dessiner la ligne vectorielle pour le design

 

Activez la grille, allez dans [Affichage > Grille]

 

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

Réglez la grille pour qu'elle corresponde aux détails de votre travail, laissez un peu d'espace entre les lignes pour faciliter le glissement de la forme.

Diminuez l'opacité du calque d'encre et créez un nouveau calque vectoriel

Assurez-vous que le magnétisme de la grille est activé

Commencez par la partie cercle, j'utilise l'outil Ellipse dans le sous-outil [Figure]

Faites glisser depuis l'intersection de la ligne de la grille qui touche le haut et le côté gauche du bord du cercle

Le cercle s'alignera sur la grille, faites-le glisser vers le bas jusqu'à ce qu'il corresponde à la ligne d'esquisse

Vous pouvez ajuster la grille plus tard lorsque vous travaillerez sur des détails plus petits

Ici, j'ajuste la grille à la forme carrée à l'intérieur du cercle, vous pouvez voir que la grille avant ajustement ne se superpose pas à la ligne, elle ne pourra pas être dessinée sur le croquis réel

Utilisez l'outil rectangle ou polygone [avec la figure rectangle] pour dessiner la forme carrée

Pour d'autres formes polygonales, vous pouvez sélectionner polygone dans le choix de la figure et définir le nombre de coins

Créez un nouveau calque vectoriel et dessinez un triangle tel qu'il apparaît sur le croquis

Si nous dessinons simplement la forme en la superposant à d'autres, il y aura un côté de la forme qui se chevauchera, ici le bas du triangle se chevauchera sur un côté du carré

Pour éviter les lignes superposées, utilisez l'outil [Point de contrôle] dans le sous-outil [Corriger la ligne] avec le mode fractionnement pour diviser le côté du triangle

Ensuite, vous pouvez simplement supprimer la ligne avec le mode gomme vectorielle dans l'outil gomme

Voici la technique que j'utilise pour la rotation des pièces puisque Clip Studio ne fournit pas encore la fonction de déplacement et d'accrochage d'objet à la grille

(et je veux le faire sous forme d'encre de calque vectoriel, donc je vais vous apprendre à le faire parfaitement dans Clip Studio)

 

dessinez un cercle dans un nouveau calque vectoriel, couvrez toutes les formes

 

Maintenez [Maj] pour sélectionner le calque du triangle et le calque du cercle bleu

Créez le bord de transformation libre, [Édition > Transformation > Transformation libre]

 

Ou [Ctrl + T]

 

Maintenant, vous pouvez maintenir la touche [Maj] et faire pivoter la forme dans la direction souhaitée (par pas de 45 degrés)

Cliquez sur [Ok] ou appuyez sur [Entrée] pour valider la transformation

 

Avec cette méthode, vous pouvez facilement faire pivoter tout autour du centre de rotation.

 

Copiez le calque et répétez les étapes, vous pouvez utiliser le même cercle bleu pour toutes les pièces.

 

Une fois terminé, fusionnez les calques, ne fusionnez pas le cercle bleu avec la forme finale, afin que nous puissions l'utiliser pour la rotation d'autres parties.

Pour la forme de lune, je dessine 2 cercles superposés et j'efface la partie indésirable

 

[important !] la symétrie de la forme doit être alignée avec une ligne de grille qui ne se projette qu'à partir du centre de rotation !

Vous verrez peut-être que sa taille est trop grande pour le croquis que nous avons réalisé.

 

Créez une transformation libre pour la mettre à l'échelle.

[Important !] NE PAS redimensionner l'image en cliquant et en faisant glisser (car elle ne s'alignera pas sur la grille) vous DEVEZ définir le rapport d'échelle uniquement dans la palette de propriétés de l'outil (assurez-vous que l'[option conserver le rapport hauteur/largeur] est cochée)

Maintenez la touche [Ctrl] et utilisez la touche [↓] (touche de la croix directionnelle sur le clavier) pour déplacer la forme vers le bas jusqu'à sa position

(vous pouvez également la déplacer avec l'outil [déplacement] et maintenir la touche Maj enfoncée pour la garder alignée)

 

Assurez-vous que votre dessin est toujours à l'intérieur du cercle bleu

répétez les mêmes étapes que celles que nous avons effectuées pour les parties du triangle

Pour certaines parties qui ne peuvent pas pivoter par pas de 45 degrés, définissez l'angle de rotation dans les propriétés de l'outil (ici, je déplace le +)

J'utilise 25 degrés pour un côté et -25 degrés pour l'autre côté

Ensuite, je fusionne les calques et les déplace comme d'autres parties, avec cette méthode, vous n'avez pas besoin de calculer tous les angles de rotation pour chaque objet

 

Vous pouvez également le retourner pour le placer de l'autre côté

L'étoile est faite comme ceci

Une fois terminé, fusionnez le tout en un seul calque et effacez la partie indésirable

L'anneau d'invocation intérieur est terminé.

Dessinez l'anneau extérieur avec la même méthode

(pour la rune, désactivez le magnétisme de la grille et écrivez-la simplement à l'intérieur)

Si vous souhaitez modifier l'épaisseur de l'encre, vous pouvez utiliser l'outil Objet

Maintenez la touche [Maj] pour sélectionner plusieurs parties vectorielles

Et dans les propriétés de l'outil, vous pouvez ajuster la taille du pinceau

L'anneau d'invocation est prêt

Partie 2 : Appliquer l'anneau d'invocation à l'illustration

Dans cette partie, j'ajouterai l'anneau d'invocation en mouvement à l'illustrateur que j'ai réalisé

Préparez le fichier à importer

 

[Clic droit sur le calque > Objet fichier > Convertir le calque en objet fichier]

Convertir avec la zone de dessin

Avec cette méthode, vous pourrez facilement enregistrer le fichier avec un fond transparent et bien recadré sans modification du centre de rotation.

Il est temps de l'animer.

 

Ouvrez le fichier et ajoutez plus de décalage à l'image via [Édition > Changer la taille de la toile]

 

Ajoutez quelques pixels aux deux dimensions de la toile

Nous devons créer un décalage pour créer la version floue de l'anneau à utiliser comme effet de lumière pour l'anneau d'invocation.

 

Copiez le calque et rasterisez-le

 

Ensuite, utilisez le filtre [Flou gaussien]

Ajustez la force pour créer un effet de lumière douce

Ensuite, appliquez le mouvement de rotation à l'anneau et au calque d'effet, j'utiliserai la fonction d'images clés de calque pour aider à la transformation.

 

Créez une nouvelle chronologie avec un réglage de fréquence d'images de 8 ips (pour un illustrateur animé)

 

Sélectionnez les deux calques et activez l'image clé de calque

Sélectionnez la première image et cliquez sur l'icône de création d'image clé [Interpolation linéaire] (apparaîtra en vert)

Créez également une image clé à la fin de la chronologie

Sélectionnez le dessin avec l'outil [objet] sur la dernière image, définissez l'angle de rotation dans la palette de propriétés de l'outil sur 360

Note : vous ne devez sélectionner qu'un seul calque pour modifier la valeur

 

Faites glisser la dernière image clé jusqu'à la fin de la chronologie pour supprimer l'interruption de la boucle

 

Vous obtiendrez un anneau de rotation parfait

(l'anneau d'invocation tournera à 360 degrés en 24 images)

Si l'anneau se déplace trop vite, vous pouvez insérer plus d'images pour le faire bouger plus lentement

 

Clic droit sur la chronologie et [Insérer des images]

 

Définissez le nombre d'images que vous souhaitez ajouter

Maintenant, l'anneau d'invocation tournera à 360 degrés en 72 images

Enregistrez le fichier en 2 fichiers, la ligne d'encre et la ligne d'effet de flou

 

Supprimez le calque d'effet et enregistrez le fichier

 

Ensuite [Ctrl+Z] pour annuler, supprimez le calque d'encre et utilisez [Enregistrer sous] pour enregistrer dans un autre fichier

Répétez l'étape avec l'anneau intérieur également.

 

J'ai inversé l'angle de rotation de l'anneau intérieur car il est symétrique à 90 degrés.

Ainsi, au lieu de commencer à 0 et de tourner à 360 en 72 images comme l'anneau extérieur,

J'ai commencé à 180 et j'ai tourné à 0 en 72 images (ne tourne que d'un demi-tour lorsque l'extérieur tourne à un tour complet)

 

Anneau extérieur (tourne un tour complet dans le sens des aiguilles d'une montre de 0 >> 360 degrés)

 

Anneau intérieur (tourne d'un demi-tour dans le sens inverse des aiguilles d'une montre de 180 >> 0 degré)

Il tournera en boucle parfaite comme ceci

Nous aurons 4 fichiers

Appliquez à l'illustrateur, créez la nouvelle chronologie avec le même réglage de fréquence d'images que le fichier d'anneau.

Ensuite, importez l'anneau et l'effet sur la toile avec [Fichier > Importer > Créer un objet fichier]

Importez le tout en sélectionnant plusieurs fichiers

Sélectionnez tous les calques d'anneau et utilisez l'[outil Déplacer] pour les déplacer ensemble

Utilisez la transformation libre [Ctrl+T] pour ajuster la taille

Définissez le mode de fusion de l'objet d'effet sur [Ajouter (Lueur)] pour créer l'effet de lumière

 

Pour recolorer l'anneau, utilisez la couleur du calque pour l'effet, vous pouvez cliquer sur cette icône ou dans la palette des propriétés du calque

Sélectionnez une couleur et cliquez sur le seau pour l'appliquer sur la barre

Ajoutez plus de lumière en créant un nouveau calque avec le mode de lueur au-dessus de tous les calques d'anneau

 

Et peignez la lumière supplémentaire avec un aérographe doux

 

Ajoutez également un effet de lumière sur le personnage en copiant l'effet de l'anneau extérieur et en le déplaçant sur le personnage

Masquez l'effet de lumière sur le personnage pour qu'il ne se propage pas à l'arrière-plan

Pour le rendre plus naturel, créez un nouveau calque et peignez la zone lumineuse avec un aérographe doux

Créez une sélection par Clic droit > Sélection à partir du calque > Créer une sélection

(ou maintenez [Ctrl] et cliquez sur la vignette du calque)

 

Ensuite, faites un clic droit sur le calque d'effet et [Masque de calque > Masquer l'extérieur de la sélection]

Masquez (ou supprimez) le calque d'aérographe (nous n'en avons plus besoin)

Résultat

Partie 3 : Appliquer une transition à l'anneau d'invocation

Je vais le faire flotter et pivoter dans les airs pour ma scène, comme ceci

Décalez également un peu la position pour lui donner un aspect plus dimensionnel

Pour la scène d'animation, j'ajouterai également la transition pour la faire apparaître au bon moment de la chronologie.

Commencez par créer la scène d'animation

vous pouvez apprendre à créer des animations image par image avec un calque vectoriel à partir de l'épisode précédent de mon tutoriel

Préparez les fichiers (.clip) séparément, j'utiliserai une fréquence d'images de 24 images par seconde ici

Assurez-vous que tous les fichiers ont la même fréquence d'images

 

Créez un nouveau fichier pour la scène. J'utiliserai le préréglage film et je réglerai la fréquence d'images à 24 images par seconde

Importez tous les fichiers objets sur la toile

[Fichier > Importer > Créer un objet fichier]

 

Conseils : Sélectionnez l'image où l'objet (anneau d'invocation) est censé apparaître, lorsque vous importez l'objet, il apparaîtra à cette position sur la chronologie

Sélectionnez tous les objets, créez une transformation libre et placez-les à la position où ils doivent apparaître sur la chronologie

Définissez la couleur du papier pour voir l'effet plus clairement lorsque vous travaillez dessus

Appliquez l'effet de calque et la couleur aux calques d'objet (comme nous l'avons fait dans la partie précédente du tutoriel)

Ajoutez le mouvement de transition à l'anneau pour l'animer avec la scène, activez les images clés de calque pour les objets de l'anneau d'invocation

Il y a un certain décalage lorsque le personnage lance l'effet d'invocation.

Créez une image clé d'interpolation lisse à ce point pour chaque anneau, ce sera le point final de la transition de l'effet.

Déplacez un peu l'anneau intérieur avec l'outil [Objet]

Vous pouvez copier l'image clé et la coller sur un autre objet, cela copiera la propriété de position de l'image clé. Vous n'avez donc pas besoin de la déplacer avec précaution.

L'anneau intérieur apparaîtra avant, donc je crée une autre image clé avant le point final.

À l'image où l'anneau commence à apparaître, réduisez-le à une petite taille

Ajustez également l'opacité à ce point

Sur la chronologie, vous pouvez afficher la chronologie de l'opacité en cliquant sur l'icône [+]

Vous pouvez également le copier et le coller

Répétez les étapes avec l'anneau extérieur, décalez l'image clé un peu en arrière pour la faire apparaître après le premier anneau

Pour l'effet de lumière, peignez sur le calque avec le mode Ajouter (Lueur)

Définissez également l'opacité pour qu'elle corresponde à la transformation des anneaux

Note : Je fais le chevauchement de lumière séparément pour l'anneau extérieur et l'anneau intérieur.

 

Augmentez l'opacité du calque de lumière au point final de la transformation comme effet de lancement final

 

Appliquez également la lumière sur le personnage en créant un nouveau calque avec le mode Ajouter (Lueur) au-dessus de l'objet du personnage

 

Peignez la lumière et masquez-la sur l'objet du personnage

 

Variez le niveau d'opacité en fonction du timing de l'animation

La magie a opéré

Partie bonus : Effet additionnel pour la transformation

Voici le rendu final de la scène, avec l'effet de caméra et l'effet de transformation de la lumière.

Les effets sont créés avec la méthode d'animation image par image

 

Créez un nouveau dossier d'animation et une image clé vide correspondant à l'image clé de l'objet (elle peut être parfaitement mappée car la scène et l'objet ont la même fréquence d'images)

 

Créez une sélection de l'objet personnage

Élargir la zone de sélection

Et remplissez de couleur la première image clé du dossier d'animation

Désélectionnez l'objet [Ctrl+D] et appliquez un filtre de flou

Placez le calque dans un dossier en le faisant glisser vers l'icône du dossier

Refaites la sélection du personnage et remplissez la couleur sur un nouveau calque

Ensuite, verrouillez la transparence du calque de flou et remplissez-le avec la couleur de la lumière

Répétez les étapes avec d'autres images clés

Appliquez également l'image d'affichage liée à l'objet

Et activez l'image clé de calque et définissez l'opacité sur l'objet

Le réglage du dossier en mode Ajouter (Lueur) le rendra plus enchanteur !

Pour l'effet de lumière supplémentaire : créez un nouveau dossier d'animation et dessinez l'effet de lumière avec l'outil Plume

Conseils : J'ajoute des particules avec l'aérographe de gouttelettes

J'applique également l'effet sur l'animation de transformation

Vous pouvez utiliser la méthode d'action automatique pour gagner du temps sur la tâche d'image clé, consultez le tutoriel de Mattlamp :

Vous pouvez utiliser le dossier d'animation pour peindre également les détails de surbrillance supplémentaires sur l'objet.

J'ajoute l'effet de caméra pour le faire trembler avec l'effet de l'anneau d'invocation

Mettez tous les calques dans le dossier de caméra 2D

Faites pivoter la caméra avec l'outil Objet au point de la chronologie où l'effet se produit

L'image clé apparaîtra automatiquement sur la chronologie

Faites pivoter la caméra aléatoirement sur la chronologie pour créer un tremblement de caméra

Et voici le résultat final !!

J'espère que mon tutoriel vous a donné des idées pour travailler avec l'effet magique pour votre projet

 

Passez une bonne journée !! Bonne animation !! <3