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

24 066

Syl.thfarn

Syl.thfarn

Salut à tous ! 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 comme exemples, et enfin, la création d'une animation en ma compagnie. Je fournirai des conseils aussi simples et détaillés que possible, en espérant que même les débutants pourront comprendre.

 

Note : Le tutoriel est disponible au format vidéo et au format texte (cet article)

1. Configuration

Dans cette étape, nous allons préparer les connaissances et les réglages nécessaires avant de commencer l'animation. Si vous avez déjà des compétences de base et que vous avez déjà animé, n'hésitez pas à sauter cette étape !

a. Logiciels 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ètres de la toile

*Pour créer une nouvelle toile, sélectionnez le menu [Fichier] > [Nouveau]

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

Je vous recommande de définir le paramètre par défaut sur 1920x1080.


*Il y a aussi quelques réglages que vous pourriez vouloir comprendre :

- Espace vide : C'est la zone en dehors de notre zone d'exportation (animation finale), vous pouvez utiliser cet espace pour des notes, des mouvements de caméra.

- Fréquence d'images (Frame rate) : c'est le nombre d'images par seconde. La norme est de 24 ips, mais de nombreux animateurs indépendants utilisent 12 ips (comme moi).

- Temps de lecture : la durée (en images) de l'animation. Si vous réglez sur 300, il y a 300 images dans l'animation, vous pouvez l'ajuster plus tard.

 

Vous pouvez voir qu'il y a d'autres sections de réglages, mais vous n'avez pas besoin de toutes les comprendre pour commencer réellement l'animation, je ne veux pas que vous soyez submergé ! Et pour être honnête, je n'ai compris que la partie réglage de la taille lorsque j'ai commencé à animer :D.

c. Configuration de l'espace de travail

Ceci est mon espace de travail lorsque je fais de l'animation. Vous n'avez pas besoin de le configurer exactement comme le mien, mais je pense que pour les débutants, il est préférable d'avoir votre espace de travail précis par rapport au mien, afin de pouvoir 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ériau] -> [Matériau : téléchargement] Si vous n'avez pas de fenêtre Matériau dans votre espace de travail.

Ensuite, faites glisser mon matériau d'espace de travail sur la toile -> Ok


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

d. Comprendre certaines fonctionnalités de base de l'animation

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

 

Mais ne vous inquiétez pas, je ne vais pas vous forcer à comprendre chaque outil sur cet écran noir complexe. Au lieu de cela, nous allons prévisualiser certaines fonctionnalités de base et commencer à animer pour maintenir votre motivation.

De plus, si vous ne comprenez rien de ce que je vais 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 retiendrez mieux les fonctionnalités.


* La fenêtre de la timeline :

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

- Dans le menu de la timeline -> taille des vignettes -> aucune Si vous voulez que la timeline ressemble exactement à la mienne, fidèle à son nom, elle montre la vignette de cette image, mais je pense que c'est trop gourmand en espace.

- Créer un nouveau cel\/image d'animation : cliquez sur le temps dans la timeline, cliquez sur l'icône « nouveau cel d'animation »

- Quelques termes d'animation : images clés (keyframes) - les images principales d'une action (par exemple, clignement : image yeux fermés et image yeux ouverts), intermédiaires (inbetweens) : les images entre les images clés


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

2. Analyse de mon animation

Dans cette étape, je vais décomposer certains de mes travaux d'animation en vous montrant le processus étape par étape comme le croquis, le lineart, la coloration, l'ombrage, le rendu final (effets ajoutés) et des astuces aléatoires. Cette étape vous aidera à vous familiariser d'abord avec la structure d'une animation. Cependant, vous pouvez passer à l'étape 3 « Réaliser l'animation » puis revenir à cette étape si vous préférez cet ordre.

a. Animation en boucle simple

Calques

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

Croquis

Lineart

Colorisation

Dossier multiple (ombrage)

Final (Effets)

Lien haute qualité :


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

b. Animation normale

Choisissons cette courte animation.

La scène du début où le personnage saute, j'ai dû me filmer en train de sauter pour prendre les images clés lol. C'est une astuce que vous pouvez utiliser pour animer des mouvements compliqués : filmez-vous en train de le faire, puis animez à partir de cela. 

 

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


Calques

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

Astuce\/tutoriel 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 timeline -> Créez une [Image clé] -> [Opération] -> Ajustez la caméra (début) -> Choisissez un autre moment -> Créez une nouvelle [Image clé] -> Ajustez la caméra (fin). Et vous aurez le mouvement de caméra

Tutoriel vidéo :

Croquis

Lineart

Colorisation

Ombrage

Final (Effets)

Lien :

3. Réaliser l'animation du personnage

Youpi, l'étape finale ! Dans cette étape, je vais vous 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 de commencer la vôtre (j'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 avec 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 de clignement des yeux, au cas où vous en auriez besoin :

a. Idée

Oui ! Vous aurez besoin d'une idée d'animation générale dans votre cerveau en premier. L'idée sert de guide, d'esquisse et aussi de motivation pour nous. Penser à convertir ce que vous imaginez en œuvre d'animation, c'est super cool (ça veut dire que je sais que je suis cool lol :D).

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

Je trouve généralement mes idées à travers la musique, en particulier la J-pop.

 

