×
Slide Banner
Learn Adobe Animate with HTML5-Canvas-Javascript
Slide Banner
Image 1
Image 2
Slide Banner
تعلم برنامج Adobe Animate (المستوى الأول)
دروس التصميم والتحريك في Adobe Animate

تصميم العناصر وتحريكها في بيئة أدوبي أنيميت

🖥️ التعرف على واجهة برنامج Adobe Animate:
• مكونات بيئة العمل (المسرح – التايم لاين – المكتبة – الخصائص).
• إنشاء مشروع جديد وضبط الإعدادات وحفظ الملفات.

🛠️ استخدام لوحة الخصائص (Property Inspector):
• عرض وتعديل خصائص الكائنات، والإطارات، والأدوات.
• تتغير محتوياتها حسب العنصر المحدد للتحكم في الرسوم المتحركة.

🎨 العناصر الرسومية (Graphics & Symbols):
• الفرق بين الأشكال (Shapes) والرموز (Symbols).
• استيراد الصور والصوت وتنظيمها في المكتبة (Library).

🎞️ إنشاء الحركة (Animation):
• الحركة الإطارية (Frame-by-Frame).
• الحركة الكلاسيكية (Classic Tween).
• الحركة الشكلية (Shape Tween).
• الحركة الحديثة (Motion Tween) والتحكم في المسارات والتسارع (Easing).

✨ تقنيات التحريك المتقدمة:
• استخدام الطبقات والإطارات المفاتيح (Keyframes).
• إنشاء تأثيرات باستخدام الأقنعة (Masking).
• التزامن مع الصوت وإضافة المؤثرات البصرية.
Slide Banner
تعلم لغة Java Script باستخدام برنامج Adobe Animate Canvas ( المستوى الثاني)
دروس البرمجة باستخدام JavaScript في Adobe Animate

تعلم JavaScript في بيئة Adobe Animate Canvas

💻 مقدمة في البرمجة داخل Adobe Animate:
• فهم بيئة الكود (لوحة Actions).
• أساسيات لغة JavaScript (المتغيرات – الجمل الشرطية – الحلقات – الدوال).

🧩 التحكم في العناصر باستخدام البرمجة:
• تسمية العناصر (Instance Names).
• التحكم في خصائص العناصر (الموقع – الحجم – الدوران).

🕹️ التحكم في التايم لاين:
• استخدام الدوال stop() و play().
• الانتقال بين الإطارات باستخدام gotoAndStop() و gotoAndPlay().
• التنقل بين المشاهد (Scenes).

🖱️ إضافة التفاعلية باستخدام الأحداث:
• إضافة مستمعي الأحداث (Event Listeners).
• التفاعل مع النقر والسحب ولوحة المفاتيح.
• تصميم ألعاب أو تطبيقات تعليمية بسيطة.

✏️ الرسم بالبرمجة (اختياري متقدم):
• استخدام كائن Shape في مكتبة CreateJS.
• رسم أشكال وتطبيق التدرجات والظلال بالبرمجة.