Créer une animation style collage avec vos illustrations préférées
◆Cette explication est basée sur l'utilisation de ClipstudioPaint EX pour PC.
Une démonstration vidéo explicative est disponible sur Youtube. N'hésitez pas à la regarder !☆
【Qu'est-ce que le collage... ?】
C'est une technique artistique et d'expression qui consiste à découper et coller divers matériaux tels que des photographies, des tissus, des peintures, des magazines, et plus récemment des photos numériques, pour créer une composition. Le mot vient du verbe français "coller" (coller avec de la colle).
【Créer 01】Création du fichier document
Créez un document d'animation.
◆Taille du document/Largeur 1920 x Hauteur 1080 (unités px)
◆Résolution/144 dpi
◆Paramètres de la feuille de dessin d'animation Taille de dessin/(Largeur) 1.42 (Hauteur) 10.00
◆Fréquence d'images/24 (secondes + images)
◆Durée de lecture/30 secondes
《Point》
La résolution du fichier document sera ajustée à 72, 144 (dpi) ou autre, en fonction de la résolution des illustrations utilisées comme matériaux.
【Créer 02】Découpage et traitement des illustrations sources
Préparez vos illustrations préférées qui serviront de matériaux pour le collage et traitez-les.
【2-1】Créer une sélection
【1】
Dans la palette d'outils, utilisez l'outil « Sélection automatique » pour sélectionner le fond blanc, puis
utilisez le lanceur de sélection pour « Inverser la sélection ».
【2】
Avec la sélection inversée, « Agrandir la zone de sélection ». La valeur est d'environ 40.
◆Menu Sélection > Agrandir la zone de sélection
La sélection s'agrandit.
【3】
Dans la palette des calques, créez un dossier avec « Créer un nouveau dossier de calques » et appliquez « Créer un masque de calque » à ce dossier de calques.
Déplacez l'illustration dans le dossier de calques avec le masque appliqué.
Immédiatement après l'insertion, elle est découpée sous cette forme.
【2-2】Créer un effet de papier déchiré
【Comment faire】
Avec le masque de calque du dossier de calques sélectionné,
◆Menu Filtre > Effet > Cristal
sélectionnez et exécutez pour donner à la partie extérieure du masque la forme d'un papier déchiré.
《 Cristal - Paramètres 》
Taille des cellules : 8.8
Dispersion des cellules : 76
【2-3】Créer une ombre portée
【1】
Créez une sélection à partir de la partie blanche du personnage sur le masque de calque en utilisant l'outil « Sélection automatique ».
La zone du masque est devenue une sélection.
【2】
Créez un nouveau calque raster et « Remplissez » la sélection en noir.
※Pour faciliter la compréhension dans cette explication, le dossier du personnage du calque supérieur est masqué.
【3】
Désélectionnez, puis
◆Menu Filtre > Flou > Flou gaussien
sélectionnez et appliquez un flou avec un paramètre de valeur de 50.
【Point】
Vous pouvez ajuster l'intensité du flou en modifiant la valeur ou en appliquant le flou plusieurs fois.
L'effet de flou qui donne un aspect tridimensionnel est terminé.
【Créer 03】Ajouter de la texture (qualité de surface) aux illustrations sources
Vous pouvez utiliser une image de texture de papier scannée telle quelle, mais comme Clip Studio Paint permet de créer ses propres matériaux, nous allons cette fois expliquer comment créer une texture de matériau directement dans Clip Studio Paint.
【3-1】Créer un nouveau calque raster.
【3-2】Création du bruit de Perlin
Créez un bruit de Perlin via
Menu Filtre > Dessin > Bruit de Perlin.
【3-3】Création d'effet de bruit
Sélectionnez
Menu Filtre > Effet > Bruit
pour appliquer un effet de bruit au dessin.
【3-4】Création de filtre d'onde
Sélectionnez
Menu Filtre > Déformation > Onde
pour transformer le dessin en forme d'onde.
【3-5】Appliquer un dégradé de couleurs
Sélectionnez
Menu Édition > Correction tonale > Dégradé de couleurs
pour appliquer un dégradé de couleurs au dessin.
Pour l'exemple, j'ai appliqué « Coucher de soleil (clair) » 2 fois, puis ajusté la teinte, la saturation, la luminosité, la luminosité/contraste via la correction tonale.
L'auteur s'est inquiété des bords de l'image, alors j'ai appliqué un « flou » une fois à la fin pour la lisser.
Une texture "froissée" de couleur ivoire a été créée.
【3-6】Composition de textures
Déplacez la texture créée au-dessus de l'illustration dans la hiérarchie des calques, et réglez le « Mode de fusion » du calque sur « Multiplier ».
L'image composite avec texture est terminée.
Avec cette procédure, nous continuerons à créer des matériaux de collage pour l'animation.
Texture : fait référence à la qualité ou la sensation fibreuse, et en design, à l'état de surface, comme la texture ou le motif collé.
【Créer 04】Création de l'animation
【4-1】Création du fond
J'ai importé une image et créé un fond en utilisant le fichier d'animation créé dans la section 【Créer 01】« Création du fichier document ».
《Image de fond - Taille de référence》
Largeur 2720 x Hauteur 13000px
C'est un fond vertical créé en superposant divers matériaux de papier japonais. Il s'inspire des couleurs quotidiennes que l'auteur voit souvent : ciel bleu, montagnes, coucher de soleil et nuit.
【4-2】Configuration de la chronologie
Créez une nouvelle chronologie et réglez-la sur 35 secondes.
Menu Animation > Chronologie > Nouvelle chronologie
【4-3】Édition des images clés
【1】Créez un dossier de calques et placez-y le calque de l'image de fond.
Dans cet exemple, le dossier est nommé « Défilement du fond ».
Alignez le temps de progression de la palette de chronologie sur le début « 0+1 », puis déplacez le calque de fond de manière à ce que sa partie supérieure touche le cadre de l'écran.
【2】
Avec le dossier de calques de fond (défilement du fond) sélectionné, « Activez la chronologie » et appliquez « Ajouter une image clé » au dossier.
【3】
Déplacez-vous à la fin de la chronologie. Une fois le dossier de fond déplacé de manière à ce que la partie inférieure du fond touche le cadre de l'écran, ajoutez une image clé.
《Vidéo de la procédure de travail de la chronologie du fond》
Si le défilement du dossier de fond est bien fait, il ressemblera à ceci.
L'animation du fond est maintenant terminée.
【4-4】Édition de l'animation des éléments découpés
Animez les matériaux créés dans la section 【Créer 02】« Découpage et traitement des illustrations sources ».
Utilisez la chronologie créée dans la section 【4-2】« Configuration de la chronologie »,
insérez les données des matériaux dans le dossier de défilement du fond que vous avez créé précédemment dans 【4-3】« Édition des images clés », puis travaillez.
◆Comment animer les matériaux (partie 1)
Le mouvement de base de l'image clé pour l'illustration du matériau est un intervalle de 3/4 de seconde, c'est-à-dire entre la 1ère et la 19ème image, avec ces deux mouvements :
《1》Apparition
《2》Stabilisation
Afin de rendre cela plus facile à comprendre, j'ai créé un schéma explicatif utilisant la chronologie.
《Approche du travail》
Étant donné que la jauge de la palette de chronologie divise une seconde en quatre, il est bon de penser à utiliser un intervalle de trois de ces quatre parties.
《Ombre de l'illustration》
Il est un peu étrange que l'ombre de découpe de l'illustration soit présente dès son apparition, nous allons donc manipuler l'opacité pour que l'ombre apparaisse lors de la stabilisation.
【1】
Créez un dossier de calques pour le matériau et placez-y l'illustration du matériau et sa partie d'ombre.
Après avoir ajusté la position du dossier de matériau pour qu'elle corresponde à l'écran,
à la 1ère image, qui est l'apparition, avec les trois éléments sélectionnés (dossier de matériau, calque d'illustration, calque d'ombre), activez les images clés, puis ajoutez une image clé.
Enregistrez l'opacité du dossier de matériau à 100% dans les images clés.
【2】
Revenez d'une image et réglez l'opacité du dossier de matériau et du calque d'ombre à 0%.
Revenez d'une image en utilisant le bouton pratique « Image précédente ».
【3】
Avancez jusqu'à la 19ème image (équivalent à trois divisions de la jauge), où elle se stabilise sur le fond, et ajoutez également une image clé ici.
【4】
Sélectionnez le calque d'ombre et réglez l'opacité à 100%.
Sélectionnez le dossier de matériau et entrez une valeur d'échelle à partir des sous-propriétés.
Dans ma composition, je réduis l'échelle de 30% à 50% par rapport à l'apparition pour définir la disposition de l'écran.
Revenez à la 1ère image, lisez la vidéo dans la palette de chronologie pour vérifier le mouvement entre les images clés.
Après stabilisation, l'illustration défilera automatiquement vers le haut.
J'ai créé une vidéo de la procédure, veuillez la consulter pour référence.
◆Comment animer les matériaux (partie 2)
Je vais brièvement expliquer les variations de l'action d'apparition.
《Vitesse d'apparition》
En ajustant l'intervalle en secondes du fond d'écran et en configurant la chronologie pour une opacité de 0% à l'apparition et 100% à la stabilisation, vous pouvez exprimer une apparition lente ou rapide.
《Expression d'apparition en rotation》
Si vous ajoutez une rotation lors de l'apparition et la laissez se stabiliser, elle se fixera en tournant.
De plus, si vous déplacez l'axe central (jauge en croix) à des positions différentes pour l'apparition et la stabilisation, elle se fixera en tournant en décrivant une trajectoire circulaire extérieure.
En utilisant les actions d'images clés expliquées, assemblez enfin le titre et les en-têtes pour terminer.
Officiel / Formation à l'animation
Postface
Le collage est une forme d'art expressif qui met l'accent sur l'imagination et la mise en page plutôt que sur les compétences individuelles en dessin. Les astuces pour réussir seraient de se concentrer sur des éléments tels que : ne pas trop superposer les éléments, créer un design qui communique clairement le but ou le thème, avoir une palette de couleurs inventive, et donner une impression de style et d'intérêt. À l'ère numérique, je pense que les possibilités d'expression sont vastes, et avec de l'ingéniosité, on peut créer des choses intéressantes.
Le potentiel et la créativité humaine sont infinis. Merci d'avoir lu jusqu'à la fin.
J'espère que mes astuces pourront être d'une aide quelconque dans vos créations.
Je vous souhaite à tous une excellente vie de créateur.
ClipStudioPaint EX Ver.4.0.3 2025.0830 Akiben
Commentaire