Motion Fabمصمّم موشن بالذكاء الاصطناعي
AR
فتح التطبيق تجريبي

موجّهات المجتمع

تحريك الواجهات

تحريك الواجهات: فيديوهات صُنعت في Motion Fab مع الموجّه الذي صنعها. افتح موجّهًا في التطبيق وأضِف موادك وسيبني الوكيل الفيديو.

Simple Motion

عرض تعريفي سلس للتطبيق مدته 15 ثانية بموشن غرافيك خالص

<direction> اصنع عرضًا تعريفيًا أفقيًا بالموشن غرافيك مدته 15 ثانية لتطبيقي، بدقة 1920x1080 و60 إطارًا في الثانية. كل شيء رسومات مرسومة بلا لقطات مصوّرة. الشيء الوحيد الذي أقدّمه هو شعار تطبيقي (أيقونة تطبيق مربعة بزوايا مستديرة). الفكرة حركة واحدة متواصلة يسلّم فيها كل قسم آخر عنصر فيه إلى القسم التالي. نقطة تصبح الشعار، والشعار يصبح الاسم، والحروف تصبح نقاطًا، والنقاط تصبح كرات سباق، وكرة تغمر الإطار، وشكل ينكسر إلى بلاطات، والبلاطات تصبح سحابة نقاط ثلاثية الأبعاد، ثم تأتي كلمات حركية وبطاقة ختامية. كل قسم يعرض مهارة حركة واحدة. استخدم ألوانًا مسطحة وأشكال متجهة حادة وواجهة 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 بكسل. يُرسم خط داكن رفيع من المركز فوقه، مع كتابة "01" على اليسار وعنوان موقعي على اليمين. من 2.55 ث تمر موجة عرض عبر الحروف: يضيق كل حرف من 150% إلى نحو 55% من العرض ثم يعود خلال 0.6 ث، بعد 0.1 ث من الذي قبله. تُعاد مواءمة الكلمة إلى 1640 بكسل في كل إطار، فتزداد الحروف الضيقة ارتفاعًا. عند 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 بكسل في 0.94 ث بالضبط، لكل منها منحناها الخاص: 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 بكسل. 5. 7.5–9.75 ث، قريب من الأسود: ينقسم المربع إلى تسع بلاطات بحجم 120 بكسل. تنمو متاهة truchet حلقة بحلقة حتى تملأ الإطار (back.out، نحو 30 م ث لكل حلقة)؛ تحمل كل بلاطة قوسين ربع دائريين في ركنين متقابلين، مرسومين كخطوط فاتحة بسماكة 20 بكسل. تعبرها موجات وردية: أولًا شريطان يمسحان من اليسار إلى اليمين، ثم حلقة تنغلق نحو المركز. تدور البلاطات داخل الموجة 90 أو 180 درجة، وتنكمش إلى 80% وتتحول إلى الوردي، فتنكسر الخطوط إلى شرطات، ثم تعود بعد مرور الشريط. تُكتب تسمية mono صغيرة في الأسفل ("SHAPES · TRANSITIONS · NO KEYFRAMES"). من 9.45 ث تنهار البلاطات من المركز إلى الخارج. 6. 9.5–11.25 ث: تظهر شبكة نقاط 24 × 24 حيث كانت البلاطات، منظورة من الأعلى. تميل إلى مستوى منظوري وتنطوي إلى كرة، ثم مزهرية، ثم كتلة مضغوطة، ثم torus وهي تدور حول محورها الرأسي. بين الأشكال تتحرك بـ power2.inOut، مع خطوط باهتة بين الجيران، ونقطة وردية تقريبًا من كل تسع، وتزداد النقاط خفوتًا مع العمق. تسمية mono أسفلها ("3D EFFECTS · LIVE PREVIEW · MP4 EXPORT"). تقترب عبر الكاميرا وتتلاشى عند 11 ث. 7. 11.25–13.0 ث، كلمات حركية: كلمة كل 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، لقطعة حركية واحدة فقط الخطوط: - خط grotesque عريض متغير بمحور عرض (Anybody، وزن 900، عرض 50–150%) للاسم والكلمات الحركية. - خط serif مائل تحريري مضغوط (Instrument Serif Italic) للعناوين والشعارات. - خط mono (JetBrains Mono) لتسميات الواجهة، 14 بكسل، تباعد الأحرف 0.16em. تغطي واجهة HUD لمنظار كاميرا الفيديو كله: - أقواس زوايا رفيعة بسماكة 2 بكسل، على بعد 44 بكسل من كل زاوية. - أعلى اليسار: اسم تطبيقي بأحرف 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 بكسل ينمو مع الزمن. يتبدل الـ HUD بين حبر داكن وفاتح عند كل قطع ليبقى مقروءًا على أي خلفية. كل الكلمات على الشاشة أمثلة استبدلها بكلماتك. </composition> <techniques> - ينتهي كل قسم بعنصر ينمو منه القسم التالي: نقطة إلى شعار، شعار عائد إلى نقطة، أقراص إلى اسم، حروف إلى نقاط، نقاط إلى كرات، كرة إلى فيضان بنفسجي، مربع إلى بلاطات، بلاطات إلى شبكة نقاط، سحابة نقاط تقترب عبر الكاميرا إلى الكلمات الحركية. - تُكتب كل تسمية قسم جديدة في الـ HUD خلال 0.3 ث، مع رموز عشوائية تسبق المؤشر. وتُكتب سطور mono الأخرى أيضًا. - خط بعرض متغير: حرّك محور عرض كل حرف وأعد مواءمة الكلمة كلها إلى عرض ثابت في كل إطار. - تُقص كشوف الحروف داخل صندوق كل حرف. - استخدم تمويه حركة خفيفًا في الحركات السريعة فقط، وحافة لونية بنفسجية باهتة على مسح القزحية الكبير. - الخطوط الصدوية والحلقات الشبحية والهالات خطوط رفيعة وردية أو بلون مطابق وتتلاشى بسرعة. </techniques> <music> سينث بوب إلكتروني حيوي بإيقاع 128 BPM، النبضة الأولى عند 0.06 ث، بطول 15 ث بالضبط: - أوتار باد ناعمة تشبه الأجراس في الميزان الأول. - بعد الدروب عند 1.93 ث، طبلة كيك four-on-the-floor مع تصفيق على 2 و4، وهاي-هات على النبضات الضعيفة، وباص سينث قوي، وضربات أوتار قصيرة تحت الأقسام. - بريك من نحو 10 ث يتصاعد نحو القسم الحركي. - وتر باد ختامي رنّان على البطاقة الختامية. تتغير الأقسام عند خطوط الموازين، ويحط الاسم على الدروب عند 1.93 ث، وتقع قطعات الكلمات الحركية على الأنصاف المضاعفة (ثُمنيات النوتة). </music> <sound> بلا صوت بشري. ضربات فوق الموسيقى: - رايزر خلال الميزان الأول - بوم على الدروب عند 1.93 ث - رايزر من نحو 10 ث إلى ضربة punch عند 11.25 ث - كيك وووش قصير عند كل قطع كلمة حركية - ضربة صنج crash عند 12.71 ث - بوم مع وتر الباد الرنّان عند هبوط البطاقة الختامية - blip صغير عند 14.1 ث تحمل الموسيقى المقطوعة وتهبط الضربات بوضوح فوقها. </sound> <references> عرض تعريفي لمصمم موشن مدمج مع فيديو إطلاق منتج تقني. يجمع بين طبقة منظار كاميرا، وطباعة حركية جريئة بالطراز السويسري، وعروض لمنحنيات التسهيل، وأنماط بلاطات truchet توليدية، وسحابة نقاط ثلاثية الأبعاد تدور. </references>

Simple Motion

شرح المنتج على شكل وصفة مشروب مرسومة يدويًا