Tut : pour importer un mp3, il suffit de faire glisser le fichier mp3 sur la toile

b. Croquis

Nous devrons d'abord esquisser l'idée, cela nous aide à façonner notre personnage et à nous en tenir à l'idée originale.

J'ai expliqué ces fonctionnalités dans les étapes précédentes. Si vous n'êtes toujours pas sûr de la façon de procéder, je vous recommande également de regarder la vidéo intégrée.

 

              + \-CtrlSaveou\[Fichier\]->\[Enregistrer\]pourenregistrer votre fichier,etn'oubliezpasdelefairetoutesles10minutes !!

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

- Commencez à esquisser à l'image 1, créez de nouvelles images en vous déplaçant à la nouvelle durée et en cliquant sur l'icône. Ou pour dessiner l'image 2 à partir de l'image 1, copiez-collez l'image 1, puis faites un clic central dans la timeline, un panneau apparaîtra, et il vous suffira de choisir l'image nommée [2].

- Lisez pour voir si cela correspond à la chanson\/au temps que vous souhaitez.

- Refaites, dessinez, lisez jusqu'à ce que vous soyez satisfait.

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

Conseil : En tant que débutant, un croquis détaillé est recommandé. Bien que mes croquis ne soient pas géniaux parce que je déteste y passer du temps, un croquis propre peut aider à éviter d'abandonner à mi-chemin.

Conseil : Je fais quelques scènes au ralenti dans cette animation, pour animer au ralenti, il 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 la transformer en ralenti, essayez de dessiner 10 images entre elles)

 

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

c. Lineart

L'étape suivante consiste à encrer ces croquis.

Mon style de lineart a l'air vraiment brouillon lol ! La plupart des gens dessinent un lineart propre et continu, ce qui aide avec les intermédiaires et la coloration. Pour les débutants, je suggérerais d'essayer cette approche. Cependant, je suis tombé amoureux de ce style brouillon récemment.

 

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

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

- Créez un nouveau cel d'animation, commencez à tracer les images clés

- Une fois les images clés terminées, dessinez les intermédiaires

- Masquez le dossier du croquis

Outil : Activez le 'calque pelure d'oignon' lors de la réalisation des intermédiaires. Les lignes vertes représentent les images suivantes, les lignes violettes représentent les images précédentes. Votre mission : dessiner entre elles (la ligne marron sont mes croquis)

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

Astuce : Pour déterminer les proportions de sa tête, je marque les yeux, le nez, la bouche et le menton, puis je copie-colle sur l'image suivante et je dessine en me basant là-dessus. 

Astuce : Lorsque vous dessinez les intermédiaires pour une mèche de cheveux, le début doit être proche de l'image suivante, tandis que la fin doit être proche de l'image précédente. (application du principe de suivi)

d. Colorisation

J'utilise ma technique de coloration de la même manière que lorsque je colore mes illustrations. D'abord la couleur de base, puis j'ajoute les ombres, et enfin les effets (e. effets). Dans l'industrie de l'animation, ils clarifient d'abord la palette de couleurs, puis divisent les différentes sections de couleur. Vous pouvez choisir la méthode que vous préférez.

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

- Créez un nouveau cel d'animation et commencez à colorier

- Créez un nouveau dossier d'animation au-dessus du dossier d'animation couleur, choisissez [Écrêter au calque inférieur], puis changez le mode de fusion en [Multiplier]

- Créez un nouveau cel d'animation et commencez à ajouter de l'ombrage

Les gens utilisent généralement l'outil [Remplir] pour colorier l'animation, mais avec ce lineart, il est préférable d'utiliser l'outil lasso. Vous pouvez trouver l'outil lasso dans [Figure] -> [Remplissage lasso]


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 m'aide à m'assurer que je ne colore 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)

Youpiii, nous avons presque terminé ce très long tutoriel ! La dernière étape consiste à ajouter des effets à notre animation pour la rendre plus attrayante ! D'abord, listons quelques-uns des effets que nous pouvons ajouter et comment les ajouter, puis je vous montrerai les effets que j'ai ajoutés à cette animation. 


*Liste des effets

Luminosité (Dodge) : J'utilise ce mode de fusion pour ajouter de la lumière.

Calque Multiplier : En plus d'ajouter des ombres, j'utilise ce mode de fusion pour donner une ambiance à l'illustration\/animation.

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

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

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


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

J'utilise donc 3 dossiers d'animation en mode de fusion Lumière vive (Glow Dodge) pour la lumière globale (pour chaque scène), la lumière des yeux et les hautes lumières (pour des images spécifiques)

J'utilise 1 calque Multiplier pour la tonalité globale, je le fais glisser au-dessus de tous les calques existants, et 1 dossier d'animation Multiplier pour chaque scène de mon animation (bébé -> scène de la fenêtre -> Gros plan sur le visage)

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


Outil : Pour créer un dégradé lisse comme celui-là, j'utilise cet outil [Dégradé]

4. Conclusion

Merci d'avoir lu jusqu'à la fin, je ressens votre passion pour l'animation XD J'espère vraiment que vous pourrez commencer à créer des animations et transformer vos idées en œuvres ! 

Il y a aussi des 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, n'hésitez pas à laisser un J'aime ou des conseils, afin que je puisse créer plus et de meilleurs astuces :D 

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

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel