Twitch har ændret ansigtet af spil i de seneste år, med de bedste Twitch streamere, der laver store bucks, der spiller deres yndlingsspil. For mange seere er Twitch som en ny form for sociale medier, og på trods af de seneste ændringer i Twitch-reglerne er dens popularitet større end nogensinde.
Hvis du vil tjene penge på streaming, skal du bygge et stort seere på Twitch, og en vigtig del af det gør din strøm ser professionel ud.
I denne artikel vil vi vise dig, hvordan du opretter et simpelt Twitch overlay ved hjælp af Photoshop. Og mens dette overlay er til Minecraft, kan det ændres til at arbejde med ethvert andet spil. Og det vil også fungere perfekt til streaming på YouTube Gaming eller endda Mixer, Microsofts alternativ til Twitch.
Kom i gang
Før vi begynder, lad os se på, hvad vi vil færdiggøre med i dag:
Alt i denne vejledning er relativt simpelt, men hvis du er ny i Photoshop, kan det måske hjælpe med at først læse vores Photoshop-lag-vejledning. Adobe Photoshop Tips: Vejledning til Photoshop-lag Adobe Photoshop Tips: Tutorials til Photoshop-lag Læs mere. Hvis du leder efter et gratis alternativ til Photoshop, er GIMP utrolig kraftfuld.
Hvis du vil lave en Twitch overlay uden brug af Photoshop, er dette projekt helt muligt i GIMP. Fordi de værktøjer, du vil bruge, vil være lidt anderledes, foreslår jeg, at du læser vores guide til GIMP. En introduktion til GIMP-fotoredigering. En introduktion til GIMP-fotoredigering. GIMPs billedredigeringsfunktioner gør det til et kraftfuldt, gratis alternativ til Photoshop. Her er billedredigeringsgrundlaget, du skal vide. Læs mere først.
Med det sagt, lad os tage et kig på, hvordan man laver et Twitch overlay med Photoshop.
Opret lærredet
For at begynde at oprette overlejringen skal du åbne Photoshop og oprette et nyt billede i samme størrelse som din skærmopløsning.
Nu hvor vi har et tomt dokument, har vi brug for en vejledning til at bygge vores overlay rundt. Jeg vil foreslå at tage et screenshot af dit valgte spil og indlæse det i Photoshop ved at klikke på File & Place og vælge dit billede. Stræk billedet ud til lærredets fulde størrelse. Nu kan vi begynde at skabe vores overlejringselementer.
Tilføjelse af en toplinje
Opret et nyt lag og navngiv det Top Banner . Vælg Rectangle Tool fra menuen til venstre. På samme menu åbner du farvevælgeren og vælger din baggrundsfarve.
Klik nu og træk over toppen af dit nye lag for at oprette et topbanner. Vær ikke bekymret, hvis du overlapper lærredskanterne, skal rektanglet snappe på plads med siden.
For at give dette rektangel en ramme, højreklik på laget og vælg Blandingsindstillinger . Vælg Streg fra den menu, der vises, og indstil slagbredden og farven til, hvad der virker for dig. I dette tilfælde ser 10 px bredt ud med en mørk rød farve godt ud. Klik på OK, og vælg dit lag. Tænd værktøjet ved at trykke på bogstavet V og flytte det øverste banner opad, så det har plads nok til at tilføje tekst senere, men ikke skjule for meget af spilskærmen.
Endelig skal du vælge det øverste bannerlag og bringe dets opacitet ned til omkring 75 procent. Dette vil gøre det muligt for spillet at vise gennem lidt og giver overlejret en mere dynamisk effekt.
Du har lavet en god start, og du kan bruge det du har lavet indtil nu for at oprette de to bundbannere.
The Bottom Bannere
I stedet for at gøre det samme arbejde igen for disse bundbannere, skal du blot højreklikke på Topbanner og vælge Duplicate Layer . Navngiv dette nye lag nederst til højre og brug flytteværktøjet ( V på tastaturet), flyt det nederst til højre på skærmen. Sørg for, at det ikke overlapper med værktøjslinjen i spillet, og brug Ctrl- tasten, når du trækker for at placere den med mere præcision.
For at oprette den nederste venstre bjælke skal du bare følge samme metode som ovenfor og flytte den ned til nederste venstre side af skærmen. Vores grundlæggende overlay er nu komplet, så vi kan tilføje en ramme til vores kamera.
Kameraramme
Opret et nyt lag, og kald det Ramme . Vælg rektangelværktøjet igen, og opret et perfekt firkant ved at holde Shift- tasten nede, mens du trækker musemarkøren. Du skal ikke bekymre dig om torgets farve, vi bliver ved med at blive kvitt fyldningen senere.
For at oprette rammen skal du højreklikke på laget og vælge Blandingsindstillinger . Vælg Stroke, men denne gang vælg Indre fra rullemenuen Position, for at gøre rammen kommer ind på pladsen i stedet for at blive sat på ydersiden.
Vælg igen en farve og bredde, der passer til det farveskema, du har hidtil. Vælg nu laget, og skift det Fyld til 0 procent, og lad bare rammen gå.
Brug flytteværktøjet til at placere det over det nederste venstre banner og ændre størrelsen på det, hvis du har brug for det, ved at holde Shift- tasten nede for at bevare dets billedformat.
Overlejret begynder at komme sammen, men nu er det tid til at tilføje noget tekst.
Tilføjelse af tekst
For at begynde at tilføje tekst, lav et nyt lag. Brug tekstværktøjet (eller tryk på T på din keuyboard) og træk en ny tekstboks ud. Vælg menuen Tegn fra højre side som vist nedenfor:
Hvis du ikke kan se denne knap i dit Photoshop-layout, kan du åbne menuen ved at klikke på Vindue> Tegn . Vælg din valgte skrifttype og farve her, og tilføj din tekst. Brug flytteværktøjet til at placere din tekst på et af dine nederste bannere. Det skal snappe på plads, men Ctrl- tasten kan hjælpe dig med at gøre det nøjagtigt, hvor du vil have det.
Nu har vi tekst, men det ser lidt blidt ud. Så for at få det til at skille sig ud, højreklik på tekstlaget, og vælg igen Blending Options . Giv teksten et strejke og også en dropskygge for at få det til at skille sig ud lidt. Standardværdierne bruges her, men du kan også spille med indstillingerne for at skabe en langt mere udtalt "flydende tekst" -effekt også.
Opret tekstelementer i de tre andre hjørner ved at højreklikke på dette lag og vælge Duplicate Layer, og brug Move Tool til at flytte hvert nyt lag til deres respektive hjørner.
Med vores tekst nu på plads, er vi tæt på at være færdige. Lad os bare tilføje logoer til sociale medier og et headerlogo til kanalen.
Social Media Logos
Det er nemmere at bruge præmade ikoner, der er kommercielt fri til brug. Et websted som Icon Finder kan hjælpe med dette, men vær sikker på, at alle ikoner du bruger, er markeret Gratis til kommerciel brug for at undgå at komme i juridiske problemer senere. Importer dit logo til Photoshop ved hjælp af menuen Filer> Placering . Hvis du ikke kan se dit logo, skal du sørge for at det er øverst ved at trække dets lag øverst i lagmenuen.
Nu har vi et Facebook-logo, men det er lidt kedeligt. Lad os få det til at passe ind ved at højreklikke på dets lag og vælge Blending Options, efterfulgt af Stroke . Giv det et ydre slag i samme bredde som dit øverste banner slag. Når du vælger farven, kan du bruge droperen til at matche farven til dit øverste banner.
Flyt logoet op til den øverste venstre del af skærmen, og ved at bruge Ctrl- nøglen placeres den forsigtigt, så den passer ind i hjørnet.
For Twitter-logoet, følg samme metode til at bruge Place for at tilføje det til projektet. Du kan spare lidt tid her ved at vælge Facebook logo lag, højreklikke og vælge Copy Layer Style før du vender tilbage til det nye Twitter logo lag og bruger Paste Layer Style for at give det samme slagbredde og farve. Flyt dette logo til det modsatte øverste hjørne, og flyt om nødvendigt din tekst, så den passer.
Lad os nu tilføje center-logoet.
Kanal Logo
Hvis du har et kanallogo, er det godt at have det foran og center, så alle kan se det straks, når de begynder at se. Hvis du endnu ikke har et logo, kan du erstatte dette med en vis brugerdefineret tekst med dit kanalnavn eller dit websted.
Først skal du trække en linjal ud fra den venstre værktøjslinje, den skal snappe til midten af skærmen.
Hvis du ikke kan se din lineal eller det ikke snapper, skal du se under menuen Vis og kontrollere, at både linjal og snap er valgt.
Placer dit logo i projektet. Det skal automatisk centrere sig på linjalen. Opret et nyt lag, og træk det til laget under logoet. Brug rektangelværktøjet til at skabe et rektangel lidt større end logoet, hvilket giver det en indrammet effekt.
For at gøre det skiller sig ud, giv din nyoprettede firkant et udvendigt slag i samme farve som resten af dine grænser. For at gøre det lettere at flytte logoet og grænsen som en, skal du holde Ctrl for at vælge begge lag. Højreklik og vælg Konverter til smart objekt . Dette gemmer både vores logo og grænse på samme lag, som stadig kan redigeres senere, hvis det er nødvendigt.
Flyt dit logo til toppen af overlejret og resize det for at passe. Og det er det, vi er alle færdige.
Gemmer overlejringen
Før du gemmer overlejringen som et billede, skal du gemme det som et Photoshop-dokument med et filnavn som "Minecraft Twitch Template", så du kan ændre det senere til brug med forskellige spil.
For at gøre baggrunden gennemsigtig, skal du vælge Øjne- ikonet på dit skærmbillede og baggrundsfilen, så kun de overlejrede elementer vises.
Gem denne fil med .PNG-udvidelsen, og indlæs den i din streaming software til valg for at bruge den. Her er den færdige overlay i min streaming software, med overlay som toplaget, kameraet som mellemlaget og Minecraft som bundlaget.
Twitch Overlay Complete: Få nu Streaming!
Nu hvor du ved, hvordan du laver et Twitch-overlæg, er det tid til at få streaming! Få din kanal startet ved at indstille din streaming software og vælge, hvilke spil der skal spilles på Twitch, kan ikke få seere på Twitch? Du spiller de forkerte spil kan ikke få seere på Twitch? Du spiller de forkerte spil. Forsøger at opbygge et publikum på Twitch føles som at være vært for en fest, som du har glemt at sende invitationer til. Hvis du vil øge din trafik, skal du overveje disse spørgsmål, når du vælger et spil. Læs mere . Og hvis du virkelig går efter produktionsværdi, så prøv at sende radio med en grøn skærm. Sådan Broadcast Live med en grøn skærm Sådan Broadcast Live med en grøn skærm Ville det ikke være cool, hvis vi kunne bruge denne grønne skærm effekt til en live udsendt - som i Google Hangouts eller Skype? "Ja, det ville være, James" er svaret du leder efter ... Læs mere. Frem for alt sjovt!