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

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

สติงแอปจอแยก 12 วินาที: เคอร์เซอร์คลิก ไอคอนโคจร พรอมต์ที่พิมพ์ ข้อความเลื่อน และการ์ดปิดท้ายสุดจัด แสดงที่สองเฟรมเรต

เผยแพร่เมื่อ

ใช้พรอมต์นี้

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

รายงานพรอมต์นี้

พรอมต์

แนวคิด

ทำสติงสินค้าแนวนอนแบบจอแยก ยาว 12 วินาที สำหรับแอปของฉัน ขนาด 1920x1080 ที่ 59.94 fps แผงสี่เหลี่ยมจัตุรัสสองแผงเล่นแอนิเมชันอินเทอร์เฟซสว่างๆ อันเดียวกันเคียงข้างกัน แผงซ้ายเดินด้วยความรู้สึกแบบ 29.97 fps ส่วนแผงขวาวิ่งด้วยเฟรมเรตเต็ม เพื่อให้เห็นความต่างของความลื่นไหล ช็อตเร็วเจ็ดช็อตลงตามบีต: เคอร์เซอร์คลิกโลโก้ของฉันในหน้าต่างแอป ไอคอนแตกออกเป็นสี่เหลี่ยมโคจร คลิกบนแถบเมนูทำให้กล่องพรอมต์กระจกดีดออกมาและมีข้อความพิมพ์ลงไป หน้าข้อความเลื่อนผ่านพร้อมการ์ด การ์ดสองใบซ้อนกันลอยขึ้น โลโก้ของฉันอยู่เดี่ยวๆ และโลโก้ตัวอักษรเรืองแสงกระแทกเข้ามาบนพื้นเกือบดำ ลุคสะอาดและสว่าง มีเงานุ่มๆ และโมชันเบลอในทุกการเคลื่อนไหว หลีกเลี่ยงการเริ่มจากภาพนิ่ง ครอสเฟด เกรน และเสียงบรรยาย

โครงสร้าง

  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 ในเฟรมสุดท้าย

องค์ประกอบภาพ

พื้นหลังเป็นสีเกือบดำ #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 ตลอด โลโก้ของฉันคือไอคอนแอปในทุกที่ที่มีโลโก้ปรากฏ ไอคอนสี่เหลี่ยมมุมมนเหมาะกับเลย์เอาต์ที่สุด เช่น สี่เหลี่ยมสีหมึกเข้มที่มีวงวนสีชมพู ส้ม ขาว และสามเหลี่ยมเพลย์สีชมพู

เทคนิค

ไม่มีอะไรเริ่มจากเฟรมนิ่ง ทุกองค์ประกอบเข้ามาโดยเคลื่อนไหวอยู่แล้วด้วยอีสเอาต์แบบเอกซ์โพเนนเชียล และออกไปด้วยการเคลื่อนที่ที่เร่งขึ้นหรือแรมป์เบลอ โมชันเบลอตามความเร็วและทิศทางของทุกการเคลื่อนไหว ไม่มีครอสเฟด: ช็อตเปลี่ยนด้วยการตัดแข็ง การตัดแบบเบลอ และการละลายแบบเบลอสั้นๆ ทั้งหมดตามบีต กล้องซูมเข้าถึง 1.2 (ease-in-out, 0.47 วิ) ค้างหนึ่งเฟรมและดึงกลับเป็น 1.04 ด้วยเส้นโค้งที่เร่งขึ้นในช็อต 1 และแพนไปทางขวา 115 px ในช็อต 3 เคอร์เซอร์เป็นลูกศรสีดำขอบขาว การคลิกทำให้มันหดลง (15% หรือเป็น 0.82 นาน 0.1 วิ) การพิมพ์ทำที่ 27 ตัวอักษรต่อวินาทีหลังแคเรตสีขาว ป๊อปอินมีโอเวอร์ชูต ทางออกขึ้นด้านบนใช้แรมป์เบลอแนวตั้ง และการกระแทกเข้าของการ์ดปิดท้ายใช้เบลอแนวนอน

ดนตรี

ทำเพลงพื้นหลังฟังกี้เฮาส์ร่าเริงที่ 124 BPM ยาว 12 วินาทีพอดี เริ่มด้วยอินโทรที่ผ่านฟิลเตอร์ใต้ช็อตแรก กรูฟเต็ม (เตะสี่จังหวะ แคลป เบสสแลป คอร์ดดีดๆ) ดรอปตรงการตัดไปที่ไอคอนที่ 2.39 วิ เบรกดาวน์ที่ผ่านฟิลเตอร์เล่นใต้โลโก้เดี่ยวๆ และเสียงก้องรีเวิร์บจางหายตามหลังการกระแทกของการ์ดปิดท้าย ทุกการตัดลงบนบีต มิกซ์ให้ประมาณ -14 LUFS โดยมี true peak ต่ำกว่า -1 dBTP

เสียง

เพิ่มเสียงเอฟเฟกต์เหล่านี้ทับบนเพลง:

  • ไรเซอร์ขึ้นสู่ดรอปและบูมตรงดรอป

  • เสียงคลิกเบาๆ เมื่อเคอร์เซอร์กดโลโก้ และอีกครั้งที่ไอคอนบนแถบเมนู

  • เสียงป๊อปเมื่อกล่องพรอมต์ดีดออกมา

  • เสียงติ๊กพิมพ์เบาๆ

  • วูชตอนพับเข้าแถบเมนูและตอนสะบัดไปที่หน้าข้อความ

  • สวิชเมื่อการ์ดลอยขึ้นและเมื่อการ์ดที่ซ้อนกันละลายเข้ามา

  • เสียงกระแทกเบาๆ ที่โลโก้เดี่ยว

  • บูมพร้อมโทนเสียงที่ตกลงที่การ์ดปิดท้าย
    ไม่มีเสียงพูด

ข้อมูลอ้างอิง

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

สิ่งที่ต้องเตรียม

  • โลโก้หรือไอคอนแอปสี่เหลี่ยมจัตุรัสของคุณ ใช้เป็นไอคอนแอปในทุกช็อตที่มีโลโก้ปรากฏ

พรอมต์อื่นๆ

พรีวิวของพรอมต์ “ดำดิ่งสู่กำแพงแอป 3D: เดโมผลิตภัณฑ์สามขั้นตอน”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>

พรีวิวของพรอมต์ “วิดีโอเปิดตัวแอปแบบ Kinetic พร้อมม็อกอัปอินเทอร์เฟซเคลื่อนไหว”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 ครั้ง
Motion Fab - Describe a video in chat, an AI agent animates it | Product Hunt

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

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

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

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