Een coole Twitch-lay-out maken in Photoshop

Wat te weten

• Maak in Photoshop een canvas van 1920 x 1080 en vul de achtergrond. Voeg lagen toe en gebruik de Marquee-tool om ruimte te maken voor een webcamstream.
• Vul selectiekader, maak een nieuwe laag en gebruik het selectiekader opnieuw om een ​​nieuw vak voor gamebeelden te maken. Opslaan als een Photoshop-bestand (.psd).
• Ook nodig: een computer, opnamekaart, webcam en uitzendsoftware zoals OBS Studio of Streamlabs OBS om de lay-out aan te passen.

Een Twitch-lay-out, ook wel een Twitch-stream-overlay genoemd, is een grafisch ontwerp dat tijdens je Twitch-uitzending verschijnt. Hier leest u hoe u een Twitch-overlay maakt met Photoshop en hoe u uw achtergrondafbeelding toevoegt aan OBS Studio.

Hoe maak je een Twitch-overlay met Photoshop

Photoshop is een van de beste tools voor het maken van een Twitch-overlay. Volg deze stappen om een ​​eenvoudige Twitch-lay-out te maken en experimenteer vervolgens met het toevoegen van meer functies en persoonlijkheid aan je uitzending. Deze tutorial gebruikt Photoshop 2020, maar de instructies zouden vergelijkbaar moeten zijn in andere versies. Als je geen Photoshop hebt, probeer dan een gratis alternatief, zoals Paint 3D in Windows 10 of de online grafische editor Canva om een ​​Twitch-overlay te maken.

1. Open Photoshop en selecteer Bestand > Nieuw uit het hoofdmenu.

   Nieuw in het bovenste menu.” class=”lazyload” id=”mntl-sc-block-image_1-0-10″ >

2. In de Laten we iets nieuws beginnen vak, stel de breedte in op 1920 pixels en de hoogte tot 1080 pixels en selecteer vervolgens Creëren.

   

   Deze metingen komen overeen met de volledige grootte van uw streamlay-out, die een tv-monitor vult wanneer deze wordt bekeken. Door deze grootte te gebruiken, kunt u het resultaat beter visualiseren en dienovereenkomstig plannen.

3. Selecteer in het hoofdmenu Bewerking > Vullen.

   Opvullen.” class=”lazyload” id=”mntl-sc-block-image_1-0-19″ >

4. Naast Inhoud, selecteer Kleur uit het vervolgkeuzemenu.

   

5. Kies een kleur voor de achtergrond en selecteer vervolgens OK.

   

   U kunt deze stap herhalen totdat u een kleur vindt die u mooi vindt.

6. Selecteer OK om de te verlaten Vullen doos.

   

7. Selecteer in het hoofdmenu Laag > Nieuw > Laag.

   Nieuw > Laag.” class=”lazyload” id=”mntl-sc-block-image_1-0-36″ >

8. In de Nieuwe laag pop-upvenster, selecteer OK. Je hebt nu een onzichtbare laag bovenop de achtergrond, zodat je je ontwerp kunt tekenen en bewerken zonder de achtergrondkleur aan te tasten.

   

   Zowel de nieuwe laag als de originele achtergrondlaag moeten zichtbaar zijn in de Lagen in de rechterbenedenhoek van het scherm.

9. In de Lagen selecteert u de nieuwe laag. Als het venster Lagen niet is geopend, selecteert u Lagen onder de Raam menu.

   

10. Selecteer in de toolbox aan de linkerkant de Rechthoekig selectiekader. Het is een vierkant pictogram met een stippellijn in de linkerbovenhoek van de gereedschapskist.

    

11. Verplaats de muis naar de werkruimte en klik en sleep het gereedschap om een ​​vierkante of rechthoekige vorm te maken waar u uw webcam wilt hebben tijdens uw stream.

    

12. Als je de gewenste vorm hebt, ga je naar het bovenste menu en selecteer je Bewerking > Vullen.

    Vullen.” class=”lazyload” id=”mntl-sc-block-image_1-0-58″ >

13. Kies de gewenste kleur van de doos en selecteer OK. Selecteer OK nogmaals om de . te verlaten Vullen doos.

    

14. Herhaal de vorige stappen, maak een nieuwe laag, maak een kader voor je videogamebeelden en voeg een vulkleur toe.

    

    Doe hetzelfde voor de andere inhoud die u in een kader wilt plaatsen, zoals een chatbox of nieuwe abonneelijst.

15. Met elk vak op zijn eigen laag, verplaats je vakken en bewerk je vakken afzonderlijk door hun laag te selecteren in de Lagen doos en het kiezen van de Verplaatsingstool pijlpictogram uit de gereedschapskist.

    

16. Als je alles hebt zoals je wilt, ga dan naar Bestand > Sparen om uw project op te slaan als een Photoshop-bestand (.psd). U zult dit bestand gebruiken om het project in de toekomst te bewerken.

    

17. Ga naar Bestand opnieuw en selecteer Opslaan als. Van de Formaat vervolgkeuzemenu, kies JPEG, geef het bestand een naam en selecteer Sparen. U bent klaar!

    

Hoe u uw achtergrondafbeelding toevoegt aan OBS Studio

Voeg uw op maat gemaakte afbeelding toe aan OBS Studio op dezelfde manier als elke andere mediabron.

1. Klik op de Plus meld je aan bronnen venster van OBS.

   

2. Selecteer Afbeelding.

   

3. Zorg ervoor dat de Laag maken optie actief is en geef de nieuwe laag een naam. “Achtergrond” is een goed idee voor de naam van de laag, omdat deze gemakkelijk herkenbaar is. Klik OK om de naam op te slaan.

   

4. Selecteer Bladeren, zoek uw opgeslagen JPEG-afbeelding op uw computer en selecteer vervolgens OK.

   

5. Uw achtergrondafbeelding zou nu in OBS Studio moeten verschijnen. Vanwege zijn grootte kan het andere inhoud bedekken, dus zorg ervoor dat u het in de bronnen onderaan het scherm en sleep het naar de onderkant van de lijst.

6. Voeg andere mediabronnen toe, zoals je webcam, videogamebeelden en waarschuwingen. Zorg ervoor dat deze nieuwe toevoegingen boven de achtergrond staan ​​in de bronnen lijst zodat ze zichtbaar zijn.

7. Je hebt nu een standaard aangepaste Twitch-lay-out! U kunt de achtergrondafbeelding op elk moment wijzigen door uw opgeslagen .psd-bestand in Photoshop te openen en te bewerken.

Tips voor het maken van uw Twitch-overlay

Als je meer gevoel krijgt voor het maken van een Twitch-overlay, houd dan deze tips in gedachten:

• Als u rechtstreeks op de achtergrondlaag wilt tekenen of deze wilt bewerken (om bijvoorbeeld de kleur ervan te wijzigen), selecteert u deze in de Lagen doos.
• Schakel op elk moment tussen alle lagen via de Lagen doos.
• Je kunt ook een grote afbeelding als achtergrond gebruiken of de Verloopgereedschap voor een creatievere optie.