Créez des arrière-plans dynamiques et des fonds d'écran avec VSDC

publié par Heinz Neuhauser le 01/09/25

Comment créer un logo dégradé animé dans VSDC

Vous avez probablement déjà vu ces fonds d'écran dynamiques et envoûtants où les couleurs se fondent et tourbillonnent, créant un flux hypnotique de mouvement et de lumière. Souvent présents sur les écrans de verrouillage des smartphones, ils sont difficiles à ignorer tant ils sont vifs, fluides et captivants. Étonnamment, vous pouvez recréer vous-même ces superbes flux de couleurs en utilisant VSDC PRO. Il suffit d'un peu d'imagination, car le reste se fait facilement avec les outils VSDC !

Et si vous utilisez la version gratuite, vous pouvez toujours créer des designs statiques magnifiques, exactement comme vous les souhaitez, et qui plus est, ils seront UNIQUEMENT LES VÔTRES.

Alors n'attendez plus, plongez dans l'article et commencez à créer !

Conceptions de couleurs statiques (GRATUIT)

Pour commencer, voyons les fonctionnalités disponibles dans la version gratuite de VSDC pour cette tâche. Commencez par créer un nouveau projet : cliquez soit sur "Projet vide" sur la page de démarrage, soit sélectionnez "Nouveau projet" dans le menu supérieur de l'onglet Projets. Comme nous concevons un fond d'écran de smartphone, vous devrez choisir la résolution appropriée. Si votre résolution souhaitée n'est pas listée dans la fenêtre des paramètres qui s'affiche au lancement du projet, vous pouvez ajuster manuellement la largeur et la hauteur directement là.

Les résolutions courantes des smartphones incluent :

  • 1080x1920 (Full HD, standard pour de nombreux appareils)
  • 1440x2560 (Quad HD, pour les téléphones haut de gamme)
  • 1242x2688 (iPhone Pro Max)
  • 1125x2436 (iPhone X/XS/11 Pro)

Comment définir la taille et la résolution du projetUn guide pour saisir la hauteur et la largeur exactes des dimensions de votre projet

Ensuite, utilise l'outil Forme libre pour créer l'arrière-plan. Assure-toi que la forme couvre toute la scène. Si tu utilises VSDC version 10.1 ou ultérieure, tu peux accéder à la galerie intégrée de formes prédéfinies. Il suffit de cliquer à gauche sur l'option Forme libre, de sélectionner "Depuis la galerie" et de choisir une forme qui correspond à ton design : dans ce cas, nous utiliserons le carré et l'étirerons pour qu'il remplisse complètement la scène.

Pour appliquer un dégradé ponctuel à votre forme, cliquez sur celle-ci dans la timeline pour accéder à ses paramètres dans la Fenêtre des propriétés. Localisez l'option Pinceau et réglez-la sur "Point de dégradé".

Ensuite, double-cliquez sur votre Forme libre dans la timeline pour révéler ses points de contrôle. Ces points détermineront la distribution du dégradé. Sélectionnez le premier point, puis allez dans la Fenêtre des propriétés du point sélectionné. Activez "Paramètres de dégradé du pinceau" et ajustez la couleur selon vos besoins. Répétez ce processus pour chaque point.

Préparation de la sélection des couleurs pour un arrière-plan dégradé personnalisé en activant le mode approprié.

Dans notre exemple, la Forme libre comprend quatre points principaux, donc le dégradé est basé sur quatre couleurs. Si vous avez besoin d'un dégradé plus fluide ou plus complexe avec des couleurs supplémentaires, vous devrez créer plus de points lors de la conception initiale de la forme libre.

Si vous remarquez qu'une certaine couleur apparaît trop claire ou pas assez claire, vous pouvez l'ajuster en sélectionnant le point correspondant dans les propriétés et en modifiant le paramètre « Poids » pour obtenir le rendu souhaité.

Choisir votre palette et utiliser le paramètre Poids pour contrôler le mélange des couleurs

