Apportons une touche de nostalgie à votre illustration en y ajoutant de l'encre "tremblante" comme si elle était dessinée à plusieurs reprises pour créer une animation à l'ancienne. Cela peut être une bonne idée pour une animation narrative ou une scène de flashback. (^_^)

C'est très facile à réaliser à partir d'une seule illustration et ne nécessite que quelques images clés. Vous pouvez également le faire sur la version Pro de Clip Studio Paint, qui a une limitation de 24 images.

Tutoriel vidéo

Partie 1 : Préparez votre illustration

Voici le processus que j'ai préparé pour mon illustration utilisée dans ce tutoriel.

Il est nécessaire que votre œuvre ait un contour réalisé sur un calque vectoriel pour créer cet effet. Si vous souhaitez appliquer cet effet à votre illustration qui n'a pas été encrée sur un calque vectoriel, vous devrez peut-être la mettre au brouillon avant de passer au processus suivant.

 

Créez un nouveau calque vectoriel et encrez simplement tous les contours avec le G-pen.

 

[Facultatif] Je dessine l'éolienne en papier sur un calque séparé pour un mouvement de rotation ultérieur.

Pour plus d'informations sur l'utilisation du calque vectoriel, consultez mon tutoriel :

Assurez-vous de regrouper les parties pour l'animation si vous prévoyez de faire d'autres mouvements plus tard afin d'éviter toute confusion.

Partie 2 : Transformez votre encre en style encre traditionnelle

La clé pour donner un aspect traditionnel à votre œuvre est d'ajouter de la texture à votre encre et à votre couleur. Dans ce tutoriel, j'utiliserai le [Stylo texturé], qui est mon pinceau par défaut préféré de Clip Studio.

Vous pouvez personnaliser le pinceau pour un aspect plus texturé via le réglage en bas à droite du panneau de propriétés de l'outil. Le panneau contextuel pour les réglages supplémentaires du pinceau apparaîtra.

Si vous souhaitez un aspect plus (ou moins) rugueux, vous pouvez ajuster l'[Épaisseur] de la pointe du pinceau et l'[Espacement] du trait de pinceau.

Je crée un nouveau calque raster et fais quelques tests de traits sur la toile pour trouver le réglage préférable.

Lorsque vous avez terminé de personnaliser le pinceau, cliquez sur l'icône de duplication du pinceau pour créer une copie du pinceau avec ces réglages.

Sélectionnez le pinceau [Stylo texturé] et réinitialisez-le au réglage par défaut avec l'icône de réinitialisation sur le panneau de propriétés de l'outil. Cela évitera toute confusion lorsque vous aurez à nouveau besoin d'utiliser le pinceau par défaut.

Dans l'étape suivante, nous appliquerons ce pinceau à notre calque vectoriel d'encre.

 

Sélectionnez le nouveau pinceau et cliquez sur l'icône de réglage supplémentaire.

 

Dans le panneau de détails de l'outil secondaire, allez à forme du pinceau > Ajouter au préréglage

Sélectionnez le calque vectoriel pour l'encre, et avec l'[Outil objet], vous pouvez voir les réglages de l'encre dans le panneau [Propriétés de l'outil].

Vous pouvez changer la couleur de l'encre et la forme du pinceau dans ce panneau.

En cliquant sur l'option de forme du pinceau, vous pouvez voir le pinceau que vous avez enregistré, le sélectionner, et le pinceau s'appliquera instantanément à l'encre vectorielle.

Vous pouvez également ajuster la taille du pinceau et la dynamique du pinceau avec cette option.

Pour en savoir plus sur la dynamique des pinceaux, consultez mon tutoriel sur l'encrage traditionnel ici :

Vous pouvez également trouver ici l'option de personnalisation de l'encre.

Ajustez la valeur de l'[Espacement] du trait pour que le flux d'encre paraisse plus lisse.

 

Vous devez sélectionner la première option pour l'[Espacement] afin d'activer le réglage de la barre.

 

Cependant, l'ajustement peut avoir des zones qui semblent désordonnées (cela dépend de la façon dont vous travaillez avec l'encre, un trait plus net facilitera la personnalisation).

