④ Faire bouger l'arrière-plan avec le mouvement de la caméra

30,311 vue(s)
ClipStudioOfficial

ClipStudioOfficial

Essayez de créer de l'animation en utilisant les fonctions d'animation de CLIP STUDIO PAINT !

Cette série de leçons offre différents exercices pour les utilisateurs débutants en animation.


Premier exercice

https://tips.clip-studio.com/fr-fr/articles/2043

Deuxième exercice

https://tips.clip-studio.com/fr-fr/articles/2044

Troisième exercice

https://tips.clip-studio.com/fr-fr/articles/2045


Le présent article explique comment faire bouger l'arrière-plan d'une animation avec le mouvement de la caméra.

Fonctions à retenir : [Activer les images-clé du calque], [Dossier de caméra 2D]


L'animation ci-dessus est composée de deux images ; l'une représentant le poisson et l'autre l'arrière-plan.

Vous pouvez créer des animations TWEEN en transformant une illustration avec l'aide des fonctions de mouvement de caméra de CLIP STUDIO PAINT.


[POINT] Pour la version iPhone

CLIP STUDIO PAINT pour iPhone nécessite la personnalisation de la barre de palettes pour créer de l'animation.

Ajoutez la palette [Chronologie] en suivant les étapes ci-dessous.

https://tips.clip-studio.com/fr-fr/articles/2428#83f8bb38


[1] Créer une toile à partir de la boîte de dialogue [Nouveau].

① Sélectionnez [Nouveau] à partir du menu [Fichiers] pour afficher la boîte de dialogue [Nouveau].


② Sélectionnez [Animation] en tant que [Utilisation de l'œuvre] à partir de la boîte de dialogue [Nouveau].


③ Entrez les paramètres ci-dessous.


・[Taille de référence] : Il s'agit de la taille de l'image de l'animation lors de son exportation. Optez pour la taille par défaut « [720x540 (144 ppp) avec marges ».


・[Chronologie] : Il s'agit des paramètres de [Cadence d'images] et de [Temps de lecture].

Configurez [Cadence d'images] sur « 8 » et [Temps de lecture] sur « 24 » pour créer une animation de trois seconde.


・ Cochez la case [Cadre de Débordement].

Configurer [Cadre de Débordement] vous permet de dessiner au-delà du périmètre final de l'animation. Configurez [Largeur] et [Échelle Spécifiée] sur 2,00 pour cette fois.


④ Cliquez sur [OK] pour créer une toile destinée à l'animation.

Un dossier d'animation se crée sur la palette [Calques] et le calque « 1 » s'y entrepose.

Le calque « 1 » est maintenant assigné à la palette [Chronologie].


[2] Dessiner l'illustration de l'avant-plan

Supprimez les éléments inutiles, car un [Dossier d'animation] ne sera pas utilisé cette fois.

① Sélectionnez [Dossier d'animation] de la palette [Calques], puis cliquez sur [Supprimer le calque] de la palette [Calques].


② Cliquez sur [Nouveau calque de pixellisation] du menu [Calques], puis dessinez votre personnage.

(Vous pouvez également ouvrir une illustration déjà dessinée avec CLIP STUDIO PAINT, puis la coller pour l'utiliser.)


Dessinez à l'intérieur de la [Taille de Référence] du personnage.

Note : Le côté extérieur de la [Taille de référence] ne sera pas inclus lors de l'exportation de l'animation.


[3] Dessiner l'arrière-plan

① Ajoutez un nouveau calque sous celui du personnage lorsque vous avez terminé de le dessiner. Changez le nom du calque pour « Arrière-plan ».


② Dessinez l'arrière-plan sur le calque « Arrière-plan ». Vous pouvez dessiner hors du [Cadre de Débordement] sans problème.

Note : Si vous souhaitez créer une animation en boucle, le début et la fin de l'animation doivent être identiques.

Afin de connecter le début et la fin du mouvement de caméra sur l'arrière-plan, dupliquez celui-ci.


[4] Créer un dossier de caméra 2D

① Sélectionnez [Dossier de Caméra 2D] de [Nouveau calque d'animation] du menu [Animation].


Vous avez créé le dossier « Caméra 1 ».


② Entreposez le calque « Arrière-plan » dans le dossier « Caméra 1 » en le glissant et déposant dedans.


[5] Ajouter une image-clé



■ Première image-clé


① Sélectionnez l'outil [Opération] de la palette [Outils], puis choisissez [Objet] à partir de la palette [Outil Secondaire].


Des poignées s'affichent en proportion à la [Taille de Référence] de la toile.


② Sélectionnez l'image « 1 » à partir de la palette [Chronologie].

Vous pouvez manipuler « Caméra 1 » avec les poignées de l'outil secondaire [Objet] affichées sur la toile.

Vous pouvez effectuer des rotations avec le point de contrôle supérieur central, manipuler la taille avec les poignées situées aux quatre coins de la toile et créer du mouvement de caméra en faisant glisser le contenu du cadre de sélection.


③ Sélectionnez l'image « 1 » en cliquant dessus.


④ La caméra entre en mouvement sur la zone que vous voulez couvrir lorsque vous la déplacez sur l'image « 1 ». Une [Image-clé] s'ajoute sur la chronologie.



■ Deuxième image-clé


① Cliquez sur l'image « 24 » pour la sélectionner.


② Une [Image-clé] s'ajoute sur la chronologie lorsque vous déplacez la caméra sur la zone que vous souhaitez afficher sur la dernière image.

Vous avez configuré du mouvement de caméra sur le début et la fin de la chronologie.


[POINT]

Si vous souhaitez créer une animation en boucle fluide et sans coupure comme celle de l'exemple, cliquez sur [Interpolation d'images-clé] dans la palette [Chronologie], puis ajoutez une image-clé en choisissant [Vitesse Constante].


[6] Terminé !

Cliquez sur [Lire/arrêter] de la palette [Chronologie] pour lire votre animation.


Vous avez terminé votre animation !

L'animation est en boucle, car l'image projetée est la même au début et à la fin.

Note : Ceci est un GIF


Sélectionnez [GIF Animé] de [Exporter l'animation] du menu [Fichiers] pour exporter votre animation en tant que GIF animé.



Pratique de l'exercice ③ et ④

Une image-clé a été ajoutée sur le personnage de l'exercice ③ et à l'arrière-plan de l'exercice ④.

Si vous utilisez les deux à la fois, vous pouvez réaliser un travail comme celui-ci.

Vous pouvez exprimer différentes choses en ajoutant une [Image-clé] au mouvement de caméra de l'arrière-plan ou du personnage d'une illustration.



C'est ainsi que se conclut cette série d'exercices d'animation.


Pour en savoir plus sur les fonctions d'animation

Veuillez consulter les articles suivants pour plus d'informations sur les différentes fonctions d'animation !

https://tips.clip-studio.com/fr-fr/articles/2047
https://tips.clip-studio.com/fr-fr/series/4
https://tips.clip-studio.com/fr-fr/series/117
https://www.clip-studio.com/site/gd_en/csp/userguide/csp_userguide/500_menu/500_menu_anime.htm

Commentaire

Articles similaires

Nouveautés

Nouveautés de la catégorie Officiel