Maintenant que ton image dégradé est prête, il est temps de l'enregistrer ! Rends-toi dans l'onglet Éditeur et repère le cercle vert avec une icône clé à molette (l'outil de réparation), puis sélectionne « Prendre un instantané ». Instantanément, ton image apparaîtra dans la Fenêtre des ressources, d'où tu pourras l'exporter en faisant un clic droit dessus et en choisissant l'option correspondante. Une fois enregistrée, transfère-la sur ton téléphone et définis-la en tant que fond d'écran.

Exporter un arrière-plan statique avec instantanéUtiliser l'outil d'instantané pour créer une image fixe de votre conception de dégradé

Bien sûr, de telles images peuvent être créées non seulement pour les smartphones, mais aussi pour une large gamme d'autres usages.

À quoi ressemble votre fond d'écran dégradé sur un téléphone
Affichage de l'arrière-plan statique final tel qu'il apparaît sur un appareil mobile

Rendez vos images dynamiques avec des keyframes de couleur (PRO)

Si vous passez à la version PRO, vous pouvez embellir votre image avec des effets dynamiques. Pour y parvenir, nous devrons définir des keyframes et leur attribuer des valeurs de couleur spécifiques. Créons un dégradé animé où chaque coin de l'image parcourt une séquence de couleurs.

Pour ce projet, les couleurs initiales sont définies comme suit : le coin supérieur droit est bleu, le supérieur gauche est jaune, le inférieur droit est violet et le inférieur gauche est vert.

Activation de la fonctionnalité d'image clé pour commencer à animer les changements de couleur au fil du temps

Cliquez sur n'importe quel point Forme libre de la timeline et localisez l'option Couleur. Cliquez sur les trois points dans le coin de ce paramètre pour lancer l'éditeur de clé.

Pour un workflow plus facile dans l'Éditeur de clé, renommons l'onglet "Couleur*" en "1" (ce qui correspond à la couleur de ce point). Nous répéterons cette séquence pour chacun des quatre points que nous avons sur la timeline. Comme il y a quatre points au total, vous devriez vous retrouver avec quatre onglets dans l'éditeur de clé.

Renommer et organiser les onglets de l'éditeur pour un processus d'animation plus efficace

Pour chacun de ces points, nous allons définir trois images clés. Veuillez noter que le temps d'affichage de la première image clé est le même pour tous les points : la deuxième image clé partage un autre timing uniforme, et ainsi de suite.

Prenons comme exemple le point que nous avons nommé numéro un. Pour nous, c'est une couleur de flou. Déplaçons le curseur vers environ 2,5 secondes et cliquons sur l'icône en forme de diamant pour ajouter une image clé dans l'éditeur de clé. Répétons les mêmes étapes pour les marques de 5 secondes et 7,5 secondes.

Par défaut, toutes les images clés nouvellement ajoutées pour un point donné conservent la valeur de couleur d'origine attribuée à ce point (pour nous, c'est le bleu). Le même processus s'applique aux points restants de la forme libre.

Maintenant, définissons les couleurs pour chaque image clé. Allons dans l'onglet 1 de l'éditeur de clé, trouvons la deuxième image clé, double-cliquons dessus et choisissons, par exemple, la couleur jaune. Nous définirons les couleurs pour l'image clé dans chaque onglet comme ceci :

Le coin supérieur droit (bleu) : bleu → jaune → vert → violet → bleu.
Le point du coin supérieur gauche (jaune) : jaune → vert → violet → bleu → jaune.
Le point du coin inférieur droit (violet) : violet → bleu → jaune → vert → violet.
Le point du coin inférieur gauche (vert) : vert → violet → bleu → jaune → vert.

L'éditeur de clé ajuste la position de chaque point en fonction de la couleur choisie, vous permettant de modifier la teinte ou même la couleur elle-même en déplaçant simplement le point, bien que le résultat final dépende ultimement des préférences personnelles.

Ajout et manipulation d'images clés de couleur pour créer un mouvement dynamique

Cliquez sur l'option Jouer et voyez le résultat ! Si agréable, n'est-ce pas ?

Le résultat final d'une transition fluide des couleurs dans un arrière-plan dynamique

Si vous souhaitez qu'il soit plus accrocheur, vous pouvez facilement l'égayer avec la fonction de point de suivi. Allez dans la Scene 0 et double-cliquez sur la timeline. Localisez l'option « Ajouter un point de suivi » dans la barre d'outils Objets, cliquez dessus et positionnez-le n'importe où dans la fenêtre de prévisualisation.

Ajout d'un point de suivi pour les effets animés
Utilisation de l'outil d'ajout de point de suivi pour attacher et animer une source lumineuse

Dans la Fenêtre des propriétés, activez les Paramètres de dégradé du pinceau et définissez la valeur de couleur pour le feu de circulation futur, ajustez son opacité et son poids à votre convenance.

Configuration du pinceau pour les effets de lumière
Ajuster la couleur, l'opacité et le poids de l'outil Pinceau pour créer des stries lumineuses

Après cela, il vous suffira de définir la trajectoire que votre lumière courante suivra. Pour cela, double-cliquez sur votre point de suivi dans la timeline et choisissez un autre outil dans la barre d’outils Objets : Mouvement. Cliquez sur cet outil et choisissez l’endroit où la lumière courante doit passer en cliquant sur cet endroit dans la scène. Si vous souhaitez poursuivre la trajectoire, sélectionnez le point que vous venez d’ajouter, cliquez à nouveau sur l’outil de mouvement et ajoutez un autre point. Vous pouvez créer autant de trajectoires que vous le souhaitez. Si vous voulez en savoir plus sur l’outil Mouvement, veuillez lire cet article.

Et voici le résultat, juste un exemple de ce qui peut être fait avec VSDC !

Présentant l'effet final avec des couleurs fluides et une traînée lumineuse en mouvement

Découvrez plus de tutoriels VSDC et libérez le plein potentiel de votre créativité. Si vous avez des questions, nous sommes toujours ravis de vous lire à Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser..

N’oubliez pas de regarder nos tutoriels vidéo sur YouTube et de nous suivre sur les réseaux sociaux.