Vidéo:

Salut ! Je m'appelle Iarlis et aujourd'hui je vous propose un tutoriel sur la façon de réaliser une illustration avec du mouvement.

 

Il s'agit d'un tutoriel pour débutants, qui commence par un peu de concept d'animation pour que vous puissiez donner vie à vos illustrations !

Ce que nous ferons sera quelque chose de similaire à ces exemples de commission <3

Exemples :

Étape 1 : Esquisse + Explication de la chronologie

Il est important de marquer dans le croquis le mouvement que nous allons faire dans l'illustration. Évidemment, certaines personnes le font tout de suite, mais lorsque nous créons une animation simple, nous devons marquer les points importants.

Exemple : mouvement des yeux, cheveux, vêtements, etc. !

Conseil :

Si c'est la première fois que vous animez, je vous recommande de faire des mouvements simples : clignement des yeux, cheveux, paysage. Parfois, moins c'est plus.

Chronologie

Créons la chronologie, allons dans « Fenêtre » -> chronologie.

Nous la laisserons par défaut.

1 : Il s'agit du dossier d'animation, c'est un dossier dans lequel nous pouvons placer différents calques pour organiser. Il ressemble à un dossier normal mais celui-ci est exclusivement destiné à l'animation.

 

Pourquoi ne pas mettre un dossier normal ? Le dossier normal est enregistré dans toute la timeline. Cela signifie que nous ne pouvons ni le raccourcir ni l'allonger.

 

2 : Il s'agit du calque de pelure d'oignon, je suis sûr que la plupart d'entre vous en ont entendu parler. Il sert à voir le dessin précédent et suivant pour nous guider entre les images.

 

3 : Il s'agit de la cellule d'animation bien connue. Elle apparaît comme un calque à l'intérieur du dossier d'animation et avec son aide, nous pouvons créer la séquence.

Croquis animé + concept d'animation

Maintenant que nous comprenons un peu la chronologie, nous allons passer à la classification du croquis. Esquissons l'animation.

 

Un concept de base de l'animation est que plus vous avez d'images ensemble (plus de dessins), plus le mouvement est lent. Et plus les dessins sont éloignés, plus il est rapide.

 

Si vous souhaitez réaliser une animation plus complexe avec du mouvement, je vous recommande de faire les poses clés bien connues. Mais dans ce tutoriel, je me concentrerai simplement sur une animation simple.

 

Exemples de pratique d'animation que j'ai réalisés à mon université <3

Si vous êtes intéressé par des animations complexes, cette astuce officielle de Clip Studio l'explique plus en détail

1) Les dossiers normaux peuvent être utilisés pour l'organisation (comme dans mon cas).

2) Les dossiers d'animation sont obligatoires lors de l'animation car ils nous permettent de nous déplacer dans la chronologie.

 

En tant qu'esquisse animée, je ne ferai que des clignements des yeux, de la fumée de café, un téléphone portable et des pupilles.

Le reste sera animé dans After Effects

Étape 2 : Dessin au trait et couleur

L'étape du dessin au trait et de la couleur est la même que pour une illustration. Dans l'illustration normale, nous utilisons les dossiers normaux et dans le dessin au trait d'animation, nous utiliserons les dossiers d'animation que j'ai expliqués ci-dessus.

 

Pour vous guider dans la couleur de l'animation, utilisez plusieurs dossiers d'animation, NE FAITES PAS toute la couleur complète dans un seul calque car sinon cela sera difficile lors du passage à l'image suivante. Séparez-les par : dessin au trait, couleur de base, ombre, luminosité.

Pour que tout ne paraisse pas désordonné lorsque vous regardez autant de dossiers d'animation, organisez-les avec les dossiers normaux.

Cheveux : préparer les mèches

Pour les cheveux, nous allons séparer les mèches : la BASE statique puis les mèches divisées. Dans la partie cheveux, nous n'avons pas besoin du dossier d'animation (j'allais le faire dans clip studio mais j'ai décidé de le faire après pour vous montrer, c'est pourquoi il y a le dossier d'animation)

Cela a l'air bizarre sans cheveux haha. Les cheveux de base seront ceux qui ne bougeront pas.

Donc ! Il faut tout préparer pour ensuite le passer après. Nous allons faire les cheveux comme nous le faisons habituellement mais en séparant les mèches pour les préparer.

En ce moment, je sépare les mèches en PARTIE A et PARTIE B, qui seraient la frange, et je subdivise les mèches.

Cela m'aide à avoir un meilleur ordre lors de l'exportation en PNG et de l'ajout à l'après.

Étape 3 : Exporter pour l'ajouter à After

Nous allons exporter comme ceci. Nous allons exporter l'animation mais nous allons cacher les dossiers que nous devons animer plus tard dans After Effects. Dans mon cas, ce seraient les cadenas et d'autres choses comme les logos et les symboles.

 

 

Exportation de l'animation :

Nous allons masquer les dossiers que nous avons laissés de côté pour les importer plus tard dans After Effect. L'animation que nous n'allons pas modifier et que nous avons réalisée dans CLIP Studio sera exportée sous forme de film.

Je vous conseille de toujours colorier les dossiers que vous animerez ailleurs. Dans ce cas, le violet correspond aux dossiers que j'animerai dans After Effect.

Cela ressemblerait à ceci avant les effets secondaires.

Exportation PNG pour après :

Vous vous souvenez de la fumée que j'ai faite au début ? C'est une animation que j'ajouterai plus tard, mais comment l'exporter ? Nous l'exporterons sous forme de séquence d'images.

Les étapes à suivre seraient donc les suivantes :

Fichier -> exporter l'animation -> séquence d'images

Pour les brins, on va respecter l'ordre. Il ne faut pas tout exporter en entier, mais chaque brin avec son nom respectif. C'est fastidieux mais ça nous aidera lors de l'importation.

EFFETS SÉQUENTIELS

Importer des fichiers

RECOMMANDATION : regardez la vidéo pour mieux comprendre. Je vais essayer de l'expliquer ici.

 

Pour les cheveux, il faut « ancrer » pour ainsi dire

De cette façon, les cheveux bougeront mais sur place et pas n'importe où.

Ok, nous avons la rotation, nous allons la garder simple haha.

Activons le cadre (ce qui est à côté de la rotation) et nous allons nous déplacer le long de la timeline et changer le numéro. Dans mon cas, je mettrai 7. Et puis à la fin, nous remettrons 0 pour créer la boucle.

Pour exporter l'animation, il faut aller dans :

Fichier->exporter ->ajouter à la file d'attente d'encodage ou de traitement d'Adobe.

Nous pouvons l'exporter au format png sous forme de séquence d'images ou h.264.

Dans mon cas, dans les deux sens car je souhaite améliorer certains détails et ajouter des choses dans Photoshop <3

Résultat:

Alors ne vous limitez jamais <3 et j'ai hâte de voir vos belles animations !