Animation pour débutants + Background en bonus

5 719

Luena/Nick

Luena/Nick

Bonjour à tous, voici mon premier article tuto, je suis Illustrateur, BD et animateur 2d freelance

Aujourd'hui, je vais vous apprendre à animer dans clip studio en tant que débutant

 

Dans ce tutoriel, j'utiliserai la Galaxy Tab s7 pour travailler. Mais ne vous inquiétez pas, clip studio est le même sur tous les appareils comme (tablettes, smartphones, Mac et PC)

C'est ainsi que l'animation que nous allons créer sera

1 - Créer un projet d'animation

dans la même fenêtre où nous démarrons une animation régulière, nous sélectionnerons la dernière option qui est l'animation, et nous utiliserons les paramètres suivants :

 

1 - Nom du fichier (choisissez le nom de votre projet d'animation)

2 - Préréglage (choisissez les paramètres d'animation standard et les résolutions dans clip studio)

3 - Taille de l'image de sortie (où vous pouvez choisir des paramètres plus avancés tels que la fréquence d'images que vous utiliserez dans le processus de création de votre animation)

 

dans ce cas, nous utiliserons les paramètres par défaut de 1920 x 18080 (192dpi)... Et nous utiliserons 12 images par seconde

 

généralement, les grandes entreprises utilisent 24 ips à 30 ips, mais dans ce cas, nous faciliterons un peu notre travail avec 12 ips

alors il ouvrira cette fenêtre de clip studio familière à ceux qui font déjà de l'illustration

 

il s'ouvrira avec un dossier d'animation et un calque par défaut

fondamentalement, le dossier d'animation a la même fonction qu'un dossier d'illustration normal

Ajoutons maintenant une "Timeline" pour avoir un meilleur contrôle des calques d'animation

 

1 - Fenêtre

2 - Chronologie

 

A la fin il ouvrira une fenêtre identique à la fenêtre des calques

2 - Esquisse

Créons notre premier croquis. Dans ce tutoriel nous allons dessiner "Pose par pose", méthode plus simple pour nous débutants. Nous allons dessiner chaque pose du mouvement que nous projetons dans notre esprit, puis dessiner entre les deux.

 

commençons par ajouter la première pose

Ajoutons maintenant la dernière pose à la fin de la chronologie.

 

Remarque : j'ai dupliqué la dernière pose "24" car je compte apporter une légère modification à la pose pour être plus fluide

Maintenant, dupliquons également le premier dessin et effectuons une légère transformation à l'aide d'un outil de Clip Studio Paint, disons que c'est un raccourci pour animer

J'aime organiser les calques et les renommer pour qu'ils soient plus faciles à utiliser dans la chronologie

 

Remarque : j'utilise Galaxy Tab s7

Ajoutons maintenant le dessin en double (Calque) à l'intérieur de la timeline. j'ai nommé comme 13

3 - comment ajouter un dessin (calques) à la timeline

cliquez d'abord sur la zone de la timeline où vous souhaitez ajouter le nouveau dessin, puis suivez ces étapes :

 

1 - Animations

2 - Éditer la piste

3 - spécifier les cellulos

Ajoutons le nom ou le numéro du dessin (calque) que nous voulons

 

Remarque : C'est pourquoi il est important de nommer un calque pour être plus organisé et plus facile

utilisons maintenant un raccourci pour animer. nous utiliserons simplement l'outil "Free Transform" pour créer un moment.

 

En bref, le moment est celui où nous anticipons un mouvement avant d'exercer le mouvement principal. Par exemple, dans l'animation d'un saut, vous devrez d'abord dessiner le personnage à esquiver avant de sauter. Nous utiliserons la même méthode dans cette animation mais en utilisant un outil "Transformation libre"

Si vous utilisez le raccourci CRT + T puis maintenez le CRT lorsque vous souhaitez effectuer la transformation, vous exécuterez essentiellement la fonction "Free Transform"

 

Déplaçons légèrement le dessin vers la gauche pour créer un moment

Activez la peau d'oignon pour voir ce que nous faisons, en utilisant le raccourci

dupliquons la première pose une fois de plus, en nous rappelant que nous ne dessinons pas encore sur les poses

cette fois, nous allons utiliser un raccourci pour ajouter le calque à la chronologie

et sélectionnez le calque que nous voulons

Utilisons l'outil "Transformation libre" pour déplacer le dessin plus à gauche

Maintenant, dessinons notre dernière pose

 

si nous cliquons sur l'outil "Jouer", nous pourrons jouer l'animation de la chronologie

 

cet outil fonctionne comme un lecteur vidéo ou de musique

Modifions un peu les paramètres du "Onion Skin" pour améliorer la visibilité de ce que nous animons

 

1- Animations

2 - Afficher les cellulos d'animation

3 - Paramètres de pelure d'oignon

va ouvrir cette fenêtre

 

1 - Nombre de skins (c'est ici que vous pouvez sélectionner le nombre de dessins que vous souhaitez voir lorsque vous activez la "pelure d'oignon")

 

2 - Afficher les paramètres (c'est l'outil qui nous intéresse pour le moment, où l'on peut changer la couleur des dessins précédents et suivants)

Choisissons la couleur rouge

maintenant c'est mieux et plus visible comme ça

Passons maintenant à l'encre (ligne propre)

 

pour créer un nouveau dossier d'animation, suivez simplement les étapes ci-dessous :

1 - Animations

2 - Nouveau calque d'animation

3 - Dossier d'animations

 

Et nommez-le (Encre)

4 - Cleanart (Encre)

Laisse maintenant l'encre

Diminuez l'opacité de l'esquisse pour avoir une meilleure vue de l'art propre

Et voici à quoi ressemblera l'animation après avoir passé une ligne nette

 

Maintenant, animons entre

Et plus entre les deux pour être plus fluide

Maintenant que l'animation est terminée, ajoutons quelques couleurs en créant un nouveau dossier d'animation

5 - Peindre l'animation

Utilisons maintenant ce raccourci "Nouveau cellulo d'animation" pour créer le calque directement depuis la timeline

Et nommez-le

J'aime peindre en utilisant une combinaison de l'outil "Chapiteau" puis de l'outil "Remplir"

Croyez-moi, cela prend moins de temps à les utiliser qu'à utiliser une brosse normale

en gros je peins d'abord l'intégralité du dessin sur le premier calque pour avoir une idée du résultat final, puis j'utilise une seule couleur pour chaque calque pour consommer moins de temps (je crois que c'est psychologique)

 

Par exemple, je peins uniquement la peau du personnage dans tous les calques, puis je peins uniquement les cheveux et ainsi de suite.

Un conseil, si vous souhaitez peindre en utilisant "Auto select" n'oubliez pas d'utiliser cette fonction (Close gap) pour travailler selon votre goût

6 - Ombre

Le processus est le même

Changeons pour multiplier

Voici une astuce, si vous activez l'outil "Clip to Layer below", chaque peinture que vous ferez ne traversera pas le dessin en dessous

Après avoir terminé l'ombrage, il vous suffit de diminuer l'opacité

7 - Contexte

Nous sommes arrivés au bonus... Le fond

 

Le fond est ce qui donne plus de vie au dessin, on va le faire comme s'il s'agissait d'une illustration normale. Dans ce cas, au lieu d'un calque normal, nous allons créer un dossier d'illustration normal et ajouter ce dossier à la chronologie, afin que tout ce que nous dessinons à l'intérieur soit vu en temps réel

Voyons à quel point il est amusant de créer Background

8 - Effets

Je vais être honnête, je ne sais pas comment faire du compositing dans des logiciels tiers comme After Effects, je préfère tout faire ici dans clip studio. Alors ajoutons quelques effets

J'utiliserai "Arbrush" pour ajouter des effets d'éclairage ambiant et des ombres

Je vais utiliser un calque normal pour l'image où l'effet doit être statique

J'ai ajouté un "Dégradé" pour lui donner plus d'effet

9 - Dossier Caméra 2D

Ajoutons maintenant une caméra (2d Camera Folder) pour pouvoir jouer avec les mouvements de l'animation

Placez toutes les couches dans le dossier de la caméra

Cet outil est connu sous le nom de "Keyframe" c'est là que nous allons ajuster la position de la caméra

Cette icône montre le principe de la "Keyframe". vous pouvez effectuer un zoom arrière, un zoom avant ou faire pivoter la caméra à l'aide de l'outil "Opération"

 

Remarque : Il est important de ne pas dépasser le rectangle bleu translucide, car il représente la limite de l'écran

Ajoutons maintenant l'icône finale de "l'image clé"

Et utilisez l'outil "Opération" pour dézoomer la caméra

J'ai décidé d'augmenter la chronologie pour que la caméra tourne plus lentement

10 - Finale

Et voici le résultat final, j'espère que ça aide !! 😁

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel