Motion Fabนักออกแบบโมชันด้วย AI ของคุณ
TH
เปิดแอป beta

พรอมต์จากคอมมูนิตี้

แอนิเมชัน UI

แอนิเมชัน UI: วิดีโอที่สร้างใน Motion Fab พร้อมพรอมต์ที่ใช้สร้าง เปิดพรอมต์ในแอป เพิ่มไฟล์ของคุณเอง แล้วเอเจนต์จะสร้างวิดีโอให้

Simple Motion

โชว์รีลแอปต่อเนื่อง 15 วินาทีด้วยโมชันกราฟิกล้วน

<direction> สร้างโชว์รีลโมชันกราฟิกแนวนอนความยาว 15 วินาทีสำหรับแอปของฉัน ขนาด 1920x1080 ที่ 60 fps ทุกอย่างเป็นกราฟิกที่วาดขึ้น ไม่มีฟุตเทจ สิ่งเดียวที่ฉันให้คือโลโก้ของแอป (ไอคอนแอปรูปสี่เหลี่ยมมุมมน) ไอเดียคือการเคลื่อนไหวต่อเนื่องครั้งเดียวที่แต่ละช่วงส่งวัตถุสุดท้ายของตัวเองให้ช่วงถัดไป จุดกลายเป็นโลโก้ โลโก้กลายเป็นชื่อ ตัวอักษรกลายเป็นจุด จุดกลายเป็นลูกบอลแข่ง ลูกบอลลูกหนึ่งท่วมเฟรม รูปทรงแตกเป็นไทล์ ไทล์กลายเป็นกลุ่มจุด 3D แล้วตามด้วยคำแบบ kinetic และการ์ดปิดท้าย แต่ละช่วงโชว์ทักษะโมชันหนึ่งอย่าง ใช้สีแบบแฟลต รูปทรงเวกเตอร์คมชัด และ HUD ช่องมองภาพกล้องทับทุกอย่าง โดยให้การตัดต่อล็อกกับแทร็ก 128 BPM หลีกเลี่ยงฟุตเทจ สีไล่เฉด พื้นผิว เสียงพากย์ และช่วงใดก็ตามที่เริ่มจากความว่างเปล่าแทนที่จะเติบโตจากช่วงก่อนหน้า </direction> <structure> 1. 0–1.9 วิ สีเกือบดำ: จุดสีชมพูอยู่ในวงแหวนสีเทาบาง และวงแหวนเปิดออกด้วย expo.out วงแหวนที่สองคลี่ออกเป็นวงกลมใหญ่จาง ๆ (0.45 วิ, expo.out) ที่ 0.5 วิ โลโก้ของฉันโตออกจากจุด เลเยอร์ของมันเด้งขึ้นทีละชั้นด้วย back.out มันลงตัวใหญ่ขึ้นที่ 0.92 วิพร้อมหมุนเบา ๆ วงแหวนสีชมพูบางของข้อความ mono ที่วนรอบ ("APP NAME · IDEAS IN MOTION · APPNAME.APP ·" แทนที่ด้วยของคุณ) ปรากฏรอบมันและหมุนช้า ๆ ที่ 1.7 วิ เครื่องหมายหดลงพร้อมเบลอเล็กน้อยกลับเป็นจุดสีอ่อนเล็ก ๆ 2. 1.9–3.5 วิ: ที่ดรอปตอน 1.93 วิ จานสองใบระเบิดออกจากจุด สีอ่อนก่อนและสีชมพูตามหลัง 30 มิลลิวินาที (expo.out, 0.3 วิ) ทำให้วงแหวนสีอ่อนบางขี่อยู่บนขอบสีชมพู ชื่อแอปของฉันด้วยฟอนต์ grotesque กว้างผุดขึ้นทีละตัวอักษรจากเส้นฐาน: แต่ละตัวถูกตัดอยู่ในกล่องของตัวเอง เว้น 30 มิลลิวินาที และ 0.26 วิ expo.out ชื่อจะเต็มความกว้าง 1640 px เท่าเดิมเสมอ เส้นสีเข้มบางถูกวาดออกจากกึ่งกลางเหนือชื่อ โดยมี "01" พิมพ์เข้ามาทางซ้ายและที่อยู่เว็บของฉันทางขวา ตั้งแต่ 2.55 วิ คลื่นความกว้างวิ่งผ่านตัวอักษร: แต่ละตัวบีบจากความกว้าง 150% เหลือประมาณ 55% แล้วกลับภายใน 0.6 วิ ตามหลังตัวก่อนหน้า 0.1 วิ คำถูกปรับให้เต็ม 1640 px ทุกเฟรม ตัวอักษรแคบจึงสูงขึ้น ที่ 2.84 วิ สโลแกนตัวเอียง serif สีอ่อน ("ideas in motion") ผุดขึ้นทีละคำใต้ชื่อ ที่ 3.3 วิ ตัวอักษรยุบเป็นจุดสีเข้มและสโลแกนหล่นหายไป 3. 3.5–5.6 วิ: การกวาดสีอ่อนแนวทแยงมาจากด้านล่างขวา (0.16 วิ) จุดสีเข้มหกจุดพุ่งเป็นเส้นโค้งไปยังจุดเริ่มของหกแถว (power2.inOut, เหลื่อมเวลา) และรับสีของแถว ชื่อเรื่องตัวเอียง serif พิมพ์เข้ามาจากซ้าย ("Chat instead of a timeline.") พร้อมโน้ต mono ทางขวา ("NO KEYFRAMES · LIVE PREVIEW") และป้ายแทร็ก "IDEA" กับ "MP4" ที่ปลายทั้งสองด้าน - แต่ละแถวมีเลขสีชมพู ชื่อ mono ("animated type", "shapes", "transitions", "3D effects", "sound", "live preview") ไอคอนเส้นโค้งจิ๋วที่วาดตัวเอง และเส้นแทร็กที่วาดจากซ้ายไปขวา - ที่ 4.215 วิ ลูกบอลหกลูก (สีเข้ม ม่วง ชมพู วนซ้ำ) แข่งกันวิ่ง 1040 px ในเวลา 0.94 วินาทีพอดี แต่ละลูกมี ease ของตัวเอง: linear, power2.inOut, expo.out, back.out(1.7), elastic.out(1, 0.3) และ bounce.out - ขีดเหนือแต่ละแทร็กบอกว่าลูกบอลอยู่ตรงไหนทุก 1/16 ของการวิ่ง วงแหวนผีที่จางลงสามวงตามหลังแต่ละลูก ลูกบอลยืดตามความเร็ว จุดหนึ่งวิ่งไปบนไอคอนเส้นโค้งแต่ละอันอย่างพร้อมกัน และแต่ละลูกได้ฮาโลเส้นขอบเมื่อมาถึง - ที่ 5.3 วิ แถวต่าง ๆ จางหาย ลูกบอลบินเข้าสู่กลางภาพและรวมกัน แล้วลูกสีม่วงพองจนเต็มเฟรม 4. 5.6–7.5 วิ สีม่วง: วงกลมสีอ่อนเด้งขึ้นจากจุด (elastic.out, 0.45 วิ) จุดดาวเทียมสิบสองจุดพุ่งออกไปยังวงโคจร (expo.out, ห่างกัน 12 มิลลิวินาที) - ด้านหลังมีเส้นไกด์กากบาทบาง วงโคจรประจุดพร้อมขีดบอกระยะ และป้าย "270°" กับ "90°" - ค่าอ่าน mono อยู่ด้านข้าง: "SHAPES NO KEYFRAMES" ทางซ้าย และคำขอแก้ไขในเครื่องหมายคำพูดทางขวา ("“BIGGER” “SLOWER”", "“ANOTHER COLOUR”") - วงแหวนระลอกสีชมพูเต้นรอบวงกลม - จากนั้นรูปทรงเปลี่ยนรูป: วงกลม → สามเหลี่ยม → ดาว → สี่เหลี่ยมจัตุรัส แต่ละการเปลี่ยนใช้ 0.26–0.3 วิ ด้วย back.out(2.2) พร้อมหมุน 120° และเส้นขอบเอคโคสีชมพูตามรูปทรงเฉพาะตอนที่มันหมุน - ดาวเทียมเปลี่ยนรูปช้ากว่าหนึ่งจังหวะ ทีละจุดต่อเนื่องกัน และหายไปที่ 7.22 วิ มันลงตัวเป็นสี่เหลี่ยมจัตุรัสตั้งตรงขนาด 360 px 5. 7.5–9.75 วิ สีเกือบดำ: สี่เหลี่ยมแยกเป็นไทล์ขนาด 120 px เก้าชิ้น เขาวงกต truchet โตทีละวงจนเต็มเฟรม (back.out, ประมาณ 30 มิลลิวินาทีต่อวง) แต่ละไทล์มีส่วนโค้งหนึ่งในสี่วงกลมสองอันที่มุมตรงข้ามกัน วาดเป็นเส้นสีอ่อนหนา 20 px คลื่นสีชมพูวิ่งผ่าน: ก่อนอื่นสองแถบกวาดจากซ้ายไปขวา แล้วเป็นวงแหวนที่หุบเข้าหากลางภาพ ไทล์ภายในคลื่นหมุน 90 หรือ 180 องศา หดเหลือ 80% และกลายเป็นสีชมพู ทำให้เส้นแตกเป็นขีดสั้น แล้วกลับมาเมื่อแถบผ่านไป ป้าย mono เล็ก ๆ พิมพ์เข้ามาที่ด้านล่าง ("SHAPES · TRANSITIONS · NO KEYFRAMES") ตั้งแต่ 9.45 วิ ไทล์ยุบจากกลางออกสู่ด้านนอก 6. 9.5–11.25 วิ: ตารางจุด 24 x 24 ปรากฏตรงที่ไทล์เคยอยู่ มองจากด้านบน มันเอียงเป็นระนาบมุมมองและพับเป็นทรงกลม แจกัน ก้อนบี้ และทอรัส ขณะหมุนรอบแกนตั้ง ระหว่างรูปทรงมันเคลื่อนด้วย power2.inOut มีเส้นจาง ๆ ระหว่างจุดข้างเคียง ประมาณหนึ่งในเก้าจุดเป็นสีชมพู และจุดจะหม่นลงตามความลึก ป้าย mono อยู่ด้านล่าง ("3D EFFECTS · LIVE PREVIEW · MP4 EXPORT") มันซูมทะลุกล้องและจางหายที่ 11 วิ 7. 11.25–13.0 วิ คำแบบ kinetic: หนึ่งคำทุก 0.23 วิ แต่ละคำบนพื้นหลังแฟลตของตัวเอง และแต่ละคำเต็มความกว้างด้วยความกว้างที่ต่างกันของฟอนต์เดียวกัน แทนที่หกคำด้วยวลีของคุณเอง - "IDEA": สีเข้มบนชมพู เลื่อนเข้าจากซ้าย สเกล 1.3 ถึง 1 เบลอชัดขึ้นใน 0.14 วิ - "IN.": สีอ่อนบนสีเกือบดำพร้อมจุดปิดสีชมพู เข้าจากขวาพร้อมเบลอ และมีโน้ต mono เล็ก ๆ ที่บนซ้าย ("EDIT IN WORDS ↗") - "VIDEO": แคบมากสีม่วงบนหน้าสีอ่อน ตัวอักษรผุดขึ้นจากด้านล่างห่างกัน 25 มิลลิวินาที - "OUT.": สีอ่อนบนม่วง เข้าจากซ้ายพร้อมเบลอ พร้อมโน้ตที่บนขวา ("↘ MP4 EXPORT") - "NO": สีเข้มบนเหลือง ตัวอักษรหล่นลงมาเป็นมุมด้วย back.out จากนั้นสำเนาตัวอักษรแบบเส้นขอบของคำเติมเต็มแถวด้านบนและด้านล่างและเลื่อนสลับทิศทางกัน ขณะที่แถวหลักลอยไปทางซ้าย - "KEYFRAMES.": สีอ่อนบนสีเกือบดำ เลื่อนไปทางซ้ายด้วยความเร็วคงที่พร้อมเส้นทแยงบาง ๆ แล้วออกไปเร็วพร้อมเบลอ 8. 13.0–15 วิ การ์ดปิดท้าย: สีชมพูท่วมเข้ามาจากขวาและวงแหวนสีอ่อนคลี่ออกจากกลางภาพ (0.42 วิ) โลโก้ของฉันหมุนเข้ามาที่กลางภาพ (back.out) พร้อมคอนเฟตติเล็ก ๆ เป็นจุด วงแหวน และสามเหลี่ยมสีเข้ม สีอ่อน และม่วง แล้วเลื่อนไปทางซ้ายของล็อกอัป ชื่อแอปของฉันหล่นลงมาทีละตัวอักษรข้าง ๆ จากเบลอเป็นคมชัด ตัวละ 0.22 วิ สโลแกนตัวเอียง serif ผุดขึ้นใต้ชื่อ ("your AI motion designer") เส้นถูกวาดออก และบรรทัด mono พิมพ์เข้ามาใต้เส้น: "PICK A TEMPLATE · DESCRIBE YOUR IDEA · MP4 EXPORT" จุดบันทึกเล็ก ๆ แล้วที่อยู่เว็บของฉันทางขวา ค้างภาพไว้ในวินาทีสุดท้าย </structure> <composition> จานสี ทั้งหมดเป็นสีแฟลต: - สีเกือบดำเข้มลึก #0d0b1e - ชมพูสด #fb2d89 (สีเน้นหลัก) - หน้าสีอ่อน #faf9ff - ม่วงนุ่ม #7c6cf2 - เหลืองอุ่น #ffd23f ใช้เฉพาะการตัดแบบ kinetic หนึ่งครั้ง ฟอนต์: - ฟอนต์ grotesque กว้างแบบ variable ที่มีแกนความกว้าง (Anybody, น้ำหนัก 900, ความกว้าง 50–150%) สำหรับชื่อและคำแบบ kinetic - ฟอนต์ serif ตัวเอียงแนวบรรณาธิการแบบแคบ (Instrument Serif Italic) สำหรับชื่อเรื่องและสโลแกน - ฟอนต์ mono (JetBrains Mono) สำหรับป้ายอินเทอร์เฟซ 14 px ระยะห่างตัวอักษร 0.16em HUD ช่องมองภาพกล้องทับตลอดทั้งวิดีโอ: - วงเล็บมุมบางหนา 2 px ห่างจากแต่ละมุม 44 px - บนซ้าย: ชื่อแอปของฉันด้วยตัวพิมพ์ใหญ่ mono ตัวหนา ตามด้วยสโลแกนที่หม่นกว่า ("APP NAME IDEAS IN MOTION") - บนขวา: ป้ายของช่วงปัจจุบัน ("01 — APP NAME", "02 — NO KEYFRAMES", "03 — SHAPES", "04 — EDIT IN WORDS", "05 — 3D EFFECTS", "06 — KINETIC TYPE", "07 — TRY IT FREE") - ล่างซ้าย: ไทม์โค้ดที่วิ่งพร้อมเฟรม ("00:00:03:09") และสโลแกนสั้น ๆ ("LIVE PREVIEW") - ล่างขวา: สโลแกนอีกอัน ("NO KEYFRAMES") สี่เหลี่ยมเล็กสี่อันที่สว่างขึ้นทีละอันตามจังหวะ และ "MP4" - ตามขอบล่าง: เส้นความคืบหน้าหนา 2 px ที่ยาวขึ้นตามเวลา HUD สลับระหว่างหมึกสีเข้มและสีอ่อนทุกครั้งที่ตัดต่อ เพื่อให้อ่านได้บนพื้นหลังทุกแบบ ข้อความทั้งหมดบนหน้าจอเป็นตัวอย่างให้แทนที่ด้วยของคุณเอง </composition> <techniques> - ทุกช่วงจบด้วยวัตถุที่ช่วงถัดไปเติบโตจากมัน: จุดเป็นโลโก้ โลโก้กลับเป็นจุด จานเป็นชื่อ ตัวอักษรเป็นจุด จุดเป็นลูกบอล ลูกบอลเป็นการท่วมสีม่วง สี่เหลี่ยมเป็นไทล์ ไทล์เป็นตารางจุด กลุ่มจุดซูมทะลุกล้องเข้าสู่คำแบบ kinetic - ป้ายช่วงใหม่ของ HUD แต่ละอันพิมพ์เข้ามาในเวลา 0.3 วิ โดยมีอักขระสุ่มวิ่งนำหน้าเคอร์เซอร์ บรรทัด mono อื่น ๆ ก็พิมพ์เข้ามาเช่นกัน - ตัวอักษรความกว้างแปรผัน: ทำแอนิเมชันแกนความกว้างของแต่ละตัวอักษร และปรับทั้งคำให้เต็มความกว้างคงที่ทุกเฟรม - การเผยตัวอักษรถูกตัดในกล่องของแต่ละตัวอักษร - ใช้โมชันเบลอเบา ๆ เฉพาะการเคลื่อนไหวเร็ว และขอบสีม่วงจาง ๆ บนการกวาดแบบไอริสใหญ่ - เส้นขอบเอคโค วงแหวนผี และฮาโลเป็นเส้นบางสีชมพูหรือสีเดียวกับวัตถุที่จางเร็ว </techniques> <music> ซินธ์ป็อปอิเล็กทรอนิกส์มีพลังที่ 128 BPM จังหวะแรกที่ 0.06 วิ ยาว 15 วินาทีพอดี: - คอร์ดแพดนุ่ม ๆ คล้ายระฆังในห้องแรก - หลังดรอปที่ 1.93 วิ มีกลองเตะแบบ four-on-the-floor พร้อมเสียงตบมือที่จังหวะ 2 และ 4 ไฮแฮตนอกจังหวะ เบสซินธ์หนักแน่น และคอร์ดสั้น ๆ รองรับแต่ละช่วง - เบรกตั้งแต่ประมาณ 10 วิ ที่ไต่ระดับเข้าสู่ช่วง kinetic - คอร์ดแพดปิดท้ายที่ก้องกังวานบนการ์ดปิดท้าย แต่ละช่วงเปลี่ยนตรงเส้นห้อง ชื่อลงที่ดรอปตอน 1.93 วิ และการตัดคำแบบ kinetic ตรงกับโน้ตเขบ็จหนึ่งชั้น </music> <sound> ไม่มีเสียงพูด เสียงเน้นทับบนเพลง: - เสียง riser ตลอดห้องแรก - เสียง boom ที่ดรอปตอน 1.93 วิ - เสียง riser จากประมาณ 10 วิ ไปจนถึงเสียง punch ที่ 11.25 วิ - เสียงกลองเตะและเสียง whoosh สั้น ๆ ทุกครั้งที่ตัดคำแบบ kinetic - เสียงฉาบ crash ที่ 12.71 วิ - เสียง boom พร้อมคอร์ดแพดก้องกังวานตอนการ์ดปิดท้ายลงมา - เสียง blip เล็ก ๆ ที่ 14.1 วิ เพลงเป็นตัวนำแทร็ก และเสียงเน้นดังชัดเจนอยู่เหนือเพลง </sound> <references> โชว์รีลของนักออกแบบโมชันผสมกับวิดีโอเปิดตัวผลิตภัณฑ์เทค รวมโอเวอร์เลย์ช่องมองภาพกล้อง ตัวอักษร kinetic แนวสวิสที่โดดเด่น การสาธิตเส้นโค้ง easing ลวดลายไทล์ truchet เชิงสร้างสรรค์ และกลุ่มจุด 3D ที่หมุนอยู่ </references>

Simple Motion

วิดีโออธิบายผลิตภัณฑ์แบบสูตรเครื่องดื่มวาดมือ

<direction> สร้างโมชั่นกราฟิกสี่เหลี่ยมจัตุรัสความยาว 30 วินาที (1080x1080, 30 fps) พร้อมดนตรีเลานจ์เบา ๆ เป็นพื้นหลัง เสียงเอฟเฟกต์สนุก ๆ ทุกการกระทำ และไม่มีเสียงพูด เป็นวิดีโออธิบายแบบ "สูตร" วาดมือสำหรับผลิตภัณฑ์ของฉัน: ขั้นตอนต่าง ๆ ถูกแสดงเป็นเครื่องดื่มที่ถูกทำทีละขั้นตอนในแก้ว เป็นฉากภาพประกอบต่อเนื่องฉากเดียวไม่มีการตัดต่อ และทุกอย่างเปลี่ยนอยู่กับที่ ลุคเป็นภาพประกอบ 2D แบบแบนบนหน้ากระดาษสีลาเวนเดอร์ขาวอ่อน มีเส้นขอบสีหมึกเข้มที่ "เดือด" เหมือนแอนิเมชันวาดมือ และตัวพิมพ์ใหญ่การ์ตูนหนาแบบสติกเกอร์ ให้แทนที่ทุกคำในเครื่องหมายคำพูดด้านล่างด้วยคำของผลิตภัณฑ์ของฉัน โดยให้แต่ละคำยาวใกล้เคียงกันเพื่อให้เลย์เอาต์ยังคงอยู่ หลีกเลี่ยงการตัดต่อ การเคลื่อนกล้อง การไล่เฉดหรือการไล่สีนอกเหนือจากสีพื้นแบน และเสียงบรรยาย </direction> <structure> จังหวะสงบและสม่ำเสมอ ช่วงเปิดเร็วและกระเด้ง การรินแต่ละครั้งใช้เวลาคงที่ 5 วินาที การคนและเปลือกส้มบิดเร็วขึ้นเล็กน้อย และตอนจบค้างไว้ 3 วินาที การเปลี่ยนการ์ดทุกครั้งตรงกับจังหวะของดนตรี 120 BPM: 6.0, 11.0, 16.0, 21.0, 24.5 และ 27.0 วินาที - 0–2.5 วิ, ชื่อเรื่อง: "YOUR BRAND" (แทนที่ด้วยแบรนด์ของคุณ) วางใหญ่ตรงกลาง กว้างประมาณ 920 px ตั้งแต่ 0.15 วิ ตัวอักษรของมันประทับลงทีละตัวในตำแหน่งของตัวเองตลอด 0.83 วิ แต่ละตัวเริ่มที่ขนาด 10% ต่ำลง 22 px และเอียง ±8–14° แล้วลงจอดใน 0.36 วิ พร้อมการเลยเล็กน้อยแบบนุ่ม (back.out 1.7) ที่ 1.4 วิ บรรทัดเล็ก ๆ "what your product is" ค่อย ๆ ปรากฏใต้ชื่อเรื่อง และค่อย ๆ หายไปที่ 2.45 วิ - 2.5–3.6 วิ, ส่งต่อ: ชื่อเรื่องลอยขึ้น 365 px และหดเหลือ 58% ใน 0.8 วิ (power3.inOut) เพื่อเป็นส่วนหัว ในระหว่างนั้น ตั้งแต่ 2.87 วิ แก้ววาดตัวเองเหมือนสเก็ตช์ด้วยปากกา: ผนังซ้าย ผนังขวา วงรีขอบแก้ว แล้วเส้นโค้งก้นแก้ว รวมประมาณ 0.4 วิ จากนั้นสีเติมของมันค่อย ๆ ปรากฏ (0.28 วิ) และคำบรรยายใต้ส่วนหัวค่อย ๆ ปรากฏใต้ชื่อเรื่อง - 3.6–6.0 วิ, ขั้นตอนที่ 1: การ์ดเข้ามาพร้อมเอียง 4° และเฟดเร็ว (0.15 วิ) และค่าตัวใหญ่ของมันประทับลงเอง การ์ดเขียนว่า "STEP 01", "PICK", "TEMPLATE" และ "vertical, horizontal or square" ตัวติดตามค่อย ๆ ปรากฏพร้อมวงกลมแรกที่ใช้งานอยู่ ก้อนน้ำแข็งสามก้อนตกลงมาจากเหนือเฟรมห่างกัน 0.35 วิ แต่ละก้อนตกด้วยแรงโน้มถ่วง (power2.in ประมาณ 0.3 วิ) เด้งประมาณ 140 px กระโดดอีก 20 px แล้วนิ่ง: สองก้อนที่ก้นแก้วและหนึ่งก้อนด้านบน เส้นประกายเล็ก ๆ สามเส้นวาบขึ้นเหนือแต่ละก้อนตอนผ่านขอบแก้ว การลงจอดแต่ละครั้งเติมหนึ่งในสามของแถบความคืบหน้าของการ์ดและเพิ่มหนึ่งคำของสถานะ "three short words" - 6.0–21.0 วิ, ขั้นตอนที่ 2–4: การริน 3 ครั้ง ครั้งละ 5 วินาที ทั้งหมดใช้รูปแบบเดียวกัน การ์ดเขียนว่า "STEP 02 / SAY / KINETIC TYPE / tell the chat what to show" จากนั้น "STEP 02 / SAY / SHAPES / the agent builds the animation" จากนั้น "STEP 02 / SAY / SOUND / music and sound effects to the rhythm" ขวดเลื่อนเข้ามาจากซ้าย (0.23 วิ) และตั้งอยู่ จากนั้นเอียงไปที่ 115° ตามส่วนโค้งเล็ก ๆ ขึ้นเล็กน้อยแล้วลงไปที่จุดริน (0.37 วิ) และรินสายโค้งลงในแก้ว ขวดเป็นสีลาเวนเดอร์ แล้วสีชมพู แล้วสีหมึกเข้ม แต่ละขวดมีฉลากสีขาวพร้อมโลโก้ของฉันเป็นไอคอนสี่เหลี่ยมมุมมนเล็ก ๆ หนึ่งคำ ("TYPE", "SHAPES", "SOUND") และบรรทัดเล็ก ๆ ("kinetic", "3D effects", "music") เครื่องหมายเป้าหมายสีเทา ("01" จากนั้น "02" จากนั้น "03") ปรากฏข้างแก้วพร้อมเส้นประพาดผ่าน เครื่องดื่มสูงขึ้นถึงเครื่องหมายนั้นใน 2 วิ (sine.inOut) น้ำแข็งลอยขึ้นไปด้วย และหยดน้ำกระเซ็นกระโดดตรงที่สายน้ำตก เครื่องดื่มเริ่มจากสีขาวใส กลายเป็นสีชมพูเมื่อรินครั้งที่สอง แล้วเป็นสีม่วงแดงเข้ม (ชมพูผสมหมึกเข้ม) เมื่อรินครั้งที่สาม แต่ละสีผสมกันประมาณ 1.3 วิ แถบความคืบหน้าเต็มขึ้น และ "live preview" พิมพ์ตัวเองในสิบขั้น จากนั้นเครื่องหมายเปลี่ยนเป็นสีชมพู ส่วนบนของสายน้ำปล่อยและตกลงไป และขวดเอียงกลับและเลื่อนออก - 21.0–24.5 วิ, ขั้นตอนที่ 5: การ์ดเขียนว่า "STEP 03 / REFINE / IN WORDS / “bigger”, “slower”, “another colour”" ช้อนบาร์เบา ๆ ที่มีปลายเป็นลูกบอลตกลงมาด้วย ease-out เร็ว มันโยกไปมา 8° ในรอบ 0.8 วิ ขณะที่ก้อนน้ำแข็งกระทบกันและหรี่ลง แล้วยกออก แถบเติมเป็นขั้นละ 4 เฟรมขณะที่ "live preview" ถูกพิมพ์ - 24.5–27.0 วิ, ขั้นตอนที่ 6: การ์ดเขียนว่า "STEP 03 / MP4 / EXPORT / download the MP4" เปลือกส้มม้วนสีส้มโผล่ขึ้นเหนือแก้ว บิดและบีบอยู่ประมาณ 0.8 วิ ขณะที่หยดสีส้มตกลงมา จากนั้นมันร่อนไปที่ขอบแก้ว (0.5 วิ, power2.inOut) ขณะที่ "try it free" พิมพ์เสร็จ - 27.0–30 วิ, ตอนจบ: การ์ดประกอบใหม่เป็น "YOUR TAGLINE / OPEN APP / YOURSITE.COM / pick · describe · refine" ขีดสั้น ๆ สีชมพูและสีส้มเจ็ดขีดพุ่งออกรอบแก้ว (0.16 วิ) และ "หายใจ" เข้าออกเบา ๆ ต่อไป แก้วขยาย 4% ใน 0.6 วิ และค้างไว้จนจบ </structure> <composition> สี: - หน้ากระดาษ: ลาเวนเดอร์ขาวอ่อน (#FAF9FF) - เส้นขอบ: สีหมึกเข้ม (#1C0B5D) ประมาณ 3 px ปลายมน - แก้ว: ลาเวนเดอร์ (#F0EDFF) พร้อมฐานอมม่วง - ก้อนน้ำแข็ง: สี่เหลี่ยมมุมมน สีขาว 40% ทับสิ่งที่อยู่ด้านหลัง พร้อมเส้นมุมด้านใน - การ์ด: สีขาวพร้อมเงาเยื้องสีลาเวนเดอร์นุ่ม ๆ - สีส้ม (#FE9117): เครื่องประดับและครึ่งหนึ่งของขีดตอนจบ ตัวอักษร: - ตัวพิมพ์แสดงผล: ตัวพิมพ์ใหญ่การ์ตูนหนา (คล้าย Lalezar) จัดแบบสติกเกอร์ ด้านหน้าเป็นสีชมพู (#FB2D89) มีเส้นขอบสีหมึกเข้มอยู่ด้านหลังและส่วนนูนสีม่วง (#7C6CF2) เยื้องลงซ้าย - ข้อความเล็ก: ลายมือตัวพิมพ์เป็นมิตร (คล้าย Playpen Sans) สีเทาอมม่วงนุ่ม (#6B6385) สำหรับเนื้อความ และสีชมพูสำหรับป้ายกำกับ เลย์เอาต์หลังช่วงเปิด: - ส่วนหัว: บนกึ่งกลาง กว้างประมาณ 540 px พร้อมบรรทัดเล็ก ๆ ด้านล่าง: "first benefit · second benefit · third benefit" - แก้ว: แก้วร็อกส์ทรงเรียวไปทางซ้ายของกึ่งกลาง กว้างประมาณ 290 px ขอบแก้วที่ y 457 และก้นที่ y 797 - การ์ดข้อมูล: ทางขวา ขนาด 390x248 px มุมมน 14 px และขอบสีหมึกเข้ม จากบนลงล่างประกอบด้วยหัวเรื่องเล็กสีชมพู ค่าตัวใหญ่แบบตัวอักษรสติกเกอร์ ชื่อเรื่องตัวพิมพ์ใหญ่สีเข้ม บรรทัดลายมือ และแถบความคืบหน้าทรงแคปซูลพร้อมคำสถานะสั้น ๆ ทางขวา - ตัวติดตาม: หกขั้นตอนตามขอบล่าง วงกลมกว้าง 43 px ห่างกัน 156 px บนรางบาง ๆ พร้อมป้ายตัวพิมพ์ใหญ่เล็กด้านล่าง: "TEMPLATE", "TYPE", "SHAPES", "SOUND", "REFINE", "EXPORT" </composition> <techniques> - เส้นเดือด: ทุกเส้นที่วาดจะมีการสั่นเบา ๆ 1–2 px ที่เปลี่ยนเป็นการสั่นใหม่ทุก 4 เฟรม ทั่วทั้งชิ้นงาน เหมือนการเคลื่อนที่แบบปั่นป่วนบนเส้น - การประกอบการ์ดใหม่: ในเฟรมแรกของแต่ละขั้นตอน จะเห็นเพียงค่าตัวใหญ่ใหม่หนึ่งเฟรม แล้วการ์ดจึงเด้งกลับมา ค่าตัวใหญ่ประทับลงเองจากขนาด 72% พร้อมการเลยแบบ back.out - การพิมพ์: คำสถานะพิมพ์ตัวเองเป็นขั้น ๆ - ตัวติดตาม ขั้นตอนปัจจุบัน: วงกลมมีวงแหวนสีหมึกเข้ม จุดสีชมพู และป้ายสีชมพู และ "หายใจ" ระหว่าง 100% ถึง 112% ทุกวินาที - ตัวติดตาม ขั้นตอนที่เสร็จแล้ว: ประมาณ 0.1 วิ ก่อนการ์ดถัดไป วงกลมของมันเติมสีชมพู และเครื่องหมายถูกสีขาววาดใน 0.17 วิ ป้ายของมันเปลี่ยนเป็นสีหมึกเข้ม และรางไปยังวงกลมถัดไปเติมสีชมพูใน 0.37 วิ - ตัวติดตาม ขั้นตอนที่ยังไม่ถึง: คงสีหม่นพร้อมจุดสีเทาเล็ก ๆ </techniques> <music> ดนตรีบรรเลงเลานจ์-ป็อปอบอุ่นผ่อนคลาย 120 BPM ในคีย์เมเจอร์: กลองแปรง เบสตั้งพื้นกลม ๆ ไวบราโฟน เครื่องสายพิซซิคาโต เสียงดีดนิ้ว และชาเคอร์เล็กน้อย ให้เบาบางไม่มีทำนองนำ เพื่อให้อยู่ใต้เอฟเฟกต์ เริ่มด้วยโน้ตไวบราโฟนและพิซซิคาโตที่ดีดไม่กี่ตัวโดยไม่มีกลอง และเบสนุ่ม ๆ เข้ามาที่ 2 วิ กรูฟแปรงเต็มรูปแบบพร้อมวอล์กกิ้งเบสเข้ามาพอดีที่การ์ดรินแรกที่ 6.0 วิ คงที่ตลอดการริน การคน และเปลือกส้มบิด ลงคอร์ดปิดที่ 28.0 วิ ขณะที่แก้วที่เสร็จแล้วนิ่ง และก้องจนจบ ทำให้ยาว 30 วินาทีพอดี มิกซ์ที่ประมาณ -14 LUFS โดยมี true peak ต่ำกว่า -1 dBTP </music> <sound> ไม่มีเสียงพูด เอฟเฟกต์แต่ละอย่างตรงกับเฟรมของมัน ดังชัดเจนเหนือดนตรี ดนตรีไม่ต้องดังขึ้นเพื่อเปิดทางให้ - ชื่อเรื่อง: เสียงป๊อปนุ่ม ๆ สำหรับทุกตัวอักษร สูงขึ้นเล็กน้อยและแพนจากซ้ายไปขวาขณะที่คำถูกสร้างขึ้น - ส่งต่อ: เสียงวูชเบา ๆ ใต้การลอยขึ้นของชื่อเรื่อง และเสียงดินสอขูดเบา ๆ สำหรับทุกเส้นขณะที่แก้ววาดตัวเอง - การ์ด: เสียงกระดาษสะบัดและเสียงตุบนุ่ม ๆ ทุกครั้งที่การ์ดถูกแจกและคำตัวใหญ่ของมันประทับลง - น้ำแข็งลงจอด: เสียงน้ำแข็งกระแทกแก้วสั้น ๆ แข็ง ๆ สำหรับทุกก้อน โดยมีการสัมผัสสองหรือสามครั้งห่างกันไม่กี่มิลลิวินาที และเสียงตุบต่ำใต้การตก เบากว่าสำหรับการเด้ง และเล็กกว่าสำหรับการกระโดดสุดท้าย ทุกเสียงกระทบเด่นชัดเหนือดนตรี - ขวด: เสียงวูชนุ่ม ๆ เมื่อแต่ละขวดเลื่อนเข้ามา และอีกครั้งเมื่อมันเอียง - การริน: แต่ละครั้งได้ยินชัดเจนและแตกต่างกัน ครั้งแรกเป็นสายน้ำใสซ่าและกระเซ็นที่กระทบน้ำแข็ง ครั้งที่สองเป็นการรินที่เต็มกว่าด้วยเสียงอึกอักเร็ว ๆ ครั้งที่สามเป็นสายข้นหนืดสีเข้มด้วยเสียงอึกอักช้า ๆ ลึก ๆ ให้แต่ละการรินมีเนื้อเสียงในช่วง 1–4 kHz ซึ่งเป็นที่อยู่ของสายน้ำและโพรงอากาศก้องในแก้ว เพื่อให้ดังกว่าวินาทีรอบ ๆ ประมาณ 8 dB ในช่วงนั้น ให้สะอาด: ส่วนใหญ่เป็นแก้วที่ก้องและฟองอากาศ เสียงซ่าน้อย - รอบการรินแต่ละครั้ง: ระดับเสียงของโพรงอากาศสูงขึ้นจากการรินหนึ่งไปอีกหนึ่งเมื่อแก้วเต็มขึ้น และมีหยดสุดท้ายไม่กี่หยดตกหลังแต่ละครั้ง ดนตรีลดลงประมาณ 5 dB ใต้การรินแต่ละครั้งและกลับมาเบา ๆ และเสียงวูชตามขวดออกไป - ตัวติดตาม: เสียงระฆังยืนยันสองโน้ตนุ่ม ๆ ทุกครั้งที่ติ๊กขั้นตอนเสร็จ ดังขึ้นเล็กน้อยสำหรับครั้งสุดท้าย - ช้อน: เสียงโลหะกริ๊งเมื่อตกลงมา น้ำแข็งกระทบแก้วที่ปลายทั้งสองด้านของการโยก และเสียงวูชเมื่อยกออก - เปลือกส้ม: เสียงดีดเมื่อโผล่ขึ้นมา ละอองสเปรย์ละเอียดสามครั้งขณะบิด และเสียงแตะเบา ๆ เมื่อลงบนขอบแก้ว - ตอนจบ: เสียงระฆังสดใสพร้อมการระเบิดของขีด เหนือแสงระยิบแก้วจาง ๆ จนจบ - มิกซ์สุดท้าย: ประมาณ -14 LUFS, true peak ต่ำกว่า -1 dBTP </sound> <references> แอนิเมชันเซลวาดมือที่มีเส้นเดือด วิดีโออธิบายแอปแบบแบนสไตล์สติกเกอร์ และภาพประกอบสูตรค็อกเทลที่ส่วนผสมแต่ละอย่างแทนฟีเจอร์ </references>

Simple Motion

ดำดิ่งสู่กำแพงแอป 3D: เดโมผลิตภัณฑ์สามขั้นตอน

<direction> สร้างเดโมผลิตภัณฑ์แนวนอนขนาด 1280x720 ความยาว 31 วินาที สร้างจากแอนิเมชันทั้งหมด พร้อมเสียง เล่นเป็นการเคลื่อนกล้องต่อเนื่องหนึ่งครั้งโดยไม่มีการตัดต่อ และวนซ้ำอย่างไร้รอยต่อ: เฟรมสุดท้ายต่อกับเฟรมแรก แนวคิดคือ กำแพงหน้าจอแอปเอนไปด้านหลังแบบ 3D กล้องดำดิ่งเข้าไปในหน้าจอหนึ่ง หน้าจอนั้นกลายเป็นหน้าต่างแอป และสามขั้นตอนที่มีเลขกำกับแสดงว่าผลิตภัณฑ์ทำอะไรได้ ก่อนถึงการ์ดปิดท้ายที่มีโลโก้ของฉัน ลุคสะอาดและทันสมัย: UI เวกเตอร์แบบแบนที่คุณวาดเอง ความลึกนุ่มนวล พื้นที่โปร่ง การเคลื่อนไหวสงบและแม่นยำ หลีกเลี่ยงการตัดต่อแบบกระชาก ฟุตเทจจริง ภาพสต็อก พื้นหลังที่วุ่นวาย easing แบบเด้งหรือแบบการ์ตูน และสิ่งใดก็ตามที่ทำให้การวนซ้ำสะดุด </direction> <structure> ช่วงเปิด ประมาณ 0 ถึง 4 วินาที: กำแพงหน้าจอแอปที่เอนไปด้านหลังแบบ 3D ลอยช้าๆ ชื่อเรื่องกลางจอ เช่น "Your ideas, in motion" (เปลี่ยนเป็นของคุณ) อยู่ด้านบน แล้วเบลอหายไป ช่วงดำดิ่ง ประมาณ 4 ถึง 6 วินาที: กล้องพุ่งเข้าไปในหน้าจอหนึ่ง ซึ่งขยายใหญ่ขึ้นจนกลายเป็นหน้าต่างแอปและไปหยุดที่ด้านหนึ่งของเฟรม จังหวะ 01 ประมาณ 6 ถึง 13 วินาที: เลขขั้นตอนขนาดเล็ก "01" และพาดหัว เช่น "Sketch your idea" (เปลี่ยนเป็นของคุณ) เลื่อนขึ้นทีละบรรทัดข้างหน้าต่าง ภายในหน้าต่าง มีเส้นพู่กันถูกวาดข้ามแคนวาส จังหวะ 02 ประมาณ 13 ถึง 20 วินาที: ข้อความก่อนหน้าเลื่อนขึ้นและออกไป จากนั้น "02" และพาดหัว เช่น "Chat to shape it" เลื่อนขึ้นแบบเดียวกัน เนื้อหาในหน้าต่างเปลี่ยนให้สอดคล้องกัน จังหวะ 03 ประมาณ 20 ถึง 26 วินาที: "03" และพาดหัว เช่น "Export in one click" เข้ามาแบบเดียวกัน และหน้าต่างแสดงเทอร์มินัลที่พิมพ์ข้อความทีละบรรทัดพร้อมเคอร์เซอร์กะพริบ การ์ดปิดท้าย ประมาณ 26 ถึง 31 วินาที: โลโก้ของฉันและ "[your brand]" พร้อมสโลแกนสั้นๆ เช่น "Make it move" (เปลี่ยนเป็นของคุณ) จากนั้นกล้องถอยกลับไปที่กำแพงหน้าจอที่เอียง เพื่อให้เฟรมสุดท้ายตรงกับเฟรมแรกและวิดีโอวนซ้ำได้ </structure> <composition> คงหน้าต่างให้ใหญ่ ประมาณ 60% ของความกว้างเฟรม ไว้ด้านหนึ่ง วางคอลัมน์ข้อความไว้อีกด้าน จัดชิดซ้าย วางเลขขั้นตอนขนาดเล็กด้วยสีเน้นไว้เหนือพาดหัว ตั้งพาดหัวด้วยซานส์เซอริฟหนาที่สะอาด ไม่เกินสองบรรทัดสั้นๆ และใช้น้ำหนักที่เบากว่าสำหรับบรรทัดเสริม ใช้โลโก้ของฉันเป็นไอคอนแอปในแถบหน้าต่างและวางตรงกลางบนการ์ดปิดท้าย ใช้สีตามบทบาทจากแบรนด์ของฉัน เช่น พื้นหลังเกือบดำ (#0E0F13) ข้อความสีขาวนวล (#F4F4F6) สีเน้นสดหนึ่งสีสำหรับเลขขั้นตอน ไฮไลต์ และเส้นพู่กัน และสีเทาหม่นสำหรับแถบหน้าต่างและ UI รอง คงกำแพงหน้าจอในจานสีเดียวกันด้วยคอนทราสต์ที่ต่ำลง เพื่อให้ชื่อเรื่องอ่านได้ชัดเมื่ออยู่ด้านบน </composition> <techniques> ทุกอย่างเกิดขึ้นภายในการเคลื่อนกล้องต่อเนื่องหนึ่งครั้ง: ลอยช้าๆ เหนือกำแพง 3D ซึ่งเอนไปด้านหลังประมาณ 25 องศา พร้อมพาราแลกซ์อ่อนๆ ระหว่างหน้าจอ ชื่อเรื่องออกไปด้วยความเบลอที่เพิ่มขึ้นและการเฟดภายในประมาณ 0.6 วินาที การดำดิ่งเป็นการพุ่งเข้าแบบ ease-in-out ที่นุ่มนวลเข้าไปในหน้าจอหนึ่งขณะที่ขยายและแบนลงเป็นหน้าต่างแอป บรรทัดพาดหัวเลื่อนขึ้นประมาณ 30 px พร้อมเฟด เหลื่อมกันประมาณ 0.1 วินาที ด้วย ease-out แบบนุ่ม ข้อความขาออกเลื่อนขึ้นและเฟดก่อนที่ขั้นตอนถัดไปจะเข้ามา เนื้อหาในหน้าต่างเปลี่ยนอยู่กับที่ด้วยครอสเฟดและการสไลด์สั้นๆ เส้นพู่กันถูกวาดทีละน้อย เทอร์มินัลพิมพ์ทีละตัวอักษรพร้อมเคอร์เซอร์กะพริบ บนการ์ดปิดท้าย โลโก้ขยายเข้ามาอย่างนุ่มนวล จากนั้นกล้องค่อยๆ ถอยกลับไปที่กำแพงตอนเปิดเพื่อให้วนซ้ำอย่างไร้รอยต่อ </techniques> <music> ใช้แทร็ก synthwave สงบแบบบรรเลงที่ประมาณ 100 BPM ยาว 31 วินาทีพอดี โดยให้การตัดและจังหวะเน้นตรงตามกริดบีต มี pad อบอุ่นเล่นอยู่ใต้ชื่อเรื่อง บีตเข้ามาพร้อมเสียงบูมนุ่มๆ เมื่อกล้องดำดิ่งเข้าไปในหน้าต่าง แทร็กยกขึ้นเล็กน้อยในจังหวะ 02 และบางลงใต้เทอร์มินัล riser นำไปสู่การ์ดปิดท้าย และแทร็กคลี่คลายเพื่อให้การวนกลับไปจุดเริ่มต้นไร้รอยต่อ เป้าหมายประมาณ -14 LUFS โดยมี true peak ต่ำกว่า -1 dBTP </music> <sound> เพิ่มเสียง whoosh ตอนดำดิ่งเข้าไปในหน้าต่าง เสียงติ๊ก UI เบาๆ เมื่อบรรทัดพาดหัวแต่ละบรรทัดลงตัว เสียงพู่กันปัดเบาๆ ตอนลากเส้นในจังหวะ 01 และเสียงแตะคีย์บอร์ดเบาๆ ใต้การพิมพ์ในเทอร์มินัล เพิ่มเสียงกระแทกนุ่มๆ หรือเสียงกระดิ่งเมื่อโลโก้ลงบนการ์ดปิดท้าย ให้เอฟเฟกต์อยู่ใต้เสียงเพลง และไม่มีเสียงบรรยาย </sound> <references> คล้ายแอนิเมชันเปิดตัวหรือแนะนำแอปที่ขัดเกลามาอย่างดี: กล้องบินข้ามกริด 3D ของหน้าจอ UI เข้าไปสู่หน้าต่างผลิตภัณฑ์ที่สะอาด พร้อมขั้นตอนฟีเจอร์ที่มีเลขกำกับ เหมือนเดโมบนแลนดิงเพจซอฟต์แวร์สมัยใหม่ </references>

Simple Motion

โปรโมตแลนดิ้งเพจด้วยทรานซิชันที่เปลี่ยนผ่านวัตถุ

<direction> ทำวิดีโอโปรโมตมอชันกราฟิกแนวนอน 15 วินาที ขนาด 1920x1080 สำหรับ [your brand] โดยสร้างให้เหมือนแลนดิ้งเพจที่มีชีวิตขึ้นมา ตัดตามแทร็กอิเล็กทรอนิกส์ 128 BPM โดยไม่มีเสียงบรรยาย แนวคิดคือไม่มีการตัดต่อธรรมดาเลย: ทุกฉากส่งต่อไปยังฉากถัดไปผ่านวัตถุ (จุด ตัวเลือกจากรีล โทรศัพท์ หรือไทล์ผู้ชนะ) รักษาลุคยูไอผลิตภัณฑ์ที่สะอาดสว่าง: พื้นหลังสีอ่อน ปุ่มแคปซูลมุมโค้ง การ์ด โทรศัพท์ แดชบอร์ด และกำแพงวิดีโอ โดยป้ายทั้งหมดเป็นข้อความสีเข้มบนแผ่นสีขาว และใช้สีแบรนด์ของฉันตามบทบาท หลีกเลี่ยงการตัดแบบแข็ง ครอสเฟด เสียงพูด ข้อความสีขาวบนพื้นหลังสว่างหรือลายทาง และป้ายที่ทับวงแหวนหรือรูปทรงข้างเคียง </direction> <structure> ห้าจังหวะที่ยาวใกล้เคียงกัน ประมาณ 3 วินาทีต่อจังหวะ และทุกการส่งต่อตกบนจังหวะบีต 1. เปิดเรื่อง: จุดเดียวปรากฏตรงกลางและขยายเป็นแคปซูลแนวนอนที่มีแถววงกลม: ภาพบุคคลเล็กๆ และไอคอนอย่าง "Aa" รูปทรงง่ายๆ และลูกบาศก์ ไอคอนแต่ละอันมองเห็นครบ ไม่ถูกวงกลมข้างเคียงบัง กล้องถอยออกเผยพาดหัวสองบรรทัด จัดกึ่งกลางทั้งสองบรรทัด บรรทัดแรกประมาณ "No … keyframes." (เปลี่ยนเป็นของคุณ) คำสุดท้ายของพาดหัวหมุนผ่านตัวเลือกต่างๆ ต่อเนื่องเหมือนรีลสล็อต 2. ซูมดำดิ่งเข้าไปในรีลหมุนของภาพครีเอเตอร์และการ์ด รีลช้าลงและหยุดที่ตัวเลือกหนึ่ง ซึ่งถูกไฮไลต์ 3. ตัวเลือกกลายเป็นโทรศัพท์ และการ์ดฟีเจอร์คลี่ออกเป็นพัดรอบๆ การ์ดหนึ่งใบเขียนว่า "Edit in words" พร้อมตัวเลข "03" ขนาดใหญ่ และแท็กเล็ก "Live preview" วางไว้ข้างตัวเลขทันที (เปลี่ยนเป็นฟีเจอร์ของคุณ) คำบรรยายบนการ์ดอยู่บนแผ่นสีขาว 4. วิปแพนนำไปสู่แดชบอร์ดของไทล์วิดีโอที่มีคำบรรยายบนแผ่นสีขาว ระบบให้คะแนนและเลือกวิดีโอผู้ชนะ ซึ่งถูกไฮไลต์ 5. ไทล์ผู้ชนะเปิดออกเป็นกำแพงวิดีโอเอียงที่มีคำบรรยายบนแผ่นสีขาว จากนั้นกำแพงพับเป็นโลโก้ของฉันสำหรับการ์ดปิดท้าย โดยมี "[your website]" อยู่ข้างโลโก้บนแผ่นสีขาว </structure> <composition> การจัดเฟรมกึ่งกลางและสมมาตรสำหรับพาดหัวและการ์ดปิดท้ายโลโก้ องค์ประกอบยูไอจัดวางเหมือนแลนดิ้งเพจจริง: แถวแคปซูล การ์ดที่มีตัวเลขใหญ่และแท็กเล็ก โมเดลโทรศัพท์ ตารางแดชบอร์ด และกำแพงเอียงแบบเพอร์สเปกทีฟ ใช้สีแบรนด์ของฉันตามบทบาท: โทนพื้นหลัง (สีอ่อน มีบางส่วนเป็นลายทาง) สีเน้นหนึ่งสีสำหรับไฮไลต์ การเลือก และวงแหวน และสีข้อความเข้ม คำบรรยายทุกอันบนการ์ด ไทล์ และกำแพงเป็นข้อความสีเข้มบนแผ่นสีขาวมุมโค้ง เพื่อให้อ่านได้บนทุกพื้นหลัง ใช้ฟอนต์ซานส์เซอริฟที่สะอาดตระกูลเดียว: พาดหัวตัวหนา ป้ายน้ำหนักปกติ และป้ายปุ่มตัวหนา เว้นระยะขอบให้กว้างขวางเพื่อไม่ให้ข้อความแตะวงแหวนหรือขอบ </composition> <techniques> ทุกทรานซิชันคือวัตถุที่เปลี่ยนเป็นฉากถัดไป ไม่ใช่การตัด จุดขยายเป็นแคปซูลด้วย ease-out นุ่มนวล และวงกลมเด้งเข้ามาแบบเหลื่อมเวลาเล็กน้อย การถอยกล้องคือการย่อสเกลอย่างลื่นไหลเพื่อเผยพาดหัว คำที่หมุนคือสล็อตโรลแนวตั้งที่วนผ่านคำต่างๆ ซูมผ่านแคปซูลเข้าไปในรีล รีลหมุนเร็วแล้วชะลอด้วย ease-out ยาวเพื่อหยุดตรงตัวเลือกอย่างแม่นยำ ตัวเลือกปรับสเกลและเปลี่ยนรูปเป็นโทรศัพท์ และการ์ดคลี่ออกรอบๆ ด้วยการหมุนและเลื่อนแบบเหลื่อมเวลา วิปแพนคือการเคลื่อนที่แนวนอนเร็วพร้อมโมชันเบลอและ ease แบบ in-out คมชัด การเลือกในแดชบอร์ดคือวงแหวนไฮไลต์และขยายสเกลที่ผู้ชนะ ผู้ชนะขยายเป็นกำแพง 3D เอียง ซึ่งพับและยุบเป็นโลโก้พร้อมการนิ่งสุดท้าย การเคลื่อนไหวและจุดลงสำคัญทั้งหมดตรงกับกริดบีต </techniques> <music> สร้างแทร็กอิเล็กทรอนิกส์สดใสต้นฉบับที่ 128 BPM ยาว 15 วินาทีพอดี โดยมีโครงเรื่องชัดเจน: เริ่มเบาๆ ไต่ระดับผ่านฉากรีลและโทรศัพท์ ดรอปรอบๆ วิปแพน และจบอย่างสะอาดที่โลโก้ วางบนกริดบีตของการตัดต่อ พร้อมเสียงฮิตที่แต่งซ้อนสำหรับทุกการส่งต่อ ไรเซอร์เข้าสู่ดรอป และฮิตสุดท้ายตอนกำแพงพับเป็นโลโก้ มาสเตอร์ที่ประมาณ -14 LUFS โดยมีทรูพีคต่ำกว่า -1 dBTP </music> <sound> ไม่มีเสียงบรรยาย เพิ่มเสียงวูชตอนซูมทะลุและวิปแพน เสียงติ๊กแล้วหยุดสั้นๆ ตอนรีลหยุด และเสียงกระแทกนุ่มๆ ที่โลโก้ ให้ทั้งหมดเบากว่าเพลงและตรงจังหวะ </sound> <references> แลนดิ้งเพจ SaaS ที่ทำแอนิเมชันเป็นวิดีโอโปรโมตผลิตภัณฑ์: การ์ดยูไอ โมเดลโทรศัพท์ แดชบอร์ดวิเคราะห์ข้อมูล และกำแพงวิดีโอ ในสไตล์วิดีโอเปิดตัวแอปสมัยใหม่ที่มีทรานซิชันจากวัตถุสู่วัตถุอย่างลื่นไหล </references>

Simple Motion

วิดีโอเปิดตัวแอปแบบ Kinetic พร้อมม็อกอัปอินเทอร์เฟซเคลื่อนไหว

<direction> สร้างวิดีโอเปิดตัวผลิตภัณฑ์แบบ Kinetic แนวนอน 1920x1080 ความยาว 42 วินาทีสำหรับ [your app] แสดงให้เห็นว่าผู้ก่อตั้งสร้างวิดีโอเปิดตัวสตาร์ทอัปของตัวเองได้ด้วยการแชตในแอปเท่านั้น สร้างอินเทอร์เฟซของแอปฉันขึ้นใหม่จากภาพหน้าจอของฉันเป็นม็อกอัปเคลื่อนไหวที่สะอาดตา ทำจากรูปทรงและข้อความ ให้ใกล้เคียงของจริง ในวิดีโอนี้เป็นแอปสีกรมท่าม่วงเข้มที่มี Live preview ทางซ้าย แท็บ Chat / Files / Panels ทางขวา และปุ่มเน้นสีชมพู ห้ามแสดงภาพหน้าจอเป็นภาพนิ่งเด็ดขาด: ทุกองค์ประกอบต้องเคลื่อนไหว คงอินเทอร์เฟซต่อเนื่องเดียวโดยไม่มีการตัดฉับ กล้องดันเข้า แพน และถอยออกระหว่างแผงต่าง ๆ ขณะที่เคอร์เซอร์เคลื่อนที่และคลิก ยึดตามตารางจังหวะ 120 BPM (หนึ่งบีต = 0.5 วินาที) และทำให้มีบางอย่างเกิดขึ้นในทุกบีต คำ Kinetic ขนาดยักษ์กระแทกทับ UI ระหว่างขั้นตอน สตาร์ทอัปของผู้ก่อตั้งเป็นแอปสมมติ เช่น "Pulse — standups your team actually reads" (เปลี่ยนเป็นของคุณ) หลีกเลี่ยงการตัดฉับ ภาพหน้าจอนิ่ง สิ่งใดที่ถูกตัดที่ขอบเฟรม และข้อความหรือแถบไฮไลต์ที่ล้ำเข้าไปในคอลัมน์ข้างเคียง </direction> <structure> 1) ฮุค 0–3 วิ: "YOUR LAUNCH VIDEO." แล้วต่อด้วย "IN ONE CHAT." ด้วยตัวอักษรขนาดยักษ์ ตัดทีละคำตามบีต "CHAT." แปลงร่างเป็นแท็บ Chat และกล้องถอยออกเห็นหน้าต่างแอปทั้งหมด 2) แหล่งอ้างอิง 3–8 วิ: ลิงก์ "pulse-demo.app" ถูกวางลงในแชต พิตช์เด็ค PDF และโลโก้บินเข้ามาเป็นการ์ดไฟล์แนบและล็อกเข้าที่ คำใหญ่ "DROP" 3) พรอมต์ 8–13 วิ: ผู้ก่อตั้งพิมพ์ "Make a 30-second launch video for Pulse, kinetic style, our colours" ทีละตัวอักษร จากนั้นเคอร์เซอร์แตะส่ง คำใหญ่ "ASK" 4) แผน 13–18 วิ: เอเจนต์ตอบด้วยแผนห้าขั้นตอนเป็นเช็กลิสต์ ขั้นตอนปรากฏและถูกติ๊กทีละข้อ และกล้องถอยออกเล็กน้อยทุกครั้งที่มีบรรทัดใหม่เพื่อให้เฟรมไม่รู้สึกว่าง คำใหญ่ "PLAN" 5) สเก็ตช์และ Go ประมาณ 18–21 วิ: สเก็ตช์โครงลวดสีเทาของโปรโมเติมเต็ม Live preview อย่างรวดเร็ว โดยเห็นป้าย "Live preview" และแถบเล่นอยู่ในเฟรม ผู้ก่อตั้งคลิก Go และพื้นหลังสีชมพูขยายออกจากปุ่มที่ถูกกดและท่วมหน้าจอหลัง "GO!" ขนาดยักษ์ 6) Live ประมาณ 21–31 วิ: บรรทัดสถานะปรากฏในแชต ("Picking fonts", "Animating the title", "Writing a soundtrack") ขณะที่สเก็ตช์เปลี่ยนเป็นโปรโมที่เสร็จสมบูรณ์ กล้องดันเข้าจนโปรโมเต็มเฟรม ราววินาทีที่ 27 พาดหัวโปรโม "Standups your team actually reads." เลื่อนเข้ามา และแถบไฮไลต์สีเขียวมะนาววาดใต้ "actually reads." ข้าง ๆ มีคอลัมน์สถิติพร้อม "92%" และ "updates read" คำใหญ่ "LIVE" 7) ส่งออก ประมาณ 31–37 วิ: กล้องถอยกลับมาที่แอป ปุ่ม Export และแท็บมองเห็นครบถ้วนขณะที่การส่งออกทำงานและเสร็จสิ้น คำใหญ่ "DONE" 8) เอนด์การ์ด ประมาณ 37–42 วิ: โลโก้ของ [your app] และ "Live on [launch site] today" (เปลี่ยนเป็นของคุณ) ลงตัวที่บีตสุดท้ายและค้างไว้จนจบ </structure> <composition> โทนสี: UI สีกรมท่าม่วงเข้ม ปุ่มเน้นสีชมพูมาเจนตาและพื้นสีชมพูที่ท่วมจอ ไล่สีชมพูเป็นส้มบนโลโก้ และสีเขียวมะนาวเป็นสีไฮไลต์ภายในโปรโมตัวอย่าง คำ Kinetic ขนาดยักษ์ ตัวหนา ตัวพิมพ์ใหญ่ ไม่มีเชิง ใช้ฟอนต์ของแบรนด์ และกว้างเกือบเต็มความกว้างเฟรม ย่อคำที่ยาวลงเล็กน้อยดีกว่าปล่อยให้ถูกตัด เว้นขอบปลอดภัยทุกที่ ในช็อตกว้างหน้าต่างแอปทั้งหมดอยู่ในเฟรม ในแชตช่องป้อนข้อความมองเห็นครบ ในฉากส่งออกปุ่ม Export และแท็บอยู่ในเฟรม ในโปรโมพาดหัวและแถบมะนาวอยู่ในคอลัมน์ของตัวเองโดยมีพื้นที่เหลือ แถบกว้างเท่าคำของมันพอดีและไม่ทับคอลัมน์ "92%" เด็ดขาด </composition> <techniques> กล้องเสมือนต่อเนื่องที่ดันเข้า แพน และถอยออกอย่างนุ่มนวลแบบ ease-in-out ระหว่างแผง โดยไม่มีการตัด เคอร์เซอร์ไหลไปยังเป้าหมายและคลิกพร้อมการย่อขนาดเล็กน้อยตอนกด คำฮุคตัดเข้าทีละคำต่อบีต การ์ดไฟล์แนบบินเข้ามาและล็อกเข้าที่พร้อมการเลยเล็กน้อย ข้อความแชตพิมพ์ทีละตัวอักษร รายการเช็กลิสต์ปรากฏและถูกติ๊กในบีตต่อเนื่องกัน สเก็ตช์สีเทาเติมเต็มอย่างรวดเร็วแล้วแปลงทีละองค์ประกอบเป็นโปรโมที่เสร็จสมบูรณ์ พื้นสีชมพูใต้ "GO!" ขยายออกเป็นวงกลมจากปุ่มที่ถูกคลิก คำใหญ่กระแทกเข้าด้วยแรงกระแทกแบบย่อขนาดอย่างเร็วทับ UI และออกไปอย่างรวดเร็วในบีตถัดไป ทุกบีตมีเหตุการณ์ที่มองเห็นได้: คำ คลิก การ์ด เครื่องหมายติ๊ก บรรทัดสถานะ หรือการเคลื่อนกล้อง </techniques> <music> เพลงอิเล็กทรอนิกส์สุดมันที่ 120 BPM โดยทุกการตัด การกระแทกของคำ และเหตุการณ์ใน UI ล็อกกับจังหวะ ไต่ระดับตลอดขั้นตอนการเตรียม พุ่งขึ้นสู่ "GO!" ขับเคลื่อนผ่านการสร้างสด และจบด้วยเสียงกระแทกสุดท้ายบนเอนด์การ์ด </music> <sound> เสียงคีย์บอร์ดที่ตรงกับทุกตัวอักษรที่พิมพ์พอดี เสียงคลิกเมาส์ทุกครั้งที่เคอร์เซอร์แตะ เสียง whoosh ตอนกล้องเคลื่อนและตอนการ์ดไฟล์แนบบินเข้ามา และเสียงสแนปเมื่อการ์ดลงที่ เสียงติ๊กเบา ๆ สำหรับขั้นตอนเช็กลิสต์และบรรทัดสถานะ เสียงกระแทกหนักแน่นใต้ทุกคำใหญ่ เสียง riser ขึ้นสู่ "GO!" และเสียงกระแทกสุดท้ายบนเอนด์การ์ด ให้เสียงเพลงอยู่ต่ำกว่าเอฟเฟกต์เพื่อให้เสียงคลิกและเสียงกระแทกได้ยินชัด </sound> <references> เทรลเลอร์เปิดตัวแอปแบบ Kinetic Typography ที่สร้างอินเทอร์เฟซ SaaS ขึ้นใหม่เป็นม็อกอัปเคลื่อนไหวคมชัดด้วยการเคลื่อนกล้องต่อเนื่องเดียว ในสไตล์โปรโมวันเปิดตัวผลิตภัณฑ์ </references>

ใช้แล้ว 2 ครั้ง
Simple Motion

โปรโมตตั๋ว กระเป๋าเดินทาง และฟอร์แมต พร้อมเผยโลโก้

<direction> สร้างวิดีโอโปรโมตโมชันกราฟิกแนวนอนความยาว 15 วินาที (1920x1080, 60 fps) สำหรับ [your brand] ผลิตภัณฑ์ที่เปลี่ยนคำอธิบายให้เป็นวิดีโอที่เสร็จสมบูรณ์ (ปรับคำให้เข้ากับของคุณ) ไอเดียคือ คำขอกลายเป็นตั๋ว ตั๋วเปิดออกเป็นคำสัญญา กระเป๋าเดินทางส่งมอบขั้นตอนทีละขั้น สามฟอร์แมตกวาดผ่านไป และทุกอย่างลงเอยที่โลโก้ของฉัน ไม่มีเสียงบรรยาย: ข้อความอยู่บนหน้าจอและดนตรีขับเคลื่อนทุกอย่าง ทุกอย่างวาดขึ้น: กราฟิก 2D แบบแบนพร้อมการ์ดหนึ่งใบที่เอียงแบบ 3D ไม่มีฟุตเทจ ลุคสว่าง สะอาด และมีพลัง: สีชมพูเน้นหนึ่งสีบนหน้าสว่าง พร้อมพื้นที่มืดสีหมึกเข้ม หลีกเลี่ยงฟุตเทจ เสียงพูด ความเบลอภายในมาสก์ข้อความ และการลอยหรือบิดเบี้ยวของโลโก้ โลโก้ก่อตัวเป็นชิ้นเดียวตรงตามที่วาดไว้ และนิ่งสนิทตั้งแต่ประมาณ 13.3 วินาทีจนจบ </direction> <structure> 1. 0–1.9 วินาที, คำขอ ทางซ้าย ข้อความนำเล็กสีชมพูที่เว้นระยะตัวอักษร "YOUR AI MOTION DESIGNER" อยู่เหนือพาดหัวสามบรรทัดขนาดประมาณ 180 px คือ "Describe" / "the" / "video." (แทนที่ด้วยของคุณ; บรรทัดสุดท้ายเป็นสีชมพู) บรรทัดต่างๆ ลอยขึ้นจากเส้นฐานทีละบรรทัด บรรทัดแรกเคลื่อนไหวแล้วที่เฟรม 0 และบรรทัดอื่นตามมาห่างกัน 0.13 วินาที แบบเชิงเส้น บรรทัดละ 0.17 วินาที ทางขวาเป็นการ์ดตั๋วสีขาวที่เอียงตามมุมมอง ด้านซ้ายอยู่ใกล้กว่า มีหัวสีชมพู "FROM IDEA TO VIDEO" และโลโก้ของฉันขนาดเล็กพร้อม "[your brand]" ข้างๆ สองช่อง "FROM IDEA · Your idea" และ "TO MP4 · Video" เชื่อมกันด้วยเส้นประพร้อมสามเหลี่ยมเล่นสีชมพู นอกจากนี้ยังมีป้ายเล็ก "EDIT WORDS", "STEP 03", "EFFECTS 3D" และ "PREVIEW LIVE" บาร์โค้ด และ "03" บนตอนตั๋ว การ์ดบินเข้ามาจากทางขวาที่ 0.23 วินาที (power3.out, 0.35 วินาที) พุ่งเลยไปทางซ้ายประมาณ 125 px แล้วกลับมาหยุดนิ่ง (sine.inOut, 0.37 วินาที) ระหว่างนั้นโค้ด "MP4" สลับตัวอักษรสุ่ม 15 ครั้งต่อวินาทีและล็อกทีละตัวอักษรที่ 0.67, 0.8 และ 0.93 วินาที ที่ 1.17 วินาที ตราประทับสีชมพูแบบเส้นขอบ "MP4 EXPORT" เอียง -14° ทุบลงจาก 2.4x ใน 8 เฟรมพร้อมการเด้งเล็กน้อย ที่ 1.67 วินาที สามเหลี่ยมเล่นหดเป็นจุดสีชมพูที่ขยายเป็นวงกลมกวาดโดยมีจุดนั้นเป็นศูนย์กลาง พร้อมวงแหวนสีชมพูอ่อนสองวงที่ขี่อยู่นอกขอบเล็กน้อย รัศมีเปลี่ยนผ่าน 15, 36, 66, 120, 210, 330, 540, 900 และ 1500 px ทุกสองเฟรมหนึ่งขั้น บรรทัดพาดหัวออกไปทางด้านบนตามลำดับเมื่อวงกลมขยาย 2. 1.9–4.0 วินาที, คำสัญญา บนพื้นสีชมพูเต็มจอ (แบบรัศมี สว่างกว่าตรงกลาง) สามเหลี่ยมเล่นสีขาว ยาวกว่ากว้างเล็กน้อยเพื่อให้ชี้ไปทางที่มันไป ถือกำเนิดภายในวงกลม มันบินหนึ่งรอบรอบคำ หมุนตามเส้นทางของมัน: ขึ้นบน ซ้ายผ่านด้านบน ลงด้านซ้าย ไปตามด้านล่าง ขึ้นด้านขวา และออกทางมุมขวาบน ด้านหลังมันวาดวงโคจรจุดสีขาวที่จุดเก่ากว่าจางลงเป็นเส้นบางจางๆ วงกลมใหญ่จางๆ สองวงอยู่ในพื้นหลัง "No keyframes." (ประมาณ 220 px สีขาว) เหวี่ยงเข้ามาทีละตัวอักษร ห่างกัน 0.03 วินาที บนส่วนโค้งจากล่างขวา เริ่มที่ 38° แล้วตั้งตรง ที่ 2.8 วินาทีมันบินขึ้นและออกไปทีละตัวอักษร ในเวลาเดียวกัน "The agent animates it." (ประมาณ 157 px) ลอยขึ้นจากเส้นฐานทีละตัวอักษร ห่างกัน 16 มิลลิวินาที ที่ 3.03 วินาที แคปซูลสีขาวมุมมนกวาดเข้ามาจากซ้ายหลัง "animates it." ใน 0.18 วินาที และคำเหล่านั้นเปลี่ยนเป็นสีชมพูภายในนั้น ที่ 3.77 วินาที คำเบลอและจางหาย กระเป๋าเดินทางสีหมึกเข้มพร้อมสายรัดสีชมพูและป้าย "MP4" ตกลงมาจากด้านบนและลงที่ 4.02 วินาทีพร้อมการยุบเล็กน้อย 3. 4.0–8.95 วินาที, ขั้นตอน วงกลมสว่างเปิดออกจากกระเป๋าเดินทางพร้อมวงแหวนสีชมพูอ่อนสองวง และวงรีคลื่นสีชมพูสองวงแผ่ออกจากฐานของมัน ด้านบน "Edit in words." (สีหม่น ประมาณ 56 px) ลอยขึ้น จากนั้น "Your idea is ready to move." (ประมาณ 93 px) ลอยขึ้นทีละคำ โดย "move." เป็นสีชมพูและมีเส้นใต้สีชมพูวาดด้วยมือขีดอยู่ข้างใต้ เหนือกระเป๋าเดินทาง การ์ดขั้นตอนสีขาวหกใบมาถึงทุก 0.58 วินาที การ์ดแต่ละใบขนาด 900x165 px มุมมน มีกระเบื้องไอคอนทางซ้ายและชิปสถานะทางขวา แต่ละใบลอยขึ้นจากหลังกระเป๋าเดินทาง (จากต่ำลง 100 px และขนาด 72%, 0.3 วินาที, power2.inOut) พร้อมชิปสีลาเวนเดอร์ "Animating" และตัวหมุนโหลด จากนั้นสว่างขึ้นในสองจังหวะ: ขอบสีชมพูและแสงฮาโลด้านนอกนุ่มๆ ก่อน แล้ว 0.07 วินาทีต่อมากระเบื้องไอคอนเปลี่ยนเป็นสีชมพูและชิปกลายเป็น "✓ Ready" สีชมพู เมื่อการ์ดใบถัดไปมา ใบเก่าขยับขึ้น 40 px และจางใน 0.15 วินาที การ์ดอ่านว่า: "Kinetic type", "Shapes", "3D effects", "Sound", "Your own footage", "Fonts for every script" (แทนที่ด้วยของคุณ) ใต้กระเป๋าเดินทาง จุดหกจุดและตัวนับเดินหน้าไปกับการ์ดแต่ละใบ จาก "1 / 6 in motion" ถึง "6 / 6 in motion" ที่ 7.9 วินาที การ์ดใบสุดท้ายสลับในที่เป็น "Ready to move." พร้อมกระเบื้องเครื่องหมายถูกและชิปสีชมพู "6 / 6" ตัวนับถูกแทนที่ด้วย "✓ Live preview. MP4 export." ที่ 8.4 วินาที ทุกอย่างยกเว้นกระเป๋าเดินทางลอยออกไปและเบลอจาง ที่ 8.7 วินาที กล้องดำดิ่งเข้าไปในกระเป๋าเดินทางจนตัวสีหมึกเข้มของมันเต็มเฟรม 4. 8.95–11.4 วินาที, ฟอร์แมต กลุ่มแถบเอียงสามแถบกวาดข้ามจากขวาไปซ้ายใน 0.2 วินาทีและเปิดแผงเต็มเฟรมหลังขอบท้ายของมัน แถบเอียงประมาณ 18°: แถบเรียวสีชมพูเข้ม แถบกว้างสีชมพู และแถบเรียวสีชมพูอ่อน การกวาดแบบเดียวกันมาอีกครั้งที่ 9.76 วินาทีและ 10.5 วินาที แผงทั้งสามเป็นบล็อกไล่สีนุ่มๆ ที่มีเส้นขอบฟ้า: - ลาเวนเดอร์ไปม่วง พร้อมแสงอุ่นที่ครึ่งล่าง; - ท้องฟ้าสีม่วงเหนือ "ทะเล" สีหมึกเข้ม; - ท้องฟ้าสีส้มเหนือสีหมึกเข้ม พร้อมแถบหมอกสีเขียวน้ำทะเล แต่ละแผงค่อยๆ ซูมเข้าจาก 1.07 เป็น 1 และมีการไล่สีหมึกเข้มที่ด้านล่าง ชื่อของมันลอยขึ้นทีละตัวอักษรที่ล่างซ้าย ประมาณ 226 px สีขาว: "Vertical", "Horizontal", "Square" ที่ซ้ายบนมี HUD เล็กที่เว้นระยะตัวอักษร: "01 / 03" สีชมพูอ่อน จากนั้น "9:16" จากนั้น "MP4 EXPORT" พิมพ์ขึ้น พร้อมเส้นใต้สีชมพูที่ขยายอยู่ข้างใต้ เปลี่ยนเป็น "02 / 03 · 16:9 · LIVE PREVIEW" แล้ว "03 / 03 · 1:1 · NO KEYFRAMES" 5. 11.4–12.5 วินาที, กริด แผงสุดท้ายหดเข้าไปในการ์ดด้านขวา ขณะที่อีกสองแผงเลื่อนเข้ามาจากซ้าย รวมกันเป็นการ์ดแนวตั้งสามใบ (580x780 px ห่างกัน 30 px) บนพื้นที่สีหมึกเข้ม กริดดันเข้าเบาๆ ถึง 1.05 และกลับมานิ่งในครึ่งวินาที "Vertical, horizontal or square." ลอยขึ้นเหนือกริดเป็นสีขาว เมื่อกริดนิ่งแล้ว ชื่อเล็กๆ ค่อยๆ ปรากฏบนการ์ด ("Vertical", "Horizontal", "Square") อยู่ในเฟรมอย่างปลอดภัย 6. 12.2–15 วินาที, โลโก้ จุดสีชมพูโตขึ้นจากการ์ดตรงกลาง พร้อมวงแหวนฮาโลจางๆ ขณะที่กริดหดเหลือ 0.9 บนหน้าสีขาว รัศมีของมันถูกคีย์ทุกสองเฟรมจาก 12 ถึง 1150 px จากนั้นจุดหดเร็วและช้าลง (260, 125, 90, 75 px) ขณะเคลื่อนไปทางซ้ายของกึ่งกลาง ที่นั่นมันเปิดออกตรงๆ เป็นรูปร่างพื้นหลังของโลโก้ฉัน โดยไม่ทับโลโก้เลย และส่วนภายในของโลโก้โตขึ้นเป็นชิ้นเดียว ตรงตามที่โลโก้วาดไว้ ที่ 13.03 วินาที "[your brand]" เลื่อนออกจากหลังโลโก้ไปทางขวา (power3.out, 0.32 วินาที) ขณะที่วงแหวนสีชมพูบางแผ่ออกรอบโลโก้และจางหาย ชื่อขนาดประมาณ 150 px สีหมึกเข้ม ตัวอักษรอยู่กึ่งกลางเส้นกลางของโลโก้ และล็อกอัปทั้งหมดอยู่กึ่งกลางเฟรม จากนั้น "Describe the video. The agent animates it." ลอยขึ้นทีละคำข้างใต้ โดยประโยคที่สองเป็นสีชมพู ชิปสีลาเวนเดอร์สามอันเด้งเข้ามา: "• Vertical", "• Horizontal", "• Square" "[your website]" ลอยขึ้นเป็นสีเทาหม่น โลโก้นิ่งสนิทตั้งแต่ประมาณ 13.3 วินาที และทุกอย่างค้างไว้จนจบ </structure> <composition> พื้นฐานคือหน้าสว่าง #FAF9FF พร้อมกริดจุดจางๆ ขนาด 40 px #E9E4F2 และแสงเรืองรัศมีสีชมพูนุ่มๆ สีหมึกเข้ม #1C0B5D ใช้สำหรับตัวอักษรเข้ม วัตถุเข้ม และพื้นที่มืด มีสีเน้นเดียวคือสีชมพู #FB2D89 สำหรับไฮไลต์ พื้นที่เน้น และความคืบหน้า สีหม่น #6B6385 สำหรับบรรทัดรอง และลาเวนเดอร์ #F0EDFF สำหรับชิปนุ่มๆ สีส้ม #FE9117 สีม่วง #7C6CF2 และสีเขียวน้ำทะเล #2DD4B0 ปรากฏเฉพาะในแผงฟอร์แมตทั้งสาม (และในโลโก้ของฉันถ้าใช้สีเหล่านั้น) พาดหัวใช้ซานส์เรขาคณิตหนา Manrope ExtraBold ด้วยการจัดระยะแน่นประมาณ -0.05em ป้ายเล็ก ข้อความ HUD และเว็บไซต์ใช้ซานส์สะอาด Inter SemiBold เลย์เอาต์ตามช็อต: - ช็อต 1: พาดหัวทางซ้าย ตั๋วเอียงทางขวา - ช็อต 2: ข้อความอยู่กึ่งกลางบนพื้นสีชมพู - ช็อต 3: การ์ดขั้นตอนซ้อนอยู่เหนือกระเป๋าเดินทาง จุดและตัวนับอยู่ใต้มัน พาดหัวอยู่ด้านบน - ช็อต 4: ชื่อฟอร์แมตที่ล่างซ้าย HUD ที่ซ้ายบน - ช็อต 6: ล็อกอัปปิดท้ายอยู่กึ่งกลาง โดยมีแท็กไลน์ ชิป และเว็บไซต์ซ้อนอยู่ข้างใต้ </composition> <techniques> การเผยสะอาดตา ข้อความลอยขึ้นจากเส้นฐานของตัวเองภายในกรอบตัดที่เคลื่อนไปพร้อมกัน ไม่เคยเป็นความเบลอภายในมาสก์ ขาออกเร่งความเร็วและหายไปในประมาณ 0.1 วินาที - วงกลมกวาดขยายด้วยรัศมีแบบขั้นบันไดที่คีย์ทุกสองเฟรม พร้อมวงแหวนสีชมพูอ่อนขี่อยู่นอกขอบเล็กน้อย - โค้ดบนตั๋วสลับตัวอักษรและล็อกทีละตัวอักษร - ตราประทับทุบลงจาก 2.4x พร้อมการเด้งเล็กน้อย - ตัวอักษรเข้ามาบนส่วนโค้งที่หมุน และแคปซูลไฮไลต์กวาดเข้ามาหลังคำที่เปลี่ยนสีภายในนั้น - การ์ดขั้นตอนสว่างขึ้นในสองจังหวะ: ขอบและฮาโลก่อน แล้วจึงกระเบื้องและชิป - กล้องดำดิ่งเข้าไปในกระเป๋าเดินทางที่สเกล 1.5, 3.1, 6.2 และ 7 ในหนึ่งในสี่วินาที - การกวาดสามแถบเอียงพาการเปลี่ยนฉากระหว่างแผงฟอร์แมต และแต่ละแผงค่อยๆ ซูมเข้า - แผงเดี่ยวยุบเป็นกริดการ์ดสามใบ - จุดเดินทางและเปิดออกเป็นโลโก้ ซึ่งสร้างเป็นชิ้นเดียวและไม่เคลื่อนหรือบิดเบี้ยวอีกเมื่อก่อตัวแล้ว </techniques> <music> ใช้แทร็กอิเล็กทรอนิกส์เฮาส์ต้นฉบับที่สดใสและมองโลกในแง่ดีที่ 120 BPM ความยาว 15 วินาทีพอดี กรูฟเต็มเล่นตั้งแต่เฟรมแรก โดยมีเสียงคิกทุกจังหวะที่ประมาณ x.05 และ x.55 วินาที คงที่อยู่ใต้การ์ดและฟอร์แมต กลองหายไปที่ 12.55 วินาทีเมื่อจุดกลืนกริด เหลือแพดอบอุ่นและอาร์เปจโจที่ไต่ขึ้นซึ่งจางหายภายใน 15 วินาที การตัดและจังหวะสำคัญตกอยู่บนกริดบีต </music> <sound> การออกแบบเสียงวางทับบนแทร็ก โดยไม่มีกลองเพิ่ม: - เสียงวูชเมื่อตั๋วบินเข้ามา; - เสียงติ๊กเบาๆ เมื่อโค้ดล็อก; - เสียงกระแทกนุ่มๆ ที่ตราประทับ; - เสียงวูชผ่านวงกลมกวาดแต่ละครั้งและแคปซูลไฮไลต์; - เสียงตุบเมื่อกระเป๋าเดินทางลง; - เสียงบลิปที่สูงขึ้นเรื่อยๆ เมื่อการ์ดแต่ละใบเปลี่ยนเป็นสีชมพู; - เสียงระฆังเมื่อการ์ดใบสุดท้ายลง; - เสียงไรเซอร์เข้าสู่การดำดิ่งและเสียงกระแทกเมื่อแผงแรกเปิด; - เสียงวูชในการกวาดแถบแต่ละครั้งและเมื่อการ์ดมารวมกัน; - เสียงไรเซอร์เข้าสู่ดรอป; - เสียงระฆังเมื่อโลโก้ก่อตัว; - เสียงคลิกเบาๆ ที่ชิป มิกซ์ที่ประมาณ -14 LUFS โดยมีทรูพีกต่ำกว่า -1 dBTP </sound> <references> โฆษณาเปิดตัวแอปสมัยใหม่ในสไตล์เวกเตอร์แบบแบน สร้างบนตัวอักษรเคลื่อนไหวและอุปมาเรื่องการเดินทาง: บัตรโดยสาร กระเป๋าเดินทาง และแผงขอบฟ้า ปิดท้ายด้วยล็อกอัปโลโก้ที่สะอาดอยู่กึ่งกลาง </references>

ใช้แล้ว 3 ครั้ง
Simple Motion

สติงแอปแบบจอแยกสองเฟรมเรต

<direction> ทำสติงสินค้าแนวนอนแบบจอแยก ยาว 12 วินาที สำหรับแอปของฉัน ขนาด 1920x1080 ที่ 59.94 fps แผงสี่เหลี่ยมจัตุรัสสองแผงเล่นแอนิเมชันอินเทอร์เฟซสว่างๆ อันเดียวกันเคียงข้างกัน แผงซ้ายเดินด้วยความรู้สึกแบบ 29.97 fps ส่วนแผงขวาวิ่งด้วยเฟรมเรตเต็ม เพื่อให้เห็นความต่างของความลื่นไหล ช็อตเร็วเจ็ดช็อตลงตามบีต: เคอร์เซอร์คลิกโลโก้ของฉันในหน้าต่างแอป ไอคอนแตกออกเป็นสี่เหลี่ยมโคจร คลิกบนแถบเมนูทำให้กล่องพรอมต์กระจกดีดออกมาและมีข้อความพิมพ์ลงไป หน้าข้อความเลื่อนผ่านพร้อมการ์ด การ์ดสองใบซ้อนกันลอยขึ้น โลโก้ของฉันอยู่เดี่ยวๆ และโลโก้ตัวอักษรเรืองแสงกระแทกเข้ามาบนพื้นเกือบดำ ลุคสะอาดและสว่าง มีเงานุ่มๆ และโมชันเบลอในทุกการเคลื่อนไหว หลีกเลี่ยงการเริ่มจากภาพนิ่ง ครอสเฟด เกรน และเสียงบรรยาย </direction> <structure> 1. 0.00–2.39 วิ ส่วนหัวและการคลิก หมอกสีม่วงจางๆ เคลียร์ออกเป็นหน้าสีขาวใน 0.9 วิ และทิ้งแสงสีลาเวนเดอร์ไว้ด้านล่าง ส่วนหัวบรรทัดเดียวลอยขึ้นจากประมาณ y 930 ไป 537 ด้วยอีสเอาต์แบบเอกซ์โพเนนเชียล (ประมาณ 1.2 วิ) เบลอหนักตอนแรก มีโลโก้ของฉันในวงกลมสีลาเวนเดอร์ 132 px ชื่อ "[แบรนด์ของคุณ]" ด้วย Inter Medium สีหมึกเข้ม และแคปซูลสีหมึกเข้ม "เปิดแอป" ชื่อป๊อปขึ้นในเฟรมที่สอง เบลออยู่แล้ว แคปซูลตามมาอีกสองเฟรมต่อมา เลื่อนไปทางซ้าย 15 px ขณะที่คมชัดขึ้น ตั้งแต่ 0.45 วิ หน้าต่างแอปสีขาวรัศมีมุม 93 px ค่อยๆ ปรากฏรอบส่วนหัว (53%, 70% แล้ว 100% เมื่อถึง 0.78 วิ) ข้างในมีแถบค้นหาสีลาเวนเดอร์ "อธิบายวิดีโอ" คอลัมน์ไอคอนสีหม่น และการ์ดบนปกไล่จากหมึกเข้มไปม่วง การ์ดเขียนว่า "ไอเดียของคุณพร้อมเคลื่อนไหวแล้ว" / "พรีวิวสด · ส่งออก MP4" ในแผงซ้าย และ "แชตแทนไทม์ไลน์" ในแผงขวา ปกเขียนว่า "จากไอเดียเป็นวิดีโอในแชตเดียว" หรือ "อธิบายไอเดียของคุณ" ที่ 0.88 วิ เคอร์เซอร์ลูกศรสีดำขอบขาวปรากฏขวาบนและไหลไปทางซ้ายพร้อมชะลอลง มันหมุน -85 องศาให้หันลงขณะพุ่งดิ่ง ลงบนโลโก้ในแนวตั้งตรงและขยาย 1.55 เท่า ขณะที่วงแหวนสีชมพูนุ่มๆ สว่างขึ้นรอบวงกลม กล้องซูมเข้าถึง 1.2 รอบจุดศูนย์กลาง (ease-in-out, 0.47 วิ) และค้างหนึ่งเฟรม จากนั้นดึงกลับเป็น 1.04 ด้วยเส้นโค้งที่เร่งขึ้น ขณะที่เคอร์เซอร์กด (หดลง 15%) ตรงเข้าสู่การตัด 2. 2.39–3.35 วิ ไอคอนและวงโคจร ตัดแข็งตรงจังหวะดรอปของเพลง: โลโก้ของฉันในฐานะไอคอนแอปลงที่ 276 px และหดเหลือ 178 px (expo out, 0.47 วิ) สี่เหลี่ยมมุมมนสี่อัน มีโมชันเบลอและนำหน้าอยู่ 32 องศา เข้าที่เป็นรูปกากบาทรอบมันที่รัศมี 222 px (expo out, 0.9 วิ) ด้านซ้ายเป็นสีม่วง เขียวเทอร์ควอยซ์ ชมพู และเหลือง ด้านขวาเป็นชมพู ส้ม เขียวเทอร์ควอยซ์ และขาว วงกลมสีลาเวนเดอร์สองโทนโตขึ้นด้านหลังไอคอนใน 0.2 วิ ตั้งแต่ 3.12 วิ สี่เหลี่ยมพับไปทางแถวด้านขวาและหดลง และไอคอนหดเหลือประมาณ 70 px ภายใต้แรมป์เบลอ 3. 3.35–5.29 วิ แถบเมนูและพรอมต์ ตัดไปที่มุมขวาบนของหน้าจอคอมพิวเตอร์ใต้หน้าสีขาว เห็นขอบเกือบดำ 46 px และแถบเมนูโปร่งแสงสีเข้มพร้อมไอคอน wifi แบตเตอรี่ และตัวควบคุม โลโก้ของฉัน จุดเน้นสามจุด "[แบรนด์ของคุณ]" และ "เปิดแอป" วอลเปเปอร์ไล่จากหมึกเข้มไปม่วง มีริ้วแสงเฉียงทางซ้าย แสงเรืองสีชมพู เส้นตารางบางๆ และประกายทางขวา เคอร์เซอร์ลอยขึ้นไปที่โลโก้และคลิก (สเกลเป็น 0.82 นาน 0.1 วิ) กล่องพรอมต์กระจกฝ้าดีดออกจากไอคอน: 740 x 226 px รัศมี 56 px สีลาเวนเดอร์โปร่งแสงพร้อมเส้นขอบขาวบางๆ มันสเกลจาก 0.18 เป็น 1 พร้อมโอเวอร์ชูตใน 0.19 วิ ความเบลอลดจาก 9 px เป็น 0 ขณะที่กล้องแพนไปทางขวา 115 px มันพิมพ์ด้วยความเร็ว 27 ตัวอักษรต่อวินาทีหลังแคเรตสีขาว: "แก้ไขด้วยคำพูด ไม่ต้องใช้คีย์เฟรม" ทางซ้าย "ใหญ่ขึ้น ช้าลง สีอื่น" ทางขวา ปุ่มส่งกลมสีชมพูและสัญลักษณ์เล็กๆ สามอันอยู่แถวล่าง ช็อตลอยขึ้นและออกไปด้วยแรมป์เบลอแนวตั้ง ขณะที่ม่านสีลาเวนเดอร์ขึ้นถึง 75% 4. 5.29–7.16 วิ หน้าคำตอบและการ์ด จากแฟลชสีลาเวนเดอร์ หน้าข้อความสีเทาม่วงด้วย Inter 42–45 px เลื่อนขึ้นจากต่ำกว่า 291 px มันเคลื่อนที่ด้วยเส้นโค้งเอกซ์โพเนนเชียล (ค่าคงที่เวลา 0.2 วิ) พร้อมเบลอแนวตั้งที่ผูกกับความเร็ว วลีหนึ่งด้วย SemiBold สีหมึกเข้มอยู่ใต้เคอร์เซอร์ตั้งตรงอันเล็ก: "นักออกแบบโมชัน AI" ทางซ้าย "“ช้าลง”, “สีอื่น”" ทางขวา บรรทัดตัวอย่าง: "จากไอเดียเป็นวิดีโอในแชตเดียว", "01 เลือกเทมเพลต", "02 อธิบายไอเดียของคุณ", "03 ปรับแต่งด้วยคำพูด แล้วส่งออก", "บอกแชตว่าจะให้แสดงอะไร เอเจนต์สร้างแอนิเมชันให้", "ไคเนติกไทป์ รูปทรง เอฟเฟกต์ 3D และเสียง" ที่ 6.22 วิ การ์ดป๊อปขึ้นใกล้ด้านล่าง เบลอ มันลอยขึ้นด้วยอีสเอาต์เร็วบนการลอยขึ้นคงที่ 158 px/วิ ขณะที่หน้าหรี่ลงเหลือ 45% และเบลอ 3 px ทางซ้ายการ์ดแสดงสามเหลี่ยมนามธรรมสีหมึกเข้ม ม่วง ส้ม และเหลือง พร้อมคำบรรยาย "ไอเดียในความเคลื่อนไหว" / "[เว็บไซต์ของคุณ]" ทางขวาแสดงปกไล่จากหมึกเข้มไปม่วงพร้อมการ์ดสีขาว "อธิบายไอเดียของคุณ" พร้อมคำบรรยาย "แชตแทนไทม์ไลน์" / "พรีวิวสด · ส่งออก MP4" ตั้งแต่ 6.9 วิ มันเร่งขึ้น หดเหลือ 0.9 และเบลอหายไป 5. 7.16–8.16 วิ การ์ดซ้อนกัน การละลายแบบเบลอสามเฟรมนำการ์ดสองใบที่ซ้อนกัน (534 x 343 px รัศมี 51 px) เข้ามา พวกมันมาถึงต่ำลง 165 px ใหญ่ขึ้น 15% และเบลอ เข้าที่ใน 0.3 วิ และลอยขึ้นต่อ แล้วออกไปด้วยการเคลื่อนที่ที่เร่งขึ้นและแรมป์เบลอ แต่ละใบมีชื่อเรื่องสีขาวขนาดยักษ์ที่ความทึบ 60% ถูกขอบล่างตัดไว้ ทางซ้ายชื่อเรื่องคือ "ฟอนต์" และ "เพลง" บนกราฟิกสามเหลี่ยมพร้อมแคปซูล "เปิดแอป" ทางขวาคือ "รูปทรง" และ "เสียง" บนปกไล่จากหมึกเข้มไปม่วงพร้อมแคปซูล "02" และ "03" และการ์ดด้านในสีขาว "ไคเนติกไทป์ รูปทรง" และ "เพลงและเสียงเอฟเฟกต์" การ์ดใบที่สองมีแสงเรืองสีชมพูส้ม 6. 8.16–10.03 วิ โลโก้อยู่เดี่ยวๆ ตัดแบบเบลอไปที่โลโก้ของฉันในวงกลมสีลาเวนเดอร์ 167 px บนพื้นขาว มันลอยขึ้น 115 px เข้าที่ด้วยเส้นโค้งเอกซ์โพเนนเชียล (0.17 วิ) ค้างอยู่ แล้วหดเข้าสู่การตัด 7. 10.03–12.00 วิ การ์ดปิดท้าย ตัดแข็งไปที่พื้นเกือบดำที่มีแสงเรืองรัศมีสีหมึกเข้ม โลโก้ตัวอักษรสีขาวที่มีแสงเรืองนุ่มสองชั้นกระแทกเข้ามาจาก 3.85x: "[แบรนด์ของคุณ]" ทางซ้าย "[เว็บไซต์ของคุณ]" ทางขวา เบลอแนวนอนของมันหายไปใน 0.1 วิ มันลงตัวที่ 1x ในราวหนึ่งวินาทีด้วยเส้นโค้งที่ช้าลงเรื่อยๆ แล้วถอยออกช้าๆ และเร่งไปที่ 0.72x ในเฟรมสุดท้าย </structure> <composition> พื้นหลังเป็นสีเกือบดำ #0D0B1E แผงสี่เหลี่ยมจัตุรัสสองแผง แผงละ 930 x 930 px วางเคียงกันที่ y 100 (ซ้ายที่ x 20 ขวาที่ x 970) เหนือแต่ละแผงมีป้ายเล็กๆ ด้วย Inter SemiBold 28 px สีลาเวนเดอร์อ่อน #E9E4F2: "พรีวิวสด" เหนือแผงซ้าย และ "[แบรนด์ของคุณ] · ส่งออก MP4" เหนือแผงขวา ทั้งสองแผงเล่นเจ็ดช็อตเดียวกันพร้อมกัน ด้วยจังหวะและการเคลื่อนไหวเดียวกัน แผงซ้ายแสดงภาพใหม่ทุกสองเฟรม และแผงขวาทุกเฟรม ต่างกันเพียงบางคำระหว่างสองแผง ตามที่ระบุไว้ในช็อต ภายในแผง จัดทุกอย่างบนเวที 1080 x 1080 ที่ปรับสเกลให้พอดี จานสี: หน้าสว่าง #FAF9FF; ลาเวนเดอร์ #F0EDFF สำหรับแผงนุ่มและแสงเรือง; เส้น #E9E4F2; เทาม่วงหม่น #6B6385 สำหรับข้อความรอง; หมึกเข้ม #1C0B5D สำหรับข้อความเข้มและพื้นผิวเข้ม; เกือบดำ #0D0B1E สีเน้นคือชมพู #FB2D89 (หลัก) และส้ม #FE9117 พร้อมม่วง #7C6CF2 เขียวเทอร์ควอยซ์ #2DD4B0 และเหลือง #FFD23F เมื่อต้องการสี่สี ใช้ Inter 400/500/600/700 ตลอด โลโก้ของฉันคือไอคอนแอปในทุกที่ที่มีโลโก้ปรากฏ ไอคอนสี่เหลี่ยมมุมมนเหมาะกับเลย์เอาต์ที่สุด เช่น สี่เหลี่ยมสีหมึกเข้มที่มีวงวนสีชมพู ส้ม ขาว และสามเหลี่ยมเพลย์สีชมพู </composition> <techniques> ไม่มีอะไรเริ่มจากเฟรมนิ่ง ทุกองค์ประกอบเข้ามาโดยเคลื่อนไหวอยู่แล้วด้วยอีสเอาต์แบบเอกซ์โพเนนเชียล และออกไปด้วยการเคลื่อนที่ที่เร่งขึ้นหรือแรมป์เบลอ โมชันเบลอตามความเร็วและทิศทางของทุกการเคลื่อนไหว ไม่มีครอสเฟด: ช็อตเปลี่ยนด้วยการตัดแข็ง การตัดแบบเบลอ และการละลายแบบเบลอสั้นๆ ทั้งหมดตามบีต กล้องซูมเข้าถึง 1.2 (ease-in-out, 0.47 วิ) ค้างหนึ่งเฟรมและดึงกลับเป็น 1.04 ด้วยเส้นโค้งที่เร่งขึ้นในช็อต 1 และแพนไปทางขวา 115 px ในช็อต 3 เคอร์เซอร์เป็นลูกศรสีดำขอบขาว การคลิกทำให้มันหดลง (15% หรือเป็น 0.82 นาน 0.1 วิ) การพิมพ์ทำที่ 27 ตัวอักษรต่อวินาทีหลังแคเรตสีขาว ป๊อปอินมีโอเวอร์ชูต ทางออกขึ้นด้านบนใช้แรมป์เบลอแนวตั้ง และการกระแทกเข้าของการ์ดปิดท้ายใช้เบลอแนวนอน </techniques> <music> ทำเพลงพื้นหลังฟังกี้เฮาส์ร่าเริงที่ 124 BPM ยาว 12 วินาทีพอดี เริ่มด้วยอินโทรที่ผ่านฟิลเตอร์ใต้ช็อตแรก กรูฟเต็ม (เตะสี่จังหวะ แคลป เบสสแลป คอร์ดดีดๆ) ดรอปตรงการตัดไปที่ไอคอนที่ 2.39 วิ เบรกดาวน์ที่ผ่านฟิลเตอร์เล่นใต้โลโก้เดี่ยวๆ และเสียงก้องรีเวิร์บจางหายตามหลังการกระแทกของการ์ดปิดท้าย ทุกการตัดลงบนบีต มิกซ์ให้ประมาณ -14 LUFS โดยมี true peak ต่ำกว่า -1 dBTP </music> <sound> เพิ่มเสียงเอฟเฟกต์เหล่านี้ทับบนเพลง: - ไรเซอร์ขึ้นสู่ดรอปและบูมตรงดรอป - เสียงคลิกเบาๆ เมื่อเคอร์เซอร์กดโลโก้ และอีกครั้งที่ไอคอนบนแถบเมนู - เสียงป๊อปเมื่อกล่องพรอมต์ดีดออกมา - เสียงติ๊กพิมพ์เบาๆ - วูชตอนพับเข้าแถบเมนูและตอนสะบัดไปที่หน้าข้อความ - สวิชเมื่อการ์ดลอยขึ้นและเมื่อการ์ดที่ซ้อนกันละลายเข้ามา - เสียงกระแทกเบาๆ ที่โลโก้เดี่ยว - บูมพร้อมโทนเสียงที่ตกลงที่การ์ดปิดท้าย ไม่มีเสียงพูด </sound> <references> สติงเปิดตัวแอปที่ขัดเกลาสไตล์โมชันยูไอผลิตภัณฑ์ยุคใหม่: ม็อกอัปอินเทอร์เฟซสว่างๆ การเคลื่อนกล้องแบบไคเนติก โมชันเบลอแนวทิศทางหนักๆ และการตัดที่ตรงกับบีต จัดวางเป็นการเปรียบเทียบเฟรมเรต </references>