La correction est facile avec l'outil [Ajuster l'épaisseur de la ligne] dans le sous-outil [Corriger la ligne].

Vous pouvez également changer la couleur de l'encre en sélectionnant la couleur sur la roue chromatique.

 

[Facultatif] J'applique également l'effet de flou aux calques de couleur pour qu'ils aient l'air plus doux.

 

Sélectionnez tous les calques de couleur, faites un clic droit et fusionnez-les ensemble.

 

Puis estompez-le avec le menu [Filtre > Flou > Flou gaussien]

Partie 3 : Créer un effet d'encre animée

Traditionnellement, c'est ainsi que je réalise l'animation dans ce style. La vie avant de connaître le calque vectoriel était une tâche assez chronophage pour moi. J'ajoute toujours ce petit mouvement de répétition de lignes pour rendre une scène immobile intéressante.

Plus le nombre d'images par seconde est élevé, plus le mouvement sera rapide. Parfois, un mouvement plus lent correspond mieux au thème de l'histoire.

 

Sur le panneau de la timeline, cliquez sur l'icône "Créer une nouvelle timeline". (Si vous n'avez pas ce panneau, vous pouvez l'ouvrir via [Fenêtre > Timeline])

 

Si vous utilisez la version Clipstudio Paint Pro, la durée de lecture est limitée à 24 images.

Cela signifie que vous pouvez définir la fréquence d'images à 1 ips et que votre animation de 24 images peut durer jusqu'à 24 secondes.

 

2 ips pour 24 images = 12 secondes

4 ips pour 24 images = 6 secondes

8 ips pour 24 images = 3 secondes

12 ips pour 24 images = 2 secondes

 

Je recommande toujours 4-8 ips pour l'animation gif, et 1-2 ips est recommandé pour l'animation montrant le processus artistique.

 

Créez un nouveau dossier d'animation.

Faites glisser le calque d'encre dans le dossier d'animation.

 

