วิธีสร้างโอเวอร์เลย์

คุณอาจตัดสินใจเปิดช่องบน Twitch ซึ่งเป็นแพลตฟอร์มสตรีมมิงชื่อดังที่ลงนามโดย Amazon เพื่อถ่ายทอดวิดีโอที่สร้างสรรค์ที่สุดของคุณแบบสดๆ และกำลังมองหาวิธีที่จะซ้อนทับบางส่วน ซ้อนทับ กำหนดเอง? หรือคุณกำลังมองหาการสร้างผู้ชมจำนวนมากด้วยการแสดงสดของ StreamYard และต้องการทำให้หน้าจอการสตรีมมีความเป็นกันเองและเป็นส่วนตัวมากขึ้น? คุณมีความคิดที่ดี!

ไม่มีอะไรดีไปกว่าการต้อนรับผู้ดูของคุณที่ไม่เหมือนใครและไม่มีใครเลียนแบบได้ และการแสดงหน้าจอที่ปรับเปลี่ยนในแบบของคุณเป็นวิธีที่ง่ายที่สุดในการทำให้พวกเขารู้สึกพิเศษและได้รับการพิจารณา แต่การที่คุณลงเอยในคู่มือนี้ทำให้ฉันคิดว่าคุณไม่คุ้นเคยกับการสร้างและปรับแต่งโอเวอร์เลย์ ฉันถูกไหม? ถ้าเดาถูกขอบอกเลยว่าเพิ่งเจอคำแนะนำที่เหมาะกับคุณ!

อันที่จริงฉันจะอธิบายให้คุณฟังในบทต่อไป วิธีการสร้างโอเวอร์เลย์ และวิธีการใช้งานบนแพลตฟอร์มสตรีมมิ่งที่ได้รับความนิยมสูงสุดในขณะนี้ ฉันพนันได้เลยว่านั่นเป็นเพียงสิ่งที่คุณอยากรู้ใช่มั้ย? เอาล่ะ ลุยเลย อ่านคำแนะนำต่อไปนี้อย่างถี่ถ้วนเพื่อทราบข้อมูลทั้งหมดที่คุณต้องการสำหรับวัตถุประสงค์ของคุณ และปรับแต่งสตรีมแบบสดด้วยโอเวอร์เลย์ที่สร้างสรรค์และน่าสนใจ ขอให้มีความสุขในการอ่านและเหนือสิ่งอื่นใดขอให้สนุก!

วิธีดาวน์โหลด Photoshop ฟรีและแบบฝึกหัด Photoshop ทั่วไปของฉัน ด้วยวิธีนี้คุณจะได้ทราบถึงศักยภาพของโปรแกรมและค่าใช้จ่ายที่จะเกิดขึ้น (ใบอนุญาตรายเดือนหรือรายปีหลังจากทดลองใช้ฟรี 7 วัน) และประเมินว่าเป็นสิ่งที่เหมาะกับคุณหรือไม่มิฉะนั้นคุณสามารถข้ามไปได้ ไปยังบทต่อไปของบทช่วยสอน

พร้อมหรือยัง? เอาล่ะ! ขั้นแรกให้เริ่มต้นขึ้น Photoshop และไปที่เมนู ไฟล์> ใหม่ (บนซ้าย) เพื่อสร้างโครงการใหม่ ในหน้าต่างที่เพิ่งเปิด ให้ป้อน a หัวข้อ ตามใจชอบและกำหนดเป็นขนาดโครงการ: 1920 × 1080 px (ความกว้าง x ส่วนสูงใน พิกเซล). สุดท้ายยืนยันโดยคลิกที่ปุ่มสีน้ำเงิน สร้าง.

ตอนนี้คลิกที่ เครื่องมือสี่เหลี่ยมผืนผ้า แสดงในแถบเครื่องมือทางด้านซ้ายจากนั้นเลือกรายการ การกรอก แล้วเลือกเติม ว่างเปล่าเพื่อเพิ่มความโปร่งใสให้กับเนื้อความของสี่เหลี่ยมผืนผ้า จากนั้นคลิกที่รายการ ติดตาม และเลือกไฟล์ สีตามต้องการ จากจานสีที่วางไว้ทางด้านขวา แทรก 20px ในด้านของ ความหนาของร่องรอย. ทีนี้คลิกตรงกลางแผ่น ในหน้าต่างเล็ก ๆ ที่เพิ่งเปิด ให้ป้อนขนาด 1900 × 1060 px (ความกว้าง x ส่วนสูง ใน พิกเซล) และกดปุ่ม ป้อน บนแป้นพิมพ์

