Stream-overlay maken met Photoshop voor YouTube en Twitch

Een goed ontworpen Stream-Overlay is cruciaal om een professionele indruk achter te laten bij jouw kijkers. Met Photoshop kun je een individueel overlay creëren dat perfect bij jouw stijl past. In deze handleiding doorloop ik stap voor stap het proces om je te laten zien hoe je een effectief overlay voor jouw YouTube- of Twitch-streams kunt ontwerpen.

Belangrijkste punten:

• Omgaan met de basis Photoshop-tools voor overlay-ontwerp.
• Zelfstandig creëren en aanpassen van overlay-elementen.
• Exporteren van overlay-elementen voor gebruik in streaming-software zoals OBS.

Stap-voor-stap handleiding

Nieuw document aanmaken

Om te beginnen, open Photoshop en maak een nieuw document aan. Ga naar Bestand > Nieuw. Stel de breedte in op 1920 pixels, de hoogte op 1080 pixels en behoud de resolutie op 72 dpi, aangezien je het overlay alleen digitaal wilt gebruiken. Laat de andere instellingen ongewijzigd en klik op 'Maken'.

Achtergrondkleur instellen

Het is nu tijd om de achtergrond te ontwerpen. Creëer een nieuwe lege laag door rechtsonder op het juiste symbool te klikken. Druk op D om de voorgrondkleur op zwart in te stellen. Vul deze laag met zwart door de Alt-toets ingedrukt te houden en op de Delete-toets te drukken. Verwijder vervolgens de achtergrondlaag door er met de rechtermuisknop op te klikken en vervolgens op Verwijderen te klikken.

Patroonoverlay toevoegen

Om de achtergrond meer diepte te geven, voeg je een patroonoverlay toe. Ga naar de vullingsopties van de zwarte laag (Rechtermuisklik -> Vullingsopties) en activeer de patroonoverlay. De vullingmethode moet op Normaal staan, en de dekking kun je verminderen tot ongeveer 13%. Kies een geschikt patroon uit de lijst, voor mijn doeleinden blijft dit momenteel zo. Klik op 'OK' om de instellingen toe te passen.

Rechthoeken voor overlay-elementen maken

Nu gaan we de vakjes voor de overlay maken. Selecteer het rechthoekgereedschap, teken een rechthoek in de gewenste afmeting. Je kunt de vulkleur naar wens aanpassen; ik raad aan eerst een contour te gebruiken. Klik in de vullingsopties op het kleurvakje en kies een verloop dat je wilt gebruiken. Pas de grootte en de contour aan naar jouw wensen.

Vakjes dupliceren en benoemen

Om de vakjes te dupliceren, moet je eerst het zojuist aangemaakte vakje selecteren en tegelijkertijd op Ctrl en J drukken om een kopie te maken. Hernoem het vakje door er dubbel op te klikken op de tekst eronder en pas het naar wens aan. Gebruik de Ctrl + T-combinatie om het te transformeren en de juiste grootte in te stellen. Verplaats het naar een geschikte positie om ruimte te maken voor andere elementen.

Chatvenster integreren

Voor het chatvenster maak je opnieuw een kopie van een van de vakjes, sleep je deze naar beneden en trek je de hoeken om het breder te maken. Hernoem ook dit vakje door het Chat te noemen. Plaats het op een geschikte manier, zodat het goed gepositioneerd is.

Extra elementen toevoegen

Voeg verdere vakjes toe voor de laatste donaties, volgers, enz., door dezelfde procedure te herhalen. Vergeet niet om de vakjes goed te benoemen en te rangschikken. Ik raad aan minstens drie vakjes te gebruiken om voldoende ruimte voor informatie te bieden.

3D-effecten toevoegen

Om je vakjes een aantrekkelijk 3D-effect te geven, ga opnieuw naar de vulopties en experimenteer met de instellingen voor afgeschuinde rand en reliëf. Neem de instellingen over of pas ze naar wens aan.

Tekst toevoegen

Het is nu tijd om de tekst voor elk overlay-element toe te voegen. Selecteer het tekstgereedschap, klik op je overlay en schrijf de bijbehorende tekst, zoals Gameplay, Chat, enz. Zorg ervoor dat je de lettergrootte en -type aanpast om goed leesbare, maar niet afleidende teksten te krijgen.

Alle lagen toewijzen

Nadat je alle elementen hebt gemaakt, is het raadzaam om ze om te zetten in slimme objecten (rechtsklik op de lagen -> Converteren naar slim object). Dit maakt het gemakkelijker om ze later te bewerken.

Overlay-elementen exporteren

Je kunt nu alle elementen exporteren, zodat ze in OBS of andere streamingsoftware kunnen worden gebruikt. Ga naar Bestand > Exporteren > Lagen naar bestanden exporteren. Kies een doelmap en zorg ervoor dat je PNG 24 als bestandstype selecteert om een transparante achtergrond te krijgen.

Overlay in OBS invoegen

Om je overlay in OBS Studio te gebruiken, ga naar je scene, klik op het plusteken in de bronnenlijst, kies Afbeelding en voeg vervolgens alle geëxporteerde overlay-elementen toe. Zorg ervoor dat je ze in de juiste volgorde plaatst om ze correct weer te geven.

Samenvatting

Deze handleiding heeft je laten zien hoe je een professionele stream-overlay in Photoshop kunt maken. Je zou nu in staat moeten zijn om je elementen te ontwerpen, ze te exporteren en ze in je streamingsoftware te gebruiken.