Wat te weten
- Maak in Photoshop een canvas van 1920 x 1080 en vul de achtergrond. Voeg lagen toe en gebruik het selectiekader 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.
-
Open Photoshop en selecteer File > New in het hoofdmenu.
Image -
In het Let's Start Something New vak, stel de breedte in op 1920 pixels en de hoogte op 1080 pixels en selecteer vervolgens Maken.
Image Deze metingen komen overeen met de volledige grootte van je 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.
-
Selecteer in het hoofdmenu Bewerken > Fill.
Image -
Selecteer naast Contents Color in het vervolgkeuzemenu.
Image -
Kies een kleur voor de achtergrond en selecteer vervolgens OK.
Image Je kunt deze stap herhalen totdat je een kleur vindt die je mooi vindt.
-
Selecteer OK om het vak Fill te verlaten.
Image -
Selecteer in het hoofdmenu Layer > New > Layer.
Image -
In de Nieuwe laag pop-up box, 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.
Image Zowel de nieuwe laag als de originele achtergrondlaag moeten zichtbaar zijn in het vak Layers in de rechterbenedenhoek van het scherm.
-
Selecteer de nieuwe laag in het Layers vak.
Als het Lagen-venster niet open is, selecteert u Layers onder het Window menu.
Image -
Selecteer in de toolbox aan de linkerkant de Rectangular Marquee Tool. Het is een vierkant pictogram met een stippellijn in de linkerbovenhoek van de gereedschapskist.
Image -
Verplaats de muis naar de werkruimte en klik en sleep het gereedschap om een vierkante of rechthoekige vorm te maken waar je je webcam wilt hebben tijdens je stream.
Image -
Als je de gewenste vorm hebt, ga je naar het bovenste menu en selecteer je Bewerken > Fill.
Image -
Kies de gewenste kleur van het vak en selecteer OK. Selecteer OK nogmaals om het vak Fill te verlaten.
Image -
Herhaal de vorige stappen, maak een nieuwe laag, maak een kader voor je videogamebeelden en voeg een vulkleur toe.
Image Doe hetzelfde voor de andere inhoud die u in een kader wilt plaatsen, zoals een chatbox of nieuwe abonneelijst.
-
Met elk vak op zijn eigen laag, verplaats je vakken en bewerk je vakken afzonderlijk door hun laag te selecteren in het Layers vak en het Verplaatsingsgereedschap te kiezenpijlpictogram uit de gereedschapskist.
Image -
Zodra je alles hebt zoals je wilt, ga je naar File > Save om je project op te slaan als een Photoshop (.psd) het dossier. U zult dit bestand in de toekomst gebruiken om het project te bewerken.
Image -
Ga opnieuw naar File en selecteer Save As. Kies uit het Format vervolgkeuzemenu JPEG, geef het bestand een naam en selecteer Save. Je bent klaar!
Image
Hoe u uw achtergrondafbeelding kunt toevoegen aan OBS Studio
Voeg uw op maat gemaakte afbeelding toe aan OBS Studio op dezelfde manier als elke andere mediabron.
-
Klik op het Plus teken in het Sources venster van OBS.
Image -
Select Image.
Image -
Zorg ervoor dat de Create Layer 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 op OK om de naam op te slaan.
Image -
Selecteer Browse, zoek uw opgeslagen JPEG-afbeelding op uw computer en selecteer OK.
Image - Uw achtergrondafbeelding zou nu in OBS Studio moeten verschijnen. Vanwege zijn grootte kan het andere inhoud bedekken, dus zorg ervoor dat u het in het vak Bronnen onder aan het scherm plaatst en sleep het naar de onderkant van de lijst.
-
Voeg andere mediabronnen toe, zoals je webcam, videogamebeelden en meldingen.
Zorg ervoor dat deze nieuwe toevoegingen boven de achtergrond in de Bronnen lijst staan, zodat ze zichtbaar zijn.
- 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 je 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 te wijzigen), selecteert u deze in het vak Layers.
- Schakel op elk moment tussen alle lagen via de Layers box.
- Je kunt ook een grote afbeelding voor de achtergrond gebruiken of de Gradient Tool gebruiken voor een creatievere optie.
