Animez votre personnage dans Clip Studio Paint - Guide détaillé

6 805

Syl.thfarn

Syl.thfarn

Bonjour gars! je m'appelle Syl, dans cet article je vais vous montrer comment animer votre personnage dans Clip Studio Paint EX. L'article comprend la configuration du logiciel, la décomposition de certains de mes travaux d'animation à titre d'exemples et enfin, mon suivi pour créer une animation. Je fournirai des conseils aussi simples et détaillés que possible, en espérant que même les débutants pourront comprendre.

 

Remarque : le didacticiel a le format vidéo et le format texte (cet article)

1. Mise en place

Dans cette étape, nous préparerons les connaissances requises et la configuration avant de commencer l'animation. Si vous possédez déjà des compétences de base et avez déjà animé, vous êtes libre de sauter cette étape !

un. Programmes d'animation : Clip Studio Paint EX

N'oubliez pas qu'il existe deux versions de Clip Studio Paint : PRO et EX, vous devez acheter la version EX pour faire de l'animation.

b. Paramètre de toile

*Pour créer un nouveau canevas, sélectionnez le menu [Fichier] > [Nouveau]

Dans la section projet, cliquez sur animation (icône vidéo)

Je vous recommande de définir l'option de paramètre par défaut 1920x1080.


*Il existe également certains paramètres que vous souhaiterez peut-être comprendre :

- Espace vide : C'est la zone en dehors de notre zone d'export (animation finale), vous pouvez utiliser cet espace pour la note, le mouvement de la caméra.

- Frame rate : c'est le nombre d'images par seconde, la norme sera de 24fps, mais beaucoup d'animateurs indépendants utilisent 12 fps (comme moi).

- Temps de lecture : la durée (images) de l'animation. Si vous définissez 300, il y a 300 images dans l'animation, vous pourrez l'ajuster plus tard.

 

Vous pouvez voir qu’il y a plus de sections de configuration, mais vous n’avez pas besoin de toutes les comprendre pour commencer à animer, je ne veux pas que vous soyez submergé ! Et pour être honnête, je n'ai compris la partie réglage de la taille que lors de ma première animation :D.

c. Configuration de l'espace de travail

C'est mon espace de travail lorsque je fais de l'animation. Vous n'avez pas besoin de le configurer de la même manière avec moi, mais je pense que pour les débutants, il est préférable que votre espace de travail soit précis par rapport au mien, afin que vous puissiez suivre mes étapes facilement.

Vous pouvez télécharger et importer mon espace de travail depuis Clip Studio, recherchez par cet ID : 2076802

*Pour l'importer, allez dans le menu [fenêtre] -> [matériel] -> [Matériel : téléchargement] Si vous n'avez pas de fenêtre de matériel sur votre espace de travail.

Ensuite, faites glisser le matériel de mon espace de travail dans le canevas -> Ok


*Ou allez dans [windows] et ouvrez toutes les mêmes fenêtres comme ceci.

d. Comprendre quelques fonctionnalités d'animation de base

Après avoir tout configuré, nous aurons l’espace de travail nécessaire. Je sais ce que tu ressens maintenant parce que j'étais stressé rien qu'en regardant la fenêtre chronologique pour la première fois.

 

Mais ne vous inquiétez pas, je ne vous forcerai pas à comprendre tous les outils présents sur cet écran noir complexe. Au lieu de cela, nous allons prévisualiser quelques fonctionnalités de base et commencer à animer pour maintenir votre motivation.

De plus, si vous ne comprenez rien de ce que je m’apprête à expliquer, ce n’est pas grave ! Je pense qu'il sera plus facile d'apprendre et de pratiquer en même temps. Vous ne serez pas submergé par les nouvelles connaissances et vous mémoriserez mieux les fonctionnalités.


* La fenêtre de chronologie :

- Le numéro de séquence que vous voyez est l'ordre de la trame, le nombre au-dessus est la durée en secondes.

- Dans le menu de la chronologie -> taille de la vignette -> aucune Si vous voulez que la chronologie me ressemble exactement, fidèle à son nom, elle affiche la vignette de cette image, mais je pense que cela prend trop de place.

