เทมเพลตหน้าปกเปรียบเทียบก่อนหลัง

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

อัปโหลดภาพสำหรับเปรียบเทียบ
/ ดูตัวอย่างปกเปรียบเทียบ

รองรับ PNG, JPG, JPEG และ WebP ขนาดไม่เกิน 4 MB

ลองใช้เทมเพลตเปรียบเทียบ:
อธิบายการเปลี่ยนแปลง
สร้างปกเปรียบเทียบก่อน-หลัง

วิธีทำปกก่อน-หลัง

  • เริ่มจากความเปลี่ยนแปลงที่เห็นได้หนึ่งอย่าง แล้วเว้นพื้นที่ให้ทั้งสองฝั่งมากพอ เพื่อให้เรื่องราวอ่านออกแม้เป็นภาพตัวอย่างขนาดเล็ก

1. เลือกเทมเพลตแบ่งครึ่ง

1. เลือกเทมเพลตแบ่งครึ่ง

เลือกเลย์เอาต์ก่อน-หลังสำหรับงานแปลงโฉม การบูรณะ อัปเดตความคืบหน้า หรือการออกแบบใหม่ ใช้จุดตั้งต้นที่แยกสองช่วงเวลาออกจากกันอย่างชัดเจนอยู่แล้ว

2. กำหนดสิ่งที่เปลี่ยนไป

2. กำหนดสิ่งที่เปลี่ยนไป

บอกสิ่งที่เปลี่ยน ปรับแต่งตัวแบบและทิศทางภาพ แล้วโฟกัสให้ทั้งสองฝั่งเป็นคน สิ่งของ ห้อง หรือโปรเจกต์เดียวกัน

3. สร้างปกเปรียบเทียบ

3. สร้างปกเปรียบเทียบ

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

เทมเพลตปกก่อน-หลังที่อธิบายความเปลี่ยนแปลงได้ชัด

ภาพเปรียบเทียบที่ชัดเจนเพียงภาพเดียว ดึงความสนใจได้ดีกว่าสองภาพที่แย่งจุดเด่นกันเอง

ทำให้ความต่างเด่นชัด

เทมเพลตปกก่อน-หลัง

ทำให้ความต่างเด่นชัด

  • จัดครอปตัวแบบให้ตรงกัน เพื่อให้การเปลี่ยนแปลงอ่านเป็นเรื่องเดียวกัน

  • คั่นแต่ละสภาพด้วยเส้นแบ่งที่ชัด เพื่อเทียบความต่างได้ในพริบตา

  • ใส่ป้าย “ก่อน” และ “หลัง” เท่าที่จำเป็น เพื่อไม่ให้เฟรมแน่นเกินไป

เลือกเทมเพลตแบ่งก่อน-หลัง

ดีไซน์ปกเปรียบเทียบก่อน-หลัง

โชว์ผลลัพธ์อย่างตรงไปตรงมา

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

  • คงมุมภาพเดียวกันทั้งสองสภาพ เพื่อให้การเปรียบเทียบยุติธรรม

  • เน้นผลลัพธ์หลักเพียงจุดเดียว เพื่อให้คนดูรู้ทันทีว่าอะไรเปลี่ยนไป

ปรับแต่งปกเทียบก่อน-หลัง
โชว์ผลลัพธ์อย่างตรงไปตรงมา
เล่าเรื่องการเปลี่ยนแปลงตามเวลา

ปกทรานส์ฟอร์มก่อน-หลัง

เล่าเรื่องการเปลี่ยนแปลงตามเวลา

  • เพิ่มจำนวนวันหรือหมุดหมายสำคัญ เพื่อบอกไทม์ไลน์ของการเปลี่ยนแปลง

  • จับคู่ภาพความคืบหน้ากับข้อความสั้นกระชับ เพื่อให้อ่านผลลัพธ์ได้ง่าย

  • เว้นพื้นที่รอบรอยแบ่งให้พอ เพื่อให้ข้อความดึงความสนใจยังอ่านชัด

ออกแบบปกเล่าเรื่องการเปลี่ยนแปลง

ปก YouTube แบบก่อน-หลัง

สร้างซีรีส์ปกเปรียบเทียบที่คนจำได้

  • ใช้ตำแหน่งเส้นแบ่งเดิมในแต่ละตอน เพื่อสร้างเอกลักษณ์ให้ซีรีส์

  • เปลี่ยนฉากของโปรเจกต์ได้ โดยยังคงลำดับการเปรียบเทียบแบบเดิม

  • ปรับทิศทางภาพจนผลลัพธ์ในปกสอดคล้องกับฟุตเทจจริง

สร้างปกก่อน-หลังสำหรับซีรีส์
สร้างซีรีส์ปกเปรียบเทียบที่คนจำได้

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

ครีเอเตอร์สายบ้าน ทำความสะอาด และบูรณะ

ครีเอเตอร์สายบ้าน ทำความสะอาด และบูรณะ

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

ครีเอเตอร์สายฟิตเนส บิวตี้ และรูทีน

ครีเอเตอร์สายฟิตเนส บิวตี้ และรูทีน

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

นักออกแบบ ศิลปิน และดิจิทัลครีเอเตอร์

นักออกแบบ ศิลปิน และดิจิทัลครีเอเตอร์

งานออกแบบเว็บไซต์ใหม่ แต่งภาพ พัฒนางานศิลป์ และอัปเกรดพื้นที่ทำงาน ต้องทำให้การพัฒนามองออกแม้บนจอเล็ก เริ่มจากเลย์เอาต์แบ่งครึ่งที่มองทั้งสองเวอร์ชันเป็นส่วนของโปรเจกต์เดียวกัน เหมาะกับคลิปที่นำไปใช้ในเวิร์กโฟลว์ YouTube, TikTok หรือ Facebook ได้

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

ทำให้ความเปลี่ยนแปลงชัดด้วยปกก่อน-หลัง

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

ไม่ต้องใช้บัตรเครดิต • ทดลองใช้ฟรี • เริ่มได้เลย