Paano Gumawa ng Cool Twitch Layout sa Photoshop

Talaan ng mga Nilalaman:

Paano Gumawa ng Cool Twitch Layout sa Photoshop
Paano Gumawa ng Cool Twitch Layout sa Photoshop
Anonim

Ano ang Dapat Malaman

  • Sa Photoshop, gumawa ng 1920 x 1080 na canvas at punan ang background. Magdagdag ng mga layer at gumamit ng Marquee tool upang lumikha ng espasyo para sa isang webcam stream.
  • Punan ang marquee, gumawa ng bagong layer, at gumamit muli ng marquee tool upang gumawa ng bagong kahon para sa footage ng laro. I-save bilang Photoshop (.psd) file.
  • Kailangan din: Isang computer, capture card, webcam, at broadcasting software tulad ng OBS Studio o Streamlabs OBS para i-customize ang layout.

Ang Twitch layout, na tinatawag ding Twitch stream overlay, ay isang graphic na disenyo na lumalabas sa panahon ng iyong Twitch broadcast. Narito ang isang pagtingin sa kung paano gumawa ng Twitch overlay sa Photoshop, at kung paano idagdag ang iyong larawan sa background sa OBS Studio.

Paano Gumawa ng Twitch Overlay Gamit ang Photoshop

Ang Photoshop ay isa sa mga pinakamahusay na tool para sa paggawa ng Twitch overlay. Sundin ang mga hakbang na ito para gumawa ng pangunahing layout ng Twitch, at pagkatapos ay mag-eksperimento sa pagdaragdag ng higit pang mga feature at personalidad sa iyong broadcast. Gumagamit ang tutorial na ito ng Photoshop 2020, ngunit ang mga tagubilin ay dapat na katulad sa ibang mga bersyon.

Kung wala kang Photoshop, sumubok ng libreng alternatibo, gaya ng Paint 3D sa Windows 10 o ang online na graphics editor na Canva para gumawa ng Twitch overlay.

  1. Buksan ang Photoshop at piliin ang File > Bago mula sa tuktok na menu.

    Image
    Image
  2. Sa Let's Start Something New box, itakda ang lapad sa 1920 pixels at ang taas sa 1080 pixels, at pagkatapos ay piliin ang Gumawa.

    Image
    Image

    Tumutugma ang mga sukat na ito sa buong laki ng layout ng iyong stream, na pumupuno sa monitor ng TV kapag tiningnan. Ang paggamit sa laki na ito ay nakakatulong sa iyong mas mahusay na makita ang resulta at magplano nang naaayon.

  3. Mula sa tuktok na menu, piliin ang Edit > Fill.

    Image
    Image
  4. Sa tabi ng Contents, piliin ang Color mula sa drop-down na menu.

    Image
    Image
  5. Pumili ng kulay para sa background, at pagkatapos ay piliin ang OK.

    Image
    Image

    Maaari mong ulitin ang hakbang na ito hanggang sa makakita ka ng kulay na gusto mo.

  6. Piliin ang OK para lumabas sa Fill box.

    Image
    Image
  7. Mula sa tuktok na menu, piliin ang Layer > Bago > Layer.

    Image
    Image
  8. Sa Bagong Layer pop-up box, piliin ang OK. Mayroon ka na ngayong invisible na layer sa itaas ng background, na nagbibigay-daan sa iyong iguhit at i-edit ang iyong disenyo nang hindi naaapektuhan ang kulay ng background.

    Image
    Image

    Ang bagong layer at ang orihinal na layer ng background ay dapat makita sa Layers na kahon sa kanang sulok sa ibaba ng screen.

  9. Sa Layers box, piliin ang bagong layer.

    Kung hindi nakabukas ang Layers window, piliin ang Layers sa ilalim ng Window menu.

    Image
    Image
  10. Mula sa toolbox sa kaliwa, piliin ang Rectangular Marquee Tool. Isa itong dotted-line square icon sa kaliwang sulok sa itaas ng toolbox.

    Image
    Image
  11. Ilipat ang mouse sa workspace at i-click at i-drag ang tool upang lumikha ng isang parisukat o parihaba na hugis kung saan mo gustong ilagay ang iyong webcam sa panahon ng iyong stream.

    Image
    Image
  12. Kapag mayroon ka ng hugis na gusto mo, pumunta sa tuktok na menu at piliin ang Edit > Fill.

    Image
    Image
  13. Piliin ang kulay na gusto mong maging ang kahon at piliin ang OK. Piliin muli ang OK upang lumabas sa Fill box.

    Image
    Image
  14. Inuulit ang mga nakaraang hakbang, gumawa ng bagong layer, gumawa ng kahon para sa footage ng iyong video game, at magdagdag ng Fill color.

    Image
    Image

    Gawin din ito para sa iba pang content na gusto mong i-frame, gaya ng chatbox o bagong listahan ng subscriber.

  15. Sa bawat kahon sa sarili nitong layer, ilipat ang mga kahon at i-edit ang mga kahon nang paisa-isa sa pamamagitan ng pagpili sa kanilang layer mula sa Layers box at pagpili sa Move Toolicon ng arrow mula sa toolbox.

    Image
    Image
  16. Kapag nakuha mo na ang lahat sa paraang gusto mo, pumunta sa File > Save upang i-save ang iyong proyekto bilang Photoshop (.psd) file. Gagamitin mo ang file na ito para i-edit ang proyekto sa hinaharap.

    Image
    Image
  17. Pumunta sa File muli at piliin ang Save As. Mula sa drop-down na menu na Format, piliin ang JPEG, bigyan ng pangalan ang file, at piliin ang Save. Tapos ka na!

    Image
    Image

Paano Idagdag ang Iyong Larawan sa Background sa OBS Studio

Idagdag ang iyong custom-made na larawan sa OBS Studio sa parehong paraan tulad ng anumang iba pang media source.

  1. I-click ang Plus sign sa Sources window ng OBS.

    Image
    Image
  2. Piliin ang Larawan.

    Image
    Image
  3. Tiyaking aktibo ang opsyong Gumawa ng Layer at pangalanan ang bagong layer. Ang "Background" ay isang magandang ideya para sa pangalan ng layer, dahil madali itong matukoy. I-click ang OK para i-save ang pangalan.

    Image
    Image
  4. Piliin ang Browse, hanapin ang iyong naka-save na JPEG na larawan sa iyong computer, pagkatapos ay piliin ang OK.

    Image
    Image
  5. Ang iyong larawan sa background ay dapat na ngayong lumabas sa OBS Studio. Dahil sa laki nito, maaaring saklawin nito ang iba pang content, kaya siguraduhing hanapin ito sa Sources na kahon sa ibaba ng screen at i-drag ito sa ibaba ng listahan.
  6. Magdagdag ng iba pang media source, gaya ng iyong webcam, video game footage, at mga alerto.

    Tiyaking nasa itaas ng background ang mga bagong karagdagan na ito sa listahang Sources para makita ang mga ito.

  7. Mayroon ka na ngayong pangunahing custom na Twitch layout! Maaari mong baguhin ang larawan sa background anumang oras sa pamamagitan ng pagbubukas at pag-edit ng iyong naka-save na.psd file sa Photoshop.
Image
Image

Mga Tip sa Paggawa ng Iyong Twitch Overlay

Kapag mas naramdaman mo ang paggawa ng Twitch overlay, tandaan ang mga tip na ito:

  • Kung gusto mong direktang gumuhit o i-edit ang layer ng background (upang baguhin ang kulay nito, halimbawa), piliin ito sa Layers na kahon.
  • Lumipat sa pagitan ng lahat ng layer anumang oras sa pamamagitan ng Layers box.
  • Maaari ka ring gumamit ng malaking larawan para sa background o gamitin ang Gradient Tool para sa mas malikhaing opsyon.

Inirerekumendang: