Hur man gör ett Twitch -överlägg med Photoshop

Twitch har förändrat spelets ansikte under de senaste åren, med topp Twitch -streamers som tjänar stora pengar på att spela sina favoritspel. För många tittare är Twitch som en ny form av sociala medier, och trots de senaste ändringarna av Twitch -reglerna är dess popularitet större än någonsin.

Om du vill tjäna pengar på streaming måste du bygga ett stort tittarantal på Twitch , och en viktig del av det är att få din ström att se professionell ut.

I den här artikeln visar vi dig hur du skapar en enkel Rycka överlägg med Photoshop. Och även om detta överlägg är för Minecraft, kan det modifieras för att fungera med alla andra spel. Och det kommer också att fungera perfekt för streaming på YouTube Gaming eller till och med Mixer, Microsofts alternativ till Twitch.

Komma igång

Innan vi börjar, låt oss titta på vad vi kommer att sluta med idag:

Allt i den här självstudien är relativt enkelt, men om du är ny i Photoshop kan det hjälpa att först läsa vår Photoshop -lagerhandledning. Om du letar efter ett gratis alternativ till Photoshop är GIMP otroligt kraftfullt.

Om du vill göra en Twitch -överläggning utan att använda Photoshop är detta projekt fullt möjligt i GIMP. Eftersom verktygen du kommer att använda kommer att vara lite annorlunda, föreslår jag att du läser vår guide till GIMP först.

Med det sagt, låt oss ta en titt på hur man gör ett Twitch -överlägg med Photoshop.

Skapa duken

För att börja skapa överlägget, öppna Photoshop och skapa en ny bild i samma storlek som din skärmupplösning.

Nu när vi har ett tomt dokument behöver vi en guide för att bygga vårt överlägg runt. Jag föreslår att du tar en skärmdump av ditt valda spel och laddar det till Photoshop genom att klicka Arkiv och plats och väljer din bild. Sträck ut bilden till dukens fulla storlek. Nu kan vi börja skapa våra överläggselement.

Lägga till en översta bar

Skapa ett nytt lager och ge det ett namn Top Banner . Välj Rektangelverktyg från menyn till vänster. Öppna färgväljaren på samma meny och välj din bakgrundsfärg.

Klicka nu och dra över toppen av ditt nya lager för att skapa en toppbanner. Oroa dig inte om du överlappar kanfas kanter, rektangeln ska snäppa på plats med sidan.

Nu, för att ge denna rektangel en kant, högerklicka på lagret och välj Blandningsalternativ . Välj Stroke från menyn som visas och ställ in slagbredden och färgen till det som fungerar för dig. I det här fallet ser 10 px bred med en mörk röd färg bra ut. Klicka på OK och välj ditt lager. Slå på flyttverktyget genom att trycka på bokstaven V och flytta den övre bannern uppåt så att den har tillräckligt med utrymme för att lägga till text senare, men inte skymmer för mycket av spelskärmen.

Slutligen väljer du det övre bannerskiktet och sänker dess opacitet till cirka 75 procent. Detta gör att spelet kan visa sig något och ger överlägget en mer dynamisk effekt.

Du har gjort en bra start, och du kan använda det du har gjort hittills för att skapa de två nedersta bannersna.

The Bottom Banners

Snarare än att göra samma arbete igen för dessa banderoller, högerklicka helt enkelt på Top Banner och välj Dubbla lager . Namnge detta nya lager Nere till höger och använder Flytta verktyg ( V på tangentbordet), flytta den längst ned till höger på skärmen. Se till att det inte överlappar med verktygsfältet i spelet och använd Ctrl nyckel medan du drar för att placera den med mer precision.

För att skapa den nedre vänstra fältet följer du samma metod som ovan och flyttar den ner till nedre vänstra sidan av skärmen. Vår grundläggande överläggning är nu klar, så vi kan lägga till en ram för vår kamera.

Kameraram

Skapa ett nytt lager och kalla det Ram . Välj Rektangelverktyg igen, och skapa ett perfekt torg genom att hålla ner Flytta medan du drar muspekaren. Oroa dig inte om rutans färg, vi kommer att bli av med fyllningen senare.

För att skapa ramen, högerklicka på lagret och välj Blandningsalternativ . Välj Stroke men välj den här gången Inre från Placera rullgardinsmenyn, för att få ramen att komma in på torget istället för att läggas på utsidan.

Välj återigen en färg och bredd som passar det färgschema du har hittills. Välj nu lagret och ändra det Fylla till 0 procent och lämnar bara ramen.

Använd Flytta verktyg för att placera den ovanför botten till vänster, och ändra storlek på den om du behöver genom att hålla Flytta nyckeln för att bevara dess bildförhållande.

Överlägget börjar komma ihop, men nu är det dags att lägga till lite text.

Lägga till text

För att börja lägga till text, skapa ett nytt lager. Använd Textverktyg (eller tryck på T på din plåt) och dra ut en ny textruta. Välj Karaktär menyn från höger sida enligt nedan:

Om du inte kan se den här knappen i din Photoshop -layout kan du öppna menyn genom att klicka Fönster> Karaktär . Välj ditt teckensnitt och färg här och lägg till din text. Använd Flytta verktyg för att placera din text på en av dina nedre banderoller. Det ska snäppa på plats, men Ctrl nyckel kan hjälpa dig att finjustera den exakt där du vill att den ska vara.

