إنشاء رسم متحرك باستخدام برنامج جمب - كتاب التقنية الرقمية - الصف 11 - الفصل 1 - المملكة العربية السعودية

📚 إنشاء رسم متحرك باستخدام برنامج جمب

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

GIF (Graphics Interchange Format): تنسيق ملف للرسوم المتحركة.

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

```markmap

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

###### إجراءات القائمة السياقية للطبقات

• Duplicate Layer (تكرار الطبقة)
• Delete Layer (حذف الطبقة)
• Rename Layer... (إعادة تسمية الطبقة)
• Layer to Group (تحويل الطبقة إلى مجموعة)
• Raise Layer / Lower Layer (رفع أو خفض الطبقة)
• Hide/show other layers (إخفاء/إظهار الطبقات الأخرى)
• Hide all layers / Show all layers (إخفاء/إظهار جميع الطبقات)
• Lock/unlock other layers (قفل/فتح الطبقات الأخرى)
• Lock all layers / Unlock all layers (قفل/فتح جميع الطبقات)

###### تغيير حجم الصورة

• إعادة تسمية الطبقة (مثال: "Large").
• النقر بزر الفأرة الأيمن على صورة الطبقة.
• اختيار (Image Properties) من القائمة السياقية.
• تحديد الأبعاد الجديدة (العرض، الارتفاع) والموقع (X، Y).
• استخدام أيقونة الرؤية لإخفاء الطبقة.

###### التحكم في وضوح الطبقات

• إخفاء الطبقة (Extra Large) لجعل الطبقة (Large) أسفلها واضحة.
• أيقونة العين في لوحة (Layers and Objects) تدل على حالة الرؤية (مرئية/غير مرئية).

###### إنشاء الطبقتين المتوسطة والصغيرة

• تكرار طبقة "Extra Large" لإنشاء طبقتين جديدتين.
• إعادة تسمية الطبقة الأولى إلى "Medium" وتعيين أبعادها (X: 40، Y: 20، العرض: 20، الارتفاع: 20).
• إعادة تسمية الطبقة الثانية إلى "Small" وتعيين أبعادها (X: 45، Y: 25، العرض: 10، الارتفاع: 10).

###### تصدير الطبقات كصور

• اختيار طبقة "Small" أولاً.
• تصدير الطبقة من خلال (Options) ثم (Export Selected Only).
• تكرار العملية لتصدير باقي الطبقات (Medium، Large، Extra Large).
• فتح الصور الأربع الناتجة باستخدام برنامج "Photos".

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

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

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

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

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

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

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

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

#### جيمب (GIMP)

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

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

###### إنشاء رسم متحرك باستخدام برنامج جمب

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

###### لفتح صور القطع في برنامج جمب:

• من قائمة File (ملف)، اختر Open as Layers (فتح كطبقات).
• من مجلد Pictures (الصور)، اختر صور الشعار الأربع.
• اضغط على Open (فتح).
• تم إدراج كل طبقات الشعار.

###### واجهة برنامج جمب (Gimp)

• تحتوي على: File Menu، Brush settings (Hardness, Opacity)، Layer panel، Canvas area.

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

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

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

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

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

مثال عام

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

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

تطبيق معا

#### تدريب 1

#### تدريب 2

```

نقاط مهمة

• يتم إنشاء الرسوم المتحركة (GIF) في برنامج جمب باستخدام الطبقات.
• الخطوة الأولى لإنشاء الرسم المتحرك هي فتح الصور كطبقات من قائمة File ثم Open as Layers.
• بعد اختيار الصور من مجلد Pictures والضغط على Open، يتم إدراج كل صورة كطبقة منفصلة.
• واجهة برنامج جمب تحتوي على أدوات مهمة مثل قائمة الملفات، إعدادات الفرشاة، لوحة الطبقات، ومساحة العمل (Canvas).

بمجرد تصدير صور الشعار الأربع من برنامج جمب، استدرج الآن هذه الصور في برنامج جمب كطبقات، وذلك لإنشاء الرسوم المتحركة. (Graphics Interchange Format - GIF)

من قائمة File (ملف)، اختر Open as Layers (فتح كطبقات). من مجلد Pictures (الصور)، اختر صور الشعار الأربع. اضغط على Open (فتح). تم إدراج كل طبقات الشعار.

واجهة برنامج جمب (Gimp)

--- SECTION: إنشاء رسم متحرك باستخدام برنامج جمب --- بمجرد تصدير صور الشعار الأربع من برنامج جمب، استدرج الآن هذه الصور في برنامج جمب كطبقات، وذلك لإنشاء الرسوم المتحركة. (Graphics Interchange Format - GIF) --- SECTION: لفتح صور القطع في برنامج جمب: --- من قائمة File (ملف)، اختر Open as Layers (فتح كطبقات). من مجلد Pictures (الصور)، اختر صور الشعار الأربع. اضغط على Open (فتح). تم إدراج كل طبقات الشعار. واجهة برنامج جمب (Gimp) --- VISUAL CONTEXT --- **DIAGRAM**: Untitled Description: A dropdown menu from the 'File' option in the GIMP program. It shows options like New, Create, Open, Open as Layers, Open Recent, Save, Save As, Save a Copy, Revert, Export, Export As, Create Template, Page Setup, Print, Copy Image Location, Show in File Manager, Close View, Close All, and Quit. Context: Illustrates the steps to open image files as layers in GIMP, specifically highlighting the 'Open as Layers' option. **DIAGRAM**: لفتح صور القطع في برنامج جمب: Description: A numbered list of instructions for opening image layers in GIMP. Step 1: From the File menu, select 'Open as Layers'. Step 2: From the Pictures folder, select the four logo images. Step 3: Click 'Open'. Step 4: All logo layers have been inserted. Context: Provides a step-by-step guide for importing multiple image files as separate layers within the GIMP software. **IMAGE**: واجهة برنامج جمب (Gimp) Description: Screenshot of the GNU Image Manipulation Program (GIMP) interface. It shows the main menu bar (File, Edit, Select, View, Image, Layer, Colors, Tools, Filters, Windows, Help), a file browser/layer panel on the right with brush settings (Hardness, Opacity), and a large canvas area. The canvas appears to be loading an image file. Key Values: Hardness: 050, Opacity: 100.0 Context: Visual representation of the GIMP software interface, used for image editing and animation creation.