Simple Motion

โชว์รีลที่สาธิตหลักการเคลื่อนไหวด้วยตัวเอง

<direction> สร้างโชว์รีลโมชันกราฟิกความยาว 15 วินาที แนวนอน 1920x1080 ที่ 30 fps วาดขึ้นทั้งหมดโดยไม่ใช้ฟุตเทจ เพื่อโชว์ฝีมือการทำแอนิเมชันด้วยการสาธิตหลักการเคลื่อนไหวกับตัวมันเอง ได้แก่ squash and stretch (บีบและยืด), onion skin (ภาพซ้อนเงา), overshoot (เลยจุดหมาย), easing (การเร่งและผ่อนความเร็ว), follow-through (การเคลื่อนไหวต่อเนื่อง) และ anticipation (การเตรียมตัวก่อนเคลื่อนไหว) สลับฉากสว่างกับฉากมืด มีจุดสีชมพูหนึ่งจุดผูกทุกฉากเข้าด้วยกัน คือลูกบอลที่เด้ง จุดท้ายของชื่อเรื่อง หัวของแถบเงาที่ลากตาม และกลางตัวโหลด โน้ตลายมือตัวเล็ก ๆ พร้อมลูกศรที่วาดด้วยมือคอยอธิบายสิ่งที่เกิดขึ้น ตัดให้เข้ากับเพลงจังหวะ 128 BPM เพื่อให้จังหวะที่ลูกบอลแตะพื้น การตกลงมาของชื่อเรื่อง และจุดตัดตรงกับบีต ใช้สีเรียบทั้งหมด ให้ความรู้สึกสนุกสนานและแม่นยำ หลีกเลี่ยงฟุตเทจหรือรูปถ่าย ไล่เฉดสีเงาแวววาวและเงาตกกระทบ ความเบลอทุกที่ยกเว้นในช็อต whip pan ลูกศรที่แตะตัวอักษรของโน้ตตัวเอง โน้ตที่เอียงไม่เท่ากัน และกลองที่เพิ่มซ้อนทับบนกลองของเพลงเอง </direction> <structure> 1. 0–3.7 วินาที หน้าสว่าง เส้นพื้นที่วาดด้วยมือลากตัวเองจากซ้ายไปขวาใน 0.3 วินาที ลูกบอลสีชมพูตกลงมาจากด้านบนซ้ายและเด้งข้ามไปเป็นสามส่วนโค้งที่เล็กลงเรื่อย ๆ จังหวะที่มันแตะพื้นห่างกันหนึ่งบีต ที่ 0.43, 0.90, 1.37 และ 1.83 วินาที มันแบนลงทุกครั้งที่แตะ (กว้างประมาณ 1.5 สูงประมาณ 0.55) และยืดไปตามความเร็วเมื่ออยู่กลางอากาศ ทุกเฟรมของการลอยทิ้งเงาเส้นขอบสีชมพูบางที่จางหายใน 0.6 วินาที และเส้นประลากตามเส้นทาง โน้ตเขียนขึ้นพร้อมลูกศร (ตัวอย่างให้เปลี่ยน): «ไอเดียในการเคลื่อนไหว» ที่ยอดของส่วนโค้งแรก «ลองฟรี!» ใต้จุดแตะที่สอง «พรีวิวสด» ข้างส่วนโค้งสุดท้าย ลูกบอลลงที่ด้านขวาและอยู่ต่อเป็นจุดท้ายของชื่อเรื่อง บนดาวน์บีตที่ 1.9 วินาที คำใหญ่ «ขยับ» งอกขึ้นจากพื้นทีละตัวอักษร จากขวาไปซ้าย ห่างกัน 45 มิลลิวินาที แต่ละตัวอักษรโผล่ขึ้นจากด้านหลังเส้นพื้น ยืดสูงเป็น 1.2 เท่า กระโดดลอยพ้นพื้น 45 px ลงมาแบนเล็กน้อยและนิ่งภายในครึ่งวินาที จากนั้นเส้นพื้นหดกลับ บรรทัดด้านบน «พร้อมที่จะ» (เปลี่ยนเป็นของคุณ) ตกลงมาทีละตัวอักษรจากทางซ้าย แต่ละตัวเอียงได้ถึง 20 องศาและตั้งตรงโดยเลยเล็กน้อย เส้นขีดใต้แบบพู่กันสีชมพูวาดใต้คำว่า ขยับ และโน้ต «แก้ไขด้วยคำพูด» ชี้ไปที่บรรทัดบน ที่ 2.8 วินาที คลื่นวิ่งผ่านตัวอักษรของ ขยับ จากซ้ายไปขวา แต่ละตัวยืด 11 เปอร์เซ็นต์แล้วกลับ ในขณะเดียวกันจุดกระโดด 95 px และลงมาแบน และมีข้อความ «ส่งออก MP4» เขียนอยู่ใต้มัน ใน 0.2 วินาทีสุดท้าย ชื่อเรื่องทั้งหมดบีบลงบนเส้นฐาน (สูง 88 เปอร์เซ็นต์ กว้าง 106 เปอร์เซ็นต์) แล้วตัดฉับ 2. 3.7–5.5 วินาที หน้ามืด «รูปทรง» สีขาวตกลงมาทีละตัวอักษร ห่างกันหนึ่งเฟรม แต่ละตัวเด้งสองครั้งก่อนนิ่ง โน้ต «และเสียง» ที่ 4.2 วินาที มันถูกบีบในหนึ่งเฟรมจนเป็นแถบแคบ แล้วกลายเป็น «ไคเนติก» สีชมพู ไคเนติกดีดกางกว้างทีละเฟรมที่ 0.09, 0.28, 0.56, 0.85, 1.10, 1.27 และ 1.37 เท่าของความกว้าง แล้วกลับผ่าน 1.06 ไปที่ 0.87 โดยความสูงเคลื่อนสวนทางกับความกว้าง โน้ต «ไม่ต้องใช้คีย์เฟรม» ที่ 4.65 วินาที «ตัวอักษร» ปรากฏทีละตัวอักษร แต่ละตัวหมุนหนึ่งรอบกับอีกหนึ่งในสี่รอบรอบแกนตั้งใน 0.3 วินาทีแบบ ease-out และเป็นสีชมพูเมื่อด้านหลังหันมาทางเรา โน้ต «เอฟเฟกต์ 3D» ที่ 5.13 วินาที มีหนึ่งเฟรมของแฟลชสีส้มเต็มจอ โดยคำถัดไปเอียงเข้ามาด้วยสีน้ำเงินหมึกเข้ม จากนั้น «ฟอนต์» สีส้มนิ่งสนิทอยู่ในเส้นไกด์สีส้มบางพร้อมจุดจับสี่เหลี่ยมเล็กที่มุม โดยไม่มี easing เลย โน้ต «สำหรับทุกภาษา» หน้าสว่างกวาดขึ้นจากด้านล่างในสามเฟรมด้วยขอบเป็นขั้นนุ่ม ๆ 3. 5.5–8.4 วินาที หน้าสว่าง กราฟวาดตัวเอง: แกนที่มีป้าย «ไอเดีย» และ «วิดีโอ» สี่เหลี่ยมข้าวหลามตัดสีน้ำเงินหมึกเข้มที่ปลายทั้งสองด้าน และเส้นตรงสีชมพูระหว่างกันพร้อมจุดจับสีส้มสองจุด ด้านล่าง สี่เหลี่ยมมุมมนสีน้ำเงินหมึกเข้มวิ่งไปตามราง จากซ้ายไปขวาด้วยความเร็วคงที่ ขณะที่หัวเล่นสีชมพูโปร่งแสงและจุดหนึ่งจุดวิ่งไปตามเส้น สี่เหลี่ยมทิ้งเงาเส้นขอบสีส้มสิบเอ็ดภาพเว้นระยะเท่ากัน แต่ละภาพมีขีดเล็กใต้ราง โน้ต «คีย์เฟรมที่ต้องตามล่า» เขียนขึ้นพร้อมลูกศรยาวชี้ไปที่เส้น เคอร์เซอร์เมาส์ค่อย ๆ ปรากฏ คว้าจุดจับล่าง และลากจุดจับทั้งสองออกใน หนึ่งในสี่วินาที ดัดเส้นให้เป็นเส้นโค้งตัว S แบบ ease in-out จากนั้นโน้ตถูกขีดฆ่าด้วยเส้นตรงเส้นเดียวสะอาด ๆ ผ่านกลางตัวอักษร ตามการเอียงของมันไปจนถึงตัวสุดท้าย เงาสีส้มจางหาย และ «แชตแทนไทม์ไลน์» เขียนด้วยสีชมพูพร้อมเครื่องหมายถูกที่วาดด้วยมือ สี่เหลี่ยมวิ่งอีกครั้งใน 1 วินาทีบนเส้นโค้งใหม่ และเงาสีชมพูของมันกระจุกที่ปลายทั้งสองด้านและกระจายตรงกลาง เมื่อมันมาถึง โน้ต «เปิดแอป!» ชี้ไปที่มัน จากนั้นทั้งหน้าถูกดันออกไปทางซ้ายในหกเฟรมพร้อมความเบลอแนวนอนแรง ๆ ขณะที่หน้ามืดดันเข้ามา 4. 8.4–13.1 วินาที หน้ามืด หัวสีชมพูวิ่งเป็นเลขแปดข้ามเฟรม หนึ่งรอบต่อวินาที ลากโซ่วงกลมที่จางลงสิบสี่วง ตารางจุดเล็ก ๆ ทุก 60 px ตอบสนอง จุดใกล้หัวถูกผลักออกและเปลี่ยนเป็นสีส้ม จุดที่มันเพิ่งผ่านไปเปลี่ยนเป็นสีชมพูและชมพูเข้ม ส่วนจุดที่ไม่ถูกแตะยังคงเป็นเทาม่วง ทำให้ทุ่งจุดยังเคลื่อนไหวต่อหลังหัวผ่านไปแล้ว โน้ต «จากไอเดียสู่วิดีโอ» ชี้ด้วยลูกศรไปที่หาง ตั้งแต่ 10.6 วินาที ทั้งทุ่งเอียงพลิกในแบบ 3D หมุน หดเป็นการ์ดสีชมพูใบเล็ก แล้วยุบเป็นจุดตรงกลาง จุดโตขึ้น วงแหวนหนาพองขึ้นรอบมันและบางลงเป็นเส้นเล็กเท่าเส้นผม และหน้าปัดที่มีขีดหกสิบขีดกับสี่เหลี่ยมเล็กสิบสี่ช่องหมุนเข้ามา ส่วนโค้งแสดงความคืบหน้าสีขาวและตัวนับวิ่งจาก 2 ถึง 100 เปอร์เซ็นต์ในประมาณ 1.4 วินาที ขณะที่สี่เหลี่ยมเติมสีชมพูทีละช่อง เมื่อถึง 100 เปอร์เซ็นต์ ตัวโหลดหดหายไป และจุดย่อตัวลงเป็นวงรีแบนบนพื้นของมัน (anticipation) โน้ต «เอเจนต์ทำแอนิเมชันให้» อยู่ทางขวาของวงแหวน ไม่ติดกับมัน พร้อมลูกศรยาวชี้ไปที่จุด จากนั้นจุดพุ่งขึ้นไปแบบยืดและออกนอกเฟรม แล้วตกลงมาสู่ช็อตถัดไป 5. 13.1–15 วินาที หน้าสว่าง หน้าสว่างเปิดออกเป็นวงกลมที่เร็วจากจุดที่จุดตกลงมา บล็อกชื่ออยู่กึ่งกลางเฟรม โดย [แบรนด์ของคุณ] จัดเป็นสองบรรทัด บรรทัดแรกตกลงมาทีละตัวอักษรพร้อมการเอียง เหมือน พร้อมที่จะ บรรทัดที่สองงอกจากพื้นด้านล่างของมัน จากขวาไปซ้าย ด้วยสปริงแบบเดียวกับ ขยับ และจุดสีชมพูเป็นจุดท้ายของมัน ข้อความเรียกให้ลงมือสั้น ๆ เช่น «ลองฟรี: [เว็บไซต์ของคุณ]» เขียนอยู่ด้านล่าง พร้อมลูกศรชี้ขึ้นไปที่จุด จุดกระโดดหนึ่งครั้งและนิ่งเพื่อปิดท้าย </structure> <composition> สองหน้า หน้าสว่างเป็น #FAF9FF ตรงกลาง ไล่ไปเป็นลาเวนเดอร์ #F0EDFF พร้อมวิกเนตต์สีม่วงนุ่ม ๆ ที่มุม หน้ามืดเป็นสีน้ำเงินหมึกเข้ม #1C0B5D พร้อมวิกเนตต์ที่เข้มกว่าเล็กน้อย ทั้งสองมีตารางจุดจาง ๆ ทุก 48 px ชื่อเรื่องใช้ตัวอักษรกรอเทสก์แบบแคบหนา (Anton) โน้ตและป้ายกำกับใช้ลายมือแบบปากกามาร์กเกอร์ (Playpen Sans, semi-bold) ทุกอันเอียงเท่ากัน 2 องศา: สีชมพูบนหน้าสว่าง สีชมพูอ่อนบนหน้ามืด จานสี: สีเน้นหลักชมพู #FB2D89 สีเน้นรองส้ม #FE9117 ตัวอักษรและรูปทรงทึบสีน้ำเงินหมึกเข้ม #1C0B5D ตัวอักษรสีขาวบนหน้ามืด และสีเทาม่วงหม่น #6B6385 สำหรับส่วนติดต่อผู้ใช้ ลูกศรที่วาดด้วยมือเริ่มห่างจากโน้ตเล็กน้อยและไม่แตะตัวอักษรของมันเลย โน้ตไม่ทับชื่อเรื่องหรือรูปทรง มีสององค์ประกอบอยู่บนหน้าจอเสมอ มุมขวาบน มีไทม์โค้ดที่เดินอยู่ (เช่น «00:00:03:11») ตัวหนาแบบแคบ สีเทาม่วงหม่น ขนาดประมาณ 31 px ตลอดด้านล่าง มีไทม์ไลน์ของบท: เส้นบางพร้อมขีดเล็กทุก 55 px สี่เหลี่ยมข้าวหลามตัดที่จุดเริ่มของแต่ละบท เส้นความคืบหน้าที่เข้มกว่าอยู่หลังหัวเล่นเล็ก ๆ และชื่อบทปัจจุบันเขียนด้วยลายมืออยู่เหนือมัน («อธิบาย», «ตัวอักษร», «ปรับแต่ง», «เอฟเฟกต์ 3D», «พรีวิว», «ส่งออก»; เปลี่ยนเป็นของคุณ) สีของส่วนติดต่อผู้ใช้สลับตามฉากสว่างและมืด บล็อกชื่อเรื่องอยู่กึ่งกลางเฟรม </composition> <techniques> โน้ตเขียนขึ้นทีละเส้น และลูกศรของมันวาดจากหางไปหัวทันทีหลังจากนั้น ชื่อบทแต่ละบทเขียนขึ้นใน 0.17 วินาที ขณะที่ชื่อก่อนหน้าถูกลบออก สี่เหลี่ยมข้าวหลามตัดแต่ละอันบนไทม์ไลน์เติมสีและเด้งเมื่อหัวเล่นไปถึง Squash and stretch ทุกครั้งที่แตะ: จุดแบนลงเมื่อลงพื้นและยืดไปตามความเร็วเมื่ออยู่กลางอากาศ ตัวอักษรที่งอกจากพื้นโผล่ขึ้นจากด้านหลังเส้น เลยไปถึง 1.2 เท่าของความสูง กระโดดลอยและนิ่งพร้อมแบนเล็กน้อยในครึ่งวินาที เหลื่อมกัน 45 มิลลิวินาทีจากขวาไปซ้าย ตัวอักษรที่ตกลงมาเข้ามาจากทางซ้าย เอียงได้ถึง 20 องศา และตั้งตรงโดยเลยเล็กน้อย ทรานซิชัน: ที่ 3.7 วินาที ตัดฉับจากสว่างเป็นมืดทันทีหลังชื่อเรื่องบีบลง ที่ 5.5 วินาที กวาดขึ้นจากด้านล่างสามเฟรมด้วยขอบเป็นขั้นนุ่ม ๆ ที่ 8.4 วินาที ดันแนวนอนหกเฟรมพร้อมโมชันเบลอแนวนอนแรง ๆ ที่ 13.1 วินาที จุดพุ่งออกนอกเฟรม ตกลงสู่ช็อตถัดไปและเปิดหน้าสว่างเป็นวงกลมที่เร็ว ส่วนอื่นทั้งหมดคงความเรียบและไม่มีความเบลอ </techniques> <music> เพลง synthwave/electro พลังงานสูงที่ 128 BPM ยาว 15 วินาทีพอดี ให้กลองของเพลงเองเป็นตัวขับจังหวะ ลำดับ: อินโทรสั้น ๆ ที่ผ่านฟิลเตอร์ใต้ลูกบอลที่เด้ง แล้วดรอปตรงกับตอนที่ ขยับ ดีดขึ้นที่ 1.9 วินาที โดยมีเสียงกิกของเพลงทุกบีต กรูฟเต็มรูปแบบไปจนถึงประมาณ 5.6 วินาที ตามด้วยเบรกดาวน์ที่ไม่มีกิกใต้กราฟ easing จากนั้นบิลด์นำกลับเข้ามา โดยกรูฟกลับมาที่ช็อต whip ที่ 8.5 วินาที มีไรเซอร์ขณะที่ตัวโหลดเติม และเสียงบูมปิดท้ายพร้อมซับดรอปลงที่ดาวน์บีตเมื่อแสงเปิดเข้าสู่ชื่อ (ประมาณ 13.2 วินาที) กรูฟจบด้วยเฟดสั้น ๆ ที่ตอนท้าย ห้ามซ้อนกิก แคลป หรือไฮแฮตเพิ่มบนเพลง: หนึ่งกิกต่อหนึ่งบีต ไม่มี flam </music> <sound> เสียงเอฟเฟกต์ตามจังหวะของภาพ: เสียงบูมที่ดรอปที่ 1.9 วินาที เสียง swoosh ตอนตัดไปหน้ามืดที่ 3.7 วินาที และเสียงแคลปที่แฟลชสีส้มหนึ่งเฟรมที่ 5.13 วินาที เสียง whoosh ที่การกวาดที่ 5.5 วินาที และอีกเสียงที่ใหญ่กว่าที่ whip ที่ 8.4 วินาที เสียงคลิกเบา ๆ เมื่อเคอร์เซอร์คว้าจุดจับ เสียง whoosh สั้น ๆ เมื่อจุดพุ่งออก และเสียงบูมปิดท้ายพร้อมซับดรอปที่ประมาณ 13.2 วินาที ไม่มีเสียงบรรยาย มิกซ์ที่ประมาณ -14 LUFS โดยให้ true peak ต่ำกว่า -1 dBTP </sound>

