الدرس الثالث: - كتاب التقنية الرقمية - الصف 11 - الفصل 1 - المملكة العربية السعودية

📚 الإعلانات المتحركة

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

اللافتة الإلكترونية المتحركة (Animated Web Banner): إعلان يتم إيصاله من خلال خادم إعلانات عبر الشبكة العنكبوتية العالمية، ويحتوي على مجموعة من الصور المتحركة. تُستخدم بكثرة في الحملات الإعلانية ومواقع الإنترنت لإضافة لمسات جمالية.

الطبقات (Layers): في تصميم الرسومات، هي المستويات المختلفة التي يمكن فيها وضع عنصر أو ملف صورة. في برنامج إنكسكيب، يمكن إنشاء طبقات مختلفة عند تكوين صورة رقمية.

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

```markmap

الوحدة الثالثة: التصميم الرسومي

أدوات التصميم الرسومي

برامج التصميم الرسومي المجانية

#### إنكسكيب (Inkscape)

##### واجهة برنامج إنكسكيب

##### إنشاء مستند جديد

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

###### إضافة عنوان للملصق

###### تطبيق تأثير الظل

##### إدراج صورة

##### إدراج نص

##### تعديل العناصر

##### مراحل التعديل على العناصر

##### استخدام أداة منحنيات بيزير (Bezier Curves)

##### نسخ ولصق العنصر

##### تصدير الشعار كصورة

##### تصدير الشعار بتنسيقات مختلفة

###### إضافة بيانات للملصق

###### تصدير الملصق كصورة

##### إنشاء إعلان متحرك

###### إنشاء الطبقات في إنكسكيب

• إنشاء أربع طبقات مختلفة للشعار.
• كل طبقة تحتوي على صورة التمور بحجم مختلف (صغير، متوسط، كبير، كبير جداً).
• نص الشعار يبقى ثابتاً بنفس الحجم.

###### تكرار الطبقة

• من قائمة (Layer) اختر (Layers and Objects...).
• اضغط بزر الفأرة الأيمن على الطبقة واختر (Duplicate Layer).
• إعادة تسمية الطبقة المكررة (مثال: "Extra Large").

##### التطبيق العملي (تدريبات)

###### تدريب 3

• التفكير في برامج بديلة لإنكسكيب لإنشاء الملصق.
• تبرير الاختيار.

###### تدريب 4

• إنشاء خطاب رسمي موجه لولي الأمر.
• تحديد أبعاد المستند.
• إدراج الشعار (الذي تم تصميمه سابقاً).
• كتابة اسم المدرسة أسفل الشعار.

###### تدريب 5

• تصميم ملصق توعوي حول السلامة المرورية.
• استخدام الأدوات التي تم تعلمها في الدرس.
• المشاركة في مسابقة مدرسية افتراضية.

#### جينيالي (Genially)

#### جيمب (GIMP)

##### إنشاء إعلان متحرك

• استخدام الشعار الذي تم إنشاؤه في إنكسكيب.
• إضافة تأثيرات متحركة إلى صورة التمور داخل الشعار.

#### جرافيت ديزاينر (Gravit Designer)

#### فوتوسكيب (Photoscape)

#### فكتور (Vectr)

الرسومات النقطية

الرسومات المتجهة

مثال عام

أهمية وجود الشعار في الإعلان

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

تطبيق معا

#### تدريب 1

#### تدريب 2

```

نقاط مهمة

• الهدف من الدرس: تعلم كيفية إنشاء إعلان متحرك باستخدام برنامجي إنكسكيب و جيمب (GIMP).
• الفكرة: تصميم لافتة إلكترونية متحركة تعرض الشعار (صورة التمور) وهو يكبر تدريجياً.
• خطوة التصميم الأولى في إنكسكيب: إنشاء أربع صور مختلفة للشعار بحيث تختلف فيها حجم صورة التمور فقط (صغير، متوسط، كبير، كبير جداً) بينما يبقى النص ثابتاً.
• آلية التنفيذ: استخدام خاصية الطبقات في إنكسكيب، وتكرار الطبقة وتعديل حجم العنصر في كل طبقة.

الدرس الثالث: الإعلانات المتحركة

تستخدم اللافتة الإلكترونية المتحركة (Animated Web Banner) في الحملات الإعلانية وبكثرة في مواقع الإنترنت حيث أصبحت جزءاً من تصميمها لإضافة لمسات جمالية للمواقع. ويمكن تعريفها على أنها عبارة عن إعلان يتم إيصاله من خلال خادم إعلانات عبر الشبكة العنكبوتية العالمية، ويحتوي على مجموعة من الصور المتحركة.

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

إنشاء الطبقات في برنامج إنكسكيب

