Home-theater-designers
Twitch a schimbat fața jocurilor în ultimii ani, streamerii de top Twitch făcând bani mari jucându-și jocurile preferate. Pentru mulți spectatori, Twitch este ca o nouă formă de social media și, în ciuda modificărilor recente aduse regulilor Twitch, popularitatea sa este mai mare ca niciodată.
Dacă doriți să câștigați bani în flux, va trebui construiți un spectator mare pe Twitch , iar o parte importantă a acestui lucru face ca fluxul dvs. să pară profesional.
În acest articol, vă vom arăta cum să creați un simplu Suprapunere contracție folosind Photoshop. Și, deși această suprapunere este pentru Minecraft, poate fi modificată pentru a funcționa cu orice alt joc. Și va funcționa, de asemenea, perfect pentru streaming pe YouTube Gaming sau chiar Mixer, alternativa Microsoft la Twitch.
Noțiuni de bază
Înainte de a începe, să ne uităm la ce vom termina astăzi:
Totul din acest tutorial este relativ simplu, dar dacă sunteți nou în Photoshop, vă poate ajuta să citiți mai întâi tutorialul nostru de straturi Photoshop. Dacă sunteți în căutarea unei alternative gratuite la Photoshop, GIMP este incredibil de puternic.
Dacă doriți să creați o suprapunere Twitch fără a utiliza Photoshop, acest proiect este complet posibil în GIMP. Deoarece instrumentele pe care le veți folosi vor fi puțin diferite, v-aș sugera să ne citiți ghid pentru GIMP primul.
Acestea fiind spuse, să aruncăm o privire la modul de realizare a unei suprapuneri Twitch cu Photoshop.
Crearea pânzei
Pentru a începe crearea suprapunerii, deschideți Photoshop și creați o imagine nouă de aceeași dimensiune ca rezoluția ecranului.
Acum că avem un document necompletat, avem nevoie de un ghid pentru a ne construi suprapunerea. Aș sugera să faceți o captură de ecran a jocului ales și să o încărcați în Photoshop făcând clic pe File & Place și selectarea imaginii. Intindeți imaginea la dimensiunea completă a pânzei. Acum putem începe să creăm elementele noastre de suprapunere.
Adăugarea unei bare de sus
Creați un strat nou și denumiți-l Banner de sus . Selectează Instrument Rectangle din meniul din stânga. În același meniu, deschideți selectorul de culori și alegeți culoarea de fundal.
Acum faceți clic și trageți în partea de sus a noului strat pentru a crea un banner superior. Nu vă faceți griji dacă suprapuneți marginile pânzei, dreptunghiul ar trebui să se fixeze în poziție cu lateralul.
Acum, pentru a da acestui dreptunghi o margine, 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 liniei la ceea ce funcționează pentru dvs. În acest caz, lățimea de 10 px cu o culoare roșu închis arată bine. Faceți clic pe OK și selectați stratul. Porniți instrumentul de mutare apăsând litera V și deplasați bannerul superior în sus, astfel încât să aibă suficient spațiu pentru a adăuga text mai târziu, dar nu ascunde prea mult ecranul jocului.
În cele din urmă, selectați stratul superior de banner și aduceți opacitatea la aproximativ 75%. Acest lucru va permite jocului să se afișeze ușor și conferă suprapunerii un 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 inferioare.
Bannerele de jos
În loc să faceți același lucru din nou pentru aceste bannere de jos, faceți clic dreapta pe Banner de sus și selectați Strat duplicat . Denumiți acest nou strat Dreapta-jos și folosind Instrumentul Mutare ( V de pe tastatură), mutați-l în partea dreaptă jos a ecranului. Asigurați-vă că nu se suprapune cu bara de instrumente din joc și utilizați Ctrl tasta în timp ce trageți pentru a o plasa cu mai multă precizie.
Pentru a crea bara din stânga jos, urmați aceeași metodă ca mai sus și mutați-o în jos î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ă.
Rama camerei
Creați un strat nou și chemați-l Cadru . Selectează Instrument Rectangle din nou și creați un pătrat perfect ținând apăsat butonul Schimb tasta în timp ce glisați cursorul mouse-ului. Nu vă faceți griji cu privire la culoarea pătratului, vom scăpa de umplutură 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 aceasta selectați Interior de la Poziţie meniul derulant, pentru a face cadrul să vină în pătrat, mai degrabă decât să fie pus în exterior.
Din nou selectați o culoare și lățime care se potrivește schemei de culori pe care o aveți până acum. Acum selectați stratul și schimbați-l Completati la 0 la sută, lăsând doar cadrul.
Folosește Instrumentul Mutare pentru a-l plasa deasupra bannerului din stânga jos și a-l redimensiona, dacă este nevoie, ținând apăsat butonul Schimb cheie pentru a-și păstra raportul de aspect.
Suprapunerea începe să se reunească, dar acum este timpul să adăugați un text.
Adăugarea textului
Pentru a începe să adăugați text, creați un strat nou. Folosește Instrument de text (sau apăsați T pe tastatură) și glisați o nouă casetă de text. Selectează Caracter meniul din partea dreaptă, așa cum se arată mai jos:
Dacă nu puteți vedea acest buton pe aspectul Photoshop, puteți deschide meniul făcând clic pe Fereastra> Caracter . Selectați fontul și culoarea alese aici și adăugați textul. Folosește Instrumentul Mutare pentru a plasa textul pe unul dintre bannerele de jos. Ar trebui să se fixeze în loc, dar Ctrl cheia vă poate ajuta să o rafinați exact acolo unde doriți să fie.
Acum avem text, dar arată puțin bland. Deci, pentru a-l scoate în evidență, faceți clic dreapta pe stratul de text și selectați din nou Opțiuni amestecate . Dă textului o Accident vascular cerebral și, de asemenea, un Umbra pentru a-l face să iasă puțin în evidență. Valorile implicite sunt folosite aici, dar puteți juca cu setările pentru a crea un efect de „text plutitor” mult mai pronunțat.
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 Instrumentul Mutare pentru a muta fiecare strat nou în colțurile respective.
Cu textul nostru în vigoare, suntem aproape de a fi terminat. Să adăugăm doar sigle pentru social media și o siglă antet pentru canal.
Sigle pentru rețelele sociale
Este mai ușor să utilizați pictograme prefabricate care sunt gratuite din punct de vedere comercial. Un site web de genul Căutare de pictograme vă poate ajuta, dar asigurați-vă că toate pictogramele pe care le utilizați sunt marcate Gratuit pentru uz comercial pentru a evita mai târziu să aveți probleme legale. Importați-vă sigla în Photoshop folosind Fișier> Loc meniul. Dacă nu puteți vedea sigla, asigurați-vă că este deasupra, glisând stratul său în partea de sus a meniului stratului.
Acum avem un logo Facebook, dar este puțin sumbru. Să-l încadrăm făcând clic dreapta pe stratul său și selectând Opțiuni amestecate , urmată de Accident vascular cerebral . Acordați-i un curs exterior cu aceeași lățime ca cel al bannerului superior. Când selectați culoarea, puteți utiliza picuratorul pentru a potrivi culoarea cu bannerul dvs. de sus.
Mutați sigla în sus în partea din stânga sus a ecranului și utilizând Ctrl tasta plasează-l cu atenție, astfel încât să se potrivească în colț.
Pentru sigla Twitter, urmați aceeași metodă de utilizare Loc pentru a-l adăuga la proiect. Puteți economisi puțin timp aici selectând stratul de logo Facebook, făcând clic dreapta și alegând Copiați stilul stratului , înainte de a reveni la noul strat de logo Twitter și de a utiliza Lipiți stilul stratului pentru a-i oferi aceeași lățime și culoare a cursei. Mutați această siglă în colțul opus superior și, dacă este necesar, mutați textul astfel încât să se potrivească.
Acum să adăugăm sigla centrală.
Logo-ul canalului
Dacă aveți un logo al canalului, este bine să îl aveți în față și în centru, astfel încât toată lumea să îl poată vedea imediat când începe să vizioneze. Dacă nu aveți încă un logo, puteți înlocui acest lucru cu un un text personalizat cu numele canalului sau site-ul web.
Pentru început, trageți o riglă din bara de instrumente din stânga, aceasta ar trebui să se fixeze în centrul ecranului.
Dacă nu-ți poți vedea rigla sau nu se prinde, uită-te sub Vedere meniul și verificați dacă ambele Rigla și Snap sunt selectate.
Loc sigla dvs. în proiect. Ar trebui să fie centrat automat pe riglă. Creați un strat nou și trageți-l pe stratul de sub siglă. Folosește Instrument Rectangle pentru a crea un dreptunghi puțin mai mare decât sigla, dându-i un efect încadrat.
Pentru a-l scoate în evidență, acordați un pătrat nou creat Accident vascular cerebral exterior aceeași culoare cu restul chenarelor. Pentru a face mai ușoară mutarea siglei și a chenarului, țineți apăsat Ctrl pentru a selecta ambele straturi. Faceți clic dreapta și selectați Convertiți în obiect inteligent . Aceasta stochează atât logo-ul nostru, cât și chenarul pe același strat, care poate fi modificat ulterior dacă este necesar.
Mutați sigla în partea superioară a suprapunerii și redimensionați-o pentru a se potrivi. Și atât, am terminat cu toții.
Salvarea suprapunerii
Înainte de a salva suprapunerea ca imagine, salvați-o ca un document Photoshop cu un nume de fișier precum „Șablon Minecraft Twitch”, astfel încât să îl puteți schimba ulterior pentru a fi utilizat cu diferite jocuri.
Pentru a face fundalul transparent, selectați Ochi pictograma din capturile de ecran și straturile de fundal ale jocului, lăsând doar elementele suprapuse afișate.
Salvați acest fișier cu extensia .PNG și încărcați-l în software-ul dvs. de streaming ales pentru al utiliza. Iată suprapunerea finalizată în software-ul meu de streaming, cu suprapunerea ca strat superior, camera ca strat mediu și Minecraft ca strat inferior.
Twitch Overlay Complete: Acum, treceți la Streaming!
Acum, că știi cum să faci o suprapunere Twitch, este timpul să faci streaming! Începe canalul tău de configurarea software-ului dvs. de streaming și alegerea ce jocuri să joci pe Twitch. Și dacă doriți într-adevăr valoarea producției, încercați difuzând cu ecran verde . Mai presus de toate, distrează-te!
Acțiune Acțiune Tweet E-mail 5 sfaturi pentru a vă supraîncărca mașinile VirtualBox LinuxV-ați săturat de slaba performanță oferită de mașinile virtuale? Iată ce ar trebui să faceți pentru a vă spori performanța VirtualBox.
Citiți în continuare Subiecte asemănătoare- Jocuri
- Creativ
- Adobe Photoshop
- Video online
- TIC nervos
- Cultura jocurilor
- Tutorial Photoshop
Ian Buckley este un jurnalist independent, muzician, interpret și producător video care locuiește în Berlin, Germania. Când nu scrie sau pe scenă, se ocupă de electronice sau coduri DIY în speranța de a deveni un om de știință nebun.
folderul sau fișierul este deschis într-un alt programMai multe de la Ian Buckley
Aboneaza-te la newsletter-ul nostru
Alăturați-vă newsletter-ului pentru sfaturi tehnice, recenzii, cărți electronice gratuite și oferte exclusive!
Faceți clic aici pentru a vă abona