Comment Créer une Vignette YouTube Tape-à-l’Oeil sur Photoshop

Published
How to Create an Eye-Catching YouTube Thumbnail in Photoshop

Comment Créer une Vignette YouTube Tape-à-l’Oeil sur Photoshop

Selon un article récent de The Drum, YouTube compte plus de 1,9 milliard d’utilisateurs enregistrés par mois. Cependant, 2 milliards de personnes à la recherche de contenu sur YouTube ne signifie pas nécessairement que le contenu publié est susceptible d’être vu – il y a des millions d’éditeurs YouTube qui se battent les uns les autres pour les vues et la concurrence s’intensifie chaque jour. Alors, comment pouvez-vous faire en sorte que vos vidéos vous démarquent parmi les masses?

Backlinko a récemment publié un article sur la façon d’augmenter le SEO YouTube, et le premier élément sur leur liste a été de créer une vignette engageante. Selon YouTube, neuf vidéos sur dix les plus vues sur YouTube utilisent une vignette personnalisée. Cela ne devrait pas être une surprise, parce que votre vignette est le visage de votre vidéo avant même que quelqu’un pense à cliquer dessus.

Alors, comment pouvez-vous créer une vignette YouTube accrocheuse ?

Quels sont les bons exemples de succès des vignettes YouTube ?

Par exemple, regardez les vignettes personnalisées pour les chaînes YouTube populaires comme Good Mythical Morning. Le spectacle utilise des vignettes colorées et décorées, avec des éclats de couleur, du texte gras et des couches d’icônes et d’images.

Quels sont les bons exemples de succès des vignettes YouTube ?

Considérez ceci – deux vignettes pour la même vidéo. L’une est une vignette sur mesure et l’autre est une partie aléatoire de la vidéo que YouTube a tiré comme vignette. Si vous étiez à la recherche d’une vidéo sur de la crème à raser et la vignette sur le dessus était à côté de la vignette en bas, lequel attirerait votre attention en premier et sur laquelle seriez-vous le plus susceptible de cliquer ?

optimisation youtube

SEO YouTube

Vous seriez probablement plus enclin à cliquer sur la vignette personnalisée sur le fond: il y a de multiples éléments d’images et de texte, des couleurs variables, et “Link” a ce qui semble être de la crème à raser au bacon et divers accessoires de burger sur son visage.

Bien que toutes les vignettes personnalisées ne doivent pas être scandaleuses, il y a beaucoup de choses à fqire pour vous démarquez des vidéos avec des vignettes fades ou non originales.

Ci-dessous, je vais vous guider à travers la façon de faire une vignette YouTube engageante et accrocheuse en utilisant quelques principes de composition de base et quelques outils pratiques Photoshop. Si vous êtes nouveau sur Photoshop, ne vous faites pas intimider – les outils que je vais vous montrer sont extrêmement faciles et intuitifs à utiliser.

Nous avons récemment publié un épisode de Ezoic Explains qui vous montre chacuns de ces étapes et outils, mais je vais passer étape par étape ci-dessous.

Quels sont les principes de composition de base d’une vignette vidéo ?

Comme avec n’importe quel élément visuel, il y a des principes spécifiques de conception qui font que quelque chose soit bien et simple. Bien que cela puisse sembler être un concept artistique non fondé, ces principes sont en fait enracinés dans la psychologie; plus une personne se sent à l’aise ou engagée dans votre image, plus elle est susceptible d’être plus attentive (un peu comme ce que nous essayons de faire sur les sites Web pour augmenter le temps passé sur le site et les pages visitées).

En suivant certaines des règles de base de la composition et de la conception aidera votre vignette à la fois se démarquer et “paraít bien” Un PDF téléchargeable avec les principes de composition de base, les outils Photoshop, et les raccourcis clavier est disponible ici.

