noixdecitron.tech

J’ai profité d’un peu de temps libre dans mon planning pour mettre en place un projet de longue date pour les miniatures de mes vidéos YouTube : faire une refonte moderne, design, avec un effet très cool !

On ne s’en rend pas compte quand on ne fait « que » regarder du contenu, mais c’est une activité qui est extrêmement chronophage. Négocier des contrats, écrire des vidéos puis les tourner, les monter puis les mettre en ligne, tout ça prend beaucoup de temps en particulier quand on travail seul à tous les domaines, surtout  quand on produit en 4K et qu’on veux avoir un rendu le plus propre possible au niveau du son et de l’image.

À l’époque du début de mon travail de recherche, j’avais même publié un article sur ce site quand je suis passé du 1080p à la 4K et que j’ai changé l’appareil photo et l’objectif utilisés pour tourner mes vidéos pour partager mes démarches et avoir votre avis.

Tout ceci implique de tourner des « vidéos de test » à usage personnel afin de prendre le temps de faire plein de réglages son/lumière/camera et c’est souvent très long à réaliser. Les miniatures youtube sont tout autant importantes que les vidéos, l’occasion de profiter d’une refonte de mes miniatures pour en publier un article et vous montrer l’envers du décors.

Le passage de la v0 à la v1

Il a eu lieu à l’été 2022. Le but était de faire une refonte d’environ 30-50 vidéos, comprenant majoritairement les plus récentes mais aussi des plus anciennes qui continuaient de bien marcher. Jusque là, je réalisais des miniatures « pour le plaisir » sans vraiment de cohérences entre elles ou de suite logique. Avant 2022 je n’avais pas vraiment la volonté d’animer régulièrement une chaine YouTube et disons que pour moi, tout était un peu anecdotique.

Malgré tout, je faisais quand même un peu attention à produire du contenu « sympa » mais sans faire de tests avant, sans vraiment écrire en amont mes scripts, et sans trop faire attention aux réglages généraux, n’ayant (encore aujourd’hui) aucune formation dans l’audiovisuel, tout était fait un peu au feeling. J’ai beau être titulaire d’un Bac Pro Photo et d’avoir des années de pratique de la photographie, ça n’a strictement rien à voir avec la production, le tournage et montage de vidéo comprenant des prises de son. Les fichiers se traitent différemment, les formats le sont tout autant et les logiciels très différents. Ça ne demande pas non plus la même puissance de calcul à l’ordinateur.

Ma chaine en 2022

J’ai donc réfléchi à une méthodologie pour mes vidéos en créant une 30 aine d’arrières plans aux teintes de couleurs différentes selon les sujets, comme présentés ci-dessus. Des teintes orange/rose pour un type de format, bleu/violet pour un autre, et verte pour encore une autre (selon si sponso, test perso, vidéos hors sujet…). Je me suis dis que ça apporterait de la couleur et de la « luminosité » aux miniatures, en mettant en avant le produit testé dans la vidéo de manière plus évidente. Avant cela, mes miniatures n’étaient « que » des photos prises du produit par moi-même. Dans certains cas ça offrait un excellent rendu, mais ce qui fait une bonne photo pour un article n’en fait pour autant une bonne image de miniature sur YouTube.

Sur le moment, j’aimais bien le côté coloré et très lisible du produit mis en avant mais… Après quelques mois je trouvais le rendu un peu trop « cheap » et « enfant ». J’ai donc réfléchi à un nouveau format pour mes miniatures.

Le passage de la v1 à la v2

Lors de l’été 2023, j’ai profité d’avoir reçu l’écran Koorui que je test dans cette vidéo pour refaire les miniatures de ma chaine avec une nouvelle méthode, mettant toujours en avant le produit mais en retirant cette idée d’arrières plans colorés et en mettant de « vrais » image en arrière plan, la plupart flouté afin de faire ressortir le sujet de la vidéo.

La différence était immédiatement visible et encore aujourd’hui j’apprécie beaucoup le rendu qui fait bien plus « pro » et « travaillé » dans l’apparence.

Les mêmes vidéos qu’en 2022 ci-dessus, mais sur le nouveau format

J’ai réajusté mon .PSD qui me servait de « sample » pour avoir une banane plus grosse en bas à gauche de la vidéo et en mettant un petit effet de contour noir, d’ombre portée ou de halo (selon l’image) autour du sujet de la vidéo. J’aimais beaucoup, mais avec le temps je trouvais que la banane était finalement trop grosse et trop omniprésente, elle cachait presque l’image d’illustration du sujet de la vidéo (un écran, une chaise, un boitier PC…).

Le passage de la v2 à la v3

Lors de l’été 2024 j’ai donc profité des nombreuses journées de pluie pour retravailler et améliorer tout ça. Le concept de l’image d’illustration de la banane qui sert d’illustration en bas a gauche a été conservé mais réduit dans sa taille, passant de 650px à 480px de hauteur, toujours dans le coin inférieur gauche. De plus, j’ai ajouté un faux effet de « transparence » aux bords de l’image et en soit, je suis très fier du résultat qui est extrêmement chronophage à faire. Mais prenons le temps de détailler tout ça.

Découpage du format de 2024

Si vous n’êtes pas au fait des formats d’image qui existent, je vais résumer en n’en mentionnant que 2 qui nous intéressent ici : le .JPG (le jpeg qu’on connait tous) et le .PNG qui est un format prenant en charge la transparence. Vous commencez à voir où je veux en venir ? SAAAAUF QUE, YouTube ne prends pas en charge les fichiers image en .png et n’utilise que du jpeg… J’ai donc retravaillé environ 50 miniatures de ma chaine avoir passé environ une dizaine d’heures sur la création du fichier « sample » avec un sacré paquet de tests, en envoyant les images sur des vidéos YouTube en privé pour voir comment ça ressortait.

Mon astuce ?

J’ai appliqué un cadre blanc dans le fond de l’image. Il a fallu pas mal de recherches pour trouver l’épaisseur qui me convenait le plus car en effet, si ça rend super bien sur YouTube quand c’est utilisé avec un fond blanc… On voit toute la supercherie sur YouTube utilisé sur un fond noir ! Mais je n’avais pas le choix, je devais choisir noir ou blanc, et je trouve que si l’effet fonctionne à merveille sur YouTube en blanc, le rendu sur un fond noir n’est pas déconnant non plus. Ça fait un cadre blanc pas disgracieux (selon mes goûts). Qu’en pensez-vous ?

Exemple sur mes deux dernières vidéo entre fond blanc et noir.

Quelques exemples sur mes vidéos entre fond blanc et noir

Gros plan sur l’angle inférieur droit, où on voit l’écran qui dépasse de l’arrière plan flou

Gros plan sur l’angle inférieur droit, où on voit l’écran qui dépasse de l’arrière plan flou

Certes, les goûts et les couleurs sont dans la nature, mais personnellement, j’aime beaucoup le rendu. On verra si d’ici 1 an ou 2 je change d’avis, mais j’adore l’aspect que ça donne. On a le sentiment que l’image du sujet (comme l’exemple quelques lignes au dessus avec la vidéo du ROG) dépasse de l’image en arrière plan que j’ai flouté pour avoir un effet un peu « diluée » dans le fond, et on a l’impression qu’il s’intègre parfaitement avec l’interface de YouTube comme il dépasse sur la bordure blanche en bas et sur la droite. Idem pour la banane qui dépasse sur l’angle inférieur gauche. On ne dirait pas comme ça, mais ça a vraiment demandé des heures de travail pour avoir ce type de rendu.

Il a ensuite fallu retravailler chaque image (heureusement que j’avais gardé tous mes fichiers, j’ai gagné un temps fou) pour isoler le sujet et le faire dépasser sur les bords. J’en ai profité pour, dans de nombreux cas, refaire un peu l’illustration avec un rendu plus premium. Toutes les images sont travaillées en 4K, donc la finesse est très belle et la différence entre avant et maintenant se voit vraiment, en particulier sur les bananes où certaines images des sujets.

Différence entre l’ancienne version « SD » et la version 4K à droite.

Sur l’exemple ci-dessus, on voit bien la différence de rendu sur la banane. Avant c’était un fichier de 540px en .png (que j’utilise surtout en emotes discord) que j’agrandissais jusqu’à 650px dans photoshop pour le mettre sur mes miniatures. Du coup le rendu n’était pas « parfait ». C’était correct puisque mine de rien c’est une miniature et la moitié de mes viewers sont sur mobile et donc ne se rendent même pas compte de la différence. Mais moi je le vois, et j’ai envie d’être sérieux, propre et transparent sur la qualité de mon contenu.

J’ai donc pris le temps de les convertir en 4K pour les réduire en plus à 450px et la finesse et la différence est très visible,  en particulier quand on regarde YouTube sur une TV ou un ordinateur. Dans l’exemple ci-dessus, la biere dans la mains, les yeux, ou les reflets blanc sur les joues sont vraiment différents et bien plus nets.

Le format Zes’t

Ce qui m’a motivé à passer des HEURES à reconvertir toutes mes miniatures aujourd’hui, c’est la mise en place d’un format d’émission hebdomadaire sur ma chaine que je détaille dans cette vidéo, et dont le premier épisode (Le Zes’t #001 : Samsung G80SD, RTX 4070 Super MSI x WoW, PS5 Pro, LG et Star Wars Outlaws !) est diffusé ce jour, le 1er septembre 2024.

Au départ, je voulais mettre en place cet effet de transparence uniquement sur ce nouveau format (parce que bon, flemme un peu de passer 38 heures à refaire toutes mes anciennes miniatures) pour mettre en avant la vignette du logo de l’émission dans le coin supérieur droit :

J’ai donc créé ce petit cadre en haut à droite qui possède la même teinte de vert que le haut des bananes que j’utilise en bas à gauche afin de garder une cohérence, et j’ai utilisé un ancien montage que j’avais fait pour Twitch il y a 2-3 ans d’une noix de coco avec une rondelle de citron (pour le rapport au nom de ma chaine).

J’ai ensuite appliqué une bordure noir sur l’ensemble pour donner un côté un peu « cartoon » et offrir un rendu similaire à la bordure des textes, et mentionné le #001 qui sera le numéro de l’épisode afin de l’identifier facilement. Vient après le reste de la mise en page avec la banane, comme expliqué précédemment, qui dépasse en bas à gauche sur la bordure blanche et des images d’illustrations en rapport aux sujets abordés dans l’émission. Je suis plutôt content du résultat.

Bilan

Changer une identité visuelle n’est pas chose facile et ça prend beaucoup de temps. J’ai trop longtemps laissé ce point pourtant crucial de côté, et ça m’a fait du bien de « raffraichir » ma chaine avec de nouvelles miniatures, en retravaillant un peu mes titres, ainsi que la mise en page de toutes les descriptions de la vidéo avec des emotes par paragraphes (pour les liens, les chapitres et j’en passe). On verra combien de temps je serais satisfait de ce format, mais ça m’a fait plaisir de partager cette recherche et cette évolution avec vous.

La miniature du format Zes’t. Qu’en pensez-vous ?