صفحة 112 - كتاب الفنون - الصف 11 - الفصل 1 - المملكة العربية السعودية

📚 تقنيات تصميم الحركة في الفنون الرقمية

المفاهيم الأساسية

تصميم الحركة: هو نوع من التصميم الجرافيكي يرجع أصله إلى عناوين أفلام منتصف القرن العشرين والرسوم المتحركة الخاصة بالبث المرئي. يشمل اليوم بث الأفلام والبرامج التلفزيونية وتسلسلات العناوين وهويات القنوات والصفحات والمواقع الإلكترونية.

خريطة المفاهيم

```markmap

كتاب الفنون

معلومات النشر

• الناشر: وزارة التعليم
• السنة الدراسية: 2025 - 1447 هـ

العنصر المرئي

• غلاف فني: شجرة مزيّنة بألوان زاهية
• الرمزية: ترمز إلى النمو والمعرفة

الوحدة الثالثة

الإنتاج الفني

#### محتوى الوحدة

• اللون والمنظور
• الإنتاج في الفن التشكيلي

- إنتاج اللوحات الفنية

- الفسيفساء

- فن الكولاج والديكوباج

• الإنتاج في الفن الرقمي

- تطور الفن الرقمي (Digital Arts)

- أدوات الفن الرقمي

- مواضيع وأساليب الفن الرقمي

- البرامج والتطبيقات

- التصنيف حسب الاستخدام

- فن رقمي ثابت (2D)

- تقنيات الرسوم الرقمية للأعمال ثنائية الأبعاد (2D)

- تقنية التكوين والكولاج الرقمي (Digital Collage)

- تقنية الدمج الرقمي (Photo Manipulation)

- أنواع البرامج

- برامج مخصصة للمصممين والفنانين

- برامج عامة لغير المصممين والفنانين

- برنامج الإلستريتور (Illustrator)

- برنامج بروكريريت (Procreate)

- برنامج كانفا (Canva)

- البرامج والتطبيقات ثلاثية الأبعاد والتحريك (3D & Animation)

- برنامج 3d استوديو ماكس (3d Studio Max)

- برنامج الافترافكتس (After Effects)

- برنامج بلندر (Blender)

- برنامج مايا (Maya)

- أسلوب الرسم الرقمي (Digital drawing)

- تقنيات الرسوم الرقمية للأعمال ثلاثية الأبعاد (3D)

- التلاعب في الأبعاد الوهمية

- التلاعب في الإضاءة وتسليط الضوء

- الرسوم الهندسية

- مثال مرئي

- الشكل (133): عمل رقمي ثلاثي الأبعاد يعبر عن الحركة السوبرماتية (Suprematism) في الفنون التشكيلية.

- تطبيق عملي

- تطبيق التقنيات الفنية على برامج الرسم والتصميم

- المهمة: إنشاء عمل رقمي يعبر عن ثقافة السعودية باستخدام برامج 2D.

- المتطلبات: مراعاة عناصر وأسس التصميم.

- تصميم الملصق بأسلوب الإنفوجرافيك

- تعريف الملصق (Poster)

- أنواع الملصقات

- ملصقات إرشادية

- ملصقات موضة

- ملصقات رقمية

- ملصقات إعلانية عامة

- ملصقات الجملة الإعلانية

- ملصقات الدعاية السياسية

- ملصقات سينمائية

- ملصقات سياحية

- تعريف الإنفوجرافيك (Infographic)

- المفهوم: صور تمزج بين البيانات والتصميم لتبسيط وإيصال الرسالة.

- الهدف: تحويل المعلومات المعقدة إلى صور ورسوم واضحة ومشوقة.

- المسميات الأخرى:

- التجسيد البصري (Data visualization)

- تصميم المعلومات (Information design)

- العمارة المعلوماتية (Information architecture)

- أمثلة تطبيقية (ملصقات رقمية)

- الشكل (138): ملصق رقمي سياحي للترويج للسياحة في منطقة العلا.

- الشكل (137): ملصق الفيلم السينمائي السعودي "حد الطار".

- أنواع الإنفوجرافيك

- الإنفوجرافيك الثابت

- تصميمات ثابتة (صور، رسومات، مطبوعات، تصميمات إنترنت).

- الإنفوجرافيك المتحرك (موشن إنفوجرافيك)

- تصميم متحرك كامل، يتطلب إبداعاً وسيناريو.

- الإنفوجرافيك التفاعلي

- يتحكم فيه المشاهد عبر أزرار وبرمجة.

- أشكال المخططات المستخدمة في الإنفوجرافيك

- شعاعي

- مخطط بياني

- قوائم

- جداول

- خرائط

- عمليات متدرجة

- رسوم توضيحية

- علاقات

- أمثلة مرئية

- الشكل (139): شخص أمام شاشة تعرض مخططاً بيانياً.

- الشكل (140): تصميم برتقالي به منصة وكريات عائلة.

- الشكل (141): مخطط لرأس به أقسام مرقمة وأيقونات.

- مخططات تصميم الإنفوجرافيك

- الشكل (142): صورة توضيحية لمخططات تصميم الإنفوجرافيك.

- النشاط: تصميم ملصق فني بأسلوب تصميم المعلومات.

- الموضوعات المقترحة:

- المدن السياحية في المملكة العربية السعودية.

- الفنون الشعبية السعودية.

- مشاكل صحية يجب تجنبها.

- عادات صحية مفيدة.

- أحد الرياضات المميزة.

- أنواع النقوش الجدارية في المملكة العربية السعودية.

- نصائح للاهتمام بالبيئة.

- مشاريع الاستدامة في المملكة العربية السعودية.

- تقنيات تصميم الحركة في الفنون الرقمية

- مفهوم تصميم الحركة

- نوع من التصميم الجرافيكي.

- الأصل: عناوين أفلام منتصف القرن العشرين والرسوم المتحركة للبث المرئي.

- المجالات: الأفلام، البرامج التلفزيونية، تسلسلات العناوين، هويات القنوات، الصفحات والمواقع الإلكترونية.

- قواعد تصميم الحركة

- تقوم على القواعد الفيزيائية لحركة الأجسام.

- المبادئ العشرة لتصميم الحركة:

- 1. التوقيت والتباعد والإيقاع (Timing, Spacing & Rhythm)

- 2. التخفيف (Eases)

- 3. كتلة الوزن (Mass & Weight)

- 4. التوقع (Anticipation)

- 5. أقواس (Arcs)

- 6. الاسكواش والتمدد والمسحات (Squash, Stretch & Smears)

- 7. المتابعة من خلال وتداخل الإجراءات (Follow Through & Overlapping action)

- 8. المبالغة (Exaggeration)

- 9. الرسوم المتحركة ذات الطبقات الثانوية (Secondary Layered Animation)

- 10. الجاذبية (Appeal)

- مثال مرئي

- الشكل (143): رسم توضيحي بعنوان "10 PRINCIPLES OF MOTION DESIGN".

• الإنتاج في الفن الأدائي

#### الأهداف التعليمية (يتوقع من الطالب/الطالبة)

• شرح مفهومي اللون والمنظور وتوظيفهما
• التعرف على الفن التشكيلي وأدواته وتجريبها
• معرفة تاريخ فن الفسيفساء وتنفيذ لوحة مبسطة
• تذوق القيمة الجمالية للأعمال الفنية
• معرفة فن الكولاج وأدواته وتنفيذ أعمال به
• معرفة فن الديكوباج وأدواته وتنفيذ أعمال به
• استعراض مراحل تطور الفن الرقمي
• التعرف على أدوات ومواضيع وأساليب الفن الرقمي
• شرح البرامج والتطبيقات المستخدمة في الفن الرقمي
• التمييز بين وظائف برامج 2D و 3D

```