Équilibre : cela inclut la symétrie, l’asymétrie et la « règle des tiers » et le poids

  • Symétrie: quand quelque chose est exactement reflété sur le centre.
  • Asymétrie : lorsque les objets ne sont pas des répliques exactes les uns des autres, mais que le poids des objets ou de l’espace positif/négatif est le même.
  • Règle des tiers: c’est surtout utilisé dans la photographie, mais je trouve utile quand je suis la création de dessins asymétriques. Il nous fait imaginer un cadre comme s’il était divisé en tiers à la fois horizontalement et verticalement; les éléments dans le cadre devraient tomber quelque part sur ces lignes, en particulier dans les «points chauds».La règle des tiers/asymétrie est indiquée ci-dessous. La tour tombe sur le premier tiers de la photo et le début de l’escalier et le toit de la tour sont tous deux positionnés très près des traverses, ou «points chauds». La photo est équilibrée asymétriquement parce que tandis que la tour porte beaucoup de poids sur le côté gauche, le mur sur le côté droit est au premier plan et porte ainsi une quantité significative de poids dans la photo.
    conception YouTube

Roue de couleur : montre la relation entre les couleurs. Connaître quelques relations de couleur peut être utile lors de la création d’une vignette parce que certaines couleurs se complètent, vont de l’avant ou de l’arrière dans un cadre lorsqu’elles sont ensemble, ou créent une meilleure harmonie. En choisissant certaines couleurs et appariements de couleurs, vous pouvez envoyer un message à un spectateur avant même qu’il ne sache de quoi il s’agit.

croissance youtuber

P: Couleur primaire (couleurs qui se dressent d’elles-mêmes; “vraies couleurs”)

S: Couleur secondaire (couleurs faites en combinant deux couleurs primaires, par exemple jaune + rouge = orange)

T: Couleur tertiaire (couleurs faites en combinant une couleur primaire et secondaire, par exemple jaune + vert = jaune-vert; couleur primaire toujours énumérée en premier)

Teintes: vraies couleurs

Ombre : vraie couleur et noir

Note: vraie couleur et blanc

  • Symbolisme de couleur : chaque couleur représente un sens ou unehumeur. Selon le message que vous souhaitez envoyer, vous pouvez choisir une certaine couleur plutôt qu’une autre. Pensez à vos marques préférées, quelles couleurs ils utilisent, et quel message ils essaient d’envoyer aux consommateurs potentiels.art youtube
    Photoshopvignette vidéo
  • Couleurs complémentaires : couleurs opposées sur la roue de couleur.
  • Couleurs analogues : les couleurs qui se rapprochent sur la roue de couleur.

teintes plus chaudes sur la roue de couleur

  • Couleurs actives: ces couleurs sont les teintes plus chaudes sur la roue de couleur et semblent ressortir lorsqu’elles sont placées contre des couleurs passives.
  • Couleurs passives: ces couleurs sont les teintes plus fraîches sur la roue de couleur et semblent se diluer lorsqu’elles sont placées avec des couleurs actives.
    la quantité de contenu sur la page

Espace négatif et positif : quelle quantité de contenu est sur la page par rapport à l’espace vide qui l’entoure. L’espace négatif ne signifie pas passif, cependant. Dans cet exemple, FedEx utilise l’espace négatif entre les lettres pour créer une flèche.

Si vous voulez que quelque chose semble animé ou passionnant, vous voudrez utiliser moins d’espace négatif; si vous voulez que quelque chose paraisse plus simpliste ou sophistiqué, vous voudrez utiliser plus d’espace négatif.

L’espace négatif et positif tombent également en équilibre, parce que vous équilibrez le poids de l’espace positif et négatif.

Outils Photoshop et raccourcis qui peuvent aider

Photoshop peut sembler intimidant, surtout à ceux qui ne l’ont jamais utilisé auparavant. Cependant, il ya quelques outils qui peuvent vous aider sur le long-terme, et une fois que vous connaissez certains de ces outils de base et des raccourcis clavier, l’apprentissage d’autres outils viendra beaucoup plus facile.

