Bonjour

Je vous propose ici un tutoriel sur la façon de réaliser une illustration animée à partir de zéro dans Clip Studio.

Je suis un dessinateur amateur, je suis juste venu partager une partie de ce que j'ai appris dans le programme et que j'ai trouvé utile, si vous avez des conseils après avoir vu le post vous pouvez me laisser votre commentaire, je vous en serais très reconnaissant.

 

C'est un GIF assez simple en terme de complexité de dessin, mais ce qui pourrait demander beaucoup de travail serait de donner du mouvement aux 3 personnages.

Ok, commençons :

La première chose est évidemment d'ouvrir le programme, d'aller dans FICHIER, NOUVEAU et de cliquer sur Illustration. Une fois ici, nous définissons les dimensions que notre Gif aura, pour cet exemple j'en ai utilisé une de 1280 x 1024. Ensuite, dans Basic Expression Color, nous le sélectionnons pour avoir de la couleur, c'est à vous de voir, vous pouvez aussi faire quelque chose de monochromatique, tout est valable.

Ensuite, nous sélectionnons la fenêtre Créer une illustration en mouvement, nous la paramétrons pour qu'elle contienne 8 cellules et en dessous nous sélectionnons la vitesse, une de 8 fps, à mon avis c'est assez naturel comme ça, je le recommande. Ensuite, nous cliquons sur ACCEPTER.

Préparez votre crayon :

Une fois que nous avons créé la zone de travail où nous allons faire le gif, il est temps d'organiser notre création. Il existe de nombreuses façons de faire des animations, chaque artiste a bien sûr ses propres méthodes. Je ne montrerai ici qu'une seule façon d'obtenir du mouvement dans une image. C'est ainsi que cela a fonctionné pour moi et vous pouvez certainement trouver des moyens plus directs de faire la même chose, mais peut-être que certaines des choses que je vais vous expliquer vous seront utiles.

 

Assez de mots et passons à l'action-

La première chose à faire est d'aller dans la barre de commandes, c'est là que nous pourrons créer un nouveau dossier. Nous cliquons sur Nouveau dossier et y introduisons une couche raster. Ici, nous allons faire notre croquis initial (notre planification de tout ce qui sera dans la scène), et nous le nommerons avec un nom facile et rapide à trouver, par exemple : Croquis initial. Nous n'allons pas trop compliquer les choses.

Étape 2 :

Commençons par énumérer les étapes, ce sera mieux ainsi.

Une fois notre dossier créé avec sa couche raster correspondante, nous nous mettons au travail. Je précise que je ne vais pas mettre l'accent sur les outils et qu'il s'agit d'un tutoriel basé avant tout sur la réalisation des mouvements. Pour en revenir au sujet, ici vous devriez déjà avoir une esquisse de ce que vous voulez être dans la scène.

3 :

Une fois votre croquis établi, choisissez un personnage avec lequel commencer (si vous en avez plusieurs à choisir, si vous n'en avez qu'un parce que vous l'avez décidé dès le début, vous sauterez cette étape), eh bien, moins de paroles et plus d'action.

Maintenant, pour ce personnage, nous allons également créer un nouveau dossier avec une couche raster à l'intérieur, et nous allons lui donner un nom simple (ex : Sujet 1).

 

 

Dans ce dossier, vous dessinerez votre personnage dans ses moindres détails. Ne vous inquiétez pas, rien ne lui arrivera. Nous avons l'option de verrouillage dans la barre de commandes pour nous assurer que rien ne lui arrive. Vous pouvez vous sentir à l'aise pour le peaufiner comme vous le souhaitez.

Le but de ce dossier est exclusivement pour notre personnage car tout ce qui n'en sera pas déplacé s'y trouvera. Il fonctionnera comme un arrière-plan en termes simples, et nous ferons de même avec chaque personnage que contient la scène.

 

4:

Maintenant que nous avons terminé notre premier personnage (en nous référant à la ligne artistique), nous allons décider quelles parties de celui-ci vont bouger. Dans ce cas, j'ai choisi de faire bouger sa main droite, sa tête et aussi son bras gauche en même temps que sa main.

Après avoir décidé cela, ce que nous allons faire ensuite est d'aller à la première image d'animation, qui se trouve dans le dossier d'animation créé par défaut au début.

CLARIFICATION :

Nous n'utiliserons les images d'animation que pour réaliser les parties qui contiennent les mouvements de nos personnages et certains objets qui bougent également dans la scène (comme la cymbale du tambour comme dans le Gif que je montre en exemple) ou il pourrait également s'agir de nuages, de pluie, de rayons de soleil, de feuilles déplacées par le vent et de tout ce à quoi nous pouvons penser.

 

5 :

Nous allons maintenant tracer les parties de notre personnage qui se déplaceront dans la première image d'animation. Une fois tracées, nous allons sécuriser notre première image avec ces parties déjà tracées avec le verrou qui se trouve dans la barre de commandes.

6:

Ayant sécurisé le premier cadre, nous allons faire le même travail mais en sens inverse dans le dossier où se trouve l'esquisse initiale de notre personnage (c'est-à-dire dans le dossier du Sujet 1), puisque cette esquisse, comme nous l'avons dit précédemment, va fonctionner comme arrière-plan, nous effaçons les parties nouvellement tracées et il nous reste la partie fixe de notre personnage, cette partie fixe sera dans toutes les images que nous allons animer de ce personnage.

