Bonjour! Dans cet article, nous apprendrons comment créer des EMOTES animées dans Clip Studio PAINT, afin que vous puissiez les télécharger sur le réseau social que vous utilisez, que ce soit Discord, Twitch, Instagram ou TikTok.

Qu'allons nous faire:

Nous apprendrons à réaliser 3 types d'émoticônes animées, qui sont les suivantes :

Emote 1

Émote 2

Emote 3

Par conséquent, je souhaite vous inviter à voir mon tutoriel intitulé :

Comment créer des EMOTES animées dans Clip Studio PAINT (TUTORIEL)

Pensez à activer les sous-titres dans votre langue, vous le trouverez sûrement :)

Que pensez-vous de la vidéo ? Nous avons vu étape par étape et en détail comment créer des émoticônes animées dans Clip Studio PAINT.

Étape par étape du processus d'émote animée

Nous allons maintenant voir à travers des images le processus pour créer nos émoticônes animées, tout comme nous l'avons vu dans le didacticiel vidéo, mais nous nous concentrerons sur une seule, puisque le processus est le même dans les 3 émoticônes animées.

1. Création de projet

Nous ouvrons Clip Studio PAINT et allons dans : Fichier - Nouveau.

Dans cette nouvelle fenêtre Projet, nous choisissons : Illustration et dans le nom du fichier, nous changeons le nom comme nous le voulons.

 

Dans Preset nous choisissons Carré (1668 x 1668 px) Résolution : 72

Enfin, il est très important d'activer : Créer une illustration animée.

Images par seconde à : 8 ips.

 

Et nous laissons tout tel quel comme vous pouvez le voir sur l'image suivante.

Une fois le projet créé il faut activer la timeline, pour cela on va dans le menu :

Fenêtre - Chronologie

Ensuite, nous allons dans le panneau des calques et supprimons le dossier d'animation créé par défaut à côté du projet.

2. Croquis d'animation

Ensuite, nous créons un nouveau calque raster.

Nom : Croquis

Avant de continuer, il est très important de sauvegarder notre projet, pour ce faire nous allons :

Fichier - Enregistrer sous. Et nous choisissons le dossier dans lequel nous voulons que le projet soit.

Et nous dessinons le croquis de notre animation, dans ce cas, ce sera le personnage aux yeux excités, très excité par quelque chose en particulier, presque en train de pleurer.

3. Animations

Passons à la timeline pour créer un nouveau dossier d'animation, nommé : Animation.

Nous allons accéder au panneau des calques et créer un nouveau dossier de calques, à l'intérieur du dossier d'animation nouvellement créé.

Dans ce dossier de calques, nous créerons différents types de calques.

 

- Ligne de couleur (Couche raster - Accrocher au calque ci-dessous)

- Ligne (couche vectorielle)

- Ombrage (couche raster)

- Base (couche raster)

 

 

Nous sélectionnons le calque Ligne et sur la timeline nous activons : Spécifiez Cels.

Nous choisissons le dessin 1

Enfin, nous sélectionnons le calque Sketch et réduisons l'opacité à 25%.

Nous allons animer uniquement les yeux, puisque ce sera la seule chose qui aura du mouvement.

Pour cela, je recommande d'utiliser l'outil Plume.

Et nous dessinerons les yeux sur le calque de lignes.

Et nous réalisons le premier dessin de l'animation des yeux.

Maintenant, dans la timeline, nous passons à l'image 2 pour créer une nouvelle cellule d'animation.

Comme vous pouvez le voir, nous avons créé cette nouvelle cellule d'animation en respectant tous les calques et leurs noms. C’est une option que j’adore et qui nous fait gagner beaucoup de temps.

Nous activons la pelure d'oignon pour pouvoir voir le dessin précédent et nous guidons pour réaliser ce nouveau dessin.

On obtient le résultat suivant :

Une fois que nous aurons terminé, nous allons éditer la durée de l'animation, en la laissant à 2 images.

Nous faisons cela en prenant la parenthèse bleue sur la chronologie.

Maintenant, sous l'animation des yeux, nous créons un nouveau dossier de calques.

Nom : Corps. Et nous allons créer les mêmes calques que ceux que nous avons créés pour l'animation des yeux.

 

- Ligne de couleur (Couche raster - Accrocher au calque ci-dessous)

- Ligne (couche vectorielle)

- Ombrage (couche raster)

- Base (couche raster)

 

 

Et sur le calque de lignes, nous dessinons la ligne de bordure du corps du personnage.

Pour le moment nous avons le résultat suivant :

Ligne d'animation

4. Couleur des animations

Ensuite, nous allons peindre notre animation. Tout d'abord, nous sélectionnons l'outil Remplissage. Dans le sous-outil : reportez-vous aux autres calques.

Pour avoir les couleurs de notre personnage je vais importer une image, puisque c'est un personnage que j'ai utilisé pour d'autres animations.

 

Pour ce faire, nous allons activer l'outil Subview. Dans la fenêtre - Sous-vue.

En bas, nous avons des options pour importer une image depuis notre équipement, cela dépendra si vous travaillez depuis un ordinateur ou, comme c'est mon cas, depuis un iPad Pro.

N'oubliez pas d'activer l'outil Pipette dans la fenêtre Sous-vue, ainsi lorsque vous déplacez le curseur sur l'image, nous pouvons sélectionner la couleur, tandis que dans la zone de travail, nous pouvons peindre avec l'outil de remplissage, sans avoir à changer d'outil.

 

C'est quelque chose de très utile !

Pour peindre, nous commencerons par la zone du corps, pour ce faire, nous désactivons un instant l'animation des yeux et sélectionnons le calque de base dans le dossier des calques du corps, pour pouvoir peindre en un seul clic.

En utilisant l'outil de sous-vue, en reprenant les couleurs de notre personnage, nous avons pu peindre le corps.

Pour peindre la ligne de bordure, nous sélectionnons le calque Color Line et peignons toute la zone de travail.

 

Mais grâce à l'option que nous avons activée précédemment appelée : Ajuster au calque inférieur. Cela n'affectera que la ligne du personnage.

Maintenant, nous allons peindre l'ombre, la première chose que nous allons faire est de sélectionner le calque Ombrage et dans les modes de fusion, nous passons de Normal à Multiplier.

Avec les mêmes couleurs que le calque de base, nous allons peindre les ombres, cette fois avec l'outil Plume.

Nous allons maintenant peindre l'animation des yeux, pour ce faire, nous désactivons le calque corps et rendons visible le dossier d'animation des yeux.

Mais d’abord, en double-cliquant sur le calque de papier nous allons changer la couleur du fond blanc. Pour que les couleurs ne se confondent pas lors de la peinture des yeux. Il m'arrive toujours d'oublier de peindre la zone blanche des yeux alors que la zone de travail est blanche par défaut.

Un ton gris suffit, rappelez-vous que ce n'est que pour nous guider, puisque l'animation finale sera transparente.

Et nous peignons de la même manière qu'avec le corps, avec l'outil Remplissage et l'outil Plume.

Et on fait de même avec le deuxième dessin de l'animation des yeux.

Une fois que nous avons terminé, nous rendons à nouveau visible le calque corps, pour que notre animation soit terminée.

Et en ce moment nous avons l'animation suivante :

Couleur des animations

5. Effet de bord

Enfin nous ajouterons un effet, pour ce faire nous créons un nouveau dossier de calques au-dessus de tous les calques.

Nom : Emote 1 (ou ce que vous voulez)

Et nous prenons le calque d'animation des yeux et du corps en les plaçant dans ce nouveau dossier de calques appelé Emote 1.

En sélectionnant le dossier Emote 1 dans les propriétés du calque, nous activons : Effet de bordure.

Nous augmentons sa valeur à 15. Rendre visible une bordure blanche sur tout le contour de notre personnage.

Et on obtient le résultat suivant :

Animation avec effet de bordure

6. Exportez votre animation

Enfin nous allons exporter notre animation, pour ce faire nous allons dans Fichier - Exporter l'animation - Gif animé.

Nous pouvons donner un nom à notre fichier d'animation

Dans cette nouvelle fenêtre nous laisserons tout par défaut, dans mon cas je laisserai la taille être de 560 x 560 px. Si vous voulez qu'il soit plus grand, vous pouvez changer la valeur, pour moi c'est suffisant.

 

Mais il est très important d'activer : Rendre l'arrière-plan transparent.

 

C'est l'une des nouvelles options de Clip Studio PAINT. Personnellement, j'adore ça !

Après avoir cliqué sur OK et exporté notre animation, Clip Studio nous donnera des informations sur le fichier exporté.

Émote animée

7. Téléchargez des émoticônes animées sur Giphy

Pourquoi dois-je télécharger l'émote animée sur Giphy ? Parce que je n'ai pas de compte Discord ou Twitch, mais cela ne m'empêche pas de créer mes propres emotes animées à utiliser et à partager sur d'autres réseaux sociaux, et c'est là que Giphy nous aidera beaucoup.

 

Nous allons sur Giphy et cliquons sur le bouton : Créer un nouveau GIF ou autocollant.

Puis sur le bouton : Sélectionnez GIF ou vidéo de l'appareil.

On recherche les animations et on active le bouton : Utiliser.

Dans cette nouvelle vue, nous allons ajouter un lien et des étiquettes, ceux-ci sont très importants lorsque des utilisateurs du monde entier utilisent nos animations.

 

Je recommande toujours de saisir votre nom d'utilisateur et de rechercher des mots liés à votre animation, dans mon cas par exemple, il pourrait s'agir des tags : kawai, emote, cry, eye, anime, chibi, réaction, etc.

 

Une fois que nous avons terminé, nous cliquons sur le bouton : Télécharger sur Giphy.

Et prêt! Nous avons téléchargé notre emote animée sur Giphy.

Si on clique dessus pour le regarder on voit qu'il y a un message en bas, cela nous indique qu'il est en cours d'analyse par la plateforme Giphy, il faut attendre quelques heures.

Pendant que nous téléchargeons les autres animations que nous avons réalisées dans le didacticiel, obtenant un total de 3 nouvelles emotes animées.

Et au bout de quelques heures on regarde à nouveau nos animations, si le message apparaît : Disponible sur Giphy c'est parce que vos emotes animées peuvent désormais être utilisées par vous ainsi que par n'importe qui dans le monde.

8. Émotes animées sur Instagram

Ci-dessous, vous pouvez voir comment j'utilise mes émoticônes animées pour mes histoires Instagram (vous pouvez également les utiliser pour les vidéos Instagram Reels ou TikTok)

 

Lors de la création d'une histoire Instagram, nous sélectionnons Autocollant - Gif et écrivons notre nom d'utilisateur (c'est plus facile à trouver) et dans mon cas, j'ai tous ces autocollants/émoticônes animés.

 

D'autres personnes peuvent les utiliser en écrivant les mots que nous utilisons sur les étiquettes.

J'en choisis un et nous pouvons l'utiliser dans nos histoires Instagram.

9. Adieu

J'espère que cet article vous a inspiré pour que vous puissiez créer vos propres émoticônes animées, comme vous pouvez le constater, vous pouvez les utiliser sur le réseau social de votre choix.

 

Rendez-vous dans le prochain TIP !