Introduction
Bonjour ! Vous êtes sur le point de vous lancer dans un voyage passionnant dans le monde de la création d'emotes animés dans Clip Studio Paint. Les emotes animés peuvent transmettre des émotions, des expressions et de la personnalité dans vos conversations en ligne, que ce soit sur vos streams Twitch, vos chats Discord ou vos messages sur les réseaux sociaux. Dans ce tutoriel, je vous guiderai pas à pas à travers les outils essentiels pour créer vos propres emotes animés.
Que vous soyez un artiste expérimenté ou un débutant enthousiaste, ce tutoriel est conçu pour vous aider à transformer vos concepts en emotes animés.
Alors, préparez-vous à plonger dans le monde de la créativité numérique et à élever vos conversations en ligne à un tout autre niveau. Commençons à donner vie à vos idées !
Tutoriel vidéo
Dans ce tutoriel vidéo, je vais vous montrer l'interface de travail, et vous pourrez également voir un time-lapse de l'animation.
Préparer notre espace de travail
Avant de commencer, il est essentiel de préparer notre espace de travail. Dans cette étape cruciale, je vais vous montrer comment configurer Clip Studio Paint pour l'animation, y compris l'organisation des calques et l'explication des outils essentiels.
Un nouveau fichier d'animation
Allons dans Fichier > Nouveau et une fenêtre s'ouvrira :
1- Nous sélectionnons l'option animation
2- Nous modifions la Hauteur et la Largeur de notre toile, dans mon cas je la laisse à 2000x2000
3- Nous sélectionnons 24 images par seconde (cela signifie qu'il y aura 24 images en 1 seconde). Plus nous avons d'images par seconde, plus l'animation sera fluide, mais le standard est de 24fps.
Dans la section Durée, nous laissons telle quelle, car nous la modifierons plus tard si nécessaire. Vous pouvez modifier n'importe laquelle de ces options comme vous le souhaitez.
Calques et Dossiers
C'est très important pour faciliter notre flux de travail. N'oubliez pas de suivre cette étape avant de commencer toute animation.
Comme vous le verrez, dans la fenêtre des calques, vous en aurez déjà un créé (1), ce calque représente votre première image clé, mais nous ne pourrons pas placer de calques au-dessus pour faire le lineart ou en dessous pour peindre notre dessin. En d'autres termes, chaque image clé que nous créons ne peut avoir qu'un seul calque de dessin.
Mais nous allons changer cela et faire en sorte que chaque image clé puisse avoir plusieurs calques. Cela nous aidera à avoir un espace de travail beaucoup plus ordonné.
1- Nous créons un nouveau dossier
2- Nous déplaçons notre Calque (1) dans le dossier précédemment créé
3- Nous changeons le nom du dossier pour le même nom que le calque, c'est-à-dire, 1
Maintenant, chaque fois que vous créerez une nouvelle image clé, vous aurez un nouveau dossier où vous pourrez ajouter tous les calques que vous souhaitez.
Naviguer dans les outils
Dans cette section, je vais vous montrer les outils de base pour animer.
1- Vous pouvez déplacer ces marqueurs pour modifier la durée de votre animation.
2- Vous pouvez également modifier la taille de cette case, cela détermine jusqu'où vous voulez que votre animation soit visible.
1- Avec cette option, vous créerez vos images clés.
2- En cliquant sur cette icône, vous pourrez activer le calque pelure d'oignon.
3- Avec ces options, vous pourrez lire votre animation (>), aller au début (I<), à la fin (>I), passer à l'image clé précédente (<I), ou passer à l'image clé suivante (I>).
1- Vous pourrez zoomer ou dézoomer la vue de votre timeline, pour mieux voir les images clés.
2- Activez cette fonction pour que votre animation se joue en boucle.
3- Cette option sert à créer de nouveaux dossiers d'animation, vous pourrez ainsi faire une nouvelle animation indépendante de celle que vous avez déjà créée.
Pelure d'oignon
La pelure d'oignon sert à visualiser les images clés précédentes et suivantes, nous allons configurer cette fonction à notre guise.
Pour configurer la pelure d'oignon, allons dans « Animation » > « Afficher les calques d'animation » > « Paramètres de la pelure d'oignon »
La fenêtre suivante s'ouvrira :
1- Vous pouvez modifier le nombre d'images clés précédentes ou suivantes que vous souhaitez voir.
2- Modifiez la couleur des images clés précédentes ou suivantes.
3- Modifiez l'opacité de la pelure d'oignon.
Et maintenant ? À l'animation !
Maintenant que toutes les fonctions les plus importantes de l'espace de travail d'animation ont été expliquées, nous pouvons commencer à créer notre emote animée.
1- J'ai d'abord commencé par créer les images clés, avant de lancer le cœur et quand il l'a déjà lancé.
2- J'ai ajouté une pose d'anticipation pour que la transition d'une image à l'autre soit un peu plus fluide.
3- Enfin, j'ai dessiné deux poses de réaction, en faisant bouger un peu les cheveux et la veste à cause du mouvement du corps.
Au final, voici la durée de chaque image : 1=6 images clés ; 2= 2 images clés ; 3= 3 images clés ; 4= 2 images clés ; 5= 2 images clés
Exporter l'animation
Ici, je vais vous montrer comment exporter votre animation en tant que GIF animé ou en tant que séquence d'images.
Exporter en tant que GIF animé
Allons dans « Fichier » > « Exporter l'animation » > « GIF animé »
Après avoir sélectionné le dossier où vous souhaitez enregistrer votre fichier, cette fenêtre apparaîtra :
-Dans Largeur et Hauteur, modifiez-le pour qu'il ait la même mesure que votre toile (2000x2000).
-Dans la plage d'exportation, laissez-le tel quel, ce sera la même que la durée de l'animation.
-Vitesse d'images par seconde, laissez-la à 24 (ou le même nombre de fps que vous avez configuré au début)
Cliquez sur Accepter et attendez.
Exporter en tant que séquence d'images sans fond
La séquence d'images nous permettra d'avoir notre GIF animé sans fond. Pour que cela fonctionne, vous devez d'abord désactiver le calque « papier » en cliquant sur le petit œil qui se trouve à côté du calque.
Allons dans « Fichier » > « Exporter l'animation » > « Séquence d'images »
La fenêtre suivante s'ouvrira :
1- Nous sélectionnons le dossier où nos images seront enregistrées.
2- Nous modifions le nom que porteront chacune de ces images.
3- Pour que l'image n'ait pas de fond, le type de fichier doit être PNG.
4- Nous laissons en Canevas complet.
5- Cette section reste telle quelle, elle détermine la durée de l'animation et le nombre d'images par seconde qu'elle aura.
Appuyons sur Accepter, attendons et c'est fait.
Vous pouvez importer cette séquence d'images dans Photoshop ou un autre programme qui vous permet d'exporter un GIF animé sans fond. Malheureusement, Clip Studio n'a pas encore cette fonction, espérons qu'ils l'ajouteront lors des prochaines mises à jour.
Merci d'avoir lu !
Et ainsi se termine le tutoriel ! J'espère que vous l'avez trouvé informatif et que tout a été clairement compris, j'espère aussi que vous vous sentirez inspiré pour porter vos idées créatives vers de nouveaux horizons.
Maintenant que vous avez acquis des connaissances sur les outils et les processus essentiels, je vous encourage à continuer d'explorer et de perfectionner vos compétences dans le monde de l'animation numérique. Revenez à ce tutoriel chaque fois que vous en aurez besoin comme référence.
N'hésitez pas à laisser un commentaire, vous pouvez donner vos suggestions et opinions, j'adorerais vous lire.
Merci de m'avoir accompagné dans ce voyage d'apprentissage et de créativité ! J'ai hâte de voir vos propres emotes animées ! À la prochaine !
Les utilisateurs qui ont aimé cette publication
Commentaire