png3D คู่มือสร้างเอฟเฟกต์ภาพ 3D ด้วย png3D

png3D · บล็อก

เพิ่มการเคลื่อนไหวแบบ 3D ให้ภาพประกอบ 2D

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

ใช้เฉพาะภาพที่คุณเป็นเจ้าของหรือได้รับอนุญาตให้แก้ไข

ภาพต้นฉบับ — เพิ่มการเคลื่อนไหวแบบ 3D ให้ภาพประกอบ 2D ภาพต้นฉบับ
ผลลัพธ์การเคลื่อนไหว 3D
ตัวอย่าง: ภาพต้นฉบับและผลลัพธ์การเคลื่อนไหวที่ png3D สร้างสำหรับ การเคลื่อนไหวสไตล์ 3D สำหรับภาพวาด 2D

เอฟเฟกต์ทำงานอย่างไร

ภาพวาดหนึ่งภาพสามารถสร้างการเคลื่อนไหวพารัลแลกซ์จากภาพได้ แต่ตัวละครหรือฉากไม่ได้กลายเป็นโมเดล 3D จริง

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

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

เลือกภาพต้นฉบับที่เหมาะสม

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

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

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

ขั้นตอนการใช้งาน

เก็บภาพต้นฉบับไว้ ทดลององค์ประกอบภาพตัวอย่าง แล้วตรวจเส้นและข้อความด้วยความเร็วเล่นปกติ

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

ตรวจสอบผลลัพธ์และข้อจำกัด

ฉากที่มีสไตล์ชัดเจนอาจไม่มีเบาะแสความลึกตามที่วิธีซึ่งออกแบบมาสำหรับภาพถ่ายคาดไว้ ภาพกราฟิกที่มีหลายชั้นเด่นพอ ๆ กันอาจเคลื่อนไหวไม่ต่อเนื่องเท่าภาพประกอบที่แยกวัตถุด้านหน้าและฉากหลังได้ชัด

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

คำถามที่พบบ่อย

การเคลื่อนไหวสไตล์ 3D สำหรับภาพวาด 2D สร้างโมเดล 3D จริงหรือไม่?

ไม่ใช่ png3D สร้างเอฟเฟกต์เคลื่อนไหวจากภาพ ไม่ได้สร้างรูปทรง 3D ที่แก้ไขได้

ควรเลือกภาพแบบใดสำหรับการเคลื่อนไหวสไตล์ 3D สำหรับภาพวาด 2D?

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

การเคลื่อนไหวสไตล์ 3D สำหรับภาพวาด 2D แสดงรายละเอียดจริงของบริเวณที่ถูกบังหรือไม่?

ไม่แสดง บริเวณที่ถูกบังเป็นการประเมินจากมุมมองเดียว ไม่ใช่รายละเอียดของฉากที่ยืนยันได้

ควรตรวจผลลัพธ์การเคลื่อนไหวสไตล์ 3D สำหรับภาพวาด 2Dอย่างไร?

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