Filmora
Filmora-Éditeur vidéo, Créateur
Application de montage vidéo puissante mais simple
OUVRIR

Comment créer un bouton d'abonnement animé pour YouTube

Créer votre propre bouton d'abonnement animé peut vous démarquer de la masse et rendre vos vidéos uniques et exclusives.

Jan 17, 2024

Tout créateur de contenu a pour objectif principal d'accroître son audience afin de décupler sa portée et son nombre de vues. Pour ce faire, il est essentiel de fournir quelque chose d'unique et de différent aux spectateurs. À défaut de leur fournir le contenu qu'ils recherchent, il est impossible de développer votre chaîne et votre portée. Une fois que votre contenu est prêt et que vous récoltez de nombreuses vues, il est essentiel de faire de ces spectateurs potentiels vos spectateurs permanents. Le bouton d'abonnement animé contribuera à la réalisation de cet objectif. Pendant que vos spectateurs regardent vos vidéos, vous devez leur rappeler de s'abonner à votre chaîne pour continuer à recevoir un contenu tout aussi incroyable à l'avenir. L'animation d'abonnement joue un rôle essentiel dans la conversion de vos spectateurs en abonnés.

De nombreuses plateformes sur Internet vous permettent d'obtenir gratuitement des animations de boutons d'abonnement à YouTube, et vous pouvez également acheter ces GIF en png d'abonnement. Mais créer votre propre bouton d'abonnement animé peut vous faire sortir du lot et rendre vos vidéos uniques et exclusives. Parce qu'il vous permet de le concevoir comme bon vous semble en fonction de votre marque, alors, créons votre propre animation d'abonnement en faisant appel à Wondershare Filmora..


Guide étape par étape

Étape 1 : Pour commencer, ouvrez Filmora X. Dans votre coin supérieur gauche, cliquez sur " Échantillons de couleurs ", sélectionnez la couleur verte et faites-la glisser vers la piste vidéo dans la timeline. Nous utilisons un fond vert pour le supprimer facilement en recourant à la fonctionnalité d'écran vert de Filmora, et ainsi pouvoir l'utiliser dans nos futurs projets après l'avoir exporté, sans le créer à nouveau. Ajustez la durée de cette piste selon vos besoins. Dans le cas présent, j'essaie de créer un bouton d'abonnement animé de 5 secondes.bouton d'abonnement 1

Étape 2 : Verrouillez cette piste en cliquant sur l'icône de verrouillage pour travailler sur l'animation d'abonnement sans risquer de perturber l'arrière-plan.bouton d'abonnement 2

Étape 3 : Il est temps à présent de concevoir le GIF png d'abonnement. Allez à nouveau dans l'échantillon de couleurs et faites glisser la couleur rouge dans la timeline au-dessus de l'arrière-plan vert.bouton d'abonnement 3

Étape 4 : Faites un double clic sur la couleur rouge dans la timeline et ajustez sa taille. Faites en sorte qu'il ressemble à un bouton d'abonnement rectangulaire et placez-le en bas au centre de l'arrière-plan. Vous pouvez le placer là où vous voulez le faire apparaître dans vos futures vidéos.bouton d'abonnement 4

Étape 5 : Maintenant, ajoutons du texte d'abonnement dans le bouton. Rendez-vous dans la rubrique Titre et sélectionnez le style qui vous convient. "Basic 6" fonctionnera parfaitement pour cet usage. Faites-le glisser et déposez-le dans la timeline au-dessus de toutes les pistes.bouton d'abonnement 5

Étape 6 : Faites un double clic sur le Titre dans la timeline et modifiez-le avec le texte " S'abonner ", placez-le sous le rectangle rouge et cliquez sur OK.bouton d'abonnement 6

Étape 7 : Nous avons prévu un curseur capable de cliquer sur le bouton d'abonnement animé. Vous pouvez faire une recherche sur Google pour trouver un curseur transparent. Assurez-vous de le sauvegarder au format png. Téléchargez-le et importez-le dans Filmora.bouton d'abonnement 7

Étape 8 : Faites glisser et déposez le curseur dans la timeline, et placez-le au-dessus des trois autres pistes pour le mettre en évidence. Ajustez la taille du curseur et placez-le sur le bouton S'abonner à l'endroit où vous voulez qu'il apparaisse.bouton d'abonnement 8

Étape 9 : Il est désormais temps d'animer le design à l'aide d'images clés. Tout d'abord, nous allons animer le rectangle rouge. Double-cliquez sur la couleur rouge dans la timeline. Allez dans l'onglet " Animation ", puis cliquez sur " Personnaliser ". Déplacez-vous à 1 seconde dans la timeline et cliquez sur "Ajouter".bouton d'abonnement 9

Étape 10 : Retournez à présent au début de la timeline et ajustez l'échelle à 0%. Cela fera apparaître le rectangle lorsque vous lirez le clip.bouton d'abonnement 10

Étape 11 : Le texte doit également être animé pour correspondre au rectangle. Effectuez un double-clic sur le texte dans la timeline et cliquez sur "AVANCÉ".bouton d'abonnement 11

Étape 12: Dans cet éditeur de texte Avancé, allez dans l'onglet "Animation" et sélectionnez l'animation qui vous convient. Sur la timeline à l'écran de prévisualisation, ajustez les zones sombres en fonction du temps que vous avez défini sur le rectangle, qui était de 1 seconde. Nous voulons que le texte apparaisse à l'écran en 1 seconde, comme le rectangle. Ajustez également le temps de fin lorsque vous voulez que le texte disparaisse à nouveau. Nous l'avons réglé sur 4 secondes. Ce qui signifie qu'il commencera à s'estomper au bout de 4 secondes.bouton d'abonnement 12

Étape 13 : Maintenant, pour animer le curseur de la souris, nous allons utiliser le même processus que pour un rectangle d'image clé. Double-cliquez sur la piste du curseur dans la timeline et déplacez le temps sur votre timeline à un point où vous voulez que le curseur apparaisse. Ajoutez maintenant une image clé en cliquant sur " Ajouter ".bouton d'abonnement 13

Étape 14 : Revenez à présent à un point de votre timeline, où le curseur commencera à apparaître depuis l'extérieur de l'écran. Déplacez le curseur à l'extérieur de l'écran à partir de l'endroit où vous voulez qu'il commence à se déplacer vers l'animation d'abonnement.bouton d'abonnement 14

Étape 15 : Pour animer le clic du curseur, avancez un peu dans votre timeline et réajustez le curseur à environ 70 %. Déplacez-le un peu plus loin et agrandissez-le jusqu'à 100 %.bouton d'abonnement 15

Étape 16 : Vous pouvez ajouter le son du clic de la souris pour le rendre plus réaliste. Vous pouvez trouver ce son n'importe où sur Internet. Téléchargez-le et importez-le dans Filmora. Placez-le maintenant dans la timeline à un endroit où il peut correspondre au mouvement du curseur.bouton d'abonnement 16

Étape 17 : Il est temps à présent de faire disparaître ce bouton d'animation d'abonnement. Avancez dans le temps jusqu'à la fin, à environ 4 secondes. Double-cliquez sur le bouton rouge dans la timeline et ajoutez une image clé à son échelle réelle.bouton d'abonnement 17

Étape 18 : Après cela, déplacez-vous plus loin dans la timeline jusqu'à la fin et modifiez son échelle à 0. Cela le fera disparaître.bouton d'abonnement 18

Étape 19 : Faites de même avec le curseur. Double-cliquez sur le curseur dans la timeline et ajoutez une image clé à sa position réelle.bouton d'abonnement 19

Étape 20 : Avancez au moment où vous voulez le voir disparaître. Déplacez le curseur hors de l'écran et cliquez sur "OK".bouton d'abonnement 20

Étape 21 : Votre GIF png d'abonnement est prêt à être exporté et utilisé dans vos vidéos. Cliquez sur exporter et choisissez parmi différents formats et options pour l'exporter.bouton d'abonnement 21

Conclusion : Votre propre bouton d'abonnement animé est prêt à être utilisé dans vos vidéos et projets futurs. Ce bouton d'abonnement est prêt à l'emploi et peut être facilement activé avec l'effet d'écran vert de Filmora. Il suffit d'importer le clip, de supprimer l'écran vert et le tour est joué. Vous pouvez également personnaliser cette animation d'abonnement avant de vous en servir sur votre chaîne et plus encore. Continuez à innover grâce à Filmora.


Wondershare Filmora, un logiciel simple, gratuit mais puissant pour rendre le montage vidéo plus efficace ! Vous pouvez télécharger et essayer Filmora gratuitement via les liens suivants :

Téléchargement gratuit
Pour win11 / Win10 / 8.1 / 8/ 7 (64 bits)
Téléchargement gratuit
Pour macOS V 10.15 ou version ultérieure
Garantie de téléchargement sécurisé, zéro logiciel malveillant
icon-android
icon-android
100% sécurité garantie
icon-android
icon-android
100% sécurité garantie