Animation simple de style encre traditionnelle à partir d'une illustration

5 548

viciaia

viciaia

Apportons un peu de nostalgie à votre illustration en y ajoutant de l'encre tremblante comme si elle dessinait à 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 à faire à partir d'une seule illustration et ne nécessite que quelques images clés, vous pouvez également le faire sur la version Clipstudio paint Pro qui a une limitation d'images à 24 images.

Didacticiel vidéo

Partie 1 : Préparez votre illustration

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

Il est nécessaire que votre art ait un contour fait sur le calque vectoriel pour faire cet effet. Si vous souhaitez appliquer cet effet à votre illustration qui n'a pas d'encre sur le calque vectoriel, vous devrez peut-être le rédiger avant de passer au processus suivant.

 

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

 

[Facultatif] Je dessine la turbine en papier sur un calque séparé pour un mouvement de rotation plus tard.

Pour plus d'informations sur l'utilisation de la couche vectorielle. regarde mon tuto :

Assurez-vous de grouper les parties pour l'animation si vous prévoyez de faire un peu plus de mouvement plus tard pour éviter toute confusion.

Partie 2 : Transformez votre encre en un style d'encre traditionnel

La clé pour créer un look traditionnel à votre art est d'ajouter de la texture à votre encre et à votre couleur. Dans ce didacticiel, j'utiliserai [Stylo texturé] qui est mon pinceau par défaut Clipstudio préféré.

Vous pouvez personnaliser le pinceau pour un aspect plus texturé grâce au paramètre situé dans le coin inférieur droit du panneau des propriétés de l'outil. Le panneau contextuel pour le réglage de la brosse supplémentaire apparaîtra.

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

Je crée un nouveau calque raster et fais quelques tests de traits sur le canevas pour trouver le paramètre préférable.

Lorsque vous avez terminé de personnaliser le pinceau, cliquez sur l'icône du pinceau en double pour créer une copie du pinceau avec ce paramètre.

Sélectionnez le pinceau [Stylo de texture] et réinitialisez-le aux paramètres par défaut avec l'icône de réinitialisation sur le panneau des propriétés de l'outil. Cela évitera toute confusion lorsque vous devrez réutiliser le pinceau par défaut.

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

 

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

 

Dans le panneau de détail du sous-outil, accédez à la forme du pinceau> Ajouter au préréglage

