يعد إنشاء الرسوم المتحركة جزءا مهما من التصميم الحديث. مع الرسوم المتحركة ، يمكنك إضافة التفاعل والجاذبية لأي مشروع. فيغما يوفر مجموعة واسعة من الأدوات لخلق الرسوم المتحركة مثيرة للإعجاب ، و سفغ تصدير يسمح لك لحفظ الرسوم المتحركة واستخدامها على صفحة ويب أو في مشاريع أخرى.
سفغ (الرسومات المتجهة القابلة للتطوير) هو تنسيق ملف يسمح لك بإنشاء وتحرير الرسومات المتجهة 2 د. سفغس مثالية لخلق الرسوم المتحركة لأنها مقياس دون فقدان الجودة والعمل على أي جهاز. فيغما يسمح لك لخلق الرسوم المتحركة باستخدام خصائص محددة مسبقا والآثار ، ومن ثم تصديره إلى شكل سفغ لاستخدامها في المستقبل.
تصدير الرسوم المتحركة سفغ من فيغما بسيطة ومريحة. كل ما عليك فعله هو تحديد عنصر الرسوم المتحركة ، وفتح لوحة الخصائص وإضافة تأثيرات الرسوم المتحركة المطلوبة. بعد ذلك ، يمكنك تصدير الرسوم المتحركة في شكل سفغ عن طريق تحديد الخيار المناسب في القائمة تصدير.
الرسوم المتحركة سفغ تصديرها من فيغما هو الملف الذي يمكن أن تكون جزءا لا يتجزأ بسهولة في التعليمات البرمجية هتمل. يمكنك تعيين الرسوم المتحركة لعنصر معين أو للصورة بأكملها. فإن الرسوم المتحركة تصديرها الحفاظ بدقة جميع الخصائص والآثار التي تم إنشاؤها في فيجما.
وبالتالي ، تصدير الرسوم المتحركة سفغ من فيغما هو وسيلة رائعة للحصول على واستخدام العناصر المتحركة في تصميم المواقع الإلكترونية. فيغما يوفر أدوات مريحة لخلق الرسوم المتحركة ، وشكل سفغ يسمح لك لحفظ واستخدام
- كيفية تصدير سفغ الرسوم المتحركة من فيغما
- إنشاء الرسوم المتحركة في فيجما
- حدد العناصر المراد تصديرها
- حدد معلمات التصدير
- تصدير الرسوم المتحركة إلى سفغ
- تحقق من النتيجة في متصفح الويب
كيفية تصدير سفغ الرسوم المتحركة من فيغما
لتصدير الرسوم المتحركة سفغ من فيغما ، اتبع الخطوات التالية:
- افتح المستند مع الرسوم المتحركة التي تريد تصديرها.
- حدد جميع الطبقات المتحركة التي تريد تصديرها باستخدام أداة التحديد. يمكنك تحديد طبقات متعددة عن طريق الضغط باستمرار على مفتاح شيفت أو كمد (على ماك).
- انقر بزر الماوس الأيمن على الطبقات المحددة وحدد" تصدير " من قائمة السياق.
- في نافذة" تصدير " التي تظهر ، حدد تنسيق سفغ وحدد المسار لحفظ الملف. انقر فوق "تصدير".
- سيحتوي الملف المحفوظ على الرسوم المتحركة سفغ ، بما في ذلك جميع الإطارات الرئيسية وإعدادات الرسوم المتحركة.
. سيتم حفظ الرسوم المتحركة وسيتم تشغيلها وفقا للإعدادات المحددة في فيجما.
وهكذا ، تصدير الرسوم المتحركة سفغ من فيغما يتيح لك الفرصة لاستخدام العناصر المتحركة التي تم إنشاؤها في مشاريع الويب ، والذي يسمح لك لإضافة التفاعل والديناميكية إلى صفحات الويب الخاصة بك.
إنشاء الرسوم المتحركة في فيجما
لإنشاء رسم متحرك في فيجما ، اتبع الخطوات أدناه:
- افتح فيجما وأنشئ مستندا جديدا أو افتح مستندا موجودا.
- حدد الكائن الذي تريد تحريكه. يمكن أن يكون أي عنصر متجه ، مثل الشكل أو النص أو الصورة.
- في شريط الأدوات الأيمن ، ابحث عن علامة التبويب النماذج الأولية وانقر عليها.
- في لوحة النماذج الأولية ، أضف انتقالا جديدا. حدد الكائن الذي سيبدأ الرسوم المتحركة وضبط نوع الرسوم المتحركة ومدة الانتقال.
- لإنشاء رسوم متحركة معقدة ، يمكنك إضافة انتقالات متعددة وضبط تسلسلها وتأخيرها.
- اعرض الرسوم المتحركة بالنقر فوق زر عرض النموذج الأولي في الزاوية العلوية اليمنى من الشاشة.
- كرر الخطوات من 2 إلى 6 لجميع الكائنات التي تريد تحريكها في التصميم الخاص بك.
يرجى ملاحظة أنه لتصدير الرسوم المتحركة سفغ الرسومات من فيغما ، وسوف تحتاج إلى استخدام الإضافات أو تصدير الرسوم المتحركة كفيديو ومن ثم تحويله إلى سفغ.
خيار إنشاء الرسوم المتحركة في فيجما يجعل عملية تصميم واجهة أكثر تفاعلية وممتعة. في محاولة لخلق الرسوم المتحركة في فيغما وتجربة مع تأثيرات وإعدادات مختلفة لجعل التصميم الخاص بك أكثر وضوحا ومذهلة!
حدد العناصر المراد تصديرها
قبل تصدير الرسوم المتحركة سفغ من فيغما ، تحتاج إلى تحديد العناصر التي تريد تصديرها. قد تحتاج إلى تصدير جميع العناصر الموجودة على اللوحة القماشية ، أو الطبقات أو المجموعات الفردية فقط.
استخدم أدوات فيجما لتحديد العناصر المراد تصديرها:
- حدد عنصرا بالنقر فوقه على اللوحة القماشية.
- إذا كنت بحاجة إلى تحديد عدة عناصر ، فاضغط باستمرار على مفتاح شيفت وانقر على كل منها. سيتم تمييز العناصر المحددة.
- لتحديد جميع العناصر الموجودة على اللوحة ، استخدم اختصار لوحة المفاتيح كمد (كترل) + أ.
- إذا كنت بحاجة إلى تحديد جميع العناصر داخل مجموعة ، فانقر نقرا مزدوجا فوق المجموعة للدخول إلى وضع التحرير ، ثم حدد جميع العناصر داخل المجموعة.
بعد تحديد العناصر ، يمكنك المضي قدما في تصدير الرسوم المتحركة سفغ إلى فيغما باستخدام الأدوات والإعدادات المناسبة. ضع في اعتبارك أنه سيتم تصدير العناصر المحددة كرسوم بيانية متجهة مع رسوم متحركة يمكن استخدامها على صفحات الويب أو في مشاريع أخرى.
حدد معلمات التصدير
عند تصدير الرسوم المتحركة إلى تنسيق سفغ من فيغما ، تحتاج إلى تحديد المعلمات التالية:
| حجم التصدير | حدد حجم الرسوم المتحركة المطلوب. يمكنك استخدام الإعدادات الجاهزة أو تحديد القيم الخاصة بك للعرض والارتفاع. |
| إعدادات الوقت | حدد مدة الرسوم المتحركة بالثواني أو الإطارات ، وحدد نوع المخطط الزمني (خطي ، أسي ، إلخ.). |
| تنسيق الرسوم المتحركة | حدد تنسيق الرسوم المتحركة المطلوب. في حالة صادرات سفغ ، يمكن أن تكون صورة متحركة منفصلة أو سلسلة من الإطارات الفردية. |
| خيارات التصدير | قم بتعيين خيارات التصدير الضرورية ، مثل شفافية الخلفية أو الضغط أو وجود أو عدم وجود تنعيم ، إلخ. |
بعد تحديد جميع المعلمات ، يمكنك النقر فوق الزر "تصدير" لإنشاء ملف سفغ مع الرسوم المتحركة جاهزة للاستخدام في المشروع الخاص بك.
تصدير الرسوم المتحركة إلى سفغ
لتصدير الرسوم المتحركة سفغ من فيغما ، اتبع الخطوات التالية:
- افتح المشروع في فيجما وحدد كائنات الرسوم المتحركة التي تريد تصديرها.
- انقر بزر الماوس الأيمن على الكائنات المحددة وحدد عنصر القائمة " تصدير
- في مربع الحوار الذي يظهر ، حدد تنسيق " سفغ " وحدد المسار الذي تريد حفظ الملف فيه.
- انقر فوق الزر تصدير وسوف فيغما إنشاء وحفظ ملف سفغ المتحركة.
بعد التصدير ، يمكنك استخدام ملف سفغ مع الرسوم المتحركة على موقع الويب الخاص بك أو في التطبيق. يمكن إدراج ملفات سفغ مباشرة في رمز هتمل من صفحة أو استخدامها كصورة خلفية. سيتم حفظ الرسوم المتحركة في ملف سفغ وسوف تعمل دون إعدادات أو اتصالات إضافية.
تصدير الرسوم المتحركة إلى سفغ يسمح لك لخلق تأثيرات بصرية تفاعلية وجذابة لصفحات الويب والتطبيقات. اغتنم هذه الفرصة مع فيجما لتنفس الحياة في مشاريعك وتحسين تجربة المستخدم.
تحقق من النتيجة في متصفح الويب
بعد تصدير الرسوم المتحركة سفغ من فيغما ، فمن المهم للتحقق من كيف يبدو في متصفح الويب للتأكد من أن كل شيء يعمل بشكل صحيح ويتم عرض الرسوم المتحركة بشكل صحيح.
للقيام بذلك ، يمكنك ببساطة فتح ملف سفغ في أي متصفح ويب حديث مثل جوجل كروم ، موزيلا فايرفوكس أو سفاري. ما عليك سوى سحب الملف وإفلاته في نافذة المتصفح أو فتحه عبر قائمة الملف في المتصفح.
بعد فتح ملف سفغ في المتصفح ، تحقق من أن الرسوم المتحركة تعمل على النحو المنشود. تحقق من أن الكائنات تتحرك وتدور وتغيير حجمها وفقا للمعلمات المحددة.
أيضا الالتفات إلى دعم سفغ الرسوم المتحركة في مختلف المتصفحات. بعض إصدارات المتصفح القديمة قد لا تدعم بشكل كامل سفغ أو بعض تأثيرات الحركة. تأكد من أن الرسوم المتحركة الخاصة بك تعمل بشكل صحيح في متصفحات مختلفة بحيث تكون متاحة للمستخدمين بغض النظر عن المتصفح الذي يستخدمونه.
| المتصفح | دعم الرسوم المتحركة سفغ |
|---|---|
| جوجل كروم | نعم |
| موزيلا فايرفوكس | نعم |
| سفاري | نعم |
| إنترنت إكسبلورر | لا |
| مايكروسوفت إيدج | نعم |
بعد التحقق من النتيجة في متصفح الويب ، يمكنك نشر الرسوم المتحركة سفغ على موقع الويب الخاص بك أو تضمينه في المشروع الخاص بك لتبادل نتائج عملك مع الآخرين. يكون الاستخدام الجيد للرسوم المتحركة سفغ من فيغما!