ต้องรู้
- ใน Photoshop ให้สร้างแคนวาสขนาด 1920 x 1080 และเติมพื้นหลัง เพิ่มเลเยอร์และใช้เครื่องมือ Marquee เพื่อสร้างพื้นที่สำหรับสตรีมเว็บแคม
- เติมปะรำ สร้างเลเยอร์ใหม่ และใช้เครื่องมือปะรำอีกครั้งเพื่อสร้างกล่องใหม่สำหรับฟุตเทจเกม บันทึกเป็นไฟล์ Photoshop (.psd)
- จำเป็นด้วย: คอมพิวเตอร์ การ์ดแคปเจอร์ เว็บแคม และซอฟต์แวร์ออกอากาศ เช่น OBS Studio หรือ Streamlabs OBS เพื่อปรับแต่งเลย์เอาต์
เลย์เอาต์ Twitch หรือที่เรียกว่าโอเวอร์เลย์สตรีม Twitch คือการออกแบบกราฟิกที่ปรากฏขึ้นระหว่างการออกอากาศ Twitch ของคุณ มาดูวิธีการสร้างภาพซ้อนทับ Twitch ด้วย Photoshop และวิธีเพิ่มภาพพื้นหลังของคุณใน OBS Studio
วิธีสร้างภาพซ้อนทับ Twitch ด้วย Photoshop
Photoshop เป็นหนึ่งในเครื่องมือที่ดีที่สุดสำหรับการสร้างโอเวอร์เลย์ Twitch ทำตามขั้นตอนเหล่านี้เพื่อสร้างเค้าโครง Twitch พื้นฐาน จากนั้นทดลองเพิ่มคุณสมบัติและลักษณะเฉพาะให้กับการออกอากาศของคุณ บทช่วยสอนนี้ใช้ Photoshop 2020 แต่คำแนะนำควรคล้ายกันในเวอร์ชันอื่น
หากคุณไม่มี Photoshop ให้ลองใช้ทางเลือกฟรี เช่น Paint 3D ใน Windows 10 หรือตัวแก้ไขกราฟิกออนไลน์ Canva เพื่อสร้างโอเวอร์เลย์ Twitch
-
เปิด Photoshop แล้วเลือก ไฟล์ > ใหม่ จากเมนูด้านบน
Image -
ในกล่อง มาเริ่มสิ่งใหม่กันเถอะ ตั้งค่าความกว้างเป็น 1920 พิกเซลและความสูงเป็น 1080 พิกเซล จากนั้นเลือก สร้าง.
Image ขนาดเหล่านี้ตรงกับขนาดเต็มของรูปแบบการสตรีมของคุณ ซึ่งจะเต็มจอทีวีเมื่อดู การใช้ขนาดนี้จะช่วยให้คุณเห็นภาพผลลัพธ์ได้ดีขึ้นและวางแผนตามนั้น
-
จากเมนูด้านบน เลือก Edit > Fill.
Image -
ถัดจาก Contents เลือก สี จากเมนูแบบเลื่อนลง
Image -
เลือกสีสำหรับพื้นหลัง แล้วเลือก ตกลง.
Image คุณสามารถทำซ้ำขั้นตอนนี้จนกว่าคุณจะพบสีที่คุณชอบ
-
เลือก ตกลง เพื่อออกจากกล่อง เติม
Image -
จากเมนูด้านบน เลือก Layer > New > Layer.
Image -
ในกล่องป๊อปอัป เลเยอร์ใหม่ ให้เลือก ตกลง ตอนนี้คุณมีเลเยอร์ที่มองไม่เห็นอยู่ด้านบนของพื้นหลัง ซึ่งทำให้คุณสามารถวาดและแก้ไขการออกแบบของคุณโดยไม่กระทบต่อสีพื้นหลัง
Image ทั้งเลเยอร์ใหม่และเลเยอร์พื้นหลังดั้งเดิมควรมองเห็นได้ในช่อง Layers ที่มุมล่างขวาของหน้าจอ
-
ในกล่อง Layers เลือกเลเยอร์ใหม่
หากหน้าต่าง Layers ไม่เปิดขึ้น ให้เลือก Layers ใต้เมนู Window
Image -
จากกล่องเครื่องมือทางด้านซ้าย ให้เลือก เครื่องมือปะรำสี่เหลี่ยม ที่เป็นไอคอนสี่เหลี่ยมเส้นประ ที่มุมซ้ายบนของกล่องเครื่องมือ
Image -
เลื่อนเมาส์ไปที่พื้นที่ทำงานแล้วคลิกและลากเครื่องมือเพื่อสร้างรูปทรงสี่เหลี่ยมหรือสี่เหลี่ยมผืนผ้าที่คุณต้องการให้เว็บแคมของคุณอยู่ในระหว่างการสตรีม
Image -
เมื่อได้รูปทรงที่ต้องการแล้ว ให้ไปที่เมนูด้านบนแล้วเลือก Edit > Fill.
Image -
เลือกสีที่คุณต้องการให้กล่องเป็น แล้วเลือก ตกลง เลือก OK อีกครั้งเพื่อออกจากกล่อง Fill
Image -
ทำซ้ำขั้นตอนก่อนหน้า สร้างเลเยอร์ใหม่ สร้างกล่องสำหรับฟุตเทจวิดีโอเกมของคุณ และเพิ่มสีเติม
Image ทำเช่นเดียวกันกับเนื้อหาอื่นๆ ที่คุณต้องการเฟรม เช่น กล่องแชทหรือรายชื่อสมาชิกใหม่
-
ด้วยแต่ละกล่องในเลเยอร์ของตัวเอง ให้ย้ายกล่องและกล่องแก้ไขทีละกล่องโดยเลือกเลเยอร์จากกล่อง Layers แล้วเลือก Move Toolไอคอนลูกศรจากกล่องเครื่องมือ
Image -
เมื่อคุณมีทุกอย่างตามที่ต้องการแล้ว ให้ไปที่ File > Save เพื่อบันทึกโครงการของคุณเป็น Photoshop (.psd) ไฟล์. คุณจะใช้ไฟล์นี้เพื่อแก้ไขโครงการในอนาคต
Image -
ไปที่ ไฟล์ อีกครั้งและเลือก บันทึกเป็น จากเมนูแบบเลื่อนลง Format เลือก JPEG ตั้งชื่อไฟล์ และเลือก บันทึก. เสร็จแล้ว!
Image
วิธีเพิ่มภาพพื้นหลังของคุณใน OBS Studio
เพิ่มรูปภาพที่คุณกำหนดเองไปยัง OBS Studio ในลักษณะเดียวกับแหล่งสื่ออื่นๆ
-
คลิกเครื่องหมาย Plus ในหน้าต่าง Sources ของ OBS
Image -
เลือก รูปภาพ.
Image -
ตรวจสอบให้แน่ใจว่าตัวเลือก สร้างเลเยอร์ เปิดใช้งานอยู่และตั้งชื่อเลเยอร์ใหม่ "พื้นหลัง" เป็นแนวคิดที่ดีสำหรับชื่อเลเยอร์ เนื่องจากสามารถระบุได้ง่าย คลิก ตกลง เพื่อบันทึกชื่อ
Image -
Select Browse ค้นหาภาพ JPEG ที่บันทึกไว้ในคอมพิวเตอร์ของคุณ จากนั้นเลือก OK
Image - ตอนนี้ภาพพื้นหลังของคุณควรปรากฏใน OBS Studio เนื่องจากขนาดของมัน มันจึงอาจครอบคลุมเนื้อหาอื่นๆ ดังนั้นโปรดค้นหาในช่อง Sources ที่ด้านล่างของหน้าจอ แล้วลากไปที่ด้านล่างของรายการ
-
เพิ่มแหล่งสื่ออื่นๆ เช่น เว็บแคม ฟุตเทจวิดีโอเกม และการเตือน
ตรวจสอบให้แน่ใจว่าส่วนเพิ่มใหม่เหล่านี้อยู่เหนือพื้นหลังในรายการ Sources เพื่อให้มองเห็นได้
- ตอนนี้คุณมีเลย์เอาต์ Twitch แบบกำหนดเองพื้นฐานแล้ว! คุณสามารถเปลี่ยนภาพพื้นหลังได้ตลอดเวลาโดยเปิดและแก้ไขไฟล์.psd ที่บันทึกไว้ใน Photoshop
เคล็ดลับในการสร้างภาพซ้อนทับบน Twitch
เมื่อคุณมีความรู้สึกในการสร้างโอเวอร์เลย์ Twitch มากขึ้น โปรดคำนึงถึงเคล็ดลับเหล่านี้:
- หากคุณต้องการวาดโดยตรงหรือแก้ไขเลเยอร์พื้นหลัง (เช่น เพื่อเปลี่ยนสี) ให้เลือกในกล่อง Layers
- สลับไปมาระหว่างเลเยอร์ทั้งหมดได้ตลอดเวลาผ่านกล่อง Layers
- คุณยังสามารถใช้รูปภาพขนาดใหญ่เป็นพื้นหลัง หรือใช้ เครื่องมือไล่โทนสี เพื่อตัวเลือกที่สร้างสรรค์ยิ่งขึ้น