ใช้แล้ว 3 ครั้ง
Simple Motion

ลูป UI มอร์ฟิงที่ควบคุมด้วยเคอร์เซอร์ที่คลิก

<direction> สร้างวิดีโอสี่เหลี่ยมจัตุรัสความยาว 14 วินาที (1440x1440, 30 fps): ลูปโมชันของ UI ที่ต่อเนื่องไร้รอยต่อ วาดขึ้นทั้งหมด ไม่มีการตัดต่อ รูปทรงมนหนึ่งรูปเปลี่ยนรูปจากคอมโพเนนต์อินเทอร์เฟซหนึ่งไปอีกอันอย่างต่อเนื่อง: ปุ่ม, ตัวโหลด, เครื่องหมายถูก, พิลล์แบบไอส์แลนด์, เครื่องเล่นเพลง, แถบเลื่อนระดับเสียง, สวิตช์, แท็บ, แผนภูมิ, พิลล์ค้นหา, พาเลตต์คำสั่ง, ทอสต์ แล้วกลับมาที่ปุ่ม เคอร์เซอร์บนหน้าจอควบคุมทุกการเปลี่ยนแปลงและคลิกกับลากจริง เฟรมสุดท้ายต้องตรงกับเฟรมแรกเพื่อให้วนลูปได้ ลุคสะอาดและสงบ: พื้นสีลาเวนเดอร์ คอมโพเนนต์สีหมึกเข้มและสีขาว และฟอนต์ UI สะอาดหนึ่งแบบ สีสันเดียวมาจากโลโก้ของฉัน ซึ่งทำหน้าที่แทนปกอัลบั้ม มีบางอย่างเกิดขึ้นเกือบทุกจังหวะที่ราว 120 BPM หลีกเลี่ยงแสงเรือง, การไล่สีบนองค์ประกอบ UI, อนุภาค, อีซซิ่งแบบเด้ง, การตัดต่อ และเสียงพูด คำบนหน้าจอทั้งหมดด้านล่างเป็นตัวอย่างให้แทนที่ด้วยคำของฉัน ให้แต่ละคำมีความยาวใกล้เคียงกันเพื่อให้เลย์เอาต์คงอยู่ </direction> <structure> 0.0-0.6 วิ: ปุ่มพิลล์สีหมึกเข้ม "Open app" (ราว 640x200 px, ตัวอักษรสีขาว 62 px) เคอร์เซอร์ไหลเข้ามาจากล่างขวาและกดที่ 0.46 วิ ปุ่มยุบลงเหลือ 96% 0.6-1.25 วิ: หดเป็นวงกลม 230 px ที่มีส่วนโค้งสีขาวหมุนอยู่ จากนั้นเครื่องหมายถูกสีขาววาดตัวเองขึ้นมา 1.25-1.75 วิ: วงกลมยืดออกเป็นพิลล์ไอส์แลนด์ (ราว 860x210) มีโลโก้ของฉันเป็นสี่เหลี่ยมมุมมนเล็กๆ ทางซ้าย และแท่งคลื่นเสียงสีขาวห้าแท่งที่เด้งอยู่ทางขวา 1.75-3.7 วิ: ไอส์แลนด์เปิดออกเป็นการ์ดเครื่องเล่นสีหมึกเข้ม (ราว 990x630, มุม 72 px) โลโก้ขยายเป็นปก 224 px แบบองค์ประกอบร่วม ข้างชื่อ "Ideas in motion" และ "[your site]" สีลาเวนเดอร์อ่อน ด้านล่างมีแถบความคืบหน้าสีขาวบางพร้อมปุ่มลาก, "01" และ "03" ที่ปลายทั้งสองข้าง และไอคอนก่อนหน้า / หยุดชั่วคราว / ถัดไป เคอร์เซอร์คลิกหยุดชั่วคราว ซึ่งเปลี่ยนเป็นเล่นผ่านการเบลอเร็วๆ แล้วคลิกกลับเป็นหยุดชั่วคราว จากนั้นจับปุ่มลากซึ่งขยาย 25% แล้วลากจากราวหนึ่งในสามไปเกือบสุด 3.7-5.25 วิ: การ์ดยุบเป็นพิลล์ระดับเสียงกว้าง (ราว 1070x186) พร้อมไอคอนลำโพง เคอร์เซอร์ลากระดับเกือบถึงศูนย์ ขึ้นไปอีก และเลยค่าสูงสุด พิลล์ทั้งอันยืดไปทางขวาเหมือนยาง ได้ถึงราว 170 px แล้วเด้งกลับพร้อมการสั่นเล็กน้อยหนึ่งครั้งเมื่อปล่อย 5.25-6.25 วิ: กลายเป็นสวิตช์ (ราว 520x260) ปุ่มปรากฏเป็นสีเทาตรงกลาง แล้วพลิกเป็นเปิด ปิด เปิด ปิด โดยกดทุกครั้ง เปิดคือรางสีหมึกเข้มโดยมีปุ่มสีขาวอยู่ทางขวา ปิดคือรางสีซีด #E9E4F2 โดยมีปุ่มอยู่ทางซ้าย 6.25-7.25 วิ: ปุ่มขยายเป็นตัวบ่งชี้สีหมึกเข้มของแถบแท็บสีขาว "Pick" / "Describe" / "Export" เคอร์เซอร์คลิก "Describe" แล้วคลิก "Export" ตัวบ่งชี้ยืดนำไปก่อนแล้วตามทัน และป้ายด้านล่างเปลี่ยนเป็นสีขาว 7.25-9.7 วิ: แถบแท็บเปิดออกเป็นการ์ดแผนภูมิสีขาว (ราว 1100x840) โดยแท็บย้ายขึ้นไปด้านบนและตัวบ่งชี้กลายเป็นพิลล์เล็ก ตัวเลขใหญ่หนาหมุน "01", "02", "03" พร้อมเบลอเล็กน้อยเหนือคำบรรยาย "Refine in words, then export" ในขณะเดียวกันเส้นสีหมึกเข้มวาดตัวเองจากซ้ายไปขวาในราวครึ่งวินาทีเหนือพื้นที่สีลาเวนเดอร์และเส้นบางสี่เส้น เคอร์เซอร์กวาดไปตามเส้นพร้อมทูลทิปสีหมึกเข้มที่แสดง "01", "02", "03" ระหว่างทาง ตามด้วยจุดและเส้นนำประ การคลิก "Describe" ทำให้ตัวเลขหมุนไปที่ "02" พร้อมคำบรรยาย "Describe your idea" และเส้นโค้งมอร์ฟเป็นเส้นที่ต่ำลงและเป็นคลื่นมากขึ้น 9.7-10.1 วิ: การ์ดยุบเป็นพิลล์ค้นหาสีขาวพร้อมไอคอนค้นหา, "Edit in words" และ "⌘K" ทางขวา 10.1-11.75 วิ: พิลล์เปิดออกเป็นพาเลตต์คำสั่ง (ราว 1060x830) ด้านบนเป็นแถวค้นหาพร้อมข้อความตัวอย่าง "Describe your idea" และเคอร์เซอร์พิมพ์ที่กะพริบ แล้วเป็นเส้นบาง ตามด้วยห้าแถวที่เข้ามาห่างกัน 40 มิลลิวินาที แต่ละแถวมีกระเบื้องไอคอนสีลาเวนเดอร์: "Pick a template ⌘N", "MP4 export ⌘E", "Ideas in motion", "Live preview", "Your AI motion designer ↵" คำว่า "motion" ถูกพิมพ์ทีละตัวอักษรต่อการกดหนึ่งครั้ง ห่างกันราว 0.1 วิ และไม่สม่ำเสมอเล็กน้อย โดยเคอร์เซอร์พิมพ์ค้างนิ่งขณะพิมพ์ คำที่พิมพ์ต้องตรงกับสองแถวพอดี แถวที่ไม่ตรงอีกต่อไปจะเบลอหายไป สองแถวที่ตรงเลื่อนขึ้น แผงสั้นลงแบบสปริงและภาพซูมเข้า ไฮไลต์สีลาเวนเดอร์อยู่ที่แถวแรกที่ตรง เลื่อนลงไปที่ "Your AI motion designer" และเปลี่ยนเป็นสีหมึกเข้มเมื่อกด Enter 11.75-12.6 วิ: พาเลตต์พับผ่านโทนสีที่อ่อนกว่าเป็นทอสต์สีหมึกเข้ม (ราว 970x180) พร้อมเครื่องหมายถูกสีขาวและ "Your AI motion designer" ขณะที่ภาพค่อยๆ ผ่อนกลับ 12.6-14 วิ: ข้อความของทอสต์เบลอเป็น "Open app" และพิลล์หดกลับเป็นปุ่มตอนเริ่ม คงอยู่จนจบ โดยเคอร์เซอร์พักอยู่ที่ล่างขวา เฟรมสุดท้ายจึงตรงกับเฟรมแรก </structure> <composition> พื้นหลังเป็นสีลาเวนเดอร์ #F0EDFF มีแสงเรืองสีขาวนุ่มๆ เหนือกึ่งกลางเล็กน้อยและวิกเน็ตจางๆ คอมโพเนนต์เป็นสีหมึกเข้ม #1C0B5D หรือแผงสีขาว #FFFFFF ข้อความโทนอ่อนคือ #6B6385 ส่วนเส้นบางและสถานะปิดของสวิตช์คือ #E9E4F2 แผงทั้งหมดทอดเงายาวนุ่มที่แต่งสีด้วยหมึก สีเน้นเดียวคือสีของโลโก้ฉัน ในที่นี้คือชมพู #FB2D89 และส้ม #FE9117 ดังนั้นให้ใช้สีของโลโก้ของคุณ โลโก้ปรากฏเป็นสี่เหลี่ยมมุมมนเล็กๆ ของไอส์แลนด์และเป็นปกของเครื่องเล่น ตั้งข้อความทั้งหมดด้วย Geist และตัวเลขเล็กๆ ของเครื่องเล่นด้วย Geist Mono เคอร์เซอร์เป็นลูกศรสีเกือบดำ (#0D0B1E) พร้อมขอบสีขาว ทุกอย่างอยู่กึ่งกลางผืนผ้าใบ </composition> <techniques> รูปทรงเดียวเปลี่ยนความกว้าง ความสูง รัศมีมุม และสีด้วยสปริงที่แน่น: ราว 0.25 วิเพื่อนิ่ง เกินเป้าสูงสุดราว 1% ทุกอย่างที่อยู่ภายในแต่ละสถานะเฟดเข้าและออกใน 0.1 วิพร้อมเบลอ 10 px ข้อความจึงไม่ซ้อนกันเลยขณะที่คอนเทนเนอร์ปรับขนาด การสลับข้อความ เช่น หยุดชั่วคราวเป็นเล่น และข้อความทอสต์กลับเป็น "Open app" ก็ผ่านการเบลอเร็วๆ เช่นกัน เคอร์เซอร์เคลื่อนที่ตามเส้นโค้งเรียบและหดลงราว 14% ขณะที่ปุ่มของมันถูกกดค้าง โลโก้ย้ายจากไอส์แลนด์ไปเป็นปกเครื่องเล่นแบบองค์ประกอบร่วม พิลล์ระดับเสียงยืดเหมือนยางเมื่อถูกดึงเลยค่าสูงสุด แล้วเด้งกลับพร้อมการสั่นเล็กน้อยหนึ่งครั้ง ขอบหน้าของปุ่มสวิตช์ใช้สปริงที่แข็งกว่าขอบหลัง ปุ่มจึงยืดออกขณะเคลื่อนที่ ตัวบ่งชี้แท็บก็ยืดนำไปก่อนแล้วตามทันแบบเดียวกัน ตัวเลขของแผนภูมิหมุนพร้อมเบลอเล็กน้อย เส้นวาดตัวเองจากซ้ายไปขวาในราว 0.5 วิ และเส้นโค้งมอร์ฟเป็นรูปทรงใหม่เมื่อเปลี่ยนแท็บ แถวของพาเลตต์เข้ามาห่างกัน 40 มิลลิวินาที และแถวที่ถูกกรองออกเบลอหายไป กล้องอยู่นิ่ง ยกเว้นการซูมเข้านุ่มๆ 17% ขณะที่พาเลตต์สั้น แล้วผ่อนกลับเมื่อทอสต์ก่อตัว </techniques> <music> สร้างเพลงบรรเลงร็อกกาบิลลี / คันทรีร็อกสนุกๆ ในคีย์ E-flat ที่ราว 120 BPM ยาวเท่ากับวิดีโอพอดี มีกรูฟแบบ boom-chick โดยกลองเบสตกที่จังหวะและสแนร์ตกที่โน้ตเขบ็ตระหว่างนั้น และลิกกีตาร์ลีดเสียง twang เหนือเบสและกลอง เริ่มด้วยพลังเต็มที่ตั้งแต่เฟรมแรกและคงที่ วางการกระทำของเคอร์เซอร์และการมอร์ฟบนตารางจังหวะของเพลง ที่ราว 13.4 วิ วงหยุดที่เสียงตีเดียวพร้อมคราช แล้วปล่อยให้ก้อง เพื่อให้ลูปวนกลับมาตรงจังหวะ </music> <sound> เสียงเอฟเฟกต์ที่ประกอบให้เข้ากับภาพ ซ้อนอยู่บนเพลง: - ทุกการกดของเคอร์เซอร์คลิกด้วยเสียงติ๊กสั้นสดใสและเสียงกังวานมีระดับเสียงเล็กน้อย ทุกการปล่อยให้เสียงติ๊กที่นุ่มและสูงกว่า ทั้งสองแพนเบาๆ ตามเคอร์เซอร์ - เสียงบลิปเล็กๆ เมื่อเครื่องหมายถูกปรากฏ - ฉาบย้อนกลับที่พองขึ้นสู่การคลิกแท็บ "Export" - เสียงบูมทุ้มนุ่มเมื่อการ์ดแผนภูมิเปิดออก - การค้นหาถูกพิมพ์ด้วยเครื่องพิมพ์ดีด: สองปุ่มสำหรับ ⌘K, หนึ่งแช็กต่อตัวอักษรที่พิมพ์, ปุ่มที่เบากว่าสำหรับลูกศรลง และ Enter หนักๆ พร้อมกระดิ่งเครื่องพิมพ์ดีดเล็กๆ - เสียงซิปของการเลื่อนแคร่เมื่อพาเลตต์พับเป็นทอสต์ ปิดท้ายด้วยเสียงกึกเมื่อทอสต์ลงจอด - เสียงบูมลึกและเสียงสาดน้ำใต้การหยุดสุดท้าย ย่านเสียงสูงของเพลงลดลงชั่วครู่ใต้ทุกการคลิกและการกดปุ่มเพื่อให้ได้ยินชัด ไม่มีเสียงพูด มิกซ์ที่ราว -14 LUFS โดยมี true peak ต่ำกว่า -1 dBTP </sound> <references> ลูปมอร์ฟอินเทอร์เฟซรูปทรงเดียวที่ลื่นไหล เหมือนโชว์รีลของ UI ผลิตภัณฑ์และทรานซิชันสไตล์ Dynamic Island ที่คอนเทนเนอร์เดียวเปลี่ยนรูปเป็นคอมโพเนนต์ถัดไปอย่างต่อเนื่องในช็อตเดียว </references>