- Créer une nouvelle cellule/image d'animation : cliquez sur l'heure dans la timeline, cliquez sur l'icône "nouvelle cellule d'animation"

- Quelques termes d'animation : images clés - les images principales d'une action (par exemple clignement : cadre des yeux fermés et cadre des yeux ouverts), entre-deux : les images entre les images clés


Je pense que cela suffit ! S'il y a quelque chose que j'ai manqué, je le mentionnerai dans les étapes suivantes. Passons maintenant à l'étape 2 !

2. Ma répartition d'animation

Dans cette étape, je vais détailler certains de mes travaux d'animation en vous montrant le processus étape par étape comme l'esquisse, le linéaire, la coloration, l'ombrage, la finale (effets ajoutés) et les astuces aléatoires. Cette étape vous aidera d’abord à vous habituer à la structure d’une animation. Cependant, vous pouvez passer à l'étape 3 « Créer une animation », puis revenir à cette étape si vous préférez cet ordre.

un. Animation en boucle simple

Couches

-> Pour une animation en boucle simple, je vais d'abord créer un dossier principal fixe, comprenant des parties fixes comme la tête, le corps et les bijoux. Ensuite, je créerai de nouveaux dossiers pour animer les cheveux, déplacer les bijoux, cligner des yeux et essayer de les disposer de manière à ce qu'ils puissent créer une boucle.

Esquisser

Linéaire

Coloration

Dossier multiple (ombrage)

Finale (Effets)

Lien de haute qualité :


*Pour créer et ajuster un calque de filtre comme moi, allez dans le menu [Couche] -> [Nouveau calque de correction] -> Essayez tout ce que vous voulez

b. Animation normale

Choisissons cette courte animation.

La scène de début où le personnage saute, je dois m'enregistrer en train de sauter pour prendre les images clés mdr. C'est une astuce que vous pouvez utiliser pour animer des mouvements compliqués, vous enregistrer en train de le faire et animer en fonction de cela.

 

Remarque : essayez de déterminer et de dessiner d'abord les images clés, puis entre les deux. Je ne recommande pas de tracer toutes les images de la séquence, j'ai essayé et abandonné à mi-chemin.


Couches

Cette fois, je n'ai qu'un dossier d'animation linéaire et une animation couleur, puisque je ne sépare pas les parties fixes et mobiles. J'ai aussi beaucoup utilisé le mouvement de caméra 2D dans cette animation

