Aujourd'hui, je vais vous apprendre à créer cette animation mignonne et simple qui peut être réalisée à la fois dans la version EX et PRO. C'est parfait si vous débutez avec l'animation dans Clip Studio Paint.

Avant de commencer

Lors de la création d'un nouveau fichier, accédez à l'onglet animation et cliquez sur le préréglage 1920 x 1080. Nous ne nous soucierons pas trop des autres paramètres pour l'instant.

La dernière chose que nous ferons avant de créer le fichier est de configurer notre chronologie. Dans les paramètres de la chronologie, réglez la fréquence d'images sur 10 et la durée de lecture sur 19

Une fois que vous avez créé le nouveau fichier, assurez-vous d'activer la chronologie dans le menu de la fenêtre.

Configuration du modèle 3D

Votre espace de travail devrait à peu près ressembler à ceci. N'oubliez pas que mon espace de travail peut être légèrement différent du vôtre. J'ai personnellement déplacé quelques éléments vers la gauche car cela fonctionne mieux pour mon flux de travail. Cependant, vous n'avez pas besoin d'avoir votre espace de travail comme celui-ci pour ce tutoriel.

Ceci est le panneau des matériaux, ici nous trouverons les modèles 3D que nous utiliserons dans le tutoriel d'aujourd'hui. Cliquez sur le bouton du haut qui ressemble à un dossier pour voir vos documents.

Maintenant que le panneau des matériaux est ouvert, recherchez la barre qui indique "Tapez les mots-clés de recherche" dans laquelle vous taperez "Tasse". Plus tard, nous utiliserons la même barre de recherche pour trouver des textures fournies avec Clip Studio Paint pour ajouter un effet papier.

Si le matériau de la tasse a cette icône de nuage, vous devrez alors télécharger le matériau. Tout ce que vous avez à faire est de cliquer sur le modèle et de le faire glisser vers votre espace de travail, vous serez alors invité à télécharger le matériel. Vous n'avez pas besoin de fermer le programme pour le faire une fois que le matériel est téléchargé, cliquez de nouveau dans le programme. Il devrait ensuite se rafraîchir et vous pourrez utiliser le modèle.

Placez maintenant la tasse dans l'espace de travail. Vous remarquerez qu'il ne s'affichera pas au début, mais ne vous inquiétez pas. C'est parce que la tasse a été automatiquement placée dans le dossier d'animation. Si vous faites glisser la tasse en dehors du dossier, vous pourrez la revoir. Pour l'instant, restez dans le dossier d'animation.

Personnaliser la tasse

Afin de pouvoir éditer et voir notre mug, nous l'ajouterons à notre chronologie. Cliquez sur le premier cadre puis faites un clic droit pour faire apparaître le menu des cadres. De là, sélectionnez la tasse. Il est maintenant prêt pour notre prochaine étape !

Nous allons maintenant modifier certains paramètres avec la tasse avant de commencer à animer la rotation. Commencez par rétrécir la tasse avec l'anneau extérieur gris

 

Ensuite, utilisez les flèches rouges et vertes pour placer grossièrement la tasse au centre de la toile. Cela n'a pas besoin d'être parfait car nous pouvons changer la position de la tasse à tout moment.

Vous remarquerez que lorsque vous cliquez à l'extérieur de la tasse, il y a deux ensembles de menus. Nous allons nous concentrer sur le menu du bas.

 

Cliquez sur l'icône de la première main. De là, vous pouvez sélectionner la couleur de la tasse. N'hésitez pas à choisir la couleur que vous souhaitez. J'utiliserai le rose pour le mien.

Pour ouvrir le sous-menu de l'outil, cliquez d'abord sur l'icône de la clé.

 

Les deux paramètres que nous allons modifier seront le contour et les ombres.

 

Pour le contour, réglez la largeur sur 5

 

Pour les ombres, décochez les deux cases.

 

Cela donnera à notre mug un joli look 2d qui fonctionnera avec les griffonnages que nous dessinerons plus tard.

Animer la tasse

Dans la chronologie, cliquez sur le bouton qui dit activer la pelure d'oignon. Cela vous permettra de voir une version fanée des images précédentes derrière celle sur laquelle vous travaillez actuellement.

A partir de maintenant, je nommerai mes cadres dans le dossier comme "Frame 1" "Frame 2" et ainsi de suite. Cela aide lors de la sélection des cadres dans le panneau des cadres.

 

Faites un clic droit sur la première image et appuyez sur "Dupliquer le calque"

 

Cliquez ensuite sur la 3ème image dans la chronologie et ajoutez notre nouvelle image.

 

Cela crée une copie exacte de notre image précédente que nous pouvons faire pivoter au fur et à mesure.

 

 

Vous remarquerez que lorsque nous jouons notre animation en ce moment, elle est nerveuse et sautille. C'est parce que nos calques sont toujours des modèles 3D et je pense que cela permet d'économiser de la puissance de traitement sur votre ordinateur.

 

Une fois que nous aurons fini de faire tourner la tasse dans l'espace 3D, nous pixelliserons toutes les couches. Ensuite, l'animation se déroulera de manière fluide comme nous le souhaitons.

 

Si vous constatez que le programme devient lent lorsque vous dupliquez les images, continuez et pixellisez les calques au fur et à mesure. La seule raison pour laquelle nous ne le faisons pas maintenant est de nous permettre de revenir en arrière et de modifier la rotation du modèle avant de le transformer en une image plate que nous ne pouvons plus modifier.

 

Je recommande d'enregistrer une copie supplémentaire de votre fichier avec les images toujours sous forme de calque 3D. Donc, si vous constatez que plus tard vous souhaitez ajouter plus de cadres ou les ajuster, vous pouvez toujours le faire sans perdre votre progression.

Nous allons créer 11 cadres, ne vous souciez pas trop de les faire exactement comme les miens.

 

En règle générale, vous aurez le cadre latéral de la tasse, deux intermédiaires, un cadre intermédiaire et deux autres intermédiaires avant de passer au cadre latéral suivant de la tasse.

Vous pouvez jouer avec la vitesse des images en les plaçant différemment dans la timeline. À ce stade, c'est à vous de décider à quelle vitesse vous voulez que la tasse tourne. Plus les cadres sont rapprochés, plus la rotation sera rapide. Lorsqu'ils sont plus éloignés, la rotation sera plus lente.

 

Pour mes cadres, je saute environ un espace. Vous pouvez le voir avec la section en surbrillance rouge de la chronologie.

 

Une fois que j'arrive aux images 9, 10 et 11, je les mets côte à côte pour que l'animation apparaisse un peu plus rapidement à la fin.

Pour notre dernière étape dans l'animation de la tasse,

 

Sélectionnez la première image et, tout en maintenant la touche Maj enfoncée, cliquez sur la dernière image, puis faites un clic droit et appuyez sur "Rasterize"

 

Cela transforme toutes les couches 3D en images plates qui joueront en douceur dans la chronologie.

 

Si vous souhaitez ajuster la position des tasses à ce stade, sélectionnez simplement tous les calques de la même manière et appuyez sur CTRL T comme raccourci pour l'outil de transformation. Ensuite, vous pouvez déplacer la tasse et elle déplacera toutes vos couches dans la même position.

 

Vous devez également cliquer avec le bouton droit de la souris sur l'icône de la règle rouge et appuyer sur Supprimer sur chaque image, c'est malheureusement un peu fastidieux, mais nous n'en aurons pas besoin alors que nous continuons vers nos dernières parties de ce didacticiel.

Toutes nos félicitations!!

Vous venez de réaliser votre première animation rotative !! Respirez profondément et profitez de ce que vous avez accompli jusqu'à présent

 

Ensuite, nous allons créer une jolie animation de gribouillis sur le dessus de la tasse !

Dessiner les griffonnages

Créez un nouveau calque sous le dossier d'animation. C'est ici que vous ferez un croquis de ce que vous voulez animer dans notre prochaine étape.

 

Ça peut être n'importe quoi ! Un dinosaure, un chat, un raton laveur ou même Godzilla !! Le ciel est la limite dans cette étape, soyez créatif et amusez-vous !!

Encrage des griffonnages

Pour revenir à notre chronologie, cliquez sur Nouveau dossier d'animation. Cela crée une section dans notre chronologie qui jouera indépendamment au-dessus de notre animation de tasse.

Dans le panneau des calques, cliquez sur "Nouveau calque raster" et nommez-les "1" et "2" ou "frame 1"/"frame 2"

 

Tout comme avec la tasse, placez-les dans la chronologie.

Une fois que vous avez les images dans la chronologie, vous pouvez cliquer sur la première, maintenir la touche Maj enfoncée, puis les copier et les coller dans toute la chronologie. Ceci est une autre section où vous pouvez jouer avec différentes vitesses. mais pour référence voici le mien

Avant de commencer à faire nos encres dupliquer le dossier d'encrage, placez le nouveau dossier en dessous

 

Puis renommez-le en "Couleur"

 

Nous l'utiliserons dans une étape ultérieure pour colorier les griffonnages.

Avec la peau d'oignon toujours en place. Faites vos encres sur les deux couches. Nous allons nous en servir de manière très similaire pour donner un coup de fouet aux griffonnages. Pour les étincelles sur la deuxième couche, j'ai dessiné une inclinaison pour qu'elles sautent d'avant en arrière.

Ce sera le résultat !! Assurez-vous de faire beaucoup de pauses et de vous permettre de gribouiller librement. Plus ils sont salissants, mieux c'est !!

Colorier les griffonnages

Tout comme le calque d'esquisse, j'ai ajouté une couleur d'arrière-plan rose clair dans un nouveau calque en dehors du dossier d'animation pour m'aider à voir quelles zones je dois colorier

 

Maintenant, nous allons utiliser ce dossier de couleurs que nous avons créé auparavant pour créer des couleurs plates pour nos griffonnages !

 

Désactivez le calque d'esquisse et sélectionnez le pot de peinture indiquant "se référer à d'autres calques"

Cet outil détectera nos lignes et les remplira proprement comme ceci

Effet de ligne blanche

On y est presque hourra !! Encore quelques petites choses à faire !

Pour obtenir un effet de bordure blanche, sélectionnez le dossier d'encre et cliquez sur "Effet de bordure" et définissez l'épaisseur de la ligne comme vous le souhaitez.

 

Voici à quoi cela ressemblera.

Ombrage et superpositions

Pour l'ombrage, j'ai créé un nouveau calque en dehors du dossier d'animation et l'ai défini sur "Multiplier"

Ensuite, dans un autre calque en dehors du dossier d'animation, je l'ai défini sur "Superposer" et j'ai utilisé un violet rosé sur tout

Texture

Revenons au panneau des matériaux. Recherchez du papier et trouvez une texture que vous aimeriez utiliser. Après cela, mettez-le en superposition et vous avez terminé !!

Exportation de votre animation terminée

Félicitations, vous venez de terminer une incroyable boucle animée. Vraiment tu devrais être fier !! Surtout si c'est la première fois que vous animez.

 

Pour exporter, allez dans le fichier et "Exporter l'animation"

 

J'ai exporté le mien en gif pour qu'il tourne encore et encore

Réflexions finales

J'espère que ce tutoriel vous inspirera à sortir de votre zone de confort et à faire quelque chose de spectaculaire !! Continuez à être créatif et je vous verrai la prochaine fois Bye bye !!