Hvordan lage et Twitch -overlegg ved hjelp av Photoshop

Twitch har endret ansiktet til spill de siste årene, med topp Twitch -streamere som har tjent store penger på å spille favorittspillene sine. For mange seere er Twitch som en ny form for sosiale medier, og til tross for nylige endringer i Twitch -reglene er populariteten større enn noensinne.

Hvis du vil tjene penger på streaming, må du bygge et stort seertall på Twitch , og en viktig del av det er å få strømmen din til å se profesjonell ut.

I denne artikkelen viser vi deg hvordan du lager en enkel Rykk overlegg bruker Photoshop. Og selv om dette overlegget er for Minecraft, kan det modifiseres for å fungere med alle andre spill. Og det vil også fungere perfekt for streaming på YouTube Gaming eller til og med Mixer, Microsofts alternativ til Twitch.

Starter

La oss se på hva vi skal avslutte med i dag før vi starter:

Alt i denne opplæringen er relativt enkelt, men hvis du er ny i Photoshop, kan det hjelpe å først lese vår Photoshop -lagopplæring. Hvis du leter etter et gratis alternativ til Photoshop, er GIMP utrolig kraftig.

Hvis du vil lage et Twitch -overlegg uten å bruke Photoshop, er dette prosjektet fullt mulig i GIMP. Fordi verktøyene du vil bruke vil være litt annerledes, vil jeg foreslå at du leser vår guide til GIMP først.

Når det er sagt, la oss ta en titt på hvordan du lager et Twitch -overlegg med Photoshop.

Lag lerretet

For å begynne å lage overlegget, åpner du Photoshop og lager et nytt bilde i samme størrelse som skjermoppløsningen.

Nå som vi har et tomt dokument, trenger vi en guide for å bygge overlegget vårt rundt. Jeg foreslår at du tar et skjermbilde av det valgte spillet og laster det inn i Photoshop ved å klikke Fil og sted og velge bildet ditt. Tøy ut bildet til lerretets fulle størrelse. Nå kan vi begynne å lage våre overleggselementer.

Legge til en topplinje

Lag et nytt lag og navngi det Toppbanner . Velg Rektangelverktøy fra menyen til venstre. Åpne fargevelgeren på den samme menyen og velg bakgrunnsfarge.

Klikk nå og dra over toppen av det nye laget for å lage et toppbanner. Ikke bekymre deg hvis du overlapper lerretskantene, rektanglet skal festes på plass med siden.

For å gi dette rektangelet en kant, høyreklikk på laget og velg Blandingsalternativer . Plukke ut Slag fra menyen som vises, og angi slagbredden og fargen til det som fungerer for deg. I dette tilfellet ser 10 px bred med en mørkerød farge bra ut. Klikk OK, og velg laget ditt. Slå på flytteverktøyet ved å trykke på bokstaven V og flytt det øverste banneret oppover slik at det har nok plass til å legge til tekst senere, men ikke skjuler for mye av spillskjermen.

Til slutt velger du det øverste bannerlaget, og reduserer opaciteten til rundt 75 prosent. Dette vil tillate spillet å vise seg litt gjennom og gir overlegget en mer dynamisk effekt.

Du har gjort en god start, og du kan bruke det du har gjort så langt til å lage de to nederste bannerne.

The Bottom Banners

I stedet for å gjøre det samme arbeidet igjen for disse nederste bannerne, høyreklikker du bare på Toppbanner og velg Duplikatlag . Gi dette nye laget et navn Nede til høyre og bruker Flytteverktøy ( V på tastaturet), flytt den til nederst til høyre på skjermen. Sørg for at den ikke overlapper med verktøylinjen i spillet, og bruk Ctrl tasten mens du drar for å plassere den med mer presisjon.

For å lage linjen nederst til venstre følger du samme metode som ovenfor, og flytter den ned til nedre venstre side av skjermen. Vårt grunnleggende overlegg er nå fullført, slik at vi kan legge til en ramme for kameraet vårt.

Kameraramme

Lag et nytt lag, og kall det Ramme . Velg Rektangelverktøy igjen, og lag en perfekt firkant ved å holde nede Skifte mens du drar musepekeren. Ikke bekymre deg for fargen på torget, vi blir kvitt fyllet senere.

For å lage rammen, høyreklikk på laget og velg Blandingsalternativer . Plukke ut Slag men denne gangen velg Indre fra Posisjon rullegardinmeny, for å få rammen til å komme inn på torget i stedet for å bli satt på utsiden.

Velg igjen en farge og bredde som passer til fargeskjemaet du har så langt. Velg nå laget, og endre det Fylle til 0 prosent, og etterlater bare rammen.

Bruke Flytteverktøy for å plassere det over banneret nederst til venstre, og endre størrelsen på det hvis du trenger det ved å holde Skifte nøkkelen for å bevare sideforholdet.

Overlegget begynner å komme sammen, men nå er det på tide å legge til litt tekst.

Legger til tekst

For å begynne å legge til tekst, lag et nytt lag. Bruke Tekstverktøy (eller trykk T på ditt valgbord) og dra ut en ny tekstboks. Velg Karakter menyen fra høyre side som vist nedenfor:

Hvis du ikke kan se denne knappen i Photoshop -oppsettet, kan du åpne menyen ved å klikke Vindu> Karakter . Velg skrift og farge du har valgt her, og legg til teksten din. Bruke Flytteverktøy for å plassere teksten din på et av dine nederste bannere. Det skal smekke på plass, men Ctrl nøkkelen kan hjelpe deg med å finjustere den akkurat der du vil at den skal være.

Nå har vi tekst, men det ser litt tørt ut. Så for å få det til å skille seg ut, høyreklikker du på tekstlaget og velger igjen Blandingsalternativer . Gi teksten a Slag og også a Drop Shadow for å få det til å skille seg litt ut. Standardverdiene brukes her, men du kan leke med innstillingene for å lage en mye mer utpreget 'flytende tekst' -effekt også.

Lag tekstelementer for de tre andre hjørnene ved å høyreklikke på dette laget og velge Duplikatlag , og bruk av Flytteverktøy for å flytte hvert nye lag til sine respektive hjørner.

Med vår tekst nå på plass, er vi nær ved å være ferdige. La oss bare legge til logoer for sosiale medier og en topptekstlogo for kanalen.

Det er lettere å bruke forhåndsdefinerte ikoner som er kommersielt gratis å bruke. Et nettsted som Icon Finder kan hjelpe med dette, men vær sikker på at eventuelle ikoner du bruker er merket Gratis for kommersiell bruk for å unngå å komme i juridiske problemer senere. Importer logoen din til Photoshop ved hjelp av Fil> Sted Meny. Hvis du ikke kan se logoen din, må du kontrollere at den er på toppen ved å dra laget til toppen av lagmenyen.

Nå har vi en Facebook -logo, men den er litt tør. La oss få det til å passe inn ved å høyreklikke på laget og velge Blandingsalternativer , etterfulgt av Slag . Gi det et ytre slag i samme bredde som det øverste banners slag. Når du velger fargen, kan du bruke dropperen til å matche fargen til det øverste banneret.

Flytt logoen opp til øvre venstre del av skjermen, og ved å bruke Ctrl nøkkelen plasser den forsiktig slik at den passer inn i hjørnet.

For Twitter -logoen følger du den samme metoden for bruk Plass å legge det til i prosjektet. Du kan spare litt tid her ved å velge Facebook-logolaget, høyreklikke og velge Kopier lagstil , før du går tilbake til det nye Twitter -logolaget og bruker Lim inn lagstil for å gi den samme slagbredde og farge. Flytt denne logoen til det motsatte øverste hjørnet, og flytt teksten din slik at den passer.

La oss nå legge til senterlogoen.

Kanallogo

Hvis du har en kanallogo, er det godt å ha den foran og midt, slik at alle kan se den umiddelbart når de begynner å se. Hvis du ikke har en logo ennå, kan du erstatte dette med en litt tilpasset tekst med kanalnavnet eller nettstedet ditt.

For å begynne, dra en linjal ut fra venstre verktøylinje, den skal klikke til midten av skjermen.

Hvis du ikke kan se linjalen din eller den ikke klikker, kan du se under Utsikt menyen og sjekk at begge Hersker og Snap er valgt.

Plass logoen din inn i prosjektet. Den skal automatisk være sentrert på linjalen. Lag et nytt lag, og dra det til laget under logoen. Bruke Rektangelverktøy for å lage et rektangel litt større enn logoen, noe som gir den en innrammet effekt.

For å få det til å skille seg ut, gi det nyopprettede torget et Ytre slag samme farge som resten av kantene. For å gjøre det lettere å flytte logoen og grensen som en, holder du inne Ctrl for å velge begge lag. Høyreklikk og velg Konverter til smart objekt . Dette lagrer både vår logo og kant på samme lag, som fortsatt kan redigeres senere om nødvendig.

Flytt logoen din til toppen av overlegget og endre størrelsen på den slik at den passer. Og det er det, vi er alle ferdige.

Lagre overlegget

Før du lagrer overlegget som et bilde, må du lagre det som et Photoshop -dokument med et filnavn som 'Minecraft Twitch Template', slik at du kan endre det senere for bruk med forskjellige spill.

For å gjøre bakgrunnen gjennomsiktig, velg Øye ikonet på skjermbildet og bakgrunnslagene i spillet, slik at bare overleggselementene vises.

Lagre denne filen med filtypen .PNG, og last den inn i streamingprogramvaren du ønsker å bruke. Her er det ferdige overlegget i streamingprogramvaren min, med overlegget som det øverste laget, kameraet som det midterste laget, og Minecraft som det nederste laget.

Twitch Overlay Complete: Now get to Streaming!

Nå som du vet hvordan du lager et Twitch -overlegg, er det på tide å få streaming! Få kanalen din i gang konfigurere streamingprogramvaren din og velge hvilke spill som skal spilles på Twitch. Og hvis du virkelig går for produksjonsverdi, prøv kringkasting med en grønn skjerm . Fremfor alt, ha det gøy!

Dele Dele kvitring E -post 5 tips for å overbelaste VirtualBox Linux -maskinene dine

Lei av den dårlige ytelsen som tilbys av virtuelle maskiner? Her er hva du bør gjøre for å øke VirtualBox -ytelsen.

Les neste Relaterte temaer

Spill
Kreativ
Adobe Photoshop
Online video
Rykke
Spillkultur
Opplæring i Photoshop

Om forfatteren Ian Buckley(216 artikler publisert)

Ian Buckley er frilansjournalist, musiker, utøver og videoprodusent bosatt i Berlin, Tyskland. Når han ikke skriver eller står på scenen, pusler han med DIY elektronikk eller kode i håp om å bli en gal forsker.

amazon pakke viser levert, men ikke mottatt

Mer fra Ian Buckley

Abonner på vårt nyhetsbrev

Bli med i vårt nyhetsbrev for tekniske tips, anmeldelser, gratis ebøker og eksklusive tilbud!

Klikk her for å abonnere