Cum se face o suprapunere twitch folosind Photoshop

Twitch a schimbat chipul jocurilor de noroc în ultimii ani, în timp ce fanii de top Twitch au făcut mari bani jucând jocurile preferate. Pentru mulți spectatori, Twitch este ca o nouă formă de social media și, în ciuda modificărilor recente ale regulilor Twitch, popularitatea sa este mai mare ca niciodată.

Dacă doriți să faceți bani în flux, va trebui să construiți o vizionare mare pe Twitch, iar o parte importantă a acestuia face ca fluxul dvs. să arate profesional.

În acest articol, vă vom arăta cum să creați un simplu Ștergeți suprapunerea folosind Photoshop. Și în timp ce această suprapunere este pentru Minecraft, poate fi modificată pentru a lucra cu orice alt joc. Și va funcționa perfect și pentru streaming pe YouTube Gaming sau chiar pe Mixer, alternativa Microsoft la Twitch.

Noțiuni de bază

Înainte de a începe, să ne uităm la ceea ce vom termina astăzi:

Totul în acest tutorial este relativ simplu, dar dacă sunteți nou în Photoshop, vă poate ajuta să citiți mai întâi tutorialul cu straturi Photoshop Adobe Photoshop Sfaturi: Photoshop Layers Tutorial Adobe Photoshop Sfaturi: Photoshop Layers Tutorial Citește mai mult. Dacă sunteți în căutarea unei alternative gratuite la Photoshop, GIMP este incredibil de puternic.

Dacă doriți să faceți o suprapunere Twitch fără a utiliza Photoshop, acest proiect este complet posibil în GIMP. Deoarece instrumentele pe care le folosiți vor fi puțin diferite, vă sugerăm să citiți ghidul nostru pentru GIMP. Introducere în editarea fotografiilor GIMP O introducere în editarea fotografiilor GIMP Funcțiile de editare foto GIMP fac din aceasta o alternativă puternică și gratuită pentru Photoshop. Iată principiile de bază ale editării fotografiilor pe care trebuie să le cunoașteți. Mai întâi citiți mai multe.

Cu aceasta a spus, să aruncăm o privire la modul de a face o suprapunere Twitch cu Photoshop.

Crearea canvasului

Pentru a începe să creați suprapunerea, deschideți Photoshop și creați o imagine nouă la aceeași dimensiune ca rezoluția ecranului.

Acum, când avem un document gol, avem nevoie de un ghid pentru a construi suprapunerea în jurul nostru. Aș sugera să faceți o captură de ecran a jocului dvs. ales și să o încărcați în Photoshop făcând clic Fișier și locație și selectarea imaginii. Împingeți imaginea la dimensiunea completă a pânzei. Acum putem începe să creăm elementele noastre suprapuse.

Adăugarea unui Top Bar

Creați un strat nou și denumiți-l Banner de sus. Selectează Instrumentul dreptunghiului din meniul din partea stângă. În același meniu, deschideți selectorul de culori și alegeți culoarea de fundal.

Acum faceți clic și trageți în partea superioară a stratului nou pentru a crea un banner de top. Nu vă faceți griji dacă vă suprapuneți marginile panzei, dreptunghiul ar trebui să se fixeze în poziție cu partea laterală.

Acum, pentru a da acest dreptunghi o graniță, faceți clic dreapta pe strat și selectați Opțiuni amestecate. Selectați Accident vascular cerebral din meniul care apare și setați lățimea și culoarea cursei la ceea ce funcționează pentru dvs. În acest caz, o lățime de 10 pixeli cu o culoare roșu închis arată bine. Faceți clic pe OK și selectați stratul. Activați instrumentul de deplasare apăsând litera V și mutați banner-ul de sus în sus, astfel încât acesta să aibă suficient spațiu pentru a adăuga text mai târziu, dar nu ascunde prea mult din ecranul de joc.

În cele din urmă, selectați stratul superior de banner și aduceți opacitatea acestuia la aproximativ 75%. Acest lucru va permite jocului să arate ușor și va da efectul suprapus unui efect mai dinamic.

Ați făcut un început minunat și puteți folosi ceea ce ați făcut până acum pentru a crea cele două bannere de jos.

Bannerele de fund

Mai degrabă decât să faceți din nou aceleași lucrări pentru aceste bannere de fund, pur și simplu faceți clic dreapta pe Banner de sus și selectați Strat duplicat. Denumiți acest strat nou Dreapta-jos și folosind Mutați instrumentul (V pe tastatură), mutați-o în partea dreaptă jos a ecranului. Asigurați-vă că nu se suprapune cu bara de instrumente din joc și folosiți Ctrl în timp ce trageți pentru ao plasa cu mai multă precizie.

Pentru a crea bara din stânga de jos, urmați aceeași metodă ca mai sus și mutați-o în partea stângă jos a ecranului. Suprapunerea noastră de bază este acum completă, astfel încât să putem adăuga un cadru pentru camera noastră.

Camera Frame

Creați un strat nou și apelați-l Cadru. Selectează Instrumentul dreptunghiului din nou, și creați o pătrată perfectă ținând-o jos Schimb în timp ce trageți cursorul mouse-ului. Nu vă faceți griji cu privire la culoarea pătratului, vom scăpa de umplere mai târziu.

Pentru a crea cadrul, faceți clic dreapta pe strat și selectați Opțiuni amestecate. Selectați Accident vascular cerebral dar de data asta selectați Interior de la Poziţie derulați meniul, pentru a face cadrul să intre în piață, în loc să fie pus în exterior.

Selectați din nou o culoare și o lățime care se potrivește cu schema de culori pe care o aveți până acum. Acum, selectați stratul și schimbați-l Completati la 0%, lăsând doar cadrul.

Folosește Mutați instrumentul pentru al plasa deasupra bannerului din stânga jos și redimensionați-l dacă trebuie să țineți apăsat Schimb cheie pentru a păstra raportul de aspect.

Suprapunerea începe să se unească, dar acum este momentul să adăugăm un text.

Adăugarea textului

Pentru a începe adăugarea de text, creați un nou strat. Folosește Instrument de text (sau apăsați T pe keuyboard-ul dvs.) și trageți o cutie de text nouă. Selectează Caracter meniu din partea dreaptă, după cum se arată mai jos:

Dacă nu puteți vedea acest buton în aspectul dvs. Photoshop, puteți deschide meniul făcând clic pe Fereastră> Caracter. Selectați fontul și culoarea aleasă aici și adăugați textul. Folosește Mutați instrumentul pentru a plasa textul pe unul dintre bannerele dvs. de jos. Ar trebui să se fixeze în loc, dar Ctrl cheia vă poate ajuta să o fineți exact în locul în care doriți să fie.

Acum avem text, dar pare puțin bland. Deci, pentru ao face să iasă, faceți clic dreapta pe stratul de text și selectați din nou Opțiuni amestecate. Dați textul a Accident vascular cerebral și, de asemenea, a Umbra pentru ao face să iasă puțin. Valorile implicite sunt utilizate aici, dar puteți juca cu setările pentru a crea o mult mai pronunțată “text plutitor” efect.

Creați elemente de text pentru celelalte trei colțuri făcând clic dreapta pe acest strat și selectând Strat duplicat, și folosind Mutați instrumentul pentru a muta fiecare strat nou în colțurile lor respective.

Cu textul nostru acum, suntem aproape de a fi terminat. Să adăugăm doar logo-uri pentru social media și logo-ul antetului pentru canal.

Social Logos media

Este mai ușor să utilizați icoane premade care sunt libere de utilizare comercială. Un site ca Icon Finder vă poate ajuta, dar asigurați-vă că toate pictogramele pe care le utilizați sunt marcate Gratuit pentru uz comercial pentru a evita să intrăm mai târziu în probleme juridice. Importați sigla în Photoshop folosind Fișier> Locul meniul. Dacă nu vă puteți vedea logo-ul, asigurați-vă că acesta este în partea de sus prin glisarea stratului său în partea superioară a meniului stratului.

Acum avem un logo Facebook, dar este puțin bland. Să o facem să se potrivească făcând clic dreapta pe stratul său și selectând Opțiuni amestecate, urmat de Accident vascular cerebral. Dați-i o lovitură exterioară la aceeași lățime cu accident vascular cerebral. Când selectați culoarea, puteți utiliza dropperul pentru a se potrivi culorii cu bannerul dvs. de sus.

Deplasați logo-ul până în partea stângă sus a ecranului și utilizând Ctrl introduceți-l cu grijă astfel încât să se potrivească în colț.

Pentru sigla Twitter, urmați aceeași metodă de utilizare Loc pentru ao adăuga la proiect. Aveți posibilitatea să salvați puțin timp aici, selectând stratul logo-ului Facebook, făcând clic dreapta și selectând Stilul stratului de copiere, înainte de a vă întoarce la noul layer al logo-ului Twitter și folosind Lipiți stilul stratului pentru a le oferi aceeași lățime și culoare. Mutați acest logo în colțul din partea de sus și, dacă este necesar, mutați textul astfel încât să se potrivească.

Acum, să adăugăm logo-ul centrului.

Logo-ul canalului

Dacă aveți un logo de canal, este bine să îl aveți în față și centru, astfel încât toată lumea să poată vedea imediat când începe să vizioneze. Dacă nu aveți încă un logo, puteți înlocui acest text cu un text personalizat care conține numele sau canalul dvs. de canal.

Pentru a începe, trageți o riglă din bara de instrumente din stânga, ar trebui să se fixeze în centrul ecranului.

Dacă nu puteți vedea conducătorul dvs. sau nu se rupe, priviți sub Vedere și verificați că ambele Rigla și agrafă sunt selectate.

Loc logo-ul dvs. în proiect. Ar trebui să fie centrat automat pe riglă. Creați un nou strat și trageți-l în stratul de sub logo. Folosește Instrumentul dreptunghiului pentru a crea un dreptunghi puțin mai mare decât logo-ul, oferindu-i un efect încadrat.

Pentru a iesi in evidenta, dati-va piciorul nou creat an Viteza exterioară aceeași culoare ca restul granițelor. Pentru a face mai ușor să mutați logo-ul și bordura ca unul, țineți apăsat Ctrl pentru a selecta ambele straturi. Faceți clic dreapta și selectați Conversia la obiect inteligent. Aceasta stochează atât logo-ul nostru, cât și bordura pe același strat, care poate fi editat ulterior dacă este necesar.

Mutați-vă sigla în partea superioară a suprapunerii și redimensionați-o pentru a se potrivi. Și asta e, am terminat cu toții.

Salvarea suprapunerii

Înainte de a salva suprapunerea ca o imagine, salvați-o ca un document Photoshop cu un nume de fișier cum ar fi “Minecraft Template Twitch” astfel încât să puteți schimba mai târziu pentru a utiliza cu jocuri diferite.

Pentru a face fundalul transparent, selectați ochi pictograma de pe ecranul dvs. de joc și straturile de fundal, lăsând să se afișeze numai elementele suprapuse.

Salvați acest fișier cu extensia .PNG și încărcați-l în software-ul dvs. de streaming de care aveți nevoie să îl utilizați. Aici este acoperirea finalizată în software-ul meu de streaming, cu stratul superior ca strat superior, camera ca stratul intermediar și Minecraft ca stratul de jos.

Twitch Overlay Completă: Acum ajunge la streaming!

Acum, că știți cum să faceți o suprapunere Twitch, este timpul să faceți streaming! Ia-ti canalul inceput prin instalarea software-ului tau de streaming si alegerea jocurilor pe care Twitch nu le poate obtine pe Twitch? Jucați jocurile greșite, nu puteți obține spectatorii pe Twitch? Jucați jocurile greșite Încercarea de a construi un public pe Twitch se simte ca găzduirea unei petreceri pe care ați uitat să trimiteți invitații. Dacă doriți să creșteți traficul, luați în considerare aceste întrebări atunci când alegeți un joc. Citeste mai mult . Și dacă sunteți într-adevăr merge pentru valoarea de producție, încercați să difuzați cu un ecran verde Cum Pentru a difuza Live cu un ecran verde Cum să difuzeze Live cu un ecran verde Nu ar fi bine dacă am putea folosi acest efect de ecran verde pentru un live difuzare - cum ar fi Google Hangouts sau Skype? "Da, într-adevăr ar fi, James" este răspunsul pe care îl căutați ... Citește mai mult. Mai presus de toate, te distrezi!

Explorați mai multe despre: Adobe Photoshop, Cultura jocurilor, Video online, Tutorial Photoshop, Twitch.