En outre, Photoshop est vraiment peu coûteux pour une licence d’abonnement personnel maintenant (moins de 10 $ par mois). Ou, vous pouvez toujours opter pour les faux noms d’utilisateur sans fin et les essais gratuits.

Outils

  • Chapiteau rectangulaire
  • bouger
  • Couches : ordre de couche, verrouillage, vue, opacité, création
  • Lasso/Lasso magnétique
  • Effaceur : dur et doux
  • Équilibre des couleurs
  • Formes/formes parfaites/rectangle/remplissage et traits
  • Image, taille du fichier et enregistrement

Outils Photoshop et raccourcis qui peuvent aider Raccourcis clavier

  • Désélectionner:
    • Mac: Cmd + D
    • Windows: Ctrl + D
  • Re-sélectionner :
    • Mac: Cmd + Shift + D
    • Windows: Ctrl + Shift + D
  • Augmenter/diminuer la taille du pinceau ou de l’outil
    • Mac and Windows: ] / (plus grand).

      vidéo sur youtube

      J’ai utilisé le réglage le plus dur de l’outil Gomme pour le contour de sa main et les bords métalliques de la brosse. J’ai diminué la dureté de la Gomme lors du nettoyage des extrémités du pinceau.

      Une fois avoir nettoyé le pinceau et la main, j’ai réarrangé les couches de sorte que la couche Bob Ross soit au fond, la capture d’écran au milieu, et la main que nous venons de nettoyer sur le dessus. Maintenant, une fois que toutes les couches sont visibles, j’ai la main de Bob Ross devant la toile. J’ai suivi les mêmes étapes quand j’ai copié ses cheveux et sa chemise, en utilisant une Gomme tranchante pour sa chemise et une Gomme douce pour ses cheveux.

      Puis, j’ai déplacé les couches que j’ai créées et nettoyées jusqu’au sommet. Maintenant, j’ai une photo de Bob Ross «en train de peindre» ma toile Photoshop.

      Comment utiliser les outils Opacité et Equilibre Couleur dans Photoshop

      Comme indiqué précédemment, j’avais besoin d’utiliser une photo de mon visage qui était de la même perspective que Bob Ross. Sur la photo que j’ai choisie, je suis essentiellement face à l’appareil photo de front et mon visage est incliné de la même façon.

      Pour sélectionner mon visage, j’ai utilisé l’outil Lasso, bien que cette fois j’ai juste utilisé l’outil lasso standard car il n’a pas besoin d’être aussi précis; il est plus facile d’effacer les pièces inutiles plus tard que de réaliser que vous n’avez pas tout à fait obtenu tout ce dont vous aviez besoin.

      Comment utiliser les outils Opacité et Equilibre Couleur dans Photoshop

      J’ai choisi une photo de mon visage qui était similaire à celle de Bob Ross, avec le même angle de visage. Ensuite, j’ai utilisé l’outil Lasso pour sélectionner mon visage, et l’ai copié et collé dans le projet.

      J’ai copié et collé mon visage dans l’espace de travail, utilisé l’outil Move pour placer mon visage sur le visage de Bob Ross, et l’ai placé en haut de la liste de la couche de sorte qu’il soit au premier plan. Pour s’assurer que mon visage est de la même taille et l’angle, et que mes traits du visage s’alignent avec son autant que possible, j’ai choisi la couche avec mon visage et ai diminué l’opacité juste assez pour voir à travers ses traits du visage.

      Toujours dans ce mode, j’ai utilisé une Gomme à bords doux pour effacer n’importe quelle partie de mon visage dont je n’aurai pas besoin.

      Après avoir augmenté l’opacité de la couche jusqu’à 100, j’ai vu que mon teint était juste un peu différent de celui de Bob Ross, très probablement parce que sa photo a été prise avec l’éclairage de studio à l’intérieur et la photo de moi a été prise à l’extérieur. Pour ajuster l’équilibre des couleurs, j’ai sélectionné du menu en haut: Image > Ajustements > équilibre des couleurs.

      Comment utiliser les outils Opacité et Equilibre Couleur dans Photoshop

      En comparaison, j’ai ici Boss Ross, mon visage que j’ai édité en utilisant Color Balance, et une copie originale de mon visage.

      Il y a trois échelles coulissantes que vous pouvez ajuster : Cyan/Rouge, Magenta/Vert et Jaune/Bleu. Vous pouvez décider si vous manipulez les Ombres, Midtones, ou Hautes Lumières, mais je ne manipule généralement que Midtones. Le visage de Bob Ross a un peu plus de tons jaunes et rouges, j’ai donc augmenté le jaune et rouge sur mon visage pour correspondre.

      Ce qui donne l’impression d’être plus réaliste est juste une question d’utiliser les outils que je viens de décrire ci-dessus.

      Pour faire en sorte que les cheveux de Bob Ross couvre mon front et les côtés de mon visage, j’ai simplement lasso ses cheveux de la couche Bob Ross, copié et collé pour créer une nouvelle couche, puis utilisé une gomme à bords doux pour nettoyer les bords. J’ai utilisé une Gomme à tranchants durs pour nettoyer le col de sa chemise et tout simplement gardé la Gomme et ai ajusté l’équilibre des couleurs comme je l’ai vu bon.

      Remplissage de l’espace négatif et ajout de couleur

      Pour remplir l’espace négatif, j’ai googlé ‘Bob Ross peintures,’ copié et collé dans le projet (chacun créant sa propre couche), puis réarrangé et dimensionné comme bon me semblait. Comme vous pouvez le voir, j’ai choisi des peintures avec en évitant les couleurs de YouTube, mais qui contrasterait avec la couche de titre vert que j’ai créé pour Ezoic Explains.

      Remplissage de l'espace négatif et ajout de couleur

      Le dernier ajout que j’ai fait à ce projet est une superposition pour faire en sorte que l’espace négatif directement derrière Bob Ross soit une couleur différente du blanc puisque YouTube est principalement blanc. Pour ce faire, j’ai créé une nouvelle couche en naviguant vers mes couches et en sélectionnant l’icône Nouvelle Couche dans la barre d’outils au bas de la liste de couches, qui ressemble à un morceau de papier avec son coin plié.

      Remplissage de l'espace négatif et ajout de couleur

      Alors que la nouvelle couche est sélectionnée, j’ai cliqué sur l’outil de forme, situé à peu près trois icônes du bas de la barre d’outils verticale. En maintenant en pressant l’icône, une liste de différentes formes se déroulera. Pour ce projet, j’ai utilisé l’outil Rectangle.

      Vous pouvez faire un carré ou un cercle parfait en maintenant vers le bas Shift pendant que vous cliquez et faites glisser pour créer une forme. Une fois la forme faite, vous pouvez modifier le Fill and Stroke grâce à des ajustements dans la barre d’outils horizontale en haut.

      Remplir: quelle couleur est remplie au milieu de la forme (peut être transparent)

      Trait: quelle couleur délimite la forme (peut également être transparent)

      Densité des traits : l’épaisseur du contour (mesurée en px)

      youtube de style vignette

      J’ai utilisé le violet pour le remplissage et n’ai pas inclus de Trait. Puis, j’ai déplacé la couche rectangle violet au sommet de la liste de couches et ai changé son Opacité à environ 40 afin que je puisse voir à travers elle. J’ai utilisé à la fois des Gommes douce et dure pour me révéler, révéler Bob Ross, le chevalet, et la toile. Pour éliminer la pardessus pourpre des peintures sur le côté droit, j’ai utilisé l’outil Rectangular Marquee pour sélectionner la section de violet que je voulais éliminer et ai ensuite utilisé la Gomme.

      Avec l’outil Marquee, tout outil que vous utilisez ne se produira que dans les limites des lignes, donc l’outil Gomme m’a permis de n’effacer que le violet que j’ai choisi sur les peintures.

      Maintenant, l’espace blanc derrière moi / Bob Ross a une fine couche violette tandis que les peintures et le titre Ezoic Explains sont comme ils étaient à l’origine.

      Sous quelle taille et quel type de fichier une vignette YouTube personnalisée doit-elle être sauvegardée ?

      Une vignette YouTube ne peut être que de 2 Mo ou plus petit, de sorte que vous voudrez vous assurer que la taille de l’image, le format et la qualité répond à ces exigences.

      Tout d’abord, toujours enregistrer le fichier comme un > fichier Photoshop (PSD) en cliquant sur Enregistrer Sous comme pour garder une copie du projet dans ce format parce qu’un fichier PSD gardera toutes les couches disponibles au cas où vous voulez revenir en arrière et corriger ou mettre à jour quelque chose.

      Après l’avoir sauvegardé en tant que fichier PSD, enregistrez-le en tant que JPEG. Les JPG prennent moins d’espace que les PNG, bien qu’il ait certaines restrictions que les projets plus avancés pourraient trouver limitantes.

      Comme je l’ai dit plus tôt, je commence toujours mes projets plus grands, puis les réduire au besoin, ce que je vais certainement avoir besoin de faire dans ce cas. Pour modifier la taille de>l’image, naviguez vers image Taille Image. J’ai l’habitude de réduire d’abord les pixels à 72 ppi et changer la largeur à 1000px.

      La hauteur doit être verrouillée à la largeur afin que les proportions restent cohérentes, indiquées par deux lignes d’un maillon de chaîne et menant à la largeur et la hauteur. Si les lignes ne sont pas là, cliquez sur le maillon de chaîne et les dimensions se verrouilleront.

      Sous quelle taille et quel type de fichier une vignette YouTube personnalisée doit-elle être sauvegardée ?

      Après avoir cliqué sur Enregistrer, une fenêtre apparaîtra en demandant sous quelle qualité vous souhaitez l’image. Pour une vignette YouTube, milieu de gamme ou un peu plus bas suffira; cela aidera à la taille du fichier ainsi.

      Sous quelle taille et quel type de fichier une vignette YouTube personnalisée doit-elle être sauvegardée ?

      Avant de télécharger le fichier comme ma vignette YouTube, je vérifie que le fichier est inférieur à 2 Mo. Si ce n’est pas encore fini, je continue à redimensionner la vignette et ajuster la qualité jusqu’à ce qu’elle soit de 2 Mo ou moins.

      Restez cohérent et engagez-vous avec les vignettes YouTube

      Votre vignette YouTube est comme les articles dans une vitrine – elle est destinée à attirer l’attention des utilisateurs et les attirer dans le magasin. Je suggère de trouver un «look» spécifique pour vos vignettes que vous collez avec de sorte que votre image de marque reste cohérente. Cela permet aux utilisateurs de se familiariser facilement avec vos vignettes et de repérer facilement l’une de vos vidéos parmi d’autres.

      Restez cohérent et engagez-vous avec les vignettes YouTube

      Les principes de composition de base et les outils Photoshop ont un peu d’une courbe d’apprentissage, mais une fois que vous avez la pratique de penser comme un concepteur et en utilisant les outils et les raccourcis, faire des vignettes et d’autres projets de conception deviendra beaucoup plus facile. Après la maîtrise de ces concepts et outils, vous pouvez en apprendre davantage sur la conception et Photoshop pour continuer à peaufiner et améliorer vos vignettes.

      Si vous n’avez pas accès à Photoshop, Adobe vous propose un essai gratuit d’une semaine de ses produits si vous souhaitez essayer avant d’acheter.

      Si vous avez déjà utilisé votre essai ou n’êtes pas intéressés à acheter Photoshop, je rechercherais des outils en ligne qui fonctionnent de façon similaire à Photoshop, puis utiliser les principes de conception mentionnés et des informations pour créer en connaissance de cause votre vignette.

      Questions. Laissez-les ci-dessous et je vais offrir tous les conseils que je peux.

Leave a comment

Your email address will not be published. Required fields are marked *