Améliorer l'aspect de l'overwaly de webcam en stream

En tant que graphiste, j’ai évidemment fait énormément d’overlay webcam depuis que je me suis lancé sur Twitch.

Progressivement, j’ai constaté la tendance autant que la nécessité de simplifier les overlay webcam. Le temps des overlays aux milles animations disparaît peu à peu au profit de contour simple pour une image propre.

Voir carrément, pas d’overlay du tout ! Les webcams avec ou sans formes arrondies se répandent de plus en plus par exemple. Mais quelques astuces si vous souhaitez avoir des overla.

L’épaisseur et l’esthétique de la webcam

J’avais commencé à aborder la question dans cet article, mais c’est l’occasion d’en remettre une petite couche sur l’aspect visuel.

Le choix des couleurs et de l’épaisseur, voir carrément du design, de la webcam sont importants. Un contour trop large, des couleurs trop vives et voila ce qui peut nuire à la qualité du live.
Prenez exemple d’un overlay hautement néon par-dessus un live d’un jeu d’horreur plutôt sombre, c’est plutôt détonant.

Que vous les fassiez vous-même en utilisant des plugins ou des astuces sur OBS, je ne peux que vous recommander d’avoir des contours les plus fins possibles.

L’overlay de la webcam est évidemment un rappel de votre DA mais, encore une fois, gardez à l’esprit que le plus important pour vos viewers : c’est le contenu qui est diffusé.

Sur fond sombre, ça se voit un tout petit peu
Quelques astuces

Si vous souhaitez faire des contours webcam extrêmement simples, je peux vous recommander de passer par shaderfilter, un plugin OBS.

Shaderfilter est un plugin qui regroupe une quantité généreuse d’effets. Parmi eux, l’effet rounded_stroke_gradient.shader. Cet effet vous permettra de gérer le contour, la couleur, mettre un dégradé et même des coins arrondis.

Après l’avoir installé depuis le site (windows installer ou macos universal), faites clic droit sur la source de votre webcam > filtres > dans filtres d’effets > user-defined shader.. Cocher Load shader text from file et dans Shader text file, sélectionner retrouver l’effet rounded_stroke_gradient.shader.

A partir de là, vous avez accès aux couleurs, épaisseurs, etc. Vous avez même la possibilité d’appliquer une légère rotation. A vous d’expérimenter ce qui convient le mieux !

rounded_stroke_gradient.shader
Retour en haut