Double-cliquez pour renommer le calque (ceci est facultatif mais je le recommande car lorsque vous dupliquez le calque, il générera également le numéro d'ordre des calques)

Attribuez l'image clé au canevas en sélectionnant le dossier d'animation et en cliquant sur l'icône de sélection de calque (ou en faisant un clic droit sur la timeline pour le définir)

Dupliquez le calque en le faisant glisser vers l'icône [Nouveau calque], le numéro de calque sera automatiquement généré.

Définissez le calque pour qu'il apparaisse sur la timeline.

Sélectionnez le calque avec l'outil [Objet] et personnalisez l'encre pour qu'elle soit différente de l'image originale.

Les principales options que j'utilise toujours pour régler l'encre sont :

Trait > Espacement

Pointe du pinceau > Épaisseur / Angle

 

Dupliquez pour créer la troisième image, et répétez les étapes d'ajustement de l'encre

 

(J'ai fait l'ordre aléatoirement pour éviter la répétition du motif, mais c'est facultatif)

 

Maintenant vous pouvez obtenir des "glitchs" sur l'encre.

 

Mais cela ne ressemble pas encore à la répétition dessinée sur la scène.

 

Pour que cela ressemble davantage à un dessin répété, ajustez l'épaisseur de l'encre de l'image clé avec l'outil [Ajuster l'épaisseur de la ligne] dans le sous-outil [Ligne de correction].

 

Note : ne cochez pas l'option [Traiter la ligne entière] pour que cela n'apparaisse que sur la zone où vous appliquez la correction.

 

Utilisez l'outil [Pincer la ligne vectorielle] pour courber légèrement la ligne par rapport à sa position d'origine.

 

[Important] Seulement un peu !!

 

Autre remarque : je préfère le mode [extrémité non fixe] pour que la ligne puisse bouger librement.

 

Répétez-le sur chaque image clé et vous obtiendrez un effet d'encre tremblante très facile pour votre œuvre !

Partie 4 : Animation avec effet d'encre

Dans cette étape, j'ajouterai quelques mouvements supplémentaires à la scène, comme l'éolienne en papier et le clignement des yeux.

 

Créez un objet fichier pour l'éolienne en papier, faites un clic droit sur le dossier de calque et [Objet fichier > Convertir le calque en objet fichier]

 

Définissez la zone sur [Zone de dessin] puis enregistrez le fichier.

Ouvrez l'objet fichier. L'image sera recadrée au bord du calque.

Ajoutez une zone pour l'effet de bordure. Allez à [Édition > Changer la taille de la toile].

Ajoutez 20 pixels à chaque dimension, vous pouvez également voir l'aperçu des bords supplémentaires.

Appliquez l'effet de flou au calque de couleur. La zone supplémentaire du canevas permet à la zone de flou de s'étendre.

Appliquez la texture d'encre avec l'outil [Objet].

Enregistrez le fichier et revenez à l'image originale, vous pouvez voir que l'encre de l'éolienne ne correspond pas à l'ensemble du dessin.

Pour faciliter le travail d'ajustement de l'encre, faites glisser le panneau de la toile et ancrez-le sur le côté.

Maintenant, vous pouvez modifier l'encre et elle apparaîtra sur l'image originale lorsque vous enregistrez dans le fichier de la turbine. (Utilisez Ctrl+S pour gagner du temps)

Créez une nouvelle timeline et répétez les étapes de création de l'animation d'encre.

 

Note : Assurez-vous que la fréquence d'images est la même que celle de l'image principale.

 

Cependant, l'animation n'apparaîtra pas sur l'image principale (car elle se souvient de l'objet comme un objet non animé), vous devez la réimporter en tant qu'objet de fichier animé.

 

Allez dans [Fichier > Importer > Créer un objet fichier] et sélectionnez le fichier de la turbine.

 

Déplacez le fichier à sa position avec l'outil [Objet] ou [Déplacer]. Supprimez ensuite l'ancien fichier objet.

L'animation d'encre pour l'éolienne apparaîtra sur l'image principale.

Ajoutez le mouvement de rotation à l'éolienne, sélectionnez le calque de l'objet et activez l'image clé du calque.

Définissez le type d'image clé sur [Interpolation linéaire] et ajoutez-le au début et à la fin de la timeline.

Vous pouvez définir la valeur de rotation pour l'image clé en la sélectionnant avec l'outil [Objet] et en ajustant la valeur dans le panneau [Propriétés de l'outil].

Ici, l'éolienne se déplacera dans le sens anti-horaire :

Donc la première image clé sera réglée à 360 degrés, et la dernière image peut être réglée par pas de 90 degrés : 270, 180, 90, 0 (car l'éolienne est symétrique sur 4 côtés, elle montrera donc la même image tous les 90 degrés de rotation)

Si vous voulez la faire tourner rapidement, réglez la dernière image sur 0, ce sera une rotation de 360 degrés en 6 secondes. (fréquence d'images 4)

 

J'ai expliqué plus clairement la rotation dans mon précédent tutoriel :

Faites glisser légèrement la dernière image clé en arrière pour supprimer l'espace entre les boucles.

Et l'éolienne est terminée !!

Pour les yeux, créez un nouveau dossier d'animation et appliquez l'animation d'encre comme pour une autre encre.

Pour l'animation de clignement. Dessinez 2 images supplémentaires pour cela.

Activez la pelure d'oignon pour faciliter le dessin de l'image clé.

Pour la couleur des yeux, je les ai mis dans un dossier d'animation séparé, car la couleur ne changeait que lors du clignement, le reste des autres images clés étant toutes identiques.

Répétez l'image clé pour réaliser l'animation d'encre.

Je répète aussi cette étape avec le clignement du chat ^w^)

 

Voici le résultat, une animation à l'encre traditionnelle très facile

 

Si vous trouvez que le mouvement est trop lent pour vous, vous pouvez facilement changer la fréquence d'images de votre œuvre en allant dans [Animation > Timeline > Changer la fréquence d'images].

Ne cochez pas la case "Changer le nombre total d'images".

Important : vous devez également modifier la fréquence d'images de l'objet animé sur la scène.

Le résultat avec une fréquence d'images de : 8 images par seconde

Partie 5 : Touche finale avec texture de papier et effet de caméra

Dans cette étape, nous appliquerons plus d'effets à l'illustration tels que le papier aquarelle et le tremblement de la caméra pour qu'elle ressemble davantage à des images clés peintes à la main.

Mettez la texture du papier sur l'écran. Ici, j'utilise la texture standard de Clip Studio : Papier à dessin. Mais si vous n'êtes pas satisfait du matériau standard, vous pouvez trouver de nombreuses textures de papier sur les assets de Clip Studio.

 

Vous pouvez trouver la texture de papier à dessin dans le panneau Matériaux. Il suffit de faire glisser et déposer l'asset sur la toile.

 

(Assurez-vous de sélectionner le calque le plus en haut avant de faire glisser le matériau sur la toile, afin que la texture puisse apparaître au-dessus de tous les calques)

 

Redimensionnez le matériau avec l'outil [Objet]

 

Changez le mode de fusion du calque. Ici, j'utilise le mode [Brûlure linéaire] pour que l'ombre de la texture se mélange à l'image. Ensuite, ajustez l'opacité pour la rendre plus légère.

La couleur de la texture est en niveaux de gris par défaut. Cela peut rendre la tonalité de couleur de l'image trop sombre.

Changez la couleur du calque de la texture pour qu'elle paraisse plus naturelle.

 

Cliquez sur l'icône [Couleur du calque], sélectionnez une couleur plus claire (que le noir) et appliquez-la au panneau [Propriétés du calque].

 

Donnez également du mouvement au papier, créez un nouveau dossier d'animation et placez le calque de texture à l'intérieur. (Je l'ai également renommé)

Dupliquez le calque de texture et déplacez/faites pivoter l'objet pour créer le mouvement de la texture.

De plus, ajustez l'opacité pour créer un effet de "glitch" lumineux.

Vous devez définir le mode de fusion du dossier d'animation sur [Passage] pour appliquer l'effet de fusion du calque à la toile. Si vous ne le définissez pas, le calque apparaîtra à l'écran en mode de fusion [Normal].

Répétez l'image clé affichée.

Bruit de texture de papier facile ajouté.

Pour un effet de lumière supplémentaire, faites glisser le calque vers l'icône [Nouveau dossier]. (ou appuyez sur [Ctrl+g])

Vous devez également définir le mode de fusion du dossier sur [Passage].

Dans le dossier, vous pouvez ajouter un calque rempli de couleur et définir le mode sur [Ajouter (Lueur)] pour appliquer une lumière supplémentaire à l'écran.

Pour ajouter la vignette, créez un nouveau calque et peignez les bords avec un aérographe doux.

Définissez le mode de fusion du calque sur [Brûlure linéaire] et ajustez l'opacité.

Vous obtiendrez un effet de vignette (coins sombres) facile.

Pour créer un tremblement de caméra, créez simplement un nouveau dossier de caméra 2D et placez tous les calques à l'intérieur.

Ajustez un peu la caméra (seulement un peu) sur la timeline pour créer un "glitch" sur la caméra.

(L'image clé sera automatiquement créée sur la timeline du dossier de la caméra)

 

Vous pouvez basculer vers la vue réelle de la caméra en cliquant sur cette icône.

 

Facultatif : vous pouvez également ajouter un effet de lumière supplémentaire plus tard avec l'aérographe doux et le mode de calque [Ajouter (lueur)] à l'intérieur du dossier de la caméra.

Vous pouvez également activer l'image clé du calque et ajuster l'opacité de l'effet pour créer des variations de volume de lumière.

Terminé !!

Vous pouvez également facilement changer la tonalité de couleur en utilisant le calque de correction [Carte de dégradé].

Vous pouvez ajuster le dégradé vous-même ou sélectionner le préréglage pour changer la tonalité de couleur de l'image.

Réduisez l'opacité pour diminuer l'effet de couleur. L'effet s'appliquera à tous les calques en dessous.

Mode film ancien réalisé en 10 secondes ^ ^

Vous pouvez également en apprendre davantage sur la carte de dégradé dans mon tutoriel :

J'espère que mon tutoriel vous donnera des idées pour présenter votre art. Avec quelques modifications seulement, vous n'avez pas besoin de dessiner les images clés à répétition ^ ^

 

Profitez de l'animation et restez en bonne santé et en sécurité, à bientôt pour le prochain tutoriel.