كيف تصنع الرسوم المتحركة على موقع الويب الخاص بك

جدول المحتويات:

كيف تصنع الرسوم المتحركة على موقع الويب الخاص بك
كيف تصنع الرسوم المتحركة على موقع الويب الخاص بك

فيديو: كيف تصنع الرسوم المتحركة على موقع الويب الخاص بك

فيديو: كيف تصنع الرسوم المتحركة على موقع الويب الخاص بك
فيديو: كيف تصنع فيديو انيميشن رسوم متحركة How to create animation videos 2024, أبريل
Anonim

إذا كنت تحب العناصر المتحركة على مواقع الويب وترغب في تحريك موقع الويب الخاص بك ولكنك لا تريد عناء استخدام Flash ، فهناك حل بسيط وفعال -

كيف تصنع الرسوم المتحركة على موقع الويب الخاص بك
كيف تصنع الرسوم المتحركة على موقع الويب الخاص بك

انه ضروري

الكمبيوتر ، محرر الرسومات Adobe Photoshop 5 أو أعلى ، محرر Adobe Image Ready

تعليمات

الخطوة 1

قم بتشغيل Photoshop وأنشئ صورة جديدة بحجم 100 × 100 بكسل. اضبط الدقة على 72 بكسل ووضع RGB. حدد خيار إظهار الطبقات من عنصر قائمة النافذة لعرض لوحة الطبقات.

الخطوة 2

في لوحة الأدوات ، حدد قلم رصاص وارسم بعض الصور. في لوحة الطبقات ، انقر فوق طبقة مزدوجة ، والتي ستنشئ نسخة من طبقة موجودة. استخدم أداة الممحاة لمسح أي جزء من الصورة ، ثم أضف التغييرات بقلم رصاص. قم بإنشاء العديد من الطبقات حسب الضرورة بالترتيب الذي يجب أن تحل فيه محل بعضها البعض. ستكون كل طبقة إطارًا منفصلاً للرسوم المتحركة الخاصة بك.

الخطوه 3

حان الوقت لتحريك الإطارات الناتجة. من قائمة File ، اختر Jump to ثم Adobe Image Ready. سينقلك هذا الإجراء إلى محرر رسومات آخر.

الخطوة 4

من قائمة Window ، اختر خيار Show Animation ، والذي سيعمل على تشغيل عرض لوحة الرسوم المتحركة. في قائمة إعدادات اللوحة (رمز السهم في الزاوية اليمنى العليا) حدد وظيفة Make Frames from Layers ، والتي ستحول كل الطبقات إلى إطارات. الرسوم المتحركة اكتملت تقريبًا.

الخطوة الخامسة

حان الوقت لبدء ضبط الفاصل الزمني. حدد الإطار المطلوب وفي القائمة المنسدلة (يسارًا ، أسفل) حدد الفترة الزمنية المطلوبة التي سيتم بعدها استبدال هذا الإطار بآخر. افعل هذا مع كل إطار من صورك المتحركة. عند الانتهاء ، استخدم خيار Save Optimized As لحفظ أول صورة

موصى به: