strAImer strAImer
Se connecter

Personnaliser un overlay

Les gens demandent cela comme

Ce qu'est cette page

Chaque overlay est personnalisé dans le même éditeur : sections à gauche, un aperçu en direct au milieu, les paramètres de la section choisie à droite. Les alertes, le chat, les objectifs, la mascotte, l'overlay des touches, les listes, les minuteurs, le panneau d'enchères, la roue, le tableau, le carrousel, la barre de cagnotte et le tableau des défis l'utilisent tous, donc ce que vous apprenez sur un écran fonctionne sur les autres.

Le look appartient à un overlay. Deux overlays de chat dans la même liste sont stylisés séparément, et copier un overlay copie également son look.

Rien n'est sauvegardé tant que vous n'appuyez pas sur Enregistrer

Les modifications ne vivent qu'à l'écran. Déplacez les curseurs, essayez un look prêt à l'emploi, choisissez des couleurs — et si vous n'aimez pas le résultat, partez : Enregistrer dans l'en-tête de la page est ce qui l'écrit définitivement.

Quitter avec des modifications non sauvegardées demande confirmation. Cette question apparaît à la fois lorsque vous appuyez sur Retour à la liste dans une carte de widget et lorsque vous passez à une autre section dans le menu de gauche.

Les looks prêts à l'emploi fonctionnent de la même manière : Appliquer met le look à l'écran mais n'écrit rien. Rien n'est perdu tant que vous ne sauvegardez pas, et rien n'est conservé tant que vous ne le faites pas.

Le bouton de réinitialisation ne fait pas exception. Réinitialiser la personnalisation, ou Réinitialiser l'apparence dans certains overlays, ne fait que mettre le look par défaut dans l'éditeur. L'overlay dans OBS garde son ancien look tant que vous n'appuyez pas sur Enregistrer, et partir sans enregistrer annule aussi la réinitialisation.

Les tailles se tapent, pas seulement se glissent

Chaque taille, marge, arrondi et épaisseur affiche son nombre à droite du libellé, et ce nombre est un champ : cliquez dedans et tapez. Les flèches le déplacent d'un pas, avec Shift de dix.

Le curseur en dessous reste là pour régler à l'œil, et un nombre supérieur à son échelle étire l'échelle elle-même. Rien ne bute sur une limite que nous aurions choisie pour vous, ce qui compte sur une source 4K, où les marges et le texte doivent être bien plus grands qu'en 1080p.

L'unité figure dans le libellé, Taille du texte (px), et jamais dans le champ. Une taille sans son unité n'est pas une règle valide : le navigateur l'écarterait et la superposition reviendrait à sa valeur d'origine pendant que l'écran affiche toujours votre nombre.

Un champ qui ne sert à rien dans le mode actuel est masqué au lieu de bouger pour rien. Dans les alertes, si Taille est sur À la largeur de la carte dans Aspect du média, Largeur, Hauteur et Ajustement disparaissent. Revenez à Je la définis et ils réapparaissent avec les valeurs qu'ils avaient.

Looks prêts à l'emploi

Les looks prêts à l'emploi se trouvent dans la liste Style, sous Intégré. Néon, Minimaliste et Rétro existent dans chaque overlay sauf la mascotte et utilisent les mêmes couleurs, polices et bordures. Appliquez-en un à tous vos overlays et ils auront l'air d'un ensemble cohérent, et non d'une douzaine de widgets séparés. La mascotte n'a pas de looks prêts à l'emploi : sa liste ne contient que vos propres modèles.

Les overlays qui ont une section Matière (voir plus bas) listent aussi les douze matières sous Intégré, de Crayon vivant à Verre nacré. Un tel look apporte ses propres couleurs, polices et arrondi des coins avec sa matière : c'est donc le moyen le plus rapide de voir à quoi ressemble une matière.

Appliquer un look efface également ce qu'il ne définit pas, de sorte que le résultat ne dépend pas de ce que vous étiez en train de modifier auparavant.

En dessous se trouve la liste de vos propres modèles : le champ de nom avec Enregistrer conserve le look qui est à l'écran actuellement, et Supprimer supprime un modèle. Un modèle sauvegardé à partir d'un overlay peut être appliqué à un autre, et l'éditeur traduit ce qu'il peut. La matière et l'effet de contour voyagent tels quels, vers tout overlay qui a ces sections.

Matière

Alertes, Superposition de chat, Objectifs de Dons, Listes et Minuteurs ont une section Matière, tout comme quatre overlays d'extensions : Superposition du tableau et Superposition roue de l'enchère, Superposition de barre de cagnotte et Superposition de liste de défis du carrousel. La mascotte, Entrée, Superposition de l'arbre et Superposition de carrousel ne l'ont pas. Dans la liste des sections, elle se place juste après la partie qu'elle peint en premier, qui est Panneau sur la plupart des overlays.

Une matière dessine cette partie dans un style artistique fini : Crayon vivant, Aurore boréale, Collage de papier, Plan technique, Cubique, Terminal de terrain, Tactique, Serment doré, Verre clair, Verre dépoli, Verre bombé ou Verre nacré. Aucune la désactive. Ce qu'elle peint dépend de l'overlay :

  1. Ouvrez l'apparence de l'overlay et choisissez Matière dans la liste des sections.
  2. Choisissez une matière. Elle garde vos couleurs, polices et tailles : la couleur d'arrière-plan de chaque partie qu'elle peint vient toujours de la section propre à cette partie.
  3. Sous le choix se trouvent les réglages de cette matière : ses détails (lignes, grain, reflets, ornements) avec leurs tailles et leurs couleurs, et un interrupteur pour chaque détail qui peut être retiré. Crayon vivant a aussi Épaisseur du crayon.
  4. Crayon vivant, Aurore boréale, Terminal de terrain et Serment doré peuvent bouger. Mouvement décoratif l'active ou le désactive. Choisie dans cette section, une matière démarre avec le mouvement sur Désactivé ; les looks prêts de Crayon vivant, Aurore boréale et Terminal de terrain le mettent sur Activé. Les looks animés sont dessinés par OBS, sur l'ordinateur qui encode votre stream : c'est pourquoi le mouvement attend que vous le demandiez.
  5. Appuyez sur Enregistrer.

Tant qu'une matière est choisie, l'éditeur masque les champs qu'elle rend inutiles : la bordure de chaque partie qu'elle peint, et l'ombre aussi, sauf avec Aurore boréale, Collage de papier, Plan technique et les quatre looks en verre. Sur les alertes, le fond, la marge intérieure, le contour et l'ombre de Cadre du média sont masqués aussi, car la matière y dessine son propre bord. Choisissez Aucune et ces champs reviennent avec les valeurs qu'ils avaient. Avec Tactique et Cubique, Rayon des coins règle la taille du coin coupé ou en escalier plutôt qu'une courbe.

Effet de contour

Les mêmes overlays ont une section Effet de contour : un effet animé qui court autour du bord de l'overlay. Ce bord, c'est la carte d'alerte, l'objectif entier, la barre de la liste, la plaque du minuteur, la barre de cagnotte ou la plaque de la roue, ainsi que chaque message du chat, chaque ligne de la liste de défis, l'en-tête et chaque ligne de lot du tableau des enchères. L'effet se choisit indépendamment de la matière et fonctionne avec ou sans elle.

  1. Choisissez Effet de contour dans la liste des sections.
  2. Choisissez sous Effet : Électrique, Comète, Bord liquide, Feu, Givre, Hologramme, Cadre d’encre, Bulles, Particules magnétiques ou Assemblage de fragments. Aucun le désactive.
  3. Réglez Couleur de l’effet et Vitesse de l’effet. La plupart des effets ont aussi Luminosité, Taille du mouvement et un nombre qui leur est propre (comètes, langues de flamme, bulles, etc.).
  4. Sous Quand il joue, En continu garde l'effet en marche, et À chaque événement l'allume pendant Durée de l’effet quand quelque chose se passe sur cet overlay. Assemblage de fragments démarre sur À chaque événement, les autres sur En continu.
  5. Appuyez sur Enregistrer.

L'événement appartient à l'overlay : une alerte apparaît, un message du chat arrive, un objectif augmente, le texte d'une liste change (pas au premier chargement de la source), du temps est ajouté à un minuteur ou retiré, une carte tombe sur la barre de cagnotte, un nouveau défi apparaît, la roue affiche son résultat. Le tableau des enchères nomme ses sections d'après leurs parties : Effet de l'en-tête joue Quand la roue s'arrête, et Effet des lots joue Quand le lot sort.

Électrique est la bordure électrique que les alertes réglaient auparavant avec Effet de Bordure dans Panneau, un champ qui a maintenant disparu. Une alerte qui l'avait activée la retrouve ici, avec la même couleur, la même vitesse et le même chaos. L'image ou la vidéo d'une alerte a son propre effet : Effet dans Cadre du média propose les mêmes dix effets, choisis séparément de ceux de la carte.

Un effet de contour court le long de l'extérieur du bord : sur une Source Navigateur taillée au plus juste autour de l'overlay, une partie tombe donc hors du cadre. Marges des bords, plus bas, lui donne de la place.

Dans OBS, les matières et les effets continuent de bouger même si les effets d'animation sont désactivés dans les paramètres de Windows : ce réglage concerne votre écran, pas celui de vos spectateurs. L'aperçu de l'éditeur, lui, le suit : avec les effets d'animation de Windows désactivés, les matières et les effets y restent immobiles, sauf Électrique.

Marges des bords

Chaque overlay sauf les alertes a une section Marges des bords dans son look, avec En haut et en bas et À gauche et à droite en pixels. C'est une marge transparente entre les bords de la Source Navigateur et ce que l'overlay dessine, pour que la lueur, les ombres, les effets de contour et les animations d'entrée ne soient pas coupés par OBS. Elle commence à zéro, donc un overlay déjà dans votre scène ne bouge pas. L'exception est le tableau des enchères : là, la section s'appelle Distance au bord de la source, et elle commence à 16 px en haut et en bas et 28 px à gauche et à droite, car le tableau gardait déjà sa propre marge. Les alertes gardent les mêmes écarts dans leur section Position.

Couleurs

Le sélecteur de couleur contient deux rangées.

Mes couleurs restent jusqu'à ce que vous les supprimiez. Le + à la fin de la rangée conserve la couleur que vous venez de choisir ; la croix dans le coin d'une couleur la supprime. Mettez les couleurs de votre chaîne ici une fois et elles seront à portée de main dans chaque overlay.

Récentes sont les douze dernières couleurs que vous avez utilisées n'importe où dans l'application — la rangée évolue d'elle-même, une nouvelle couleur poussant la plus ancienne hors de la liste. C'est pourquoi les couleurs qui vous tiennent à cœur doivent être dans la rangée du dessus.

Les deux rangées sont partagées dans toute l'application : une teinte choisie dans l'overlay de chat est à un clic de distance dans les alertes.

Chaque couleur des sections propres à l'overlay a un curseur de transparence à côté : texte, arrière-plans, bordures et ombres. Les couleurs des détails d'une matière et des effets de contour sont pleines, sauf la couleur d'Électrique. Un arrière-plan à deux couleurs (un dégradé) a un curseur pour chacune de ses couleurs, avec le pourcentage à côté, si bien qu'un arrière-plan peut passer de plein à transparent. Le champ de code du sélecteur accepte aussi une couleur avec sa transparence, comme #00000080 pour un noir à moitié transparent, ou des nombres comme 15,12,30. La pipette à côté du champ de code permet de choisir une couleur n'importe où sur l'écran.

Ce qu'il ne peut pas faire