Sélectionnez sur le calque vectoriel pour l'encre, et avec [Outil objet] vous pouvez voir le paramètre d'encre sur le panneau [Propriété de l'outil].

Vous pouvez modifier la couleur de l'encre et la forme du pinceau sur ce panneau

Lorsque vous cliquez sur l'option de forme de pinceau, vous pouvez voir le pinceau que vous avez enregistré, le sélectionner et le pinceau s'appliquera instantanément sur 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 brosses. Consultez mon tutoriel sur l'encrage traditionnel ici :

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

Ajustez la valeur [Gap] du trait pour rendre le flux d'encre plus fluide

 

Vous devez sélectionner la première option pour le [Gap] pour activer le réglage de la barre.

 

Cependant, le réglage peut avoir une zone qui semble désordonnée (cela dépend de la façon dont vous travaillez avec l'encre, le trait plus net le rendra plus facile à personnaliser)

Le réparer est facile avec l'outil [Ajuster l'épaisseur de la ligne] dans le sous-outil [Corriger la ligne]

Vous pouvez également modifier 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 le rendre plus doux.

 

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

 

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

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

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

Plus vous donnez d'images par seconde, plus le mouvement sera rapide. Parfois, le mouvement le plus lent correspond davantage au thème de l'histoire.

 

Dans le panneau de la chronologie, cliquez sur l'icône de création d'une nouvelle chronologie. (Si vous n'avez pas ce panneau, vous pouvez l'ouvrir sur [Fenêtre > Chronologie])

 

Si vous utilisez la version Clipstudio Paint Pro, vous aurez la limitation du temps de lecture à 24 images.

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

 

2 ips pour 24 images = 12 secondes

4 ips pour 24 images = 6 secondes

8 fps pour 24 images = 3 secondes

12 fps pour 24 images = 2 secondes

 

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

 

Créez un nouveau dossier d'animation.

Faites glisser la couche d'encre dans le dossier d'animation.

 

Double-cliquez pour renommer le calque (Ceci est facultatif mais je recommande de le faire car lorsque vous dupliquez le calque, cela générera également le numéro de commande des calques)

Attribuez l'image clé au canevas en sélectionnant le dossier d'animation et cliquez sur l'icône de sélection de calque (ou cliquez avec le bouton droit sur la chronologie pour le définir)

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

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

Sélectionnez le calque avec l'outil [Objet] et personnalisez l'encre pour lui donner un aspect différent du cadre d'origine.

Les principales options que j'utilise toujours pour définir l'encre sont :

Course > Écart

Pointe pinceau > Epaisseur / Angle

 

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

 

(J'ai passé la commande au hasard pour éviter les répétitions mais c'est facultatif)

 

Maintenant, vous pouvez avoir un problème 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 ligne de l'image clé d'encre avec l'outil [Ajuster la largeur de ligne] dans le sous-outil [Ligne de correction].

 

Remarque : ne cochez pas l'option [Traiter toute la ligne] pour la faire apparaître uniquement sur la zone sur laquelle vous peignez la correction.

 

Utilisez l'outil [Pinch vector line] pour plier un peu la ligne par rapport à sa position d'origine

 

[Important] Seulement un peu !!

 

Autre note : je préfère le mode [pas d'extrémité fixe] pour que la ligne puisse se déplacer librement.

 

Répétez-le à chaque image clé et vous pouvez obtenir l'effet d'encre secoué très facile pour votre art !!

Partie 4 : Animation avec effet d'encre

Dans cette étape, j'ajouterai un peu plus de mouvement à la scène, comme une turbine à papier et un clignement des yeux.

 

Créer un objet fichier pour la turbine à papier, cliquez avec le bouton droit sur le dossier des calques 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 bord en vedette, allez dans [Modifier> Modifier 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 de la toile permet à la zone de flou de s'étendre.

Appliquer la texture d'encre avec l'outil [Objet]

Enregistrez le fichier et revenez à l'image d'origine, vous pouvez voir que l'encre de la turbine ne correspond pas au dessin global.

Pour faciliter le travail avec le réglage de l'encre, faites glisser le panneau de canevas et ancrez-le sur le côté.

Vous pouvez maintenant modifier l'encre et elle apparaîtra sur l'image d'origine lorsque vous enregistrez sur le fichier turbine. (Utilisez Ctrl+S pour gagner du temps)

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

 

Remarque : 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 en tant qu'objet non animé), vous devez la réimporter à nouveau en tant qu'objet fichier animé.

 

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

 

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

L'animation d'encre pour la turbine apparaîtra sur l'image principale

Ajoutez le mouvement de rotation à la turbine, sélectionnez le calque d'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 chronologie.

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

Ici, la turbine se déplacera dans le sens inverse des aiguilles d'une montre :

Ainsi, la première image clé sera définie sur 360 degrés, et la dernière image peut être définie sur des pas de 90 degrés : 270, 180, 90, 0 (car la turbine est symétrique sur 4 côtés, elle affichera donc la même image tous les 90 degrés ça tourne)

Si vous souhaitez le faire pivoter rapidement, définissez la dernière image sur 0, ce sera une rotation de 360 degrés en 6 secondes. (cadence 4)

 

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

Faites glisser la dernière image clé un peu en arrière pour supprimer l'image vide entre la boucle.

Et la turbine est terminée !!

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

Pour l'animation clignotante. Dessinez 2 cadres supplémentaires pour cela

Activer la pelure d'oignon pour dessiner facilement 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 clignotement, le reste d'une autre image clé est identique.

Répétez l'image clé pour créer l'animation d'encre

Je répète également cette étape avec cat blink ^w^)/

 

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

 

Si vous avez l'impression que le mouvement est trop lent pour vous, vous pouvez facilement modifier la fréquence d'images de votre art en accédant à [Animation > Chronologie > Modifier la fréquence d'images]

Ne pas vérifier le changement du nombre total de cadre

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

Le résultat avec framerate : 8 images par seconde

Partie 5 : Touche finale avec la texture du papier et l'effet caméra

Dans cette étape, nous appliquerons plus d'effets sur l'illustration, tels que le papier aquarelle et le bougé de l'appareil photo, 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 Clipstudio : Papier à dessin. Mais si vous n'êtes pas satisfait du matériel standard, vous pouvez trouver beaucoup de textures de papier sur les ressources Clipstudio.

 

Vous pouvez trouver la texture du papier à dessin dans le panneau Matériau, faites simplement glisser et déposez l'actif sur le canevas.

 

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

 

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

 

Changez le mode de fusion des calques, ici j'utilise le mode [Graver linéaire] pour faire fondre l'ombre de la texture sur l'image. Ajustez ensuite l'opacité pour la rendre plus claire.

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.

Modifiez la couleur du calque de la texture pour la rendre plus naturelle.

 

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

 

Donnez également un peu de mouvement au papier, créez un nouveau dossier d'animation et placez le calque de texture à l'intérieur. (je le renomme aussi)

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

Ajustez également l'opacité pour créer un léger effet de pépin.

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

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

Bruit facile de la texture du papier 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 [Through]

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 le bord avec un aérographe doux

Réglez le mode de fusion des calques sur [Linear Burn] et ajustez l'opacité

Vous obtiendrez un effet de vignette facile (coin sombre)

Pour créer une caméra secouée, 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 problème 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 calque [Ajouter (luminosité)] dans le dossier de l'appareil photo

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.

Finir!!

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

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

Ajustez l'opacité vers le bas pour réduire la couleur de l'effet. L'effet s'appliquera à tout le calque ci-dessous

Ancien mode film réalisé en 10 secondes ^^

Vous pouvez également en savoir plus sur la carte de dégradé dans mon tutoriel :

J'espère que mon tutoriel vous donnera une idée de la présentation de votre art. Juste avec quelques modifications, vous n'avez pas besoin de dessiner l'image clé à plusieurs reprises ^ ^

 

Profitez de l'animation et restez en bonne santé et en sécurité, rendez-vous dans le prochain tutoriel.

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel