Introduction
Bonjour! Vous êtes sur le point de vous lancer dans un voyage passionnant dans le monde de la création d'émoticônes animées dans Clip Studio Paint. Les émoticônes animées peuvent transmettre des émotions, des expressions et de la personnalité dans vos conversations en ligne, que ce soit dans vos flux Twitch, vos discussions Discord ou vos messages sur les réseaux sociaux. Dans ce tutoriel, je vais vous guider étape par étape à travers les outils essentiels pour créer vos propres émoticônes animées.
Que vous soyez un artiste expérimenté ou un débutant enthousiaste, ce tutoriel est conçu pour vous aider à transformer vos concepts en émoticônes animées.
Alors préparez-vous à vous immerger dans le monde de la créativité numérique et à faire passer vos conversations en ligne à un tout autre niveau. Commençons par donner vie à vos idées !
Didacticiel vidéo
Dans ce tutoriel vidéo je vais vous montrer l'interface de travail, 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 expliquer les outils essentiels.
Un nouveau fichier d'animation
Nous allons dans Fichier > Nouveau et une fenêtre s'ouvrira :
1- Nous sélectionnons l'option animation
2- On modifie la Hauteur et la Largeur de notre toile, dans mon cas je la laisse à 2000x2000
3- On sélectionne 24 images par seconde (cela veut dire qu'il y aura 24 images en 1 seconde) Plus on a d'images par seconde, plus l'animation sera fluide, mais la norme est de 24fps.
Dans la section Durée, on le laisse tel quel, puisque nous le modifierons plus tard, si nécessaire. Vous pouvez modifier n'importe laquelle de ces options selon vos préférences.
Calques et dossiers
Ceci est très important pour faciliter notre flux de travail. N'oubliez pas de faire cette étape avant de démarrer toute animation
Comme vous le verrez, dans la fenêtre des calques vous en aurez un déjà créé (1), ce calque représente votre premier cadre, mais nous ne pourrons pas mettre de calques dessus pour faire le linéaire ou en dessous pour peindre notre dessin. En d’autres termes, chaque cadre que nous créons ne peut avoir qu’un seul calque de dessin.
Mais changeons cela et faisons en sorte que chaque image puisse avoir plusieurs calques. Cela nous aidera à avoir un espace de travail beaucoup plus organisé.
1- Nous créons un nouveau dossier
2- On déplace notre Layer (1) vers le dossier précédemment créé
3- Nous changeons le nom du Dossier par le même nom que le Calque, c'est-à-dire 1
Désormais, chaque fois que vous créez un nouveau cadre, vous aurez un nouveau dossier dans lequel vous pourrez ajouter tous les calques souhaités.
Navigation dans les outils
Dans cette section, je vais vous apprendre 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 souhaitez que votre animation soit visible.
1- Avec cette option vous créerez vos cadres.
2- En cliquant sur cette icône vous pouvez activer la pelure d'oignon.
3- Avec ces options vous pouvez lire votre animation (>), aller au début (I<), à la fin (>I), déplacer une image précédente (<I), ou passer à l'image suivante (I>) .
1- Vous pouvez zoomer ou dézoomer sur votre timeline pour mieux voir les images.
2- Activez cette fonction pour que votre animation soit jouée en boucle.
3- Cette option consiste à créer de nouveaux dossiers d'animation, afin que vous puissiez créer une nouvelle animation indépendante de celle que vous avez déjà créée.
Feuille d'oignon
La pelure d'oignon sert à afficher les images précédentes et suivantes, nous allons configurer cette fonction à notre guise
Pour configurer la peau d'oignon, nous allons dans « Animation » > « Afficher les cellules d'animation » > « Paramètres de la peau d'oignon »
La fenêtre suivante s'ouvrira :
1- Vous pouvez modifier le nombre d'images précédentes ou suivantes que vous souhaitez voir.
2- Modifier la couleur des images précédentes ou suivantes.
3- Modifier l'opacité de la peau de l'oignon
Et maintenant? Réjouissons-nous !
Avec toutes les fonctions les plus importantes de l'espace de travail d'animation expliquées, nous pouvons commencer à créer notre emote animée.
1- J'ai d'abord commencé à réaliser les images clés, avant de lancer le cœur et quand il a été lancé.
2- J'ai ajouté une pose d'anticipation pour rendre le passage d'une image à l'autre un peu plus fluide.
3- Enfin, j'ai dessiné deux poses de réaction, faisant bouger un peu les cheveux et la veste en raison du mouvement du corps.
Au final, c'est la durée de chaque image, 1 = 6 images ; 2= 2 images ; 3= 3 images ; 4= 2 cadres ; 5= 2 images
Exporter une animation
Ici, je vais vous montrer comment exporter votre animation sous forme de GIF animé ou de séquence d'images.
Exporter en GIF animé
Nous irons dans « Fichier » > « Exporter l’animation » > « GIF animé »
Après avoir sélectionné le dossier dans lequel vous souhaitez enregistrer votre fichier, cette fenêtre apparaîtra :
-Dans Largeur et Hauteur, modifiez-le pour qu'il ait la même taille que votre toile (2000x2000).
-Dans la plage d'export, laissez-le tel quel, ce sera la même que la durée de l'animation.
-Frame rate, laissez-le à 24 (ou le même fps que vous avez défini au début)
Ils l'acceptent et attendent.
Exporter sous forme de séquence d'images sans arrière-plan
La séquence d'images nous permettra d'avoir notre gif animé sans fond. Pour que cela fonctionne, il faut au préalable désactiver le calque « papier » en appuyant sur le petit œil sur le côté du calque.
Nous irons dans « Fichier » > « Exporter l’animation » > « Séquence d’images »
La fenêtre suivante s'ouvrira :
1- Nous sélectionnons le dossier dans lequel nos images seront enregistrées.
2- On change le nom que portera chacune de ces images.
3- Pour que l'image n'ait pas de fond, le type de fichier doit être PNG.
4- On le laisse en pleine Toile.
5- Nous laissons cette section telle quelle, elle détermine la durée de l'animation et les images par seconde qu'elle aura.
On appuie sur Accepter, on attend et c'est tout.
Vous pouvez importer cette séquence d'images dans Photoshop ou un autre programme qui vous permet d'exporter un GIF animé sans arrière-plan. Malheureusement Clip Studio ne dispose pas encore de cette fonctionnalité, espérons qu'ils l'ajouteront dans les prochaines mises à jour.
Merci pour la lecture!
Et cela conclut le tutoriel ! J'espère que vous l'avez trouvé instructif et que vous avez tout compris clairement, j'espère également que vous vous sentirez inspiré pour emmener vos idées créatives vers de nouveaux horizons.
Maintenant que vous avez acquis des connaissances sur les outils et processus essentiels, je vous encourage à continuer d'explorer et de perfectionner vos compétences dans le monde de l'animation numérique. Revenez à ce didacticiel chaque fois que vous en avez besoin pour référence.
N'hésitez pas à laisser un commentaire, vous pouvez donner vos suggestions et avis, j'aimerais vous lire.
Merci de m'avoir rejoint dans ce voyage d'apprentissage et de créativité ! J'ai hâte de voir vos propres émoticônes animées ! Jusqu'à la prochaine fois!
Les utilisateurs qui ont aimé cette publication
Commentaire