Astuce aléatoire : Pour ajuster la caméra, menu [Timeline] -> [Nouveau calque d'animation] -> [Dossier de caméra 2D] -> Regroupez tous vos calques existants dans le dossier de caméra 2D

Ensuite, choisissez n'importe quel moment dans la chronologie -> Créer [Keyframe] -> [Opération] -> Ajuster la caméra (démarrage) -> Choisir une autre heure -> Créer une nouvelle [Keyframe] -> Ajuster la caméra (fin). Et tu auras le mouvement de la caméra

Didacticiel vidéo:

Esquisser

Linéaire

Coloration

Ombres

Finale (Effets)

Lien:

3. Réalisez l'animation du personnage

Oui, la dernière étape, dans cette étape, je vais montrer mon processus étape par étape pour créer une courte animation de mes personnages originaux, tout en les expliquant et en fournissant des conseils aléatoires. Vous saurez comment je réalise une animation simple et aurez la motivation pour créer la vôtre (je l'espère).

Astuce : Bien que mon animation à venir ne soit pas trop difficile, je suggère aux débutants de commencer par animer des choses simples (clignement des yeux, mouvement des cheveux), commencer par une idée trop compliquée vous donnera envie d'abandonner. Vous pouvez vous entraîner en vous basant sur mes images clés, je partage beaucoup d'images clés sur mon instagram.

\

Voici également une vidéo partageant mon animation clignotante, afin que vous en ayez besoin :

un. Idée

Oui! Vous aurez d’abord besoin d’une idée générale d’animation dans votre cerveau. L’idée nous sert de guide, de schéma et aussi de motivation. Penser à transformer ce que l’on imagine en travail d’animation, c’est super cool (ça veut dire que je sais que je suis cool mdr :D).

Pour une animation longue, nous devrons d’abord dessiner le storyboard, et nous n’en avons pas besoin dans ce court didacticiel d’animation.

Je trouve généralement mes idées à travers la musique, notamment la Jpop.

 

Tut : pour importer des mp3, il vous suffit de glisser la chanson au format mp3 dans le canevas

b. Esquisser

Nous devrons d’abord esquisser l’idée, cela nous aide à façonner notre personnage et à rester fidèle à l’idée originale.

J'ai guidé ces fonctionnalités dans les étapes précédentes. Si vous ne savez toujours pas comment procéder, je vous recommande également de regarder la vidéo intégrée.

 

              + \-CtrlEnregistrerou\[Fichier\]->\[Enregistrer\]pour enregistrer votre fichier, et n'oubliez pas de le faire toutes les 10 minutes !!

- Renommez le dossier d'animation par défaut en « esquisse » (facultatif)

- Commencez à dessiner dans l'image 1, créez de nouvelles images en vous déplaçant vers la nouvelle heure et cliquez sur l'icône. Ou pour dessiner l'image 2 à partir de l'image 1, copiez-collez l'image 1, puis cliquez avec le bouton central dans la timeline, un tableau apparaîtra et il vous suffit de choisir l'image nommée [2].

- Jouez pour voir si cela correspond à la chanson/à l'heure souhaitée.

- Refaire, dessiner, jouer jusqu'à ce que vous soyez satisfait.

Conseil : les gens ne dessinent généralement que des images clés, il n'est pas nécessaire de tout dessiner, y compris les intermédiaires.

Conseil : En tant que débutant, il est recommandé de dessiner minutieusement. Même si mes croquis ne sont pas géniaux parce que je déteste y consacrer du temps, un croquis propre peut m'aider à éviter d'abandonner à mi-chemin.

Astuce : je fais quelques scènes au ralenti dans cette animation, pour animer le ralenti, il vous suffit de dessiner plus d'images entre les images clés. (par exemple, vous dessinez normalement 3 images entre l'image clé 1 et l'image clé 2, pour que cela se fasse au ralenti, essayez de dessiner 10 images entre elles)

 

Cette animation durera 40 secondes. Malheureusement, je ne peux pas enregistrer et terminer l'intégralité de mon processus d'animation dans cet article. Mon ancien ordinateur portable a du mal à enregistrer et à animer en même temps (problème des pauvres), et je suis également distrait lors de l'enregistrement. Je montrerai toujours chaque étape du croquis au produit final, mais uniquement pour la première scène (de mon oc Maris).

c. Linéaire

L'étape suivante consiste à aligner ces croquis.

Mon style Lineart a l'air vraiment sommaire mdr ! La plupart des gens dessinent de manière linéaire et continue, ce qui facilite les intermédiaires et la coloration. Pour les débutants, je suggère d’essayer cette approche. Cependant, je suis tombé amoureux de ce style sommaire ces derniers temps.

 

- Créez un nouveau dossier d'animation, renommez-le en Lineart

- Réduisez l'opacité des croquis à 10-20, afin de pouvoir les tracer plus facilement

- Créez une nouvelle cellule d'animation, commencez à tracer les images clés

- Une fois les images clés terminées, dessinez entre les deux

- Masquer le dossier d'esquisse

Outil : activez la peau d'oignon. lorsque vous faites des entre-deux. Les lignes vertes représentent les images suivantes, les lignes violettes représentent les images précédentes. Votre mission : dessiner entre eux (la ligne marron, ce sont mes croquis)

Conseil : je dessine généralement différentes parties dans des calques séparés, comme la tête, les vêtements et surtout les cheveux.

Conseil : pour déterminer le rapport de sa tête, je marque les yeux, le nez, la bouche et le menton, puis je copie et colle sur l'image suivante et je dessine en fonction de cela.

Conseil : lorsque vous dessinez des entre-deux pour une mèche de cheveux, le début de celle-ci doit être proche de l'image suivante, tandis que la fin doit être proche de l'image précédente. (le principe du suivi de candidature)

d. Coloration

J'utilise ma technique de coloration de la même manière que lorsque je colorie mon illustration. Commencez par colorer la base, ajoutez des ombres et enfin ajoutez des effets (par exemple, des effets). Dans l’industrie de l’animation, ils clarifieront d’abord la palette de couleurs, puis diviseront les différentes sections de couleurs. Vous pouvez choisir n’importe quelle méthode que vous aimez.

- Créez un nouveau dossier d'animation, renommez-le en couleur, faites-le glisser sous le dossier Lineart

- Créez une nouvelle cellule d'animation et commencez à colorier

- Créez un nouveau dossier d'animation au-dessus du dossier d'animation couleur, choisissez [Clip sur le calque ci-dessous], puis changez le mode de fusion en [multiplier]

- Créez une nouvelle cellule d'animation et commencez à ajouter un ombrage

Les gens utilisent généralement l'outil [Fill] pour colorer l'animation, mais avec ce linéaire, il est préférable d'utiliser un outil lasso. Vous pouvez trouver l'outil lasso dans [Figure] -> [Lasso fill]


C'est l'étape où je travaille avec les ombres. Je dessine des lignes colorées pour séparer les différentes sections des ombres, en utilisant différentes couleurs pour représenter les ombres, les ombres claires et la lumière réfléchie. Cela permet de garantir que je ne colorie pas par erreur la mauvaise section.

Cependant, je ne fais cela que pour les images clés (images importantes), pas sur toutes les images.


Et le résultat :

e. Effets (final)

Ouais, nous avons presque terminé ce très long tutoriel ! La dernière étape consiste à ajouter des effets à notre animation pour la rendre plus attrayante ! Commençons par lister certains des effets que nous pouvons ajouter et comment les ajouter, puis je montrerai les effets que j'ai ajoutés à cette animation.


*Liste des effets

Glow Dodge : j’utilise ce mode de fusion pour ajouter de la lumière.

Multiplier le calque : en plus d'ajouter des ombres, j'utilise ce mode de fusion pour donner le ton à l'illustration/à l'animation.

Par exemple pour un ton chaud, j'appliquerai du orange terne et réduirai l'opacité.

Fonctionnalités de filtre (nouveau calque de correction) : je vous ai guidé dans une simple décomposition d'animation en boucle, elles sont utilisées pour ajuster la balance des couleurs, l'ombrage,...

(Ici, j'ajuste la balance des couleurs et la luminosité/contraste)


*L'animation finale que j'ai obtenue : (Elle est exportée au format GIF, la qualité peut donc ne pas être optimale)

J'utilise donc 3 dossiers d'animation Glow Dodge pour la lumière globale (pour chaque scène), la lumière des yeux et la surbrillance (pour des images spécifiques)

J'utilise 1 calque multiplié pour le ton général, je le fais glisser au-dessus de tous les calques existants et 1 dossier d'animation multiplié pour chaque scène de mon animation (bébé -> scène de fenêtre -> Fermer le visage)

J'ai 2 calques de correction de la balance des couleurs pour la dernière scène (visage rapproché). La première moitié est un ton chaleureux lorsque le personnage est plein d'espoir et excité, puis se transforme en un ton froid lorsque le personnage revient à la réalité et qu'il ne peut pas sortir jouer.


Outil : Pour créer un dégradé fluide comme celui-ci, j'utilise cet outil [Gradient]

4. Conclusion

Merci d'avoir lu jusqu'à la fin, je peux sentir votre passion pour l'animation XD J'espère vraiment que vous pourrez commencer à faire de l'animation et pouvoir transformer votre idée en travail !

Il y a aussi certaines informations que je ne peux pas convertir en texte, il est préférable de lire et de regarder à la fois l'article et la vidéo intégrée.

Si vous trouvez mon tutoriel utile, pensez à laisser un like ou un conseil, afin que je puisse créer plus et de meilleures astuces :D

La dernière chose que je veux dire, c'est que c'est mon propre processus pour créer une animation dans mon style. Je n'ai jamais fréquenté une école d'animation académique, j'espère donc que vous pourrez me laisser des conseils si vous trouvez des erreurs ! Merci!

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel