Home-theater-designers
Binago ng Twitch ang mukha ng paglalaro sa mga nagdaang taon, kasama ang nangungunang mga streamer ng Twitch na gumagawa ng malalaking pera na naglalaro ng kanilang mga paboritong laro. Para sa maraming manonood, ang Twitch ay tulad ng isang bagong anyo ng social media, at sa kabila ng mga kamakailang pagbabago sa mga panuntunan sa Twitch, ang kasikatan nito ay higit na malaki kaysa dati.
Kung nais mong gumawa ng streaming ng pera, kakailanganin mo bumuo ng isang malaking manonood sa Twitch , at isang mahalagang bahagi nito ay ginagawang propesyonal ang iyong stream.
Sa artikulong ito, ipapakita namin sa iyo kung paano lumikha ng isang simple Twitch overlay gamit ang Photoshop. At habang ang overlay na ito ay para sa Minecraft, maaari itong mabago upang gumana sa anumang iba pang mga laro. At gagana din ito nang perpekto para sa streaming sa YouTube Gaming o kahit na sa Mixer, kahalili ng Microsoft sa Twitch.
Nagsisimula
Bago tayo magsimula, tingnan natin kung ano ang tatapusin natin ngayon:
Ang lahat sa tutorial na ito ay medyo simple, ngunit kung bago ka sa Photoshop, maaaring makatulong na mabasa muna ang aming tutorial sa mga layer ng Photoshop. Kung naghahanap ka para sa isang libreng kahalili sa Photoshop, ang GIMP ay hindi kapani-paniwala malakas.
Kung nais mong gumawa ng isang overlay ng Twitch nang hindi gumagamit ng Photoshop, ang proyektong ito ay ganap na posible sa GIMP. Dahil ang mga tool na gagamitin mo ay medyo kakaiba, iminumungkahi kong basahin mo ang aming gabay sa GIMP una
Sa nasabing iyon, tingnan natin kung paano gumawa ng isang Twitch overlay sa Photoshop.
Paglikha ng Canvas
Upang simulang likhain ang overlay, buksan ang Photoshop at lumikha ng isang bagong imahe na kapareho ng laki ng iyong resolusyon sa screen.
Ngayon na mayroon kaming isang blangko na dokumento, kailangan namin ng isang gabay upang mabuo ang aming overlay sa paligid. Iminumungkahi ko na kumuha ng isang screenshot ng iyong napiling laro at mai-load ito sa Photoshop sa pamamagitan ng pag-click File at Lugar at pagpili ng iyong imahe. I-stretch ang imahe sa buong sukat ng canvas. Ngayon ay maaari na nating simulang lumikha ng aming mga elemento ng overlay.
Pagdaragdag ng isang Nangungunang Bar
Lumikha ng isang bagong layer at pangalanan ito Nangungunang Banner . Piliin ang Rectangle Tool mula sa kaliwang menu. Sa parehong menu, buksan ang tagapili ng kulay at piliin ang iyong kulay sa background.
Ngayon mag-click at i-drag sa tuktok ng iyong bagong layer upang lumikha ng isang nangungunang banner. Huwag mag-alala kung nagsasapawan ka ng mga gilid ng canvas, ang rektanggulo ay dapat na iglap sa lugar na may gilid.
Ngayon, upang bigyan ang parihabang ito ng isang hangganan, mag-right click sa layer at piliin Mga Pagpipilian sa Paghahalo . Pumili Stroke mula sa lilitaw na menu, at itakda ang lapad at kulay ng stroke sa kung ano ang gumagana para sa iyo. Sa kasong ito, ang lapad na 10px na may madilim na pulang kulay ay mukhang mahusay. Mag-click sa OK, at piliin ang iyong layer. I-on ang tool sa paglipat sa pamamagitan ng pagpindot sa titik V at ilipat ang tuktok na banner paitaas upang magkaroon ito ng sapat na puwang upang magdagdag ng teksto sa paglaon, ngunit hindi nakakubli ng labis ng screen ng laro.
Panghuli, piliin ang tuktok na layer ng banner, at ibalik ang opacity nito sa paligid ng 75 porsyento. Papayagan nitong magpakita ang laro sa pamamagitan ng bahagya at bibigyan ang overlay ng isang mas masiglang epekto.
Nagawa mo ang isang mahusay na pagsisimula, at maaari mong gamitin ang nagawa mo hanggang ngayon upang lumikha ng dalawang ilalim na mga banner.
Ang Mga Ibabang banner
Sa halip na gawin muli ang parehong gawain para sa mga ilalim ng banner, i-click lamang ang kanan Nangungunang Banner at piliin Dobleng Layer . Pangalanan ang bagong layer na ito Ibabang Kanan at paggamit ng Ilipat ang Tool ( V sa keyboard), ilipat ito sa kanang bahagi sa ibaba ng iyong screen. Tiyaking hindi ito sasapaw sa in-game toolbar, at gamitin ang Ctrl key habang pagkaladkad upang ilagay ito nang may mas tumpak.
Upang likhain ang kaliwang bar sa ibaba sundin lamang ang parehong pamamaraan tulad ng nasa itaas, at ilipat ito pababa sa kaliwang bahagi sa ibaba ng screen. Kumpleto na ang aming pangunahing overlay, kaya maaari kaming magdagdag ng isang frame para sa aming camera.
Camera Frame
Lumikha ng isang bagong layer, at tawagan ito Frame . Piliin ang Rectangle Tool muli, at lumikha ng isang perpektong parisukat sa pamamagitan ng pagpindot sa Shift key habang hinihila ang cursor ng mouse. Huwag mag-alala tungkol sa kulay ng parisukat, aalisin namin ang pagpupuno sa paglaon.
Upang likhain ang frame, mag-right click sa layer, at piliin Mga Pagpipilian sa Paghahalo . Pumili Stroke ngunit sa oras na ito pumili Panloob galing sa Posisyon drop down na menu, upang makarating sa frame ang frame kaysa ilagay sa labas.
Muli pumili muli ng isang kulay at lapad na umaangkop sa color scheme na mayroon ka sa ngayon. Piliin ngayon ang layer, at baguhin ito Punan sa 0 porsyento, naiwan lamang ang frame.
Gamitin ang Ilipat ang Tool upang ilagay ito sa itaas ng kaliwang banner sa ibaba, at baguhin ang laki nito kung kailangan mo sa pamamagitan ng paghawak ng Shift susi upang mapanatili ang ratio ng aspeto nito.
Ang overlay ay nagsisimulang magkasama, ngunit oras na upang magdagdag ng ilang teksto.
Pagdaragdag ng Teksto
Upang simulang magdagdag ng teksto, lumikha ng isang bagong layer. Gamitin ang Text Tool (o pindutin T sa iyong keuyboard) at mag-drag ng isang bagong text box. Piliin ang Tauhan menu mula sa kanang bahagi tulad ng ipinakita sa ibaba:
Kung hindi mo makita ang pindutang ito sa iyong layout ng Photoshop, maaari mong buksan ang menu sa pamamagitan ng pag-click Window> Character . Piliin ang iyong napiling font at kulay dito, at idagdag ang iyong teksto. Gamitin ang Ilipat ang Tool upang ilagay ang iyong teksto sa isa sa iyong mga ilalim na banner. Dapat itong pumutok sa lugar, ngunit ang Ctrl Ang susi ay maaaring makatulong sa iyo na maayos ito sa eksaktong lugar kung saan mo ito gusto.
Ngayon may text na kami, ngunit mukhang medyo malaswa. Kaya, upang mapansin ito, mag-right click sa layer ng teksto, at muli piliin Mga Pagpipilian sa Paghahalo . Ibigay ang teksto a Stroke at gayundin a Drop Shadow upang makilala ito nang kaunti. Ginagamit ang mga default na halaga dito, ngunit maaari mo ring i-play ang mga setting upang lumikha ng isang mas malinaw na epekto ng 'lumulutang teksto' din.
Lumikha ng mga elemento ng teksto para sa iba pang tatlong sulok sa pamamagitan ng pag-right click sa layer na ito at pagpili Dobleng Layer , at paggamit ng Ilipat ang Tool upang ilipat ang bawat bagong layer sa kani-kanilang mga sulok.
Sa aming teksto ngayon sa lugar, malapit na kaming matapos. Magdagdag lamang tayo ng mga logo para sa social media at isang header logo para sa channel.
Mga Logo ng Social Media
Mas madaling gamitin ang mga premade na icon na malayang gamitin nang komersyal. Isang website tulad ng Icon Finder maaaring makatulong sa ito, ngunit tiyaking ang anumang mga icon na iyong ginagamit ay minarkahan Libre para sa komersyal na paggamit upang maiwasan na magkaroon ng ligal na gulo mamaya. I-import ang iyong logo sa Photoshop gamit ang File> Lugar menu Kung hindi mo makita ang iyong logo, tiyaking nasa itaas ito sa pamamagitan ng pag-drag sa layer nito sa tuktok ng layer menu.
Ngayon mayroon kaming isang logo sa Facebook, ngunit ito ay isang maliit na mura. Gawin nating akma ito sa pamamagitan ng pag-right click sa layer nito, at pagpili Mga Pagpipilian sa Paghahalo , sinundan ng Stroke . Bigyan ito ng isang panlabas na stroke sa parehong lapad ng stroke ng iyong nangungunang banner. Kapag pinipili ang kulay, maaari mong gamitin ang dropper upang itugma ang kulay sa iyong nangungunang banner.
Ilipat ang logo hanggang sa kaliwang tuktok na bahagi ng screen, at sa pamamagitan ng paggamit ng Ctrl key ilagay ito nang maingat upang magkasya ito sa sulok.
Para sa logo ng Twitter, sundin ang parehong pamamaraan ng paggamit Lugar upang idagdag ito sa proyekto. Maaari kang makatipid ng kaunting oras dito sa pamamagitan ng pagpili ng layer ng logo ng Facebook, pag-right click at pagpili Kopyahin ang Estilo ng Layer , bago bumalik sa bagong layer ng logo ng Twitter at gamitin I-paste ang Estilo ng Layer upang bigyan ito ng parehong lapad at kulay ng stroke. Ilipat ang logo na ito sa tapat ng tuktok na sulok, at, kung kinakailangan, ilipat ang iyong teksto upang magkasya ito.
Ngayon idagdag natin ang logo ng gitna.
Logo ng Channel
Kung mayroon kang isang logo ng channel, magandang gawin ito sa harap at gitna upang makita ito kaagad ng lahat kapag nagsimula na silang manuod. Kung wala ka pang logo, maaari mo itong palitan ng a ilang pasadyang teksto na nagtatampok ng iyong pangalan ng channel o website.
Upang magsimula, i-drag ang isang pinuno mula sa kaliwang toolbar, dapat itong snap sa gitna ng screen.
Kung hindi mo makita ang iyong pinuno o ito ay hindi snap, tumingin sa ilalim ng Tingnan menu at suriin na pareho Pinuno at Snap napili.
Lugar ang iyong logo sa proyekto. Dapat itong awtomatikong nakasentro sa pinuno. Lumikha ng isang bagong layer, at i-drag ito sa layer sa ibaba ng logo. Gamitin ang Rectangle Tool upang lumikha ng isang rektanggulo na bahagyang mas malaki kaysa sa logo, na nagbibigay sa isang naka-frame na epekto.
Upang mapansin ito, bigyan ang iyong bagong nilikha na parisukat na an Panlabas na Stroke ang parehong kulay tulad ng natitirang iyong mga hangganan. Upang gawing mas madali ilipat ang logo at hangganan bilang isa, pindutin nang matagal Ctrl upang piliin ang parehong mga layer. Mag-right click at pumili I-convert sa matalinong bagay . Iniimbak nito ang parehong aming logo at hangganan sa parehong layer, na maaari pa ring mai-edit sa ibang pagkakataon kung kinakailangan.
Ilipat ang iyong logo sa tuktok ng overlay at baguhin ang laki upang magkasya. At yun nga, tapos na tayong lahat.
Sine-save ang Overlay
Bago i-save ang overlay bilang isang imahe, i-save ito bilang isang dokumento ng Photoshop na may isang filename tulad ng 'Minecraft Twitch Template' upang mabago mo ito sa ibang pagkakataon upang magamit sa iba't ibang mga laro.
Upang gawing transparent ang background, piliin ang Mata icon sa iyong screenshot ng laro at mga layer ng background, naiwan lamang ang mga elemento ng overlay na nagpapakita.
I-save ang file na ito gamit ang .PNG extension, at i-load ito sa iyong streaming software na pagpipilian upang magamit ito. Narito ang natapos na overlay sa aking streaming software, kasama ang overlay bilang tuktok na layer, ang camera bilang gitnang layer, at Minecraft bilang ilalim na layer.
Kumpleto ang Twitch Overlay: Kumuha Ngayon sa Streaming!
Ngayon na alam mo kung paano gumawa ng isang overlay ng Twitch, oras na upang makapag-streaming! Simulan ang iyong channel ni pagse-set up ng iyong streaming software at pagpili ng mga larong maglaro sa Twitch. At kung talagang pupunta ka para sa halaga ng produksyon, subukan pagsasahimpapawid na may berdeng screen . Higit sa lahat, magsaya ka!
Magbahagi Magbahagi Mag-tweet Email 5 Mga Tip upang Supercharge ang Iyong Mga VirtualBox Linux MachinePagod na sa hindi magandang pagganap na inaalok ng mga virtual machine? Narito kung ano ang dapat mong gawin upang mapalakas ang pagganap ng VirtualBox.
Basahin Susunod Mga Kaugnay na Paksa- Gaming
- Malikhain
- Adobe Photoshop
- Online na Video
- Kibot
- Kultura ng Gaming
- Tutorial sa Photoshop
Si Ian Buckley ay isang freelance journalist, musikero, tagapalabas at tagagawa ng video na naninirahan sa Berlin, Germany. Kapag hindi siya nagsusulat o nasa entablado, nakikipag-usap siya sa mga elektronikong DIY o code sa pag-asang maging isang baliw na siyentista.
paano kung hindi ko nais na mag-upgrade sa windows 10Higit pa Mula kay Ian Buckley
Mag-subscribe sa aming newsletter
Sumali sa aming newsletter para sa mga tip sa tech, pagsusuri, libreng ebook, at eksklusibong deal!
Mag-click dito upang mag-subscribe