Simple Motion

โชว์รีลแผ่นกระดาษพับแผ่นเดียว ไม่มีการตัดต่อ

สร้างโชว์รีลโมชันดีไซน์แนวนอนความยาว 24 วินาที ขนาด 1920x1080 พร้อมเสียง โดยสร้างจากหัวข้อของฉัน ยึดแนวคิดเดียว: แผ่นกระดาษสีแดงแผ่นเดียวที่ไม่เคยออกจากหน้าจอ และไม่เคยตัดต่อหรือเฟด ทุกฉากเกิดจากฉากก่อนหน้าด้วยการพับและแปลงรูปทรง ตัวอักษร และสี ใช้ฟอนต์ sans-serif ตัวหนาแบบเดียว โทนสีแดง ขาวนวล และเกือบดำ (เปลี่ยนเป็นสีของ [your brand]) และกล้องแบบแฟลตที่คงที่ตลอด ฉากต่าง ๆ แบ่งเวลาเท่ากัน มีบางอย่างเกิดขึ้นทุกจังหวะที่ 120 BPM: 1) ฮุก: แผ่นกระดาษพับเป็นจังหวะสั้นกระชับ 2) ตัวอักษรเคลื่อนไหว: คำสี่คำ เช่น "FOLD", "BEND", "TURN", "MOVE" (เปลี่ยนเป็นคำของคุณ) พลิกเข้ามาตามจังหวะ 3) การแปลงรูปทรง: แผ่นกระดาษกลายเป็นวงกลม สี่เหลี่ยมจัตุรัส สามเหลี่ยม และแคปซูล 4) 2D เป็น 3D: แผ่นคลี่ลูกบาศก์แบบแบนพับขึ้นเป็นลูกบาศก์ 3D 5) ข้อมูล/UI: ฝาลูกบาศก์เปิดออกเป็นแดชบอร์ดที่มีตัวเลขนับขึ้นและแท่งกราฟเคลื่อนไหว 6) แท่งกราฟกลายเป็นแถบอะคอร์เดียนที่ดีดเข้าที่เป็นแผ่นเต็มเฟรมพร้อมคำขนาดยักษ์ 7) ไตเติลปิดท้าย "[your brand]" ในครึ่งห้องสุดท้าย พับกลับเพื่อให้เฟรมสุดท้ายตรงกับเฟรมแรกและวิดีโอวนซ้ำได้ การเคลื่อนไหว: อีซซิงแบบสปริงและเอกซ์โพเนนเชียล ไม่มีการเด้ง มีโมชันเบลอในการเคลื่อนที่เร็ว ไม่มีช่วงนิ่งเกินครึ่งวินาที ไม่มีอนุภาค แสงเรือง เลนส์แฟลร์ การสั่น RGB split ครอสเฟด หรือการไล่สี เสียง: เพลงซินธ์ที่มีเสียงกลองคิกทุกจังหวะ เสียงไรเซอร์ไต่ขึ้นสู่ช่วงที่แรงที่สุด และเสียงฮิตทุกครั้งที่เปลี่ยนฉาก

ใช้แล้ว 50 ครั้ง
Simple Motion

เปิดตัวผลิตภัณฑ์สไตล์คีย์โน้ตในช็อตต่อเนื่องช็อตเดียว

ทำวิดีโอสี่เหลี่ยมจัตุรัส 1440x1440 ความยาว 27 วินาที มีเสียง ในสไตล์งานนำเสนอของ Apple เป็น 2D เท่านั้น เป็นช็อตต่อเนื่องช็อตเดียว: ไม่มีการตัดต่อ เฟด เบลอ อนุภาค หรือแสงเรืองรอง ทุกฉากเติบโตมาจากฉากก่อนหน้า วัตถุเปลี่ยนรูปร่าง ข้อความเลื่อนขึ้นจากเส้นมาสก์ ไอคอนเด้งออกมาจากศูนย์ด้วยเอฟเฟกต์สปริง แถบถูกวาดขึ้น หน้าเลื่อนไป และรูปทรงสีดำเติมเต็มเฟรมแล้วหดเป็นฉากถัดไป โทนสี: ออฟไวต์อบอุ่น อินเทอร์เฟซสีดำ กระจกสไตล์ iOS 26 ซ้อนบนรูปภาพ ฟอนต์: กรอเตสก์ตัวหนากว้างมากสำหรับคำโลโก้ และ Geist สำหรับอินเทอร์เฟซ เคอร์เซอร์คลิกจริง ลากวาง และกดค้างจริง และกล้องซูมแบบ Screen Studio เพื่อให้ทุกช่วงเวลาเต็มสี่เหลี่ยม จังหวะ 120 BPM ทุกบีตมีบางอย่างเกิดขึ้น 1) คำว่า «[your brand]» หดเป็นจุดของตัวเอง จุดขยายเป็นแคปซูลสีดำ แล้วคำบรรยายลอยขึ้นภายใน คลิก: กลีบไดอะแฟรมหกกลีบปิดและเปิดบนรูปภาพ 2) วงกลมกลายเป็นสี่เหลี่ยมและเล็กลง จากด้านล่างตารางรูปภาพคลี่ออกเหมือนแผนที่กระดาษ แล้วจัดใหม่เป็นเบนโต การซูมเข้าไปในช่องหนึ่งลงตรงจังหวะดรอป 3) คำว่า «Edit» แบบกระจกละลายเป็นหยด หยดกลายเป็นทูลบาร์ ทูลบาร์กลายเป็นสไลเดอร์ การลากสไลเดอร์ย้อมสีรูปให้เป็นแสงช่วงโกลเดนอาวร์ ปุ่มเลื่อนกลายเป็นเลนส์ แล้วเป็นทรงกลม แล้วเป็นหน้าจอล็อก 4) ฉากจบ: รูปทรงสีดำเติมเต็มเฟรมและหดเป็นผนังสีสว่างที่มีเงาใบไม้วิ่งผ่าน บนผนังมีกรอบแขวนพร้อมภาพพิมพ์ และคำว่า «[your brand]» กลับมา เพลงมีดรอปและเบรกดาวน์เงียบ ๆ เสียงคลิกและเสียงแชะตรงจังหวะพอดี

ใช้แล้ว 19 ครั้ง
Simple Motion

โชว์รีลเว็บไซต์ 15 วินาทีที่มีวัตถุหลักหนึ่งชิ้นต่อเนื่องทุกฉาก

ทำวิดีโอแนวนอน 1920x1080 ยาว 15 วินาที มีเสียง: โชว์รีลของเว็บไซต์ฉัน ใช้โลโก้ ข้อความ และหน้าตาอินเทอร์เฟซจริงจากเว็บไซต์ อย่าคิดอะไรขึ้นเอง ทั้งฟีเจอร์และตัวเลข เลือกวัตถุหลักหนึ่งชิ้นที่ต่อเนื่องทุกฉากจากตัวผลิตภัณฑ์เอง (เคอร์เซอร์ ปุ่มหลัก หรือสัญลักษณ์โลโก้) แล้วตั้งชื่อให้มันก่อนทำสตอรีบอร์ด ทุกฉากต้องเป็นการแปลงร่างของมัน: เริ่มในอินเทอร์เฟซ เปลี่ยนรูปทรงหรือบทบาทในแต่ละฉาก และในตอนจบกลายเป็นโลโก้บนการ์ดปิดท้าย วาดอินเทอร์เฟซใหม่เป็นเลเยอร์เวกเตอร์เพื่อให้ส่วนต่าง ๆ เคลื่อนไหวแยกกันได้ ห้ามเลื่อนภาพสกรีนช็อตแบน ๆ เข้ามา เคอร์เซอร์คลิกและลากเอง กล้องสไตล์ screen-studio ซูมเข้าให้ทุกช่วงเวลาเต็มเฟรม ในแต่ละฉากกล้องค่อย ๆ ไปจากสเกล 1.0 ถึง 1.04 และไม่หยุดนิ่งเลย ส่วนฉากถัดไปเริ่มที่สเกลที่ฉากก่อนหน้าจบ สไตล์: สีประจำแบรนด์และฟอนต์ประจำแบรนด์ฟอนต์เดียว มีพื้นที่ว่างมาก ใช้สีเน้นสีเดียวเฉพาะกับวัตถุหลักและคำสำคัญ เช่น «Make videos by chatting» (เปลี่ยนเป็นข้อความของคุณ) การเคลื่อนไหว: สปริงที่เด้งเกินน้อย ไม่มีอะไรโผล่ขึ้นมาจากความว่างเปล่า ทุกอย่างงอกขึ้น คลี่ออก หรือเผยด้วยมาสก์ และทุกจังหวะต้องมีอะไรเปลี่ยน เสียง: ดนตรีต้นฉบับไม่มีเสียงร้อง 120 BPM กระเดื่องทุกจังหวะ แคลปทุกสองจังหวะ เบสและอาร์เปจโญ่ใส ๆ คอร์ดหนึ่งครั้งทุกครั้งที่เปลี่ยนฉาก ก่อนถึงจุดไคลแมกซ์ที่วินาทีที่ 12 ให้เพิ่มช่วงไต่ระดับด้วยไฮแฮตถี่ ๆ และจังหวะที่หนักที่สุด ทุกฉากต้องมีเอฟเฟกต์เสียงสั้น ๆ เช่น เสียงคลิกบนองค์ประกอบต่าง ๆ ความดังประมาณ -14 LUFS

ใช้แล้ว 9 ครั้ง
Simple Motion

รูปทรงเดียวแปลงร่างเป็น UI 10 แบบตามจังหวะ

สร้างวิดีโอแนวตั้ง 1080x1920 ความยาวประมาณ 22 วินาที พร้อมเสียง ฉากมืด กราฟิกขาวดำ และใช้สีเน้นเพียงสีเดียวคือน้ำเงินอิเล็กทริก ตรงกลางมีรูปทรงเรขาคณิตหนึ่งรูปที่ไหลลื่นจากองค์ประกอบอินเทอร์เฟซหนึ่งไปอีกอันหนึ่งโดยไม่มีการตัดต่อ รวมทั้งหมด 10 สถานะ หนึ่งสถานะต่อหนึ่งห้องเพลงที่จังหวะ 120 BPM ได้แก่ ปุ่ม, โหลดเดอร์, สวิตช์, สไลเดอร์, แท็บ, เครื่องเล่น, แผนภูมิ, การแจ้งเตือนแบบทอสต์, command palette พร้อมการพิมพ์ข้อความ และตอนจบกลับมาเป็นปุ่มอีกครั้ง การเปลี่ยนรูปแต่ละครั้งตรงกับจังหวะ: รูปทรงยืดหยุ่นและเปลี่ยนรูปร่าง องค์ประกอบด้านในปรากฏขึ้นพร้อมการเลื่อนและการปรับขนาดเล็กน้อย ส่วนของเก่าค่อย ๆ จางหายไป ใช้ฟอนต์กรอเทสก์เรขาคณิตที่สะอาดตา ข้อความสั้น ๆ เช่น "เล่น" หรือ "ค้นหา" (เปลี่ยนเป็นของคุณเอง) เพลง: แทร็กอิเล็กทรอนิกส์สุดมันส์ 120 BPM ปรับให้เข้ากับภาพตามตารางห้องเพลง มีเสียงเอฟเฟกต์มากมาย แต่ละอันตรงกับเฟรมของการกระทำพอดี: สวิตช์มีเสียงคลิกชัดเจนและเสียงหวืดสั้น ๆ เมื่อเปิดมีเสียงกริ๊งสดใส สไลเดอร์มีเสียงรัวที่สูงขึ้นตามการเคลื่อนไหวและเสียงคลิกนุ่ม ๆ ตอนท้าย เมื่อพิมพ์ข้อความ ตัวอักษรแต่ละตัวมีเสียงกดแป้นของตัวเองที่ระดับเสียงต่างกันเล็กน้อย ส่วนช่องว่างเสียงทึบกว่า โหลดเดอร์ติ๊กเบา ๆ แท็บเลื่อนและล็อกเข้าที่ ปุ่มถูกกดพร้อมเสียงคลิก

ใช้แล้ว 3 ครั้ง
Motion Fab - Describe a video in chat, an AI agent animates it | Product Hunt

คุกกี้ที่จำเป็นจะจดจำการตั้งค่าเว็บไซต์ของคุณ หากคุณอนุญาต Google Analytics จะช่วยให้เราเข้าใจว่าผู้คนใช้ Motion Fab อย่างไร คุณเปลี่ยนตัวเลือกได้ที่ส่วนท้ายของหน้า

ตัวเลือกด้านความเป็นส่วนตัวของคุณตามกฎหมายความเป็นส่วนตัวของรัฐในสหรัฐอเมริกาที่เกี่ยวข้อง นโยบายความเป็นส่วนตัว

คุกกี้ที่จำเป็นจะจดจำการตั้งค่าเว็บไซต์ของคุณ หากคุณอนุญาต Google Analytics จะช่วยให้เราเข้าใจว่าผู้คนใช้ Motion Fab อย่างไร คุณเปลี่ยนตัวเลือกได้ที่ส่วนท้ายของหน้า

ตัวเลือกด้านความเป็นส่วนตัวของคุณตามกฎหมายความเป็นส่วนตัวของรัฐในสหรัฐอเมริกาที่เกี่ยวข้อง นโยบายความเป็นส่วนตัว