نقاط مهمة

• تحريك الرسومات والأشكال قائم على القواعد الفيزيائية لحركة الأجسام.
• تطور تصميم الحركة من تقنيات محدودة في منتصف القرن العشرين إلى إمكانيات غير محدودة اليوم.
• توجد عشرة مبادئ أساسية تحكم تصميم الحركة، موضحة في الشكل (143).

تقنيات تصميم الحركة في الفنون الرقمية:

مفهوم تصميم الحركة :

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

قواعد تصميم الحركة :

تحريك الرسومات والأشكال قائم على القواعد الفيزيائية لحركة الأجسام، ومن أسسها :

التوقيت والتباعد والإيقاع (Timing. Spacing & Rhythm).

التخفيف (Eases).

كتلة الوزن (Mass & Weight).

التوقع (Anticipation).

أقواس (Arcs).

الاسكواش والتمدد والمسحات ( Squash .(Stretch & Semears

المتابعة من خلال وتداخل الإجراءات (Follow .(Through & Overlapping action

المبالغة (Exaggeration).

الرسوم المتحركة ذات الطبقات الثانوية .(Secondary Layered Animation)

الجاذبية (Appeal) .

الشكل (143)

تقنيات تصميم الحركة في الفنون الرقمية: مفهوم تصميم الحركة : تصميم الحركة هو نوع من التصميم الجرافيكي الذي يمكن إرجاعه إلى عناوين أفلام منتصف القرن العشرين، والرسوم المتحركة الخاصة بالبث المرئي، حيث كان التايبوغرافي ورسومات الجرافيكس في ذلك الوقت محدودة بالتكنولوجيا في وقتها ، أما اليوم فإن أي حركة يرغب المصمم في إضافتها لعمله أصبحت ممكنة وقابلة للتطبيق. وتصميم الحركة يشمل بث الأفلام والبرامج التلفزيونية وتسلسلات عناوين الأفلام وهويات القنوات والصفحات والمواقع الإلكترونية. قواعد تصميم الحركة : تحريك الرسومات والأشكال قائم على القواعد الفيزيائية لحركة الأجسام، ومن أسسها : --- SECTION: 1 --- التوقيت والتباعد والإيقاع (Timing. Spacing & Rhythm). --- SECTION: 2 --- التخفيف (Eases). --- SECTION: 3 --- كتلة الوزن (Mass & Weight). --- SECTION: 4 --- التوقع (Anticipation). --- SECTION: 5 --- أقواس (Arcs). --- SECTION: 6 --- الاسكواش والتمدد والمسحات ( Squash .(Stretch & Semears --- SECTION: 7 --- المتابعة من خلال وتداخل الإجراءات (Follow .(Through & Overlapping action --- SECTION: 8 --- المبالغة (Exaggeration). --- SECTION: 9 --- الرسوم المتحركة ذات الطبقات الثانوية .(Secondary Layered Animation) --- SECTION: 10 --- الجاذبية (Appeal) . الشكل (143) --- VISUAL CONTEXT --- **DIAGRAM**: 10 PRINCIPLES OF MOTION DESIGN Description: A diagram illustrating the 10 principles of motion design. Each principle is represented by a small visual example. Table Structure: Headers: N/A Data: N/A Context: Illustrates the principles of motion design.