Voici à quoi devrait ressembler notre partie immobile du sujet 1

7:

Ayant terminé le croquis immobile dans le dossier Sujet 1 et les ayant déjà tracés sur la première image, ce que nous allons faire ensuite est d'aller à l'image Nº2.

 

Une fois ici, nous activerons la peau d'oignon qui se trouve au-dessus de la timeline, et elle révélera les parties de l'image 1 en violet (dans mon cas, c'est cette couleur dans laquelle apparaissent les mouvements de l'image précédente, je pense que c'est comme ça par défaut).

 

8:

Après avoir activé la peau d'oignon, nous pouvons commencer à donner vie à ce personnage, ce qu'il nous reste à faire est de raisonner un peu sur la façon dont les mouvements doivent être pour qu'ils ressemblent un peu à la réalité, nous n'allons pas être si précis, l'objectif est de les rendre cohérents et de pouvoir comprendre ce qui se passe.

Voici à quoi devrait ressembler notre personnage à ce stade du processus.

 

9:

Pour le deuxième mouvement, j'ai choisi de fermer les yeux du personnage, d'ouvrir sa bouche, d'étirer son bras gauche vers l'extérieur avec un léger mouvement de la main gauche et de fléchir également les doigts de la main droite vers l'intérieur.

Ici vous pouvez voir le reste des mouvements

Je vais passer outre l'explication détaillée de la progression graduelle des mouvements dans ces 5 images (CE GIF NE CONTIENT QUE 5 IMAGES DE MOUVEMENT). Si vous avez besoin d'aide pour réaliser les mouvements parce que vous trouvez un peu compliqué de savoir comment ils doivent être pour représenter une action particulière, vous pouvez vous enregistrer en vidéo en train de faire les mouvements que vous souhaitez dessiner, puis les regarder sur l'écran, cela peut beaucoup aider.

10:

Ce qui pourrait poser problème dans ce GIF, c'est au moment de peindre ce qui est en mouvement.

Pour cela, j'ai créé un dossier contenant exclusivement la couleur des 5 frames et évidemment ce dossier se trouvera en dessous du dossier d'animation qui est créé par défaut.

Ensuite, nous ajoutons une couche raster pour chacune des 5 images qui se trouvent dans la timeline à ce dossier (MOTION COLOR). Il peut arriver que la taille de la couche raster, une fois que nous l'avons créée, soit trop grande et s'étende sur toute l'animation, ce que nous ne voulons pas arriver car chacune de ces couches raster doit correspondre à une image individuelle puisqu'elle contiendra la couleur des parties mobiles de chaque image. Pour résoudre ce problème, ce que nous devons faire est de modifier la taille de chaque couche au fur et à mesure que nous la créons et nous le ferons avec l'onglet qui apparaît lorsque nous plaçons le curseur de notre souris sur la couche raster que nous allons modifier.

 

Voilà comment chaque couche raster doit se trouver sous son image d'animation correspondante. (Sous la forme d'une petite échelle).

Dans ces couches raster, nous pouvons facilement placer la couleur de toutes les parties mobiles des 3 personnages et s'il y avait plus de personnages, nous pourrions également placer les couleurs des parties mobiles de ces personnages.

11:

Il nous reste maintenant à peindre la partie immobile du Sujet 1 (le dossier s'appelle bien sûr Sujet 1 et c'est celui que nous avons créé au début après avoir fait le croquis initial).

Une fois cette partie immobile peinte, nous pouvons continuer avec les autres personnages, en créant un dossier individuel pour chacun où sera contenue sa partie immobile, et ses parties mobiles se trouveront dans les cadres d'animation (dans le dossier d'animation qui est créé par défaut). La couleur de ses parties mobiles se fera dans les couches raster contenues dans le dossier (MOTION COLOR), comme nous l'avons expliqué précédemment et en termes simples, il s'agit de répéter la procédure que nous avons effectuée avec notre SUJET 1, ainsi qu'avec chaque personnage.

Enfin, nous pouvons nous occuper de l'arrière-plan, qui comme son nom l'indique se trouvera dans l'arrière-plan de tout, ce sera le dernier dossier qui se trouvera sous tous les autres dossiers, nous lui donnons des détails et des couleurs.

Avec cela, nous concluons et maintenant nous pouvons profiter de notre GIF animé ou illustration avec mouvement comme nous aimons l'appeler.

 

J'espère que certaines des choses que j'ai dites tout au long de ce bref tutoriel vous ont été utiles et si quelque chose vous semble incertain ou si vous souhaitez en savoir un peu plus, écrivez-moi un commentaire, car j'aimerais pouvoir vous aider avec tout ce dont vous avez besoin.

Bien cordialement, à bientôt.