วิธีการสร้างภาพซ้อนทับ Twitch โดยใช้ Photoshop

วิธีการสร้างภาพซ้อนทับ Twitch โดยใช้ Photoshop

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





หากคุณต้องการสร้างรายได้จากการสตรีม คุณจะต้อง สร้างผู้ชมจำนวนมากบน Twitch และส่วนสำคัญที่ทำให้สตรีมของคุณดูเป็นมืออาชีพ



ในบทความนี้เราจะแสดงวิธีสร้างแบบง่าย โอเวอร์เลย์กระตุก โดยใช้โฟโต้ชอป และในขณะที่โอเวอร์เลย์นี้มีไว้สำหรับ Minecraft แต่ก็สามารถปรับเปลี่ยนให้ทำงานร่วมกับเกมอื่นๆ ได้ และยังทำงานได้อย่างสมบูรณ์แบบสำหรับการสตรีมบน YouTube Gaming หรือแม้แต่ Mixer ซึ่งเป็นทางเลือกของ Microsoft แทน Twitch





เริ่มต้น

ก่อนที่เราจะเริ่มต้น เรามาดูกันว่าวันนี้เราจะทำอะไรให้เสร็จก่อนกัน:

ทุกอย่างในบทช่วยสอนนี้ค่อนข้างง่าย แต่ถ้าคุณยังใหม่กับ Photoshop การอ่านบทช่วยสอนเลเยอร์ Photoshop ก่อนอาจช่วยได้ หากคุณกำลังมองหาทางเลือกฟรีสำหรับ Photoshop GIMP นั้นทรงพลังอย่างเหลือเชื่อ



หากคุณต้องการสร้าง Twitch overlay โดยไม่ต้องใช้ Photoshop โปรเจ็กต์นี้สามารถทำได้ใน GIMP เนื่องจากเครื่องมือที่คุณจะใช้จะแตกต่างออกไปเล็กน้อย เราขอแนะนำให้คุณอ่าน คู่มือ GIMP แรก.

จากที่กล่าวมา เรามาดูวิธีการสร้างภาพซ้อนทับ Twitch ด้วย Photoshop กัน



การสร้างผืนผ้าใบ

ในการเริ่มต้นสร้างภาพซ้อนทับ ให้เปิด Photoshop ขึ้นมาแล้วสร้างภาพใหม่ที่มีขนาดเท่ากับความละเอียดหน้าจอของคุณ

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



การเพิ่มแถบด้านบน

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

ตอนนี้คลิกและลากผ่านด้านบนของเลเยอร์ใหม่ของคุณเพื่อสร้างแบนเนอร์ด้านบน อย่ากังวลหากคุณทับขอบผ้าใบ สี่เหลี่ยมผืนผ้าควรชิดเข้าที่กับด้านข้าง

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

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

คุณเริ่มต้นได้ดีแล้ว และคุณสามารถใช้สิ่งที่คุณทำจนถึงตอนนี้เพื่อสร้างแบนเนอร์ด้านล่างสองอันได้

แบนเนอร์ด้านล่าง

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

ในการสร้างแถบด้านล่างซ้าย ให้ทำตามวิธีการเดียวกันกับด้านบน แล้วเลื่อนลงไปที่ด้านล่างซ้ายของหน้าจอ โอเวอร์เลย์พื้นฐานของเราเสร็จเรียบร้อยแล้ว ดังนั้นเราจึงสามารถเพิ่มเฟรมสำหรับกล้องของเราได้

กรอบกล้อง

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

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

อีกครั้งเลือกสีและความกว้างที่เหมาะกับโทนสีที่คุณมี ตอนนี้เลือกเลเยอร์แล้วเปลี่ยน เติม เหลือ 0 เปอร์เซ็นต์ เหลือแต่เฟรม

ใช้ ย้ายเครื่องมือ เพื่อวางไว้เหนือแบนเนอร์ด้านล่างซ้าย และปรับขนาดหากต้องการโดยกด . ค้างไว้ กะ คีย์เพื่อรักษาอัตราส่วนภาพ

การวางซ้อนเริ่มมารวมกัน แต่ตอนนี้ได้เวลาเพิ่มข้อความแล้ว

การเพิ่มข้อความ

หากต้องการเริ่มเพิ่มข้อความ ให้สร้างเลเยอร์ใหม่ ใช้ เครื่องมือข้อความ (หรือกด NS บนแป้นพิมพ์ของคุณ) แล้วลากกล่องข้อความใหม่ออกมา เลือก อักขระ เมนูจากด้านขวามือดังภาพด้านล่าง:

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

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

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

ด้วยข้อความของเราในตอนนี้ เราก็ใกล้จะเสร็จแล้ว มาเพิ่มโลโก้สำหรับโซเชียลมีเดียและโลโก้ส่วนหัวสำหรับช่องกันเถอะ

โลโก้โซเชียลมีเดีย

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

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

ย้ายโลโก้ขึ้นไปที่ส่วนบนซ้ายของหน้าจอ และโดยใช้ปุ่ม Ctrl วางกุญแจอย่างระมัดระวังเพื่อให้เข้ามุม

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

ตอนนี้ มาเพิ่มโลโก้ตรงกลางกัน

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

ในการเริ่มต้น ให้ลากไม้บรรทัดออกจากแถบเครื่องมือด้านซ้าย ไม้บรรทัดควรชิดตรงกลางหน้าจอ

หากคุณไม่เห็นไม้บรรทัดของคุณหรือไม้บรรทัดไม่หัก ให้ดูที่ใต้ ดู เมนูและตรวจสอบว่าทั้งสอง ไม้บรรทัด และ Snap ถูกเลือก

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

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

ย้ายโลโก้ของคุณไปที่ด้านบนของโอเวอร์เลย์แล้วปรับขนาดให้พอดี เท่านี้เราก็เสร็จแล้ว

การบันทึกโอเวอร์เลย์

ก่อนบันทึกโอเวอร์เลย์เป็นรูปภาพ ให้บันทึกเป็นเอกสาร Photoshop ที่มีชื่อไฟล์เช่น 'Minecraft Twitch Template' เพื่อให้คุณสามารถเปลี่ยนในภายหลังเพื่อใช้กับเกมต่างๆ

หากต้องการให้พื้นหลังโปร่งใส ให้เลือก ดวงตา ไอคอนบนสกรีนช็อตของเกมและเลเยอร์พื้นหลัง โดยเหลือเพียงองค์ประกอบโอเวอร์เลย์ที่แสดง

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

โอเวอร์เลย์ของ Twitch เสร็จสมบูรณ์: เข้าสู่การสตรีมได้เลย!

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

แบ่งปัน แบ่งปัน ทวีต อีเมล 5 เคล็ดลับในการเพิ่มพลังให้เครื่อง VirtualBox Linux ของคุณ

เบื่อกับประสิทธิภาพที่ย่ำแย่ของเวอร์ชวลแมชชีนหรือไม่? นี่คือสิ่งที่คุณควรทำเพื่อเพิ่มประสิทธิภาพ VirtualBox ของคุณ

อ่านต่อไป หัวข้อที่เกี่ยวข้อง
  • เกม
  • ความคิดสร้างสรรค์
  • Adobe Photoshop
  • วิดีโอออนไลน์
  • ชัก
  • วัฒนธรรมการเล่นเกม
  • กวดวิชา Photoshop
เกี่ยวกับผู้เขียน เอียน บัคลี่ย์(216 บทความที่ตีพิมพ์)

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

วิธีรีเซ็ตรหัสผ่านบน windows xp
เพิ่มเติมจาก Ian Buckley

สมัครรับจดหมายข่าวของเรา

เข้าร่วมจดหมายข่าวของเราสำหรับเคล็ดลับทางเทคนิค บทวิจารณ์ eBook ฟรี และดีลพิเศษ!

คลิกที่นี่เพื่อสมัครสมาชิก