<direction> اصنع موشن جرافيك مربعًا مدته 30 ثانية (1080x1080، 30 إطارًا في الثانية) بموسيقى لاونج خفيفة في الخلفية، ومؤثرات صوتية مرحة مع كل حركة، وبدون صوت تعليق. إنه فيديو توضيحي مرسوم يدويًا على شكل «وصفة» لمنتجي: تُعرض خطواته كمشروب يُحضَّر خطوة بخطوة داخل كأس. هو مشهد مرسوم متواصل واحد بلا قطعات، وكل شيء يتغير في مكانه. الشكل رسم ثنائي الأبعاد مسطح على صفحة بلون لافندر أبيض باهت، بخطوط خارجية بلون حبر داكن «تغلي» مثل الرسوم المتحركة المرسومة يدويًا، وحروف كبيرة كرتونية عريضة بأسلوب الملصقات. استبدل كل كلمة بين علامتي اقتباس أدناه بكلمات منتجي، مع إبقاء كل كلمة بطول مماثل تقريبًا ليبقى التصميم متماسكًا. تجنب القطعات وحركات الكاميرا والتظليل أو التدرجات خارج التعبئة المسطحة، وتجنب التعليق الصوتي. </direction> <structure> الإيقاع هادئ ومتساوٍ. المقدمة سريعة ومرتدة، وكل سكب يستغرق 5 ثوانٍ ثابتة، والتحريك والقشرة الملتوية أسرع قليلًا، والخاتمة تستمر 3 ثوانٍ. كل تغيير للبطاقة يقع على نبضة من الموسيقى بإيقاع 120 نبضة في الدقيقة: 6.0 و11.0 و16.0 و21.0 و24.5 و27.0 ثانية. - 0–2.5 ث، العنوان: «YOUR BRAND» (استبدله باسم علامتك) يُوضع كبيرًا في المنتصف بعرض نحو 920 بكسل. ابتداءً من 0.15 ث تُختم حروفه واحدًا تلو الآخر في أماكنها خلال 0.83 ث. يبدأ كل حرف بحجم 10%، وأخفض بمقدار 22 بكسل ومائلًا بزاوية ±8–14°، ويهبط في 0.36 ث مع تجاوز ناعم (back.out 1.7). عند 1.4 ث يظهر سطر صغير، «what your product is»، تدريجيًا تحته، ويختفي عند 2.45 ث. - 2.5–3.6 ث، التسليم: يرتفع العنوان 365 بكسل ويصغر إلى 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 بكسل، ويقفز 20 بكسل ثم يستقر: اثنان في القاع وواحد في الأعلى. تومض ثلاث خطوط شرارة صغيرة فوق كل مكعب أثناء مروره بحافة الكأس. كل هبوط يملأ ثلث شريط تقدم البطاقة ويضيف كلمة واحدة من الحالة «three short words». - 6.0–21.0 ث، الخطوات 2–4: ثلاث عمليات سكب مدة كل منها 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”». ملعقة بار خفيفة برأس كروي تسقط بتباطؤ سريع. تتأرجح 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 بكسل بأطراف مستديرة. - الكأس: لافندر (#F0EDFF) مع قاعدة بصبغة بنفسجية. - مكعبات الثلج: مربعات مدورة، بيضاء بنسبة 40% فوق ما خلفها، مع خط في الزاوية الداخلية. - البطاقات: بيضاء بظل لافندر ناعم مزاح. - البرتقالي (#FE9117): الزينة ونصف شرطات الخاتمة. الخطوط: - خط العرض: حروف كبيرة كرتونية عريضة (شيء مثل Lalezar) بأسلوب الملصقات. الوجه وردي (#FB2D89)، مع خط خارجي بلون الحبر الداكن خلفه وبروز بنفسجي (#7C6CF2) مزاح نحو الأسفل واليسار. - النص الصغير: خط يدوي طباعي ودود (شيء مثل Playpen Sans)، رمادي أرجواني خافت (#6B6385) للنص الأساسي ووردي للتسميات. التخطيط بعد المقدمة: - الترويسة: أعلى المنتصف، بعرض نحو 540 بكسل، مع سطر صغير تحتها: «first benefit · second benefit · third benefit». - الكأس: كأس قصير مخروطي يسار المنتصف، بعرض نحو 290 بكسل، الحافة عند y 457 والقاعدة عند y 797. - بطاقة المعلومات: على اليمين، 390x248 بكسل بزوايا 14 بكسل وإطار بلون الحبر الداكن. من الأعلى إلى الأسفل تضم عنوانًا تمهيديًا ورديًا صغيرًا، والقيمة الكبيرة بحروف الملصقات، وعنوانًا بحروف كبيرة داكنة، وسطرًا مكتوبًا بخط اليد، وشريط تقدم على شكل حبة مع كلمة حالة قصيرة على يمينه. - المتتبع: ست خطوات على طول الأسفل. الدوائر بعرض 43 بكسل وتبعد 156 بكسل عن بعضها على سكة رفيعة، مع تسميات صغيرة بحروف كبيرة مصغرة تحتها: «TEMPLATE» و«TYPE» و«SHAPES» و«SOUND» و«REFINE» و«EXPORT». </composition> <techniques> - الخطوط الغالية: يحصل كل خط مرسوم على اهتزاز خفيف بمقدار 1–2 بكسل يتغير إلى اهتزاز جديد كل 4 إطارات، في القطعة كلها، مثل إزاحة اضطراب فوق الخطوط. - إعادة تركيب البطاقة: في أول إطار من كل خطوة، تظهر القيمة الكبيرة الجديدة وحدها لإطار واحد، ثم تعود البطاقة. تُختم القيمة الكبيرة من تلقاء نفسها من حجم 72% مع تجاوز back.out. - الكتابة: تُكتب كلمات الحالة من تلقاء نفسها على خطوات. - المتتبع، الخطوة الحالية: دائرتها بحلقة بلون الحبر الداكن ونقطة وردية وتسمية وردية، و«تتنفس» بين 100% و112% كل ثانية. - المتتبع، الخطوة المنتهية: قبل البطاقة التالية بنحو 0.1 ث، تمتلئ دائرتها بالوردي وتُرسم علامة صح بيضاء في 0.17 ث. تتحول تسميتها إلى لون الحبر الداكن، وتمتلئ السكة إلى الدائرة التالية بالوردي في 0.37 ث. - المتتبع، الخطوات القادمة: تبقى خافتة مع نقطة رمادية صغيرة. </techniques> <music> مقطوعة موسيقية لاونج-بوب دافئة ومريحة بإيقاع 120 نبضة في الدقيقة في مقام كبير: طبول بالفرش، وكونترباص مستدير، وفيبرافون، وأوتار بيتزيكاتو، وطقطقة أصابع، وقليل من الشيكر. اجعلها قليلة الكثافة بلا لحن رئيسي، لتبقى تحت المؤثرات. تبدأ ببضع نوتات منقورة من الفيبرافون والبيتزيكاتو بلا طبول، ويدخل باص ناعم عند 2 ث. الإيقاع الكامل بالفرش مع الباص المتنقل يبدأ تمامًا عند بطاقة السكب الأولى عند 6.0 ث. يبقى ثابتًا خلال عمليات السكب والتحريك والقشرة الملتوية، ويصل إلى ضربة وتر ختامية عند 28.0 ث بينما يستقر الكأس المنتهي، ويتلاشى حتى النهاية. اجعلها 30 ثانية بالضبط، بمزج نحو -14 LUFS وذروة حقيقية تحت -1 dBTP. </music> <sound> بدون صوت تعليق. كل مؤثر يقع على إطاره، واضحًا فوق الموسيقى؛ ولا تحتاج الموسيقى أبدًا إلى أن ترتفع لتفسح له المجال. - العنوان: فرقعة ناعمة لكل حرف، ترتفع قليلًا في النغمة وتتحرك من اليسار إلى اليمين بينما تُبنى الكلمة. - التسليم: صوت اندفاع لطيف تحت ارتفاع العنوان، وخدش قلم خافت لكل خط بينما يرسم الكأس نفسه. - البطاقات: خفقة ورق وضربة خافتة في كل مرة تُوزَّع فيها بطاقة وتُختم كلمتها الكبيرة. - هبوط الثلج: طرقة جافة قصيرة من الثلج على الكأس لكل مكعب، مع اتصالين أو ثلاثة بفارق بضعة ميلي ثوانٍ وضربة منخفضة تحت السقوط. أنعم للارتداد وأصغر للقفزة الأخيرة، وكل ضربة بارزة بوضوح عن الموسيقى. - الزجاجات: صوت اندفاع ناعم عند انزلاق كل زجاجة وعند ميلانها. - عمليات السكب: كل واحدة مسموعة بوضوح ومختلفة. أولًا تيار صافٍ فوّار ومتناثر يطرق الثلج، ثم سكب أكثر امتلاءً بقرقرات سريعة، ثم سكب داكن شرابي بقرقرات بطيئة وعميقة. امنح كل سكب جسمًا في نطاق 1–4 كيلوهرتز حيث يقع التيار وجيب الهواء الرنان في الكأس، ليبدو أعلى بنحو 8 ديسيبل من الثواني المحيطة هناك. اجعلها نقية: في الغالب زجاج رنان وفقاعات، وقليل من الهسهسة. - حول كل سكب: ترتفع نغمة جيب الهواء من سكب إلى آخر مع امتلاء الكأس، وتسقط بضع قطرات أخيرة بعد كل منها. تنخفض الموسيقى نحو 5 ديسيبل تحت كل سكب وتعود بلطف، ويتبع صوت اندفاع الزجاجة وهي تخرج. - المتتبع: رنين تأكيد ناعم من نغمتين كلما أُنجزت خطوة، أعلى قليلًا للأخيرة. - الملعقة: رنة معدنية عند سقوطها، وثلج يطرق الكأس عند كل طرف من تأرجحها، وصوت اندفاع عند خروجها. - القشرة: نقرة عند ظهورها، وثلاث رشات رذاذ ناعمة أثناء التفافها، وطرقة خفيفة عند استقرارها على الحافة. - الخاتمة: رنين ساطع مع انفجار الشرطات، فوق لمعان زجاجي خافت حتى النهاية. - المزج النهائي: نحو -14 LUFS، وذروة حقيقية تحت -1 dBTP. </sound> <references> رسوم متحركة مرسومة يدويًا بخطوط تغلي، وفيديوهات توضيحية مسطحة للتطبيقات بأسلوب الملصقات، ورسوم وصفات الكوكتيل حيث يمثل كل مكوّن ميزة. </references>

Simple Motion

الغوص في جدار تطبيقات ثلاثي الأبعاد: عرض منتج في ثلاث خطوات

<direction> أنشئ عرضًا توضيحيًا أفقيًا لمنتج بمقاس 1280x720 ومدته 31 ثانية، مبنيًا بالكامل على الرسوم المتحركة ومعه صوت. يُعرض كحركة كاميرا واحدة متواصلة بلا قطع ويتكرر بسلاسة: الإطار الأخير يلتقي بالأول. الفكرة: جدار من شاشات التطبيق مائل إلى الخلف في 3D، تغوص الكاميرا في إحدى الشاشات، فتصبح تلك الشاشة نافذة التطبيق، وتعرض ثلاث خطوات مرقمة ما يفعله المنتج قبل بطاقة ختامية بشعاري. المظهر نظيف وعصري: واجهة متجهية مسطحة ترسمها أنت، وعمق ناعم، ومساحة واسعة، وحركة هادئة ودقيقة. تجنب القطع الحادة واللقطات الحقيقية والصور الجاهزة والخلفيات المزدحمة وحركات التسارع المرتدة أو الكرتونية وأي شيء يكسر التكرار. </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)، ولون تمييز ساطع واحد لأرقام الخطوات والتمييزات وضربة الفرشاة، ورمادي هادئ لإطار النافذة والواجهة الثانوية. أبقِ جدار الشاشات بالألوان نفسها مع تباين أقل ليُقرأ العنوان فوقه. </composition> <techniques> كل شيء يحدث ضمن حركة كاميرا واحدة متواصلة: انجراف بطيء فوق الجدار ثلاثي الأبعاد، المائل إلى الخلف بحوالي 25 درجة، مع تأثير بارالاكس لطيف بين الشاشات. يغادر العنوان بضبابية متزايدة وتلاشٍ خلال حوالي 0.6 ث. الغوص دفعة سلسة ease-in-out نحو شاشة واحدة بينما تكبر وتتسطح لتصبح نافذة التطبيق. تنزلق أسطر العنوان للأعلى بحوالي 30 px مع تلاشٍ، بفارق حوالي 0.1 ث، بتباطؤ ease-out ناعم. ينزلق النص الخارج للأعلى ويتلاشى قبل دخول الخطوة التالية. يتغير محتوى النافذة في مكانه بتلاشيات متقاطعة وانزلاقات قصيرة. تُرسم ضربة الفرشاة تدريجيًا. تكتب الطرفية حرفًا بحرف مع مؤشر وامض. في البطاقة الختامية، يكبر الشعار برفق، ثم تتراجع الكاميرا بسلاسة إلى جدار البداية لتكرار سلس. </techniques> <music> استخدم مقطوعة synthwave هادئة instrumental بإيقاع حوالي 100 BPM، مدتها 31 ثانية بالضبط، مع القطعات والضربات على شبكة الإيقاع. يعزف pad دافئ تحت العنوان. يدخل الإيقاع بدويّ ناعم عندما تغوص الكاميرا في النافذة. ترتفع المقطوعة قليلًا للخطوة 02 وتخف تحت الطرفية. يقود riser إلى البطاقة الختامية، وتنتهي المقطوعة بحيث يكون التكرار إلى البداية سلسًا. استهدف حوالي -14 LUFS مع true peak أقل من -1 dBTP. </music> <sound> أضف صوت whoosh عند الغوص في النافذة، ونقرة UI ناعمة عند هبوط كل سطر من العنوان، وحفيف فرشاة خفيف على الضربة في الخطوة 01، ونقرات لوحة مفاتيح هادئة تحت الكتابة في الطرفية. أضف صدمة لطيفة أو رنينًا عند هبوط الشعار على البطاقة الختامية. أبقِ المؤثرات تحت الموسيقى، بلا تعليق صوتي. </sound> <references> يشبه أنيميشن مصقولًا لإطلاق تطبيق أو جولة تعريفية: كاميرا تحلق فوق شبكة ثلاثية الأبعاد من شاشات الواجهة إلى نافذة منتج نظيفة، مع خطوات ميزات مرقمة، كما في العروض التوضيحية الحديثة لصفحات هبوط البرمجيات. </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> كل انتقال هو جسم يتحول إلى المشهد التالي، وليس قطعًا أبدًا. تكبر النقطة لتصبح الكبسولة بتباطؤ ناعم في النهاية، وتظهر الدوائر بقفزة مع فارق زمني طفيف. تراجع الكاميرا تصغير سلس للمقياس يكشف العنوان. الكلمة المتقلبة هي بكرة عمودية تدور بين الكلمات في حلقة. يمر التكبير عبر الكبسولة إلى البكرة. تدور البكرة بسرعة ثم تتباطأ بتباطؤ طويل لتستقر بدقة على الاختيار. يتغير مقياس الاختيار وشكله ليصبح الهاتف، وتنفرد البطاقات حوله بدوران وانزلاق متتابعين. البانوراما السريعة حركة أفقية سريعة مع ضبابية حركة وتسارع وتباطؤ حادين. تحديد لوحة المعلومات حلقة إبراز وتكبير للفائز. يتمدد الفائز إلى الجدار ثلاثي الأبعاد المائل الذي ينطوي وينهار إلى الشعار باستقرار أخير. كل الحركات والهبوطات الرئيسية تصيب شبكة الإيقاع. </techniques> <music> أنشئ مقطوعة إلكترونية أصلية حماسية بسرعة 128 BPM ومدتها 15 ثانية بالضبط، بمسار واضح: بداية خفيفة، وتصاعد عبر مشهدي البكرة والهاتف، وذروة (drop) حول البانوراما السريعة، ونهاية نظيفة على الشعار. ضعها على شبكة إيقاع المونتاج، مع ضربات مؤلفة فوقها لكل تسليم، وصعود (riser) نحو الذروة، وضربة أخيرة عندما ينطوي الجدار إلى الشعار. اضبط الماستر عند نحو -14 LUFS مع ذروة حقيقية أقل من -1 dBTP. </music> <sound> بدون تعليق صوتي. أضف أصوات whoosh عند التكبير والبانوراما السريعة، وطقة قصيرة مع توقف عند استقرار البكرة، وصدمة ناعمة على الشعار. أبقها كلها تحت الموسيقى وعلى الإيقاع. </sound> <references> صفحة هبوط لـ SaaS محركة لتصبح فيديو ترويجيًا لمنتج: بطاقات واجهة، ونموذج هاتف، ولوحة تحليلات، وجدار فيديوهات، بأسلوب فيديوهات إطلاق التطبيقات الحديثة مع انتقالات سلسة من جسم إلى آخر. </references>

