รูปผลิตภัณฑ์และไลฟ์สไตล์จริงค่อยๆ ปรากฏทีละช่องพร้อมการเด้งเบาๆ แล้วสรุปเป็นกริดที่สมบูรณ์ใต้โลโก้แบรนด์
เป็นหนึ่งใน 13 เทมเพลตโฆษณา HTML แบบเนทีฟใน Hermoso ซึ่งเป็นรูปแบบที่เบราว์เซอร์เรนเดอร์จากมาร์กอัปจริงแทนที่โมเดลจะสร้างให้ อันนี้ให้ผลลัพธ์เป็นวิดีโอ มีช่องข้อความ 4 ช่องให้คุณกรอก และต้องมีรูปสินค้า 4 รูปจากแบรนด์ของคุณก่อนจึงจะรัน
เมื่อควรใช้
สำหรับคอลเลกชัน ชุดสินค้า ชุดก่อนและหลัง และแบรนด์ที่มีคลังรูปถ่ายดีๆ ที่ยังไม่มีที่ใช้ ช่วยเปลี่ยนโฟลเดอร์รูปให้เป็นวิดีโอที่ออกแบบแล้ว
สิ่งที่ต้องทำให้ถูก
ต้องมีรูปสี่รูป รูปแบบนี้คือการประกอบกริด ดังนั้นช่องต่างๆ ต้องเป็นภาพที่แตกต่างกันจริง ไม่ใช่การครอปภาพเดียวกัน
รูปแบบโดยสรุป
- ผลลัพธ์: วิดีโอ
- ช่องข้อความ: 4 ช่อง แต่ละช่องมีงบจำนวนตัวอักษรของตัวเองที่คำนวณจากเลย์เอาต์ ไม่ได้เดา
- ไฟล์ที่ต้องใช้: รูปสินค้า 4 รูป
- รหัสเทมเพลต: photo-grid.
เทมเพลตนี้เรนเดอร์อย่างไร
ไม่มีอะไรที่นี่ถูกสร้างโดยโมเดลภาพหรือวิดีโอ รูปแบบคือหน้า HTML ที่ครบในตัวเอง ซึ่งแอนิเมชันเป็นฟังก์ชันบริสุทธิ์ของเวลา ไม่มี CSS keyframes ตัวจับเวลา หรือการสุ่ม ตัวเรนเดอร์ก้าวหน้าทีละเฟรมในเบราว์เซอร์ Chrome แบบ headless ถ่ายภาพหน้าจอทุกเฟรม แล้วประกอบด้วย ffmpeg เป็นไฟล์ H.264 ที่จบด้วยการเปลี่ยนภาพแบบค่อย ๆ ไปเป็นการ์ดปิดแบรนด์ของคุณ
สองสิ่งตามมาจากตรงนั้น การเรนเดอร์เป็น กำหนดผลได้แน่นอน: อินพุตเดียวกันให้ไฟล์เดียวกัน รูปแบบที่ดูถูกต้องเมื่อวานจึงดูถูกต้องวันนี้ และทุกคำบนหน้าจอคือข้อความที่เบราว์เซอร์เรนเดอร์จริง ซึ่งหมายความว่าคำคือคำที่แม่นยำและคมชัดในทุกความละเอียด ทั้งหมดนี้มีค่าใช้จ่ายไม่กี่เครดิตแทนการสร้างวิดีโอ ซึ่งทำให้รูปแบบเหล่านี้ใช้งานได้จริงในปริมาณมาก
ใช้การครอปของภาพเดียวกันได้ไหม?
ไม่ได้ รูปแบบนี้คือการประกอบกริด จึงต้องใช้ภาพสี่ภาพที่แตกต่างกันจริง การครอปภาพเดียวกันจะประกอบเป็นกริดที่ไม่มีอะไรให้เปิดเผย ซึ่งเป็นสิ่งเดียวที่แอนิเมชันนี้มีไว้ทำ
เทมเพลตแบบเนทีฟอื่น ๆ
- โฆษณาภาพนิ่งแบบเนทีฟ
- อธิบายตำนานกับข้อเท็จจริง
- โฆษณาคุณค่าเคลื่อนไหว
- ไทป์เคลื่อนไหว
- วิกเน็ตภาพยนตร์
- iMessage chat-reveal
ทั้ง 13 รายการอยู่ใน ดัชนีเทมเพลตโฆษณาแบบเนทีฟ และแคตตาล็อกที่กว้างกว่าอยู่ใน ดัชนีสูตรครีเอทีฟ