ใช้ ย้ายเครื่องมือตอนนี้วางตำแหน่งสี่เหลี่ยมผืนผ้าจนกว่าจะยึดติดกับขอบของแผ่นงานได้อย่างสมบูรณ์ จากนั้นคลิกขวาที่ ระดับ ของสี่เหลี่ยมผืนผ้าแล้วเลือกรายการ ตัวเลือกการผสม จากเมนูบริบท ในคอลัมน์ด้านซ้าย คลิกที่รายการ การซ้อนทับแบบไล่โทนสี จากนั้น ให้คลิกที่ช่อง . ตรงกลางหน้าต่าง ร่มเงา. คุณสามารถเลือกเฉดสีที่คุณต้องการ จากนั้นยืนยันสีที่คุณต้องการแล้วกดปุ่ม ตกลง. จากคอลัมน์ด้านซ้ายให้คลิกที่รายการ เงาจากนั้นตรงกลางตั้งค่าพารามิเตอร์ต่อไปนี้

• ความทึบ: 40
• ระยะทาง: 0
• ส่วนขยาย: 0
• มิติ: 25

คุณสามารถปรับแต่งตามความต้องการของคุณได้หากต้องการ สุดท้ายคลิกที่ปุ่ม ตกลง.

หากคุณมีโลโก้ของคุณเอง .PNG, คุณสามารถนำเข้าจากเมนู ไฟล์> วางที่ฝัง (ซ้ายบน) และวางไว้ที่มุมหนึ่งของโครงการ คุณเป็นผู้กำหนดขนาดและตำแหน่งโดยพิจารณาจากสถานที่ที่ดูสวยที่สุด แต่ให้แน่ใจว่าไม่ได้ใช้พื้นที่มากเกินไป (ไม่เช่นนั้น คุณอาจเสี่ยงที่จะบุกรุกฉากในวิดีโอด้านล่าง)

เราเกือบจะอยู่ที่นั่นแล้ว ตอนนี้คุณต้องซ่อนเลเยอร์ พื้นหลังโดยคลิกที่ไอคอนในรูปของ ตา วางไว้ทางด้านซ้ายของระดับที่เป็นปัญหา จากนั้นไปที่เมนู ไฟล์> บันทึกเป็น และบันทึกโอเวอร์เลย์ของคุณโดยตั้งค่าส่วนขยายเป็น .PNG ในกล่อง บันทึกเป็น. สมบูรณ์แบบ คุณได้สร้างสแตติกโอเวอร์เลย์แรกใน Photoshop แล้ว!

วิธีใช้ GIMP เพื่อให้มีความคิดที่ชัดเจนเกี่ยวกับศักยภาพของโปรแกรมและเข้าใจว่าเหมาะสมกับคุณหรือไม่

ในการเริ่มต้นให้เริ่มต้น GIMP และไปที่เมนู ไฟล์> ใหม่ (ด้านบน) เพื่อสร้างภาพใหม่ ในหน้าต่างที่เพิ่งเปิดให้คุณ ตั้งค่าขนาด 1920 × 1080 px (ความกว้าง x ส่วนสูง ใน พิกเซล) จากนั้นคลิกปุ่ม ตกลง. ในแท็บของ ระดับทางด้านขวา ให้คลิกไอคอนแรกที่ด้านล่างซ้ายเพื่อสร้าง a ระดับใหม่.

ตอนนี้ผ่านมัน เครื่องมือเลือกสี่เหลี่ยม, สร้าง แบบง่ายๆ ในแผ่นงาน แล้วปรับแต่งได้โดยพิมพ์ค่า 0 ในสองทุ่งของ ตำแหน่ง และพิมพ์ 1920 และ 1080 ในสาขา มิติ. ตอนนี้คุณต้องให้เครื่องเคียงกับเธอแล้วไปที่เมนู เลือก> ไปยังเส้นทาง (ด้านบน) และจากการ์ด เส้นทางทางด้านขวา ให้คลิกขวาที่ระดับที่มีอยู่แล้วเลือกรายการ เส้นทางเค้าร่าง จากเมนูบริบท