Simple Motion

فيديو إطلاق تطبيق حركي مع نموذج واجهة متحرك

<direction> اصنع فيديو إطلاق منتج حركيًا أفقيًا بدقة 1920x1080 ومدته 42 ثانية لـ [your app]. يُظهر كيف يصنع مؤسس فيديو إطلاق لشركته الناشئة بمجرد الدردشة في التطبيق. أعد بناء واجهة تطبيقي من لقطات الشاشة الخاصة بي كنموذج متحرك نظيف مصنوع من أشكال ونصوص، قريب من الواقع. في هذا الفيديو هو تطبيق داكن بلون كحلي-بنفسجي مع Live preview على اليسار، وتبويبات Chat / Files / Panels على اليمين، وأزرار تمييز وردية. لا تعرض لقطات الشاشة أبدًا كصور ثابتة: يجب أن يتحرك كل عنصر. حافظ على واجهة واحدة متصلة بلا قطعات حادة. تتقدم الكاميرا وتتحرك أفقيًا وتتراجع بين اللوحات بينما يتحرك المؤشر وينقر. التزم بشبكة إيقاع 120 BPM (النبضة الواحدة = 0.5 ثانية) واجعل شيئًا يحدث مع كل نبضة. كلمات حركية ضخمة تصطدم فوق الواجهة بين الخطوات. الشركة الناشئة للمؤسس هي تطبيق مُختلق، مثلًا "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) البث الحي، حوالي 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> لوحة الألوان: واجهة داكنة كحلية-بنفسجية، وأزرار تمييز بلون أرجواني وردي والفيضان الوردي، وتدرج وردي إلى برتقالي على الشعار، والليموني كلون تظليل داخل الإعلان التجريبي. الكلمات الحركية ضخمة وعريضة وبأحرف كبيرة بخط بلا زوائد بخطوط العلامة التجارية وتمتد على معظم عرض الإطار. صغّر الكلمة الطويلة قليلًا بدل أن تُقص. حافظ على هوامش آمنة في كل مكان. في اللقطات الواسعة تكون نافذة التطبيق كاملة داخل الإطار. في الدردشة يكون حقل الإدخال ظاهرًا بالكامل. في مشهد التصدير يكون زر Export والتبويبات داخل الإطار. في الإعلان يبقى العنوان وشريط الليمون في عمودهما مع مساحة كافية. يطابق الشريط عرض كلماته تمامًا ولا يتداخل أبدًا مع عمود "92%". </composition> <techniques> كاميرا افتراضية متصلة مع تقدم وتحريك أفقي وتراجع سلس (ease-in-out) بين اللوحات ودون قطعات. ينزلق المؤشر نحو أهدافه وينقر مع تصغير طفيف عند الضغط. تدخل كلمات الافتتاحية واحدة مع كل نبضة. تطير بطاقات المرفقات وتستقر في مكانها بتجاوز طفيف. يُكتب نص الدردشة حرفًا حرفًا. تظهر عناصر قائمة التحقق وتُعلَّم على نبضات متتالية. يمتلئ المخطط الرمادي بسرعة ثم يتحول عنصرًا بعنصر إلى الإعلان النهائي. ينمو الفيضان الوردي تحت "GO!" شعاعيًا من الزر المنقور. تصطدم الكلمات الكبيرة بتأثير تصغير سريع فوق الواجهة وتغادر بسرعة مع النبضة التالية. لكل نبضة حدث مرئي: كلمة أو نقرة أو بطاقة أو علامة أو سطر حالة أو حركة كاميرا. </techniques> <music> مقطوعة إلكترونية حيوية بإيقاع 120 BPM، يرتبط فيها كل قطع واصطدام كلمة وحدث في الواجهة بالإيقاع. تتصاعد خلال خطوات الإعداد، وترتفع نحو "GO!"، وتدفع البناء الحي، وتنتهي بضربة أخيرة على البطاقة الختامية. </music> <sound> نقرات لوحة المفاتيح تقع تمامًا على كل حرف يُكتب. نقرات الفأرة عند كل نقرة للمؤشر. أصوات whoosh عند حركات الكاميرا وعند طيران بطاقات المرفقات، وأصوات طقطقة عند هبوطها. نقرات خفيفة لخطوات القائمة وأسطر الحالة. تأثير قوي تحت كل كلمة كبيرة، وصوت riser نحو "GO!" وضربة أخيرة على البطاقة الختامية. أبقِ الموسيقى تحت المؤثرات حتى تُسمع النقرات والتأثيرات بوضوح. </sound> <references> إعلانات تشويقية حركية لإطلاق التطبيقات تعيد بناء واجهة SaaS كنموذج متحرك واضح بحركة كاميرا واحدة متصلة، على طراز إعلانات يوم إطلاق المنتج. </references>

