مولّد الأنماط المتحركة
صمّم أنماطًا ضوئية متحركة في متصفحك: اثنِ الخطوط، اختر ألوانك وصدّر حلقات سلسة بصيغة MP4 أو WebM أو GIF أو PNG أو كود مباشر. مجانًا.
ابدأ من تصميم جاهز
شكّل الخطوط
الأفضل ملف PNG أو SVG بخلفية شفافة. يبقى الملف على جهازك.
اسحب العقد الأربع على الصورة لثني الخطوط.
اسحب الصورة لتحريك مركز النمط.
اختر الألوان
ألوان الخطوطاضبط الحركة
أنهِ التصميم
تأثير الطباعةالتصدير
يصدّر الإطار المعروض على الصورة. حرّك شريط الوقت لاختيار إطار آخر.
لا يستطيع هذا المتصفح ترميز الفيديو. استخدم أحدث إصدار من Chrome أو Edge أو Firefox أو Safari، أو صدّر ملف GIF.
يقتصر GIF على 256 لونًا. للحصول على تدرجات ناعمة وملفات صغيرة، صدّر فيديو.
الصق هذا الكود في أي صفحة ويب لتشغيل النمط مباشرة. لا يحتاج إلى أي مكتبة، ويبقى حادًا بأي حجم، ويتوقف عندما يكون خارج الشاشة.
لا يمكن بعد تشغيل أنماط النص والشعار ككود. صدّرها كفيديو أو صورة.
هذه الصيغة لا تدعم الشفافية: يُستخدم لون الخلفية.
تحتاج هذه الأداة إلى WebGL 2، وقد عطّله هذا المتصفح أو الجهاز. فعّل تسريع الأجهزة في إعدادات المتصفح، أو جرّب متصفحًا آخر.
يُنجز على جهازك، ولا يُرفع شيء.
Saved designs
0حول مولّد الأنماط المتحركة
مولّد الأنماط المتحركة استوديو مجاني لأنماط الضوء المتحركة. تُرسم خطوط الألوان مباشرة بواسطة بطاقة الرسوميات، فيظهر كل تغيير فورًا: مراوح وأنفاق وحلزونات وزهور وخرائط كنتورية وكرة أرضية تدور ورقاقة إلكترونية وغيرها. ابدأ من تصميم جاهز، ثم شكّل الخطوط والألوان والحركة حتى يناسب النمط علامتك التجارية.
يمكنك ثني الخطوط بيدك، أو جعلها تدور حول حدود أي كلمة أو شعار، أو أخذ لوحة ألوانك من صورة، أو لصق ألوان علامتك التجارية. كل حركة مبنية من دورات كاملة، فيعود الإطار الأخير مباشرة إلى الأول ولا تقفز الحلقة أبدًا.
صدّر فيديو بصيغة MP4 أو WebM بدقة تصل إلى 4K، أو ملف GIF، أو صورة ثابتة بصيغة PNG أو JPG أو WebP بدقة تصل إلى 8K، مع خلفية شفافة عندما تسمح الصيغة بذلك. يمكنك أيضًا نسخ كود مباشر يشغّل النمط على أي موقع دون مكتبة. كل شيء يتم على جهازك: لا يُرفع شيء.
كيفية استخدام مولّد الأنماط المتحركة
- اختر تصميمًا جاهزًا للبدء منه، أو اضغط على فاجئني للحصول على تصميم جديد.
- اختر نمطًا واضبط خطوطه. اسحب الصورة لتحريك مركزه، أو اكتب كلمة لتدور الخطوط حولها.
- اختر لوحة ألوان، أو الصق رموز hex، أو خذ الألوان من صورة.
- اضبط الحركة ومدة الحلقة والسرعة، ثم أنهِ التصميم بالتوهج أو الأنبوب ثلاثي الأبعاد أو الزجاج المضلّع أو حبيبات الفيلم.
- اختر شكل الإطار: 16:9 أو مربع أو عمودي أو ستوري أو بانر أو حجم مخصص.
- صدّر فيديو أو ملف GIF أو صورة، أو انسخ الكود لتشغيله مباشرة على موقعك.