เราเกือบจะอยู่ที่นั่นแล้ว จากแถบเครื่องมือทางด้านซ้าย ให้เลือก เครื่องมือเลือกที่คลุมเครือ (หรือไม้กายสิทธิ์) และคลิกที่เส้นขอบของเฟรมที่คุณเพิ่งสร้างขึ้น เพื่อเลือกการเติม ตอนนี้คลิกขวาที่เครื่องมือ เติมสี และเลือกเครื่องมือ ไล่ระดับสี. คุณสามารถเลือกสองสีของการไล่ระดับสีจากไอคอนสีมักจะอยู่ในแถบเครื่องมือทางด้านซ้ายของโปรแกรม จากนั้นลากเคอร์เซอร์ของเมาส์ไปบนแผ่นงานในขณะที่กดคลิกซ้ายค้างไว้เพื่อสร้างการไล่ระดับสีบนเฟรม คุณสามารถลองและลองอีกครั้งจนกว่าคุณจะพบเฉดสีที่คุณชอบมากที่สุด

หากต้องการสร้างเอฟเฟกต์เงาด้านใน ให้ไปที่เมนู ฟิลเตอร์> แสงและเงา> Cast Shadow (ดั้งเดิม) (บนสุด) ตั้งค่า 0 บน แกน X และ Yแล้วขยาย เบลอเรย์ ถึง 25px และเน้นที่ความทึบ นำไปยังไฟล์ 100%. เพื่อยืนยันการตั้งค่าเงาคลิกที่ปุ่ม ตกลง. สิ่งที่คุณต้องทำคือคลิกที่เมนู รูปภาพ> ตั้งค่าพื้นผิวเป็นส่วนที่เลือกเพื่อปรับขนาดภาพซ้อนทับอย่างถูกต้อง

หากคุณต้องการแทรกรูปภาพหรือโลโก้เพื่อตกแต่งโอเวอร์เลย์ของคุณ เพียงคลิกที่เมนู ไฟล์> เปิดเป็นเลเยอร์ (ขึ้น). จากนั้นคุณสามารถวางภาพในตำแหน่งที่คุณต้องการและปรับขนาดด้วยปุ่ม ย้ายเครื่องมือ. คุณสามารถเพิ่มข้อความสีด้วยไฟล์ เครื่องมือข้อความ เพื่อป้อน ตัวอย่างเช่น ชื่อเล่นสตรีมเมอร์ของคุณ ก่อนบันทึกภาพซ้อนทับ คุณต้องซ่อนพื้นหลังโดยคลิกที่ไอคอนในรูปของ ตา วางไว้ทางด้านซ้ายของไฟล์ เลเยอร์พื้นหลัง.

สุดท้ายคลิกที่เมนู ไฟล์> ส่งออกเป็น (บนสุด) เพื่อเลือกตำแหน่งที่จะบันทึกภาพซ้อนทับ เลือกนามสกุล .PNG จากเมนู เลือกประเภทไฟล์ (ตามนามสกุล) และโดยการคลิกที่ ส่งออกคุณจะได้รับการซ้อนทับสตรีมมิงของคุณ

GIF แบบเคลื่อนไหว. หากการสร้างสแตติกโอเวอร์เลย์เป็นเรื่องสนุก บทต่อไปก็น่าสนใจ ถ้าอยากรู้ วิธีสร้างภาพซ้อนทับแบบเคลื่อนไหวค้นหาข้อมูลที่เป็นประโยชน์ทั้งหมดด้านล่าง

บทก่อนหน้าสำหรับการสร้างเฟรม) เมื่อคุณวาดฉากแรกเสร็จแล้วให้คลิกที่สัญลักษณ์ + ที่ด้านล่างของไทม์ไลน์เพื่อเพิ่ม a กรอบใหม่.