استُخدم مرتين
Simple Motion

فيديو ترويجي بتذكرة وحقيبة وصيغ متعددة مع كشف الشعار

<direction> اصنع فيديو ترويجيًا بتصميم حركي مدته 15 ثانية بشكل أفقي (1920x1080، 60 إطارًا في الثانية) لـ [your brand]، وهو منتج يحوّل الوصف إلى فيديو جاهز (كيّف الكلمات لتناسب منتجك). الفكرة: يتحول الطلب إلى تذكرة، وتنفتح التذكرة على وعد، وتسلّم حقيبة سفر الخطوات واحدة تلو الأخرى، وتمر ثلاث صيغ بسرعة، ثم يستقر كل شيء على شعاري. لا يوجد تعليق صوتي: الكلمات على الشاشة والموسيقى تحمل الإيقاع. كل شيء مرسوم: رسومات ثنائية الأبعاد مسطحة مع بطاقة واحدة مائلة بتأثير ثلاثي الأبعاد، دون لقطات مصوّرة. المظهر فاتح ونظيف ونابض بالطاقة: لون وردي واحد مميز على صفحة فاتحة، مع حقل داكن بلون حبر عميق. تجنب اللقطات المصوّرة والصوت والضبابية داخل أقنعة النص وأي انجراف أو تشويه للشعار. يتشكل الشعار كاملًا تمامًا كما هو مرسوم، ويبقى ثابتًا تمامًا من نحو 13.3 ثانية حتى النهاية. </direction> <structure> 1. 0–1.9 ثانية، الطلب. على اليسار، عنوان صغير وردي بتباعد بين الأحرف «YOUR AI MOTION DESIGNER» يعلو عنوانًا رئيسيًا من ثلاثة أسطر بحجم نحو 180 بكسل: «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 بكسل إلى اليسار ثم تستقر عائدة (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 بكسل، بخطوة كل إطارين. تغادر أسطر العنوان إلى الأعلى بالترتيب بينما تكبر الدائرة. 2. 1.9–4.0 ثانية، الوعد، على حقل وردي كامل (شعاعي، أفتح في الوسط). يولد مثلث تشغيل أبيض، أطول قليلًا من عرضه ليشير إلى وجهته، داخل الدائرة. يطير في حلقة واحدة حول الكلمات، مدارًا على امتداد مساره: إلى الأعلى، ثم يسارًا عبر الأعلى، ثم إلى الأسفل على اليسار، ثم على طول الأسفل، ثم إلى الأعلى على الجانب الأيمن وخارجًا من أعلى اليمين. يرسم خلفه مدارًا منقطًا أبيض تتلاشى نقاطه الأقدم إلى خط رفيع باهت. توجد دائرتان كبيرتان باهتتان في الخلفية. تتأرجح «No keyframes.» (نحو 220 بكسل، أبيض) حرفًا بحرف بفارق 0.03 ثانية على قوس من أسفل اليمين، تبدأ بزاوية 38° وتستقيم. عند 2.8 ثانية تطير إلى الأعلى وخارجًا حرفًا بحرف. في الوقت نفسه ترتفع «The agent animates it.» (نحو 157 بكسل) من خطها القاعدي حرفًا بحرف بفارق 16 مللي ثانية. عند 3.03 ثانية تنزلق حبة بيضاء مستديرة من اليسار خلف «animates it.» في 0.18 ثانية، وتتحول تلك الكلمات إلى الوردي داخلها. عند 3.77 ثانية تتضبب الكلمات وتتلاشى. تسقط حقيبة سفر بلون حبر عميق بحزام وردي وبطاقة «MP4» من الأعلى وتهبط عند 4.02 ثانية مع انضغاط صغير. 3. 4.0–8.95 ثانية، الخطوات. تنفتح دائرة فاتحة من حقيبة السفر مع حلقتين وردييتين باهتتين، وتنتشر قطعتان ناقصتان وردييتان موجيتان من قاعدتها. في الأعلى ترتفع «Edit in words.» (خافتة، نحو 56 بكسل). ثم ترتفع «Your idea is ready to move.» (نحو 93 بكسل) كلمة بكلمة، مع «move.» بالوردي وخط تسطير وردي مرسوم باليد يُرسم تحتها. فوق حقيبة السفر تصل ست بطاقات خطوات بيضاء، واحدة كل 0.58 ثانية. كل بطاقة بحجم 900x165 بكسل ومستديرة، مع مربع أيقونة على اليسار وشارة حالة على اليمين. ترتفع كل واحدة من خلف حقيبة السفر (من 100 بكسل أدنى وبحجم 72٪، 0.3 ثانية، power2.inOut) مع شارة لافندر «Animating» ودوّار تحميل. ثم تضيء على مرحلتين: أولًا حد وردي وهالة خارجية ناعمة، وبعد 0.07 ثانية يتحول مربع الأيقونة إلى الوردي وتصبح الشارة «✓ Ready» وردية. عند وصول البطاقة التالية ترتفع القديمة 40 بكسل وتتلاشى في 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 بكسل، أبيض: «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 بكسل، بينها 30 بكسل) على حقل بلون حبر عميق. تتقدم الشبكة بلطف إلى 1.05 وتعود لتستقر في نصف ثانية. ترتفع «Vertical, horizontal or square.» فوقها بالأبيض. بعد أن تستقر الشبكة تظهر أسماء صغيرة تدريجيًا على البطاقات («Vertical» و«Horizontal» و«Square»)، داخل الإطار بوضوح. 6. 12.2–15 ثانية، الشعار. تنمو نقطة وردية من البطاقة الوسطى، مع حلقات هالة باهتة، بينما تتقلص الشبكة إلى 0.9 على صفحة بيضاء. يُضبط نصف قطرها بإطارات مفتاحية كل إطارين من 12 إلى 1150 بكسل. ثم تتقلص النقطة بسرعة وتبطئ (260 و125 و90 و75 بكسل) وهي تنتقل إلى يسار المنتصف. هناك تنفتح مباشرة إلى شكل خلفية شعاري، دون أن تتداخل مع الشعار أبدًا، وتنمو الأجزاء الداخلية للشعار كقطعة واحدة، تمامًا كما الشعار مرسوم. عند 13.03 ثانية ينزلق «[your brand]» من خلف الشعار إلى اليمين (power3.out، 0.32 ثانية)، بينما تنتشر حلقة وردية رفيعة حول الشعار وتتلاشى. الاسم بحجم نحو 150 بكسل، بلون حبر عميق، وحروفه متمركزة على الخط الأوسط للشعار والتركيب كله متمركز في الإطار. ثم ترتفع «Describe the video. The agent animates it.» كلمة بكلمة تحته، مع الجملة الثانية بالوردي. تظهر ثلاث شارات لافندر: «• Vertical» و«• Horizontal» و«• Square». يرتفع «[your website]» بلون رمادي خافت. يبقى الشعار ثابتًا تمامًا من نحو 13.3 ثانية، ويثبت كل شيء حتى النهاية. </structure> <composition> الأساس صفحة فاتحة #FAF9FF مع شبكة نقاط خافتة 40 بكسل #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 نبضة في الدقيقة، بطول 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 إطارًا في الثانية. تعرض لوحتان مربعتان جنبًا إلى جنب الرسوم المتحركة الساطعة للواجهة نفسها. تتحرك اللوحة اليسرى بإحساس 29.97 إطارًا في الثانية وتعمل اللوحة اليمنى بمعدل الإطارات الكامل، ليظهر الفرق في السلاسة. تقع سبع لقطات سريعة على الإيقاع: مؤشر ينقر على شعاري في نافذة التطبيق، تنفجر الأيقونة إلى مربعات تدور حولها، نقرة في شريط القوائم تُخرج مربع أوامر زجاجيًا يُكتب فيه نص، تمر صفحة نص مع بطاقة، تطفو بطاقتان متراصتان إلى الأعلى، يبقى شعاري وحده، ويظهر شعار نصي متوهج بقوة على خلفية شبه سوداء. المظهر نظيف وساطع، مع ظلال ناعمة وتمويه حركة على كل حركة. تجنب البدايات الثابتة والتلاشي المتقاطع والحبيبات والتعليق الصوتي. </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 وشريط قوائم داكن شبه شفاف فيه أيقونات الواي فاي والبطارية والتحكم، وشعاري، وثلاث نقاط لونية، و«[علامتك التجارية]» و«افتح التطبيق». تنتقل الخلفية من الحبر العميق إلى البنفسجي، مع خطوط ضوء قطرية على اليسار، وتوهج وردي، وشبكة رفيعة، ولمعة على اليمين. يرتفع المؤشر إلى الشعار وينقر (يتحجم إلى 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 تحت مؤشر صغير منتصب: «مصمم حركة بالذكاء الاصطناعي» على اليسار، ««أبطأ»، «لون آخر»» على اليمين. أسطر المثال: «من الفكرة إلى الفيديو في دردشة واحدة»، «01 اختر قالبًا»، «02 صف فكرتك»، «03 حسّن بالكلمات ثم صدّر»، «أخبر الدردشة بما تريد عرضه. يبني الوكيل الرسوم المتحركة.»، «طباعة حركية وأشكال وتأثيرات ثلاثية الأبعاد وصوت». عند 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 مع ذروة حقيقية دون -1 dBTP. </music> <sound> فوق الموسيقى، أضف المؤثرات الصوتية التالية: - صوت صاعد قبل الذروة ودوي عندها - نقرة ناعمة عندما يضغط المؤشر على الشعار، وأخرى على أيقونة شريط القوائم - فرقعة عندما يقفز مربع الأوامر - نقرات كتابة خفيفة - صوت اندفاع عند الانطواء إلى شريط القوائم وعند الانتقال السريع إلى صفحة النص - صوت سريع عندما ترتفع البطاقة وعندما تذوب البطاقات المتراصة - ضربة خفيفة على الشعار وحده - دوي بنغمة هابطة على بطاقة النهاية بلا صوت بشري. </sound> <references> مقطع تعريفي متقن لإطلاق تطبيق بأسلوب حركة واجهات المنتجات الحديثة: نماذج واجهات ساطعة، وحركات كاميرا ديناميكية، وتمويه حركة اتجاهي قوي، وقطع متزامن مع الإيقاع. وهو مصمم كمقارنة بين معدلي إطارات. </references>

Simple Motion

عرض حركي يشرح مبادئ الحركة بنفسه

<direction> اصنع عرضًا حركيًا (showreel) مدته 15 ثانية بالوضع الأفقي، بدقة 1920x1080 و30 إطارًا في الثانية، مرسومًا بالكامل دون أي لقطات مصوّرة، يُظهر حرفة الرسوم المتحركة بأن يشرح مبادئ الحركة على نفسه: الضغط والتمدد (squash and stretch)، والورق الشفاف (onion skin)، والتجاوز (overshoot)، والتسارع والتباطؤ (easing)، والحركة التكميلية (follow-through)، والتمهيد (anticipation). يتناوب بين مشاهد فاتحة وداكنة. نقطة وردية واحدة تربط كل المشاهد: كرة تقفز، ونقطة نهاية عنوان، ورأس أثر متحرك، ومركز مؤشر تحميل. ملاحظات صغيرة بخط اليد مع أسهم مرسومة باليد تعلّق على ما يحدث. قصّه على مقطوعة بإيقاع 128 نبضة في الدقيقة بحيث تقع ملامسات الكرة وسقوط العنوان والقطعات على النبضات. استخدم لونًا مسطحًا في كل مكان؛ ويجب أن يبدو مرحًا ودقيقًا. تجنّب اللقطات المصوّرة أو الصور، والتدرجات اللامعة والظلال الساقطة، والضبابية في أي مكان عدا الانتقال الخاطف (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 بكسل فوق الأرضية، ويهبط بضغطة صغيرة ويستقر في نصف ثانية. ثم ينسحب خط الأرضية. يسقط السطر الذي فوقها «جاهز لـ» (استبدله بسطرك) حرفًا بحرف من اليسار؛ كل حرف مائل حتى 20 درجة ويستقيم بتجاوز طفيف. يُرسم تحت «الحركة» تسطير بفرشاة وردية، وتشير ملاحظة «عدّل بالكلمات» إلى السطر العلوي. عند 2.8 ثانية تمرّ موجة عبر حروف «الحركة» من اليسار إلى اليمين، ويتمدد كل حرف 11 بالمئة ثم يعود. في اللحظة نفسها تقفز النقطة 95 بكسل وتهبط بضغطة، وتُكتب تحتها «تصدير 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 ثانية بتباطؤ في النهاية، ويكون وردي اللون كلما واجهنا ظهره؛ ملاحظة «تأثيرات ثلاثية الأبعاد». عند 5.13 ثانية يأتي إطار واحد من وميض برتقالي كامل مع الكلمة التالية تميل بلون الحبر العميق. ثم تقف كلمة «خطوط» بالبرتقالي ثابتة تمامًا داخل خطوط إرشاد برتقالية رفيعة مع مقابض مربعة صغيرة عند زواياها، دون أي تسارع أو تباطؤ؛ ملاحظة «لكل كتابة». تمسح الصفحة الفاتحة من الأسفل إلى الأعلى في ثلاثة إطارات بحافة ناعمة متدرجة. 3. من 5.5 إلى 8.4 ثانية، صفحة فاتحة. يرسم رسم بياني نفسه: محوران بعنوانَي «فكرة» و«فيديو»، ومعيّن بلون الحبر العميق عند كل طرف، وخط وردي مستقيم بينهما مع نقطتَي مقبض برتقاليتين. تحته، يجري مربع مستدير الزوايا بلون الحبر العميق على مسار من اليسار إلى اليمين بسرعة ثابتة، بينما يركب رأس تشغيل وردي شبه شفاف ونقطة على الخط. يترك المربع أحد عشر شبحًا بحدود برتقالية على مسافات متساوية، لكل منها علامة تحت المسار. تُكتب ملاحظة «إطارات مفتاحية للصيد» بسهم طويل إلى الخط. يظهر مؤشر فأرة تدريجيًا، ويمسك المقبض السفلي ويسحب المقبضين إلى الخارج في ربع ثانية، فيثني الخط إلى منحنى S من نوع ease in-out. ثم تُشطب الملاحظة بخط مستقيم نظيف واحد عبر منتصف حروفها، يتبع ميلانها حتى الحرف الأخير. تتلاشى الأشباح البرتقالية، وتُكتب «محادثة بدل الخط الزمني» بالوردي مع علامة صح مرسومة باليد. يجري المربع مرة أخرى في ثانية على المنحنى الجديد، وتتجمع أشباحه الوردية عند الطرفين وتتباعد في الوسط. عند وصوله تشير إليه ملاحظة «افتح التطبيق!». ثم تُدفع الصفحة كلها إلى اليسار في ستة إطارات مع ضبابية أفقية قوية بينما تدخل الصفحة الداكنة بالدفع. 4. من 8.4 إلى 13.1 ثانية، صفحة داكنة. رأس وردي يسابق رسمًا على شكل رقم ثمانية عبر الإطار، بمعدل دورة في الثانية، ويجرّ خلفه سلسلة من أربع عشرة دائرة متلاشية. شبكة من نقاط صغيرة كل 60 بكسل تتفاعل. تُدفع النقاط القريبة من الرأس بعيدًا وتصبح برتقالية، والتي مرّ بها قبل لحظة تصبح وردية ووردية داكنة، وتبقى غير الملموسة بنفسجية رمادية، فيظل الحقل متحركًا بعد رحيل الرأس. تشير ملاحظة «من الفكرة إلى الفيديو» بسهم إلى الذيل. من 10.6 ثانية ينقلب الحقل كله في ثلاثة أبعاد، ويدور، ويتقلص إلى بطاقة وردية صغيرة وينهار إلى نقطة في المركز. تكبر النقطة، وتنتفخ حولها حلقة سميكة وتنحف إلى خط شعري، ويدخل قرص من ستين علامة وأربعة عشر مربعًا صغيرًا وهو يدور. يسير قوس تقدّم أبيض وعدّاد من 2 إلى 100 بالمئة في نحو 1.4 ثانية بينما تمتلئ المربعات بالوردي واحدًا تلو الآخر. عند 100 بالمئة ينكمش مؤشر التحميل ويختفي، وتجثم النقطة في شكل بيضاوي مسطح على أرضيتها (تمهيد). تقع ملاحظة «الوكيل يحرّكه» على يمين الحلقة، بعيدًا عنها، مع سهم طويل إلى النقطة. ثم تنطلق النقطة إلى الأعلى ممتدة وخارج الإطار، وتسقط عائدة إلى اللقطة التالية. 5. من 13.1 إلى 15 ثانية، صفحة فاتحة. تنفتح الصفحة الفاتحة كدائرة سريعة من حيث تهبط النقطة. تتوسط كتلة الاسم الإطار، مع [علامتك التجارية] في سطرين. يسقط السطر الأول حرفًا بحرف مع ميلان، مثل «جاهز لـ». ينمو السطر الثاني من الأرضية تحته، من اليمين إلى اليسار، بالنابض نفسه الذي لـ«الحركة»، وتكون النقطة الوردية نقطة نهايته. تُكتب تحته دعوة قصيرة لاتخاذ إجراء مثل «جرّبه مجانًا: [موقعك الإلكتروني]»، مع سهم إلى الأعلى نحو النقطة. تقفز النقطة مرة واحدة وتستقر في النهاية. </structure> <composition> صفحتان. الصفحة الفاتحة بلون #FAF9FF في الوسط، تتدرج إلى لافندر #F0EDFF مع تعتيم بنفسجي ناعم عند الزوايا. الصفحة الداكنة بلون الحبر العميق #1C0B5D مع تعتيم أغمق قليلًا عند الزوايا. كلتاهما فيها شبكة نقاط خافتة كل 48 بكسل. العناوين بخط غروتيسك مكثف عريض (Anton). الملاحظات والتسميات بخط يد بقلم تحديد (Playpen Sans، شبه سميك)، وكلها مائلة بزاوية 2 درجة نفسها: وردية على الصفحة الفاتحة، ووردية فاتحة على الداكنة. لوحة الألوان: اللون المميز الرئيسي الوردي #FB2D89، واللون المميز الثاني البرتقالي #FE9117، والنص والأشكال الصلبة بلون الحبر العميق #1C0B5D، والنص الأبيض على الصفحة الداكنة، والبنفسجي الرمادي الخافت #6B6385 للواجهة. تبدأ الأسهم المرسومة باليد بعيدًا قليلًا عن ملاحظتها ولا تلامس حروفها أبدًا. لا تتداخل الملاحظات مع العناوين أو الأشكال أبدًا. عنصران دائمًا على الشاشة. في أعلى اليمين، رمز زمني متحرك (مثل «00:00:03:11») بخط مكثف عريض، بنفسجي رمادي خافت، بحجم نحو 31 بكسل. على طول الأسفل، خط زمني للفصول: خط رفيع مع علامات صغيرة كل 55 بكسل، ومعيّن عند بداية كل فصل، وخط تقدّم أغمق خلف رأس تشغيل صغير، واسم الفصل الحالي مكتوبًا بخط اليد فوقه («صِف»، «خط»، «حسّن»، «تأثيرات ثلاثية الأبعاد»، «معاينة»، «تصدير»؛ استبدلها بفصولك). تتبدل ألوان الواجهة مع المشاهد الفاتحة والداكنة. تتوسط كتل العناوين الإطار. </composition> <techniques> تُكتب الملاحظات ضربة تلو ضربة، وتُرسم أسهمها من الذيل إلى الرأس مباشرة بعد ذلك. يُكتب اسم كل فصل في 0.17 ثانية بينما يُمسح السابق. يمتلئ كل معيّن في الخط الزمني ويقفز عندما يصل إليه رأس التشغيل. الضغط والتمدد عند كل ملامسة: تتسطح النقطة عند الهبوط وتتمدد على امتداد سرعتها في الهواء. تصعد الحروف النامية من الأرضية من خلف الخط، وتتجاوز إلى 1.2 ضعف ارتفاعها، وتقفز وتستقر بضغطة صغيرة في نصف ثانية، بفارق 45 مللي ثانية من اليمين إلى اليسار. تدخل الحروف الساقطة من اليسار، مائلة حتى 20 درجة، وتستقيم بتجاوز طفيف. الانتقالات: عند 3.7 ثانية، قطع حاد من الفاتح إلى الداكن مباشرة بعد انضغاط العنوان؛ عند 5.5 ثانية، مسح من الأسفل في ثلاثة إطارات بحافة ناعمة متدرجة؛ عند 8.4 ثانية، دفع أفقي في ستة إطارات مع ضبابية حركة أفقية قوية؛ عند 13.1 ثانية، تنطلق النقطة خارج الإطار، وتسقط في اللقطة التالية وتفتح الصفحة الفاتحة كدائرة سريعة. يبقى كل ما عدا ذلك مسطحًا دون ضبابية. </techniques> <music> مقطوعة synthwave/electro حماسية بإيقاع 128 نبضة في الدقيقة، مدتها 15 ثانية بالضبط، وتحمل طبولها الخاصة الإيقاع. المسار: مقدمة قصيرة مفلترة تحت الكرة القافزة، ثم الدروب (drop) تمامًا عندما تنتفض «الحركة» في 1.9 ثانية، مع طبلة الكيك في المقطوعة على كل نبضة. يستمر الإيقاع الكامل حتى نحو 5.6 ثانية، يتبعه مقطع هادئ (breakdown) بلا كيك تحت رسم التسارع البياني. يقود تصاعد (build) إلى العودة، ويعود الإيقاع عند الانتقال الخاطف في 8.5 ثانية. يعمل صوت صاعد (riser) أثناء امتلاء مؤشر التحميل، ويقع دويّ ختامي مع هبوط جهير (sub drop) على النبضة القوية عندما يتفتح الضوء على الاسم (نحو 13.2 ثانية). يختتم الإيقاع بتلاشٍ قصير في النهاية. لا تضع أي كيك أو تصفيق أو هاي-هات إضافية فوق المقطوعة: كيك واحد لكل نبضة، دون flam. </music> <sound> مؤثرات صوتية على لحظات الصورة: دويّ عند الدروب في 1.9 ثانية، وصوت swoosh عند القطع إلى الصفحة الداكنة في 3.7 ثانية، وتصفيقة عند الوميض البرتقالي ذي الإطار الواحد في 5.13 ثانية. صوت whoosh عند المسح في 5.5 ثانية وآخر أكبر عند الانتقال الخاطف في 8.4 ثانية. نقرة ناعمة عندما يمسك المؤشر بالمقبض، وصوت whoosh قصير عندما تنطلق النقطة، والدويّ الختامي مع هبوط جهير نحو 13.2 ثانية. بلا تعليق صوتي. اضبط المزج على نحو -14 LUFS مع ذروة حقيقية أدنى من -1 dBTP. </sound>

استُخدم 3 مرات
Simple Motion

حلقة واجهة متحولة يقودها مؤشر ينقر

<direction> اصنع فيديو مربعًا مدته 14 ثانية (1440x1440، 30 إطارًا في الثانية): حلقة موشن لواجهة مستخدم سلسة بلا فواصل، كلها مرسومة، بلا أي قطع. شكل واحد مستدير يتحول باستمرار من مكوّن واجهة إلى التالي: زر، مؤشر تحميل، علامة صح، كبسولة جزيرة، مشغّل موسيقى، شريط مستوى الصوت، مفتاح تبديل، تبويبات، رسم بياني، كبسولة بحث، لوحة أوامر، إشعار منبثق، ثم العودة إلى الزر. مؤشر على الشاشة يقود كل تغيير وينقر ويسحب فعليًا. يجب أن يطابق الإطار الأخير الإطار الأول ليعمل كحلقة. المظهر نظيف وهادئ: خلفية لافندر، ومكوّنات بحبر داكن وبيضاء وخط واجهة نظيف واحد. اللون الوحيد يأتي من شعاري، الذي يحل محل غلاف الألبوم. يحدث شيء تقريبًا عند كل نبضة بإيقاع نحو 120 BPM. تجنّب التوهجات، والتدرجات على عناصر الواجهة، والجسيمات، والحركة المرتدة، والقطع، والصوت البشري. كل الكلمات على الشاشة أدناه أمثلة تُستبدل بكلماتي. اجعل كل واحدة بطول مقارب حتى يبقى التخطيط متماسكًا. </direction> <structure> 0.0-0.6 ث: زر كبسولة بحبر داكن "Open app" (نحو 640x200 بكسل، نص أبيض 62 بكسل). ينزلق المؤشر من أسفل اليمين ويضغطه عند 0.46 ث، فيهبط الزر إلى 96%. 0.6-1.25 ث: ينكمش إلى دائرة 230 بكسل بقوس أبيض يدور، ثم ترسم علامة صح بيضاء نفسها. 1.25-1.75 ث: تتمدد الدائرة إلى كبسولة جزيرة (نحو 860x210) وفيها شعاري كمربع صغير بزوايا مستديرة على اليسار وخمسة أعمدة موجية بيضاء تقفز على اليمين. 1.75-3.7 ث: تنفتح الجزيرة إلى بطاقة مشغّل بحبر داكن (نحو 990x630، زوايا 72 بكسل). ينمو الشعار إلى غلاف 224 بكسل كعنصر مشترك، بجوار العنوان "Ideas in motion" و"[your site]" بلون لافندر ناعم. تحتهما شريط تقدم أبيض رفيع بمقبض، و"01" و"03" عند طرفيه، وأيقونات السابق / إيقاف مؤقت / التالي. ينقر المؤشر على الإيقاف المؤقت فيتحول إلى تشغيل عبر طمس سريع، ثم ينقر عليه ليعود إلى إيقاف مؤقت. بعدها يمسك المقبض فيكبر 25%، ويسحبه من نحو الثلث إلى ما يقارب النهاية. 3.7-5.25 ث: تنهار البطاقة إلى كبسولة عريضة لمستوى الصوت (نحو 1070x186) بأيقونة مكبّر صوت. يسحب المؤشر المستوى إلى ما يقارب الصفر، ثم إلى الأعلى وما بعد الحد الأقصى. تتمدد الكبسولة كلها نحو اليمين كالمطاط، حتى نحو 170 بكسل، ثم ترتد بتمايل صغير واحد عند الإفلات. 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 بكسل، فلا يتداخل النص أبدًا بينما يتغير حجم الحاوية. تبديلات النص، مثل الإيقاف المؤقت إلى التشغيل وعودة نص الإشعار إلى "Open app"، تمر أيضًا بطمس سريع. يتحرك المؤشر على منحنيات ناعمة وينكمش نحو 14% ما دام زره مضغوطًا. ينتقل الشعار من الجزيرة إلى غلاف المشغّل كعنصر مشترك. تتمدد كبسولة مستوى الصوت كالمطاط عند سحبها إلى ما بعد الحد الأقصى، ثم ترتد بتمايل صغير واحد. الحافة الأمامية لمقبض المفتاح تتبع نابضًا أشد من حافته الخلفية، فيتمدد المقبض أثناء حركته. ويتمدد مؤشر التبويبات إلى الأمام ويلحق بنفسه بالطريقة ذاتها. تدور أرقام الرسم البياني بطمس خفيف، ويُرسم الخط من اليسار إلى اليمين في نحو 0.5 ث، ويتحول المنحنى إلى شكله الجديد عند تغيير التبويب. تدخل صفوف اللوحة بفارق 40 مللي ثانية، وتختفي الصفوف المُرشَّحة بطمس. تبقى الكاميرا ثابتة، عدا اقتراب لطيف بنسبة 17% ما دامت اللوحة قصيرة، ويرتخي عائدًا عند تشكّل الإشعار. </techniques> <music> ولّد مقطوعة instrumental حيوية بأسلوب روكابيلي / كانتري روك في مقام مي بيمول بإيقاع نحو 120 BPM، بطول الفيديو تمامًا. فيها إيقاع boom-chick، مع الكيك على النبضة والسنير على الأثمان بينها، وجمل غيتار منفرد بنبرة twang فوق الباس والطبول. تبدأ بكامل الطاقة من الإطار الأول وتبقى ثابتة. ضع إجراءات المؤشر والتحولات على شبكة نبضاتها. عند نحو 13.4 ث تتوقف الفرقة على ضربة واحدة مع كراش وتتركها ترنّ، حتى تعود الحلقة في وقتها. </music> <sound> مؤثرات صوتية مؤلفة للصورة، فوق الموسيقى: - كل ضغطة للمؤشر تنقر بتكة قصيرة ساطعة ورنين صغير ذي نغمة. كل إفلات يعطي تكة أنعم وأعلى. كلاهما يُوزَّع بلطف يمينًا ويسارًا مع المؤشر. - صفير صغير جدًا عند ظهور علامة الصح. - صنج معكوس يتصاعد نحو نقرة تبويب "Export". - دوي منخفض ناعم عند انفتاح بطاقة الرسم البياني. - يُكتب البحث على آلة كاتبة: مفتاحان لـ⌘K، وطقة واحدة لكل حرف مكتوب، ومفتاح أخف لسهم الأسفل، وEnter ثقيل مع جرس آلة كاتبة صغير. - صوت zip لعودة العربة عندما تنطوي اللوحة إلى الإشعار، ينتهي بطقّة ثقيلة عند هبوط الإشعار. - دوي عميق ورذاذ تحت التوقف الأخير. تنخفض ترددات الموسيقى العالية لحظة تحت كل نقرة وضغطة مفتاح كي تُسمع. بلا صوت بشري. اضبط المزج على نحو -14 LUFS، مع ذروة حقيقية أقل من -1 dBTP. </sound> <references> حلقات تحول واجهة سلسة بشكل واحد، كما في عروض واجهات المنتجات وانتقالات بأسلوب Dynamic Island، حيث تعيد حاوية واحدة تشكيل نفسها باستمرار إلى المكوّن التالي في لقطة واحدة متصلة. </references>

Simple Motion

عرض ترويجي بورقة واحدة تنطوي، بلا أي قطع

أنشئ عرضًا ترويجيًا (showreel) أفقيًا بتصميم حركي مدته 24 ثانية بدقة 1920x1080 مع صوت، مبنيًا حول موضوعي. التزم بفكرة واحدة: ورقة حمراء واحدة لا تغادر الشاشة أبدًا ولا تُقطع ولا تتلاشى. يُصنع كل مشهد من المشهد السابق بطيّ الأشكال والنصوص والألوان وتحويلها. استخدم خط sans-serif عريضًا واحدًا، ولوحة ألوان من الأحمر والأبيض المائل للرمادي والأسود القريب (استبدلها بألوان [your brand])، وكاميرا مسطحة ثابتة الأسلوب. المشاهد، لكل منها حصة زمنية متساوية، مع حدوث شيء ما على كل ضربة بإيقاع 120 BPM: 1) الافتتاحية: تنطوي الورقة بطيّات سريعة حادة. 2) نص حركي: أربع كلمات مثل "FOLD" و"BEND" و"TURN" و"MOVE" (استبدلها بكلماتك) تنقلب مع الإيقاع. 3) تحويل الأشكال: تتحول الورقة إلى دائرة ومربع ومثلث وكبسولة. 4) من 2D إلى 3D: شبكة مكعب مسطحة تنطوي لتصبح مكعبًا ثلاثي الأبعاد. 5) البيانات/الواجهة: يفتح غطاء المكعب عن لوحة معلومات برقم يعدّ تصاعديًا وأعمدة متحركة. 6) تتحول الأعمدة إلى شرائط أكورديون تنطبق لتصبح ورقة بملء الإطار عليها كلمة عملاقة. 7) عنوان النهاية "[your brand]" في نصف الميزان الأخير، ثم ينطوي عائدًا ليطابق الإطار الأخير الإطار الأول فيدور الفيديو في حلقة. الحركة: تسارع نابضي وأسّي، بلا ارتداد، تمويه حركة في الحركات السريعة، ولا توقف يتجاوز نصف ثانية. بلا جسيمات ولا توهج ولا وهج عدسة ولا اهتزاز ولا فصل RGB ولا انتقالات تلاشٍ ولا تدرجات. الصوت: موسيقى تصويرية مُصنّعة بطبلة كيك على كل ضربة، وريزر يصعد نحو أقوى لحظة، وضربة عند كل تغيير مشهد.

استُخدم 50 مرة
Simple Motion

إطلاق منتج بأسلوب الكي نوت في لقطة واحدة متواصلة

اصنع فيديو مربعًا بدقة 1440x1440 ومدته 27 ثانية وبصوت، بأسلوب عروض Apple. ثنائي الأبعاد فقط، لقطة واحدة متواصلة: بلا قطع أو تلاشٍ أو ضبابية أو جسيمات أو توهج. كل مشهد ينمو من المشهد السابق، والعناصر تغيّر شكلها. يرتفع النص من خط قناع، وتقفز الأيقونات من الصفر بحركة نابضية، وتُرسم الأشرطة، وتنزلق الصفحات، وتملأ كتلة سوداء الإطار ثم تنكمش لتصبح المشهد التالي. لوحة الألوان: أوف وايت دافئ، وواجهة سوداء، وزجاج بأسلوب 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 نبضة في الدقيقة، طبلة كبيرة على كل نبضة، تصفيق كل نبضتين، باس وأربيجيو لامع، وaccord عند كل تغيير مشهد. قبل الذروة عند الثانية 12 أضف تصاعدًا بإيقاعات هاي هات متكررة وأقوى ضربة. يحتاج كل مشهد إلى مؤثرات صوتية قصيرة، مثل نقرات على العناصر. مستوى الصوت نحو -14 LUFS.

استُخدم 9 مرات
Simple Motion

شكل واحد يتحول إلى 10 عناصر واجهة على الإيقاع

اصنع فيديو عموديًا بأبعاد 1080x1920 ومدته نحو 22 ثانية مع صوت. مشهد داكن ورسومات بالأبيض والأسود مع لون تمييز واحد هو الأزرق الكهربائي. في المنتصف شكل هندسي واحد ينتقل بسلاسة ودون قطع من عنصر واجهة إلى آخر. في المجموع 10 حالات، واحدة لكل ميزان موسيقي بإيقاع 120 BPM: زر، مؤشر تحميل، مفتاح تبديل، شريط تمرير، تبويبات، مشغّل، مخطط بياني، إشعار منبثق (توست)، لوحة أوامر مع كتابة نص، وفي النهاية يعود الزر مرة أخرى. كل تحول يقع على الإيقاع: يتمدد الشكل بمرونة ويغيّر هيئته، وتظهر العناصر بداخله بإزاحة وتكبير طفيفين، وتختفي العناصر القديمة برفق. الخط هو جروتسك هندسي نظيف، مع نصوص قصيرة مثل "تشغيل" أو "بحث" (استبدلها بنصوصك). الموسيقى: مقطوعة إلكترونية حيوية بإيقاع 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. يمكنك تغيير اختيارك من تذييل الصفحة.

خياراتك المتعلقة بالخصوصية بموجب قوانين الخصوصية المعمول بها في الولايات الأمريكية. سياسة الخصوصية