Émoticônes animées faciles (Tutoriel étape par étape)
Tutoriel vidéo complet
Avant de commencer :
Téléchargez le fichier d'exemple :
Lien Google Drive :
Vous pouvez beaucoup apprendre en suivant la vidéo, alors veuillez télécharger le fichier d'exemple afin que nous puissions faire cela ensemble !
Configuration de l'espace de travail
Nous devons configurer les onglets d'animation de Clip Studio :
1. Activer la Chronologie
Fenêtre —> Chronologie
2. Créer un fichier d'animation
Fichier —> Nouveau —> Animation
Après avoir suivi les étapes ci-dessus, votre écran devrait ressembler à ceci :
Maintenant, nous sommes prêts à ouvrir notre fichier et à animer !
Leçon 1 : Créer une émoticône de tête qui tourne
1. Ouvrez le fichier « FunEmotes.clip » que nous avons téléchargé. Il devrait ressembler à ceci :
À quoi cela ressemblera une fois terminé :
Processus étape par étape :
Assigner les Cellules
1. Créer un nouveau dossier d'animation
2. Faites glisser le dossier John dans le dossier d'animation
et renommez le dossier « John » en —> « 1 »
Et le « Dossier » —> « John » pour un suivi facile
3.Allez à la cellule 1 et assignez le dossier « 1 »
4. Dupliquer le dossier « 1 »
Il y aura maintenant un nouveau dossier nommé « 2 »
5. Allez à la cellule 3 et assignez le dossier « 2 »
6 : Après avoir suivi les étapes ci-dessus :
Dupliquez le dossier « 2 »—->Il y aura maintenant un nouveau dossier nommé « 3 » —> Allez à la cellule 5 —-> Assignez le dossier « 3 ».
Puis :
Dupliquez le dossier « 3 »—->Il y aura maintenant un nouveau dossier nommé « 4 » —> Allez à la cellule 7 —-> Assignez le dossier « 4 ».
L'affectation finale devrait ressembler à ceci :
Activer la pelure d'oignon
Pour faciliter le travail avec les émoticônes, nous utiliserons la fonction Peau d'oignon.
Elle vous permet de voir à travers tous vos dessins afin de savoir où il se trouvait avant et où il sera à l'avenir. Pour l'activer, suivez les étapes ci-dessous :
Le bleu représente le dessin précédent et le vert représente le dessin suivant
Déplacer l'image
1. Développez le dossier « 1 » —> Sélectionnez le calque Tête —-> Utilisez l'outil Déplacement pour changer la position de la tête
2. Nous ferons de même pour les autres calques, mais ajusterons la position de la tête comme ci-dessous :
Déplacez la tête de « 2 » ici :
Déplacez la tête de « 3 » ici :
Déplacez la tête de « 4 » ici :
3. Utilisez l'outil Fluidité pour ajuster la tête et le corps
*L'outil Fluidité se trouve généralement dans le sous-outil Mélanger
Utilisez l'outil Fluidité en mode Pousser —> Sélectionnez le calque Tête —-> Cliquez et faites glisser la Tête
Faites de même avec le Corps :
Utilisez l'outil Fluidité—> Sélectionnez le calque Corps —-> Cliquez et faites glisser le Corps
4. Ajustez la tête et le corps pour tous les autres dossiers à l'aide de l'outil de fluidité :
Lecture de l'image
Vous pouvez facilement prévisualiser comment elle se déplace en appuyant sur « Lecture » dans la Chronologie, mais n'oubliez pas d'appuyer sur le bouton « Lecture en boucle » afin qu'elle se répète jusqu'à ce que vous l'arrêtiez.
Pour arrêter l'animation, appuyez sur le bouton « Pause ». Il se trouve à l'emplacement du bouton Lecture :
Ajouter des effets de flou de mouvement à votre émoticône
Pour donner plus d'énergie à votre émoticône, ajoutons des flous de mouvement !
Sélectionnez le calque Tête —> Allez dans Filtre —> Flou -> Flou de mouvement
Ajustez les paramètres jusqu'à ce que vous soyez satisfait, puis appuyez sur OK
Il est maintenant plus énergique ! Nous avons presque terminé !
Exporter votre émoticône
Puisque nous sommes satisfaits de notre émoticône. Nous allons l'exporter au format GIF afin de pouvoir l'envoyer à nos amis.
Allez dans Fichier —-> Exporter l'animation —-> GIF animé
*Remarque : Le carré intérieur est la zone que le GIF coupera, donc tout ce qui se trouve en dehors du carré intérieur ne sera pas visible lors des exportations.
Il vous demandera d'enregistrer le fichier, alors enregistrez-le où vous le souhaitez
Enfin, il vous demandera d'ajuster les paramètres GIF et d'appuyer sur OK :
VOUS AVEZ TERMINÉ FÉLICITATIONS !!! OUVREZ LE FICHIER ET WEEEEEEEEEEEE !!!
Leçon 2 : Créer une émoticône de léchage
Je vous conseille fortement de terminer la Leçon 1 avant de commencer ici :
Certaines étapes seront ignorées car elles ont été abordées dans la Leçon 1.
Cependant, si vous suivez la vidéo du tutoriel. C'est OK de commencer ici.
À quoi cela ressemblera :
Configuration initiale :
Après avoir appris à assigner nos dossiers de la Leçon 1
Nous allons créer 4 dossiers et assigner les cellules comme suit :
Cellule 1 = Dossier « 1 » | Cellule 3 = Dossier « 2 » | Cellule 5 = Dossier « 3 » | Cellule 7 = Dossier « 4 »
Cela devrait ressembler à ceci :
Déplacer l'image :
1. Allez au dossier « 2 » —> Sélectionnez le calque Langue —-> Sélectionnez l'outil Fluidité —> Cliquez et faites glisser la Langue
2. Nous allons agrandir l'image en utilisant Mise à l'échelle et Rotation :
Sélectionnez les calques Langue et Tête —-> Édition—-> Transformer —-> Mise à l'échelle et Rotation
*Vous pouvez également appuyer sur Ctrl T tout en sélectionnant le calque
Cliquez sur les petits coins des boîtes pour redimensionner l'image comme ci-dessous :
3. En utilisant les étapes ci-dessus, nous ajusterons la langue, la tête et le corps de chaque dossier.
Le dossier 2 ressemblera à ceci :
Le dossier 3 ressemblera à ceci :
Et le dossier 4 ressemblera à ceci :
Ajouter des effets à l'émoticône
Nous allons rendre notre émoticône plus amusante en lui donnant des effets de salive.
Créez un nouveau calque —> Sélectionnez n'importe quel pinceau et changez la couleur en bleu —> Peignez sa salive
Nous ferons de même avec les autres calques. Ils ressembleront aux images ci-dessous :
Le dossier 2 ressemblera à ceci :
Le dossier 3 ressemblera à ceci :
Le dossier 4 ressemblera à ceci :
Ensuite, tout ce que vous avez à faire est d'exporter en GIF comme dans la Leçon 1
FÉLICITATIONS, VOUS AVEZ CRÉÉ UNE ÉMOTICÔNE DE LÉCHAGE !!!!
Leçon 3 : Créer une émoticône explosive
Avez-vous encore l'énergie pour faire notre 3ème émoticône ?
Je vous recommande fortement de terminer les leçons 1 et 2 avant de commencer ici.
Encore une fois, si vous suivez la vidéo du tutoriel. C'est OK de commencer ici.
À quoi cela ressemblera :
Configuration initiale
Après avoir appris à assigner nos dossiers des leçons 1 et 2
Nous allons étendre la Chronologie de 8 —>12, puis, créer 6 dossiers cette fois et assigner les cellules comme suit :
Cellule 1 = Dossier « 1 » | Cellule 3 = Dossier « 2 » | Cellule 5 = Dossier « 3 » | Cellule 7 = Dossier « 4 »
Cellule 9 = Dossier « 5 » | Cellule 11 = Dossier « 6 »
Cela devrait ressembler à quelque chose comme ci-dessous :
Agrandir la Tête
Comme lors des leçons précédentes, nous allons utiliser l'outil Fluidité, mais cette fois-ci, nous allons utiliser le mode Étendre.
Sélectionnez l'outil Fluidité —> Appuyez sur le mode Étendre dans les paramètres du sous-outil —-> Cliquez et faites glisser
Nous allons agrandir les calques Tête et Corps de tous les dossiers et cela ressemblera à ce qui suit :
Le dossier « 2 » ressemblera à ceci :
Le dossier « 3 » ressemblera à ceci :
Le dossier « 4 » ressemblera à ceci :
Ajouter des flous radiaux
Donnons plus d'énergie à l'émoticône, nous allons donc ajouter des flous radiaux.
Sélectionnez le calque —> Cliquez sur Filtre —->Flou —->Flou radial
Une croix rouge apparaîtra, c'est le centre du flou, alors placez-la entre ses yeux.
Puis, ajustez la force jusqu'à ce que vous soyez satisfait et appuyez sur OK
Regardez comme il a l'air heureux :
Ajustements finaux pour votre émoticône
1. Créez un nouveau calque et peignez-le en rouge.
2. Changez le mode de fusion en « Couleur »
3. Créez un dossier et insérez la Tête et le Corps
4. Faites glisser le calque « Couleur » au-dessus du dossier et écrêtez-le
5. Allez au dossier « 6 » et créez un nouveau calque
6. Couvrez l'écran avec du Jaune et du Rouge
Tous vos calques ressembleront à ceux ci-dessous :
Le dossier « 1 » ressemblera à ceci :
Le dossier « 2 » ressemblera à ceci :
Le dossier « 3 » ressemblera à ceci :
Le dossier « 4 » ressemblera à ceci :
Le dossier « 5 » ressemblera à ceci :
Le dossier « 6 » ressemblera à ceci :
Enfin, nous l'exportons au format GIF et nous avons terminé !
FÉLICITATIONS ! VOUS AVEZ TERMINÉ LES TROIS ÉMOTICÔNES !!!
Message de clôture
Merci d'avoir suivi ce tutoriel et j'espère que vous avez appris au moins une nouvelle chose !
Si vous avez des questions ou des messages ! Vous pouvez commenter la vidéo Youtube ou
N'hésitez pas à me contacter par DM sur Twitter @ChokiliciousMe ou @KokiRocchi
Vous pouvez également utiliser le hashtag sur twitter #CKEmoteTutorial pour me montrer ce que vous avez fait !
J'essaierai d'y jeter un œil dès que j'aurai du temps libre !
Commentaire