แล้วเพิ่ม ระดับใหม่โดยคลิกที่ปุ่ม + อยู่ใต้แท็บเลเยอร์ ในระดับใหม่ให้วาดบางสิ่งบางอย่าง แตกต่าง เคารพฉากแรกเช่นคุณสามารถจำลองเฟรมของระดับแรกได้ แต่เรียบง่าย เปลี่ยนสี. เมื่อคุณได้กำหนดการเปลี่ยนแปลงในระดับที่สองแล้วให้คลิกที่ เฟรมแรก และเมื่อเลือกแล้ว ซ่อน ระดับที่สองจากแท็บระดับ คลิกที่ปุ่ม เล่น (ด้านล่างไทม์ไลน์) เพื่อทดสอบภาพเคลื่อนไหวของคุณ

คุณได้รับเคล็ดลับหรือไม่? เป๊ะ! ในแต่ละเฟรมใหม่ คุณต้องสร้างเลเยอร์ใหม่ จากนั้นคุณจะต้องซ่อนในเฟรมก่อนหน้า หากคุณต้องการสร้างแอนิเมชั่นแบบค่อยเป็นค่อยไป เพียงเลือกเฟรมที่แตกต่างกันสองเฟรมพร้อมกันแล้วคลิกปุ่ม ทวีคูณระหว่างเฟรมซึ่งอยู่ด้านล่างไทม์ไลน์ สิ่งนี้จะสร้าง 'ภาพเคลื่อนไหวทีละน้อย ระหว่างเฟรมแรกที่เลือกและเฟรมที่สอง

หากคุณพอใจกับแอนิเมชั่น คุณสามารถส่งออกได้โดยคลิกที่เมนู ไฟล์> ส่งออก> บันทึกสำหรับเว็บ (เวอร์ชันก่อนหน้า), บนซ้าย. ในหน้าต่างการส่งออกที่เพิ่งเปิด พารามิเตอร์เริ่มต้นจะเหมาะสมที่สุดเสมอ แต่ตรวจสอบให้แน่ใจว่าคุณได้เลือกตัวเลือกแล้ว ความโปร่งใส คือ ตัวเลือกวงจร: เสมอ. หลังจากทำสิ่งนี้คุณสามารถคลิกที่ปุ่ม บันทึก เพื่อให้ได้ภาพซ้อนทับแบบเคลื่อนไหวของคุณ (คุณสามารถหาตัวอย่างผลลัพธ์สุดท้ายได้ที่นี่)

บทก่อนหน้าสำหรับการสร้างเฟรม) หลังจากนั้นคุณต้องสร้างไฟล์ ระดับใหม่แต่ฉันขอแนะนำให้คุณคลิกปุ่ม เลเยอร์ซ้ำใต้แท็บเลเยอร์ เพื่อให้ได้สำเนาของเลเยอร์แรกที่ถูกต้อง

ตอนนี้คุณสามารถเปลี่ยนสีหรือรูปร่างของเลเยอร์ที่สองได้ตามต้องการ เพื่อให้แตกต่างจากชั้นแรก คุณสามารถสร้างระดับได้มากเท่าที่คุณต้องการและปรับเปลี่ยนองค์ประกอบบางอย่างตามความต้องการของคุณ: จำไว้ว่าลำดับการเล่นของระดับจะอยู่ที่จากต่ำสุดไปสูงสุด เมื่อคุณได้เตรียมทุกระดับสำหรับแอนิเมชั่นแล้ว ซ่อน ระดับของ พื้นหลัง, เพื่อให้มีความโปร่งใสของโอเวอร์เลย์

ณ จุดนี้เพียงแค่ไปที่เมนู ฟิลเตอร์> แอนิเมชัน> ปรับให้เหมาะสม (สำหรับ Gif) (ขึ้น). หากต้องการ คุณสามารถดูตัวอย่างภาพเคลื่อนไหวได้จากเมนู ตัวกรอง> แอนิเมชัน> การดำเนินการ. หากคุณพอใจกับภาพเคลื่อนไหวสิ่งที่คุณต้องทำคือบันทึกจากนั้นคลิกที่เมนู ไฟล์> ส่งออกเป็น และในหน้าต่างการส่งออกให้เลือกปลายทางที่คุณต้องการส่งออกภาพซ้อนทับและตั้งค่าส่วนขยาย .GIF ในกล่อง เลือกประเภทไฟล์. สุดท้ายให้คลิกปุ่ม ส่งออก.