Nu har vi text, men det ser lite intetsägande ut. Så, för att det ska sticka ut, högerklicka på textlagret och välj igen Blandningsalternativ . Ge texten a Stroke och även a Släpp skugga för att få det att sticka ut lite. Standardvärdena används här, men du kan spela med inställningarna för att skapa en mycket mer uttalad 'flytande text' -effekt också.

Skapa textelement för de andra tre hörnen genom att högerklicka på det här lagret och välja Dubbla lager och med Flytta verktyg för att flytta varje nytt lager till sina respektive hörn.

Med vår text nu på plats är vi nära att vara klara. Låt oss bara lägga till logotyper för sociala medier och en rubriklogotyp för kanalen.

Det är lättare att använda färdiga ikoner som är kommersiellt fria att använda. En webbplats som Icon Finder kan hjälpa till med detta, men se till att alla ikoner du använder är markerade Gratis för kommersiellt bruk för att undvika att hamna i juridiska problem senare. Importera din logotyp till Photoshop med Arkiv> Plats meny. Om du inte kan se din logotyp, se till att den är överst genom att dra dess lager till toppen av lagermenyn.

Nu har vi en Facebook -logotyp, men det är lite intetsägande. Låt oss få det att passa in genom att högerklicka på dess lager och välja Blandningsalternativ , följd av Stroke . Ge det ett yttre slag samma bredd som din toppbanners slag. När du väljer färg kan du använda dropparen för att matcha färgen med din toppbanner.

Flytta logotypen upp till den övre vänstra delen av skärmen och med hjälp av Ctrl nyckel placera den försiktigt så att den passar in i hörnet.

Följ Twitter -logotypen på samma sätt att använda Plats att lägga till det i projektet. Du kan spara lite tid här genom att välja Facebook-logotypen, högerklicka och välja Kopiera lagerstil , innan du återvänder till det nya Twitter -logotypskiktet och använder Klistra in lagerstil för att ge den samma slagbredd och färg. Flytta den här logotypen till motsatt övre hörn och flytta vid behov texten så att den passar.

Låt oss nu lägga till mittlogotypen.

Kanallogotyp

Om du har en kanallogotyp är det bra att ha den framför och mitt så att alla kan se den direkt när de börjar titta. Om du ännu inte har en logotyp kan du ersätta den med en lite anpassad text med ditt kanalnamn eller din webbplats.

För att börja, dra ut en linjal från det vänstra verktygsfältet, den ska snäppa till mitten av skärmen.

Om du inte kan se din linjal eller om den inte knäpper, titta under Se menyn och kontrollera att båda Linjal och Knäppa väljs.

Plats din logotyp i projektet. Den ska automatiskt centreras på linjalen. Skapa ett nytt lager och dra det till lagret under logotypen. Använd Rektangelverktyg för att skapa en rektangel som är något större än logotypen, vilket ger den en inramad effekt.

För att det ska sticka ut, ge ditt nyskapade torg ett Yttre slag samma färg som resten av dina gränser. Håll det intryckt för att göra det lättare att flytta logotypen och ramen Ctrl för att välja båda lagren. Högerklicka och välj Konvertera till smart objekt . Detta lagrar både vår logotyp och kant på samma lager, som fortfarande kan redigeras senare om det behövs.

Flytta din logotyp till toppen av överlägget och ändra storlek för att passa. Och det är det, vi är alla klara.

Spara överlägget

Innan du sparar överlägget som en bild, spara det som ett Photoshop -dokument med ett filnamn som 'Minecraft Twitch Template' så att du kan ändra det senare för att användas med olika spel.

För att göra bakgrunden transparent, välj Öga -ikonen på ditt spel skärmdump och bakgrundsskikt, så att bara överlagringselementen visas.

Spara den här filen med tillägget .PNG och ladda den i din valda streamingprogramvara för att använda den. Här är det färdiga överlägget i min streamingprogramvara, med överlägget som det översta lagret, kameran som det mellersta lagret och Minecraft som det nedre lagret.

Twitch Overlay Complete: Nu kommer du till streaming!

Nu när du vet hur du gör ett Twitch -överlägg är det dags att strömma! Starta din kanal med konfigurera din streamingprogramvara och välja vilka spel som ska spelas på Twitch. Och om du verkligen går efter produktionsvärde, försök sändning med en grön skärm . Framför allt annat, ha kul!

Dela med sig Dela med sig Tweet E-post 5 tips för att ladda dina VirtualBox Linux -maskiner

Trött på den dåliga prestanda som erbjuds av virtuella maskiner? Här är vad du bör göra för att öka din VirtualBox -prestanda.

Läs Nästa Relaterade ämnen

Spel
Kreativ
Adobe Photoshop
Online video
Rycka till
Spelkultur
Handledning för Photoshop

Om författaren Ian Buckley(216 artiklar publicerade)

Ian Buckley är frilansjournalist, musiker, artist och videoproducent som bor i Berlin, Tyskland. När han inte skriver eller på scenen, pysslar han med DIY -elektronik eller kod i hopp om att bli en galet forskare.

roliga webbplatser att gå på när du är uttråkad

Mer från Ian Buckley

Prenumerera på vårt nyhetsbrev

Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e -böcker och exklusiva erbjudanden!

Klicka här för att prenumerera