ستعرض الصورة المتحركة الشعار (صورة التمور) الذي يتم تكبيره تدريجياً. وهذا يعني أن عليك إنشاء أربع صور مختلفة من الشعار تكون فيها صورة التمور بحجم: صغير (Small)، ومتوسط (Medium)، وكبير (Large)، وكبير جداً (Extra Large). بينما يظل نص الشعار ثابتاً بنفس الحجم. ويمكن تنفيذ ذلك بواسطة برنامج إنكسكيب، عن طريق إنشاء أربع طبقات مختلفة بما في ذلك الشعار الحالي الذي أنشأته في الدرس السابق.

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

تكرار الطبقة:

من قائمة (الطبقة) Layers اختر (الطبقات والعناصر) 1. اضغط ضغطة خفيفة 2. من علامة التبويب (الطبقات والعناصر) Layers and Objects اضغط ضغطة خفيفة 3. اضغط ضغطة خفيفة 4. مزدوجه على اسم الطبقة الموجودة واكتب "Extra Large" (كبيرة جداً). 5. اضغط بزر الفأرة الأيمن على الطبقة المحددة واختر Duplicate Layer (تكرار الطبقة). 6 ستظهر الطبقة المكررة في قائمة الطبقات.

رابط الدرس الرقمي www.ien.edu.sa

Ministry of Education 2025 - 1447

--- SECTION: الدرس الثالث: --- الدرس الثالث: الإعلانات المتحركة تستخدم اللافتة الإلكترونية المتحركة (Animated Web Banner) في الحملات الإعلانية وبكثرة في مواقع الإنترنت حيث أصبحت جزءاً من تصميمها لإضافة لمسات جمالية للمواقع. ويمكن تعريفها على أنها عبارة عن إعلان يتم إيصاله من خلال خادم إعلانات عبر الشبكة العنكبوتية العالمية، ويحتوي على مجموعة من الصور المتحركة. في هذا الدرس، سنتعلم كيفية إنشاء إعلان متحرك باستخدام برنامج (GIMP). لتصميم إعلان متحرك، سنستنىى لافتة إلكترونية متحركة تتضمن الشعار الذي أنشأته سابقاً بواسطة برنامج إنكسكيب (Inkscape)، بعد ذلك وباستخدام برنامج جمب، ستضيف بعض التأثيرات المتحركة إلى صورة التمور الموجودة في الشعار. --- SECTION: إنشاء الطبقات في برنامج إنكسكيب --- إنشاء الطبقات في برنامج إنكسكيب ستعرض الصورة المتحركة الشعار (صورة التمور) الذي يتم تكبيره تدريجياً. وهذا يعني أن عليك إنشاء أربع صور مختلفة من الشعار تكون فيها صورة التمور بحجم: صغير (Small)، ومتوسط (Medium)، وكبير (Large)، وكبير جداً (Extra Large). بينما يظل نص الشعار ثابتاً بنفس الحجم. ويمكن تنفيذ ذلك بواسطة برنامج إنكسكيب، عن طريق إنشاء أربع طبقات مختلفة بما في ذلك الشعار الحالي الذي أنشأته في الدرس السابق. في تصميم الرسومات، تعتبر الطبقات هي المستويات المختلفة التي يمكن فيها وضع عنصر أو ملف صورة. وفي برنامج إنكسكيب، يمكن إنشاء طبقات مختلفة عند تكوين صورة رقمية. --- SECTION: تكرار الطبقة: --- تكرار الطبقة: من قائمة (الطبقة) Layers اختر (الطبقات والعناصر) 1. اضغط ضغطة خفيفة 2. من علامة التبويب (الطبقات والعناصر) Layers and Objects اضغط ضغطة خفيفة 3. اضغط ضغطة خفيفة 4. مزدوجه على اسم الطبقة الموجودة واكتب "Extra Large" (كبيرة جداً). 5. اضغط بزر الفأرة الأيمن على الطبقة المحددة واختر Duplicate Layer (تكرار الطبقة). 6 ستظهر الطبقة المكررة في قائمة الطبقات. رابط الدرس الرقمي www.ien.edu.sa Ministry of Education 2025 - 1447 --- VISUAL CONTEXT --- **DIAGRAM**: Untitled Description: Screenshot of the Inkscape software interface, showing a new document with rulers, toolbars, and a menu bar. The 'Layer' menu is open, displaying options like 'Layers and Objects...', 'Add Layer...', 'Rename Layer...', etc. A partially visible graphic with green and orange elements is on the canvas. Context: Illustrates the Inkscape interface and the process of accessing layer options, specifically 'Layers and Objects' and 'Duplicate Layer', as described in the text. **DIAGRAM**: Untitled Description: A dropdown menu from the 'Layer' menu in Inkscape. It shows options related to layer management, including 'Add Layer...', 'Rename Layer...', 'Show/Hide Current Layer', 'Lock/Unlock Current Layer', 'Switch to Layer Above', 'Switch to Layer Below', 'Move Selection to Layer Above', and 'Move Selection to Layer Below'. The 'Layers and Objects...' option is highlighted with a number '2' next to it. Context: Provides a visual representation of the layer management options available in Inkscape, directly supporting the textual instructions.