ในหน้าต่างที่เพิ่งเปิดขึ้น ตรวจสอบให้แน่ใจว่าคุณได้เลือกกล่องนั้นแล้ว เป็นแอนิเมชั่น คือ ห่วงเพื่อที่จะได้มีแอนิเมชั่นที่ต่อเนื่องและซ้ำๆ ยอดเยี่ยม: ตอนนี้คลิกที่ปุ่ม ส่งออก เพื่อให้ได้ภาพซ้อนทับแบบเคลื่อนไหวของคุณด้วยนามสกุล .GIF ภารกิจเสร็จสมบูรณ์!

สร้างการซ้อนทับแบบคงที่ เมื่อคุณได้รับไฟล์ใน .PNGเริ่มต้นแพลตฟอร์ม Twitch Studio. ที่ด้านล่างของหน้าจอหลัก แล้วคลิกปุ่ม แก้ไขฉาก.

ณ จุดนี้ให้คลิกที่ปุ่ม + วางในแท็บเลเยอร์ที่อยู่ด้านบนซ้ายแล้วคลิกที่ปุ่ม ภาพ. คุณจะเห็น กล่องเลือก ที่กึ่งกลางของหน้าจอ: คุณสามารถย้ายไปที่ใดก็ได้ตามต้องการและกำหนดขนาดตามที่คุณต้องการ ต่อมาในคอลัมน์ด้านซ้ายคุณจะต้องคลิกที่ปุ่ม เรียกดู และเลือกภาพที่จะอัปโหลดภายใน เมื่อคุณพบภาพซ้อนทับของคุณใน .PNG, คลิกที่ปุ่ม คุณเปิด.

โอเวอร์เลย์ที่คุณเลือกจะปรับให้เข้ากับขนาดของกล่องเลือกโดยอัตโนมัติ แต่คุณสามารถ เคลื่อนย้ายไปมา, ขยายมัน คือ ทำให้เล็กลง โดยคลิกที่มุมแล้วลากไปในทิศทางที่คุณต้องการ เมื่อคุณปรับแต่งฉากเสร็จแล้ว ให้คลิกปุ่ม บันทึก อยู่ที่ด้านล่างของหน้าจอ

เสร็จแล้ว! ตอนนี้คุณสามารถทดลองสร้างภาพซ้อนทับใหม่และอัปโหลดไปยัง Twitch Studio เพื่อปรับแต่งสตรีมสดของคุณด้วยวิธีที่ไม่เหมือนใครและสร้างสรรค์!

เพจทางการของ StreamYard หากคุณกำลังใช้แพลตฟอร์มนี้กับแผนพื้นฐานและคุณสงสัย วิธีสร้างโอเวอร์เลย์สำหรับ StreamYardคุณจะยินดีที่ทราบว่าคุณสามารถค้นหาข้อมูลทั้งหมดที่จำเป็นสำหรับจุดประสงค์นี้ได้ในส่วนนี้ของบทช่วยสอน

ในการเริ่มต้น ให้วาดโอเวอร์เลย์โดยทำตามคำแนะนำเกี่ยวกับวิธีสร้างสแตติกโอเวอร์เลย์ หรือวิธีสร้างโอเวอร์เลย์แบบเคลื่อนไหวที่เราให้ไว้ก่อนหน้านี้ หลังจากส่งออกภาพซ้อนทับแบบคงที่หรือแบบภาพเคลื่อนไหวแล้ว ให้เข้าสู่ระบบของคุณ StreamYard ผ่าน เบราว์เซอร์ ที่คุณมักจะใช้ในการเรียกดูออนไลน์

ตอนนี้ หากคุณมี Broadcast ที่เก็บไว้ ให้คลิกที่ตัวเลือก เข้าสู่ Broadcast Studio; ในทางกลับกันหากคุณไม่มีการออกอากาศให้คลิกที่ตัวเลือก สร้างการออกอากาศ และตั้งชื่อช่องใหม่ของคุณ ในหน้าจอ Broadcast Studio จากนั้นคุณต้องคลิกที่ไอคอน ยี่ห้อ (รูปแบบของจานสีนั้น) อยู่ในคอลัมน์ทางขวา ณ จุดนี้สิ่งที่คุณต้องทำคือคลิกที่ปุ่ม + อยู่ใต้หัวเรื่อง ซ้อนทับเพื่อโหลดการวางซ้อนแบบคงที่ของคุณด้วยส่วนขยาย .PNG หรือภาพเคลื่อนไหวซ้อนทับที่มีนามสกุล with .GIF.

คุณจะสังเกตเห็นว่า StreamYard จะโหลดภาพซ้อนทับในขนาดเต็ม ดังนั้นแบบเต็มหน้าจอ ขออภัยไม่อนุญาตให้ปรับแต่งขนาดหรือตำแหน่งของภาพซ้อนทับ

ที่นี่) คุณจะต้องการปรับแต่งรูปลักษณ์ของช่องของคุณอย่างแน่นอน ถ้าคุณมาที่นี่เพื่อทำความเข้าใจ วิธีสร้างโอเวอร์เลย์สำหรับ OBSฉันจะตกลงคุณทันที

ในการเริ่มต้น ให้วาดภาพซ้อนทับโดยทำตามคำแนะนำในการสร้างภาพซ้อนทับแบบคงที่หรือวิธีสร้างภาพซ้อนทับแบบเคลื่อนไหวที่ผมให้ไว้ก่อนหน้านี้ (ใช่แล้ว OBS ยังสนับสนุนภาพซ้อนทับแบบภาพเคลื่อนไหวที่มีส่วนขยายอีกด้วย .GIF).

หลังจากสร้างภาพซ้อนทับของคุณแล้วให้เปิดซอฟต์แวร์ OBS Studioคลิกขวาตรงกลางฉากแล้วไปที่เมนู เพิ่ม> รูปภาพ, ขึ้น. ในหน้าต่างที่เพิ่งเปิดขึ้นให้เลือกรายการ สร้างแหล่งใหม่ แล้วคลิกปุ่ม ตกลง. จากนั้นคลิกที่ปุ่ม เรียกดู เพื่อค้นหาและเลือกภาพซ้อนทับของคุณและแนะนำลงในฉาก

หากคุณต้องการอัปโหลด a ภาพซ้อนทับแบบเคลื่อนไหว, คุณต้องเพิ่ม a แหล่งมัลติมีเดีย แทนรูปภาพ: ในหน้าต่างยืนยัน คุณสามารถคลิกที่ปุ่ม เรียกดู เพื่อค้นหาและเลือกภาพเคลื่อนไหวซ้อนทับที่มีส่วนขยาย .GIF. ตรวจสอบว่าตัวเลือก ทำซ้ำที่อยู่ใต้เส้นทางของไฟล์จะถูกเลือก เพื่อให้แอนิเมชั่นสามารถเล่นซ้ำได้อย่างต่อเนื่องโดยไม่หยุด มิฉะนั้น ไฟล์สื่อจะเรียกใช้ภาพเคลื่อนไหววนรอบเดียวเท่านั้น จากนั้นจะปรากฏเป็นภาพนิ่ง

เมื่อคุณเลือกการวางซ้อนแบบคงที่หรือแบบเคลื่อนไหวเพื่อรวมไว้ในฉาก OBS คุณสามารถย้ายได้อย่างอิสระโดยคลิกที่ภาพนั้นแล้วลากไปในทิศทางใดก็ได้ หากคุณหยุดเคอร์เซอร์เมาส์ไว้ที่มุมของกล่อง คุณสามารถปรับขนาดได้ตามต้องการ

อาจเกิดขึ้นหลังจากโหลดภาพซ้อนทับแล้วคุณจะไม่เห็นวัตถุใหม่ที่แทรกเข้าไปราวกับว่าวัตถุนั้นถูกซ่อนไว้โดยพื้นหลังหรือการบันทึกวิดีโอ ไม่ต้องกังวล ลองดูที่การ์ด แหล่งที่มาซึ่งอยู่ที่ด้านล่าง คุณจะสังเกตเห็นว่าโอเวอร์เลย์ของคุณ (รูปภาพหรือแหล่งสื่อ) สิ้นสุดที่ด้านล่าง อุปกรณ์จับภาพวิดีโอ หรือใต้เลเยอร์รูปภาพอื่น ๆ สิ่งที่คุณต้องทำก็คือ ลาก ระดับของการซ้อนทับในตำแหน่งเดียว สูงกว่า จนถึงระดับการจับภาพวิดีโอแค่นี้เอง