📚 في الختام (مراجعة الوحدة)
المفاهيم الأساسية
الإعلان: Advertising
وسائل الإعلان: Advertising Media
اللافتة الإلكترونية المتحركة: Animated Web Banner Media
منحنيات بيزير: Bezier Curves
الرسوم المتحركة بتنسيق التبادل الرسومي: GIF Animation
التصميم الرسومي: Graphic Design
الطبقات: Layers
الشعار: Logo
العقد: Nodes
المسار: Path
الملصق: Poster
مبادئ التصميم الرسومي: Principles Of Graphic Design
الرسوم النقطية: Raster-Based Graphics
أنواع وسائل الإعلان: Types Of Advertising Media
تصميم تجربة المستخدم: User Experience -UX
تصميم واجهة المستخدم: User Interface -UI
خريطة المفاهيم
```markmap
الوحدة الثالثة: التصميم الرسومي
أدوات التصميم الرسومي
برامج التصميم الرسومي المجانية
#### جيمب (GIMP)
##### إنشاء إعلان متحرك
###### لفتح صور القطع في برنامج جمب:
- من قائمة File (ملف)، اختر Open as Layers (فتح كطبقات).
- من مجلد Pictures (الصور)، اختر صور الشعار الأربع.
- اضغط على Open (فتح).
- تم إدراج كل طبقات الشعار.
######
واجهة برنامج جمب (Gimp)
- تحتوي على: File Menu، Brush settings (Hardness, Opacity)، Layer panel، Canvas area.
######
واجهة مربع حوار "فتح كطبقات"
- يحتوي على متصفح ملفات (File Browser) يعرض المجلدات والصور.
- يحتوي على جزء معاينة (Preview) لإظهار الصورة المحددة.
- يحتوي على أزرار: فتح (Open)، إلغاء (Cancel)، مساعدة (Help).
- يمكن اختيار نوع الملف (Select File Type).
######
واجهة النافذة الرئيسية لبرنامج GIMP
- شريط القوائم العلوي: ملف (File)، تحرير (Edit)، تحديد (Select)، عرض (View)، صورة (Image)، طبقة (Layer)، ألوان (Colors)، أدوات (Tools)، مرشحات (Filters)، نوافذ (Windows)، مساعدة (Help).
- صندوق الأدوات (Toolbox) على اليسار.
- لوحة الطبقات (Layer Panel) على اليمين.
- منطقة الرسم (Canvas) في المنتصف.
- شريط الحالة (Status Bar) في الأسفل.
######
لإنشاء الرسوم المتحركة بتنسيق GIF:
- من قائمة Filters، اختر Animation.
- من قائمة Animation، اختر Playback.
- من نافذة Animation Playback، اختر Cumulative layers، واختر 10fps ،1x ،و 100.0%.
######
ترتيب الطبقات المستخدمة في الرسوم المتحركة بتنسيق GIF
- الطبقة الصغيرة (Small)
- الطبقة المتوسطة (Medium)
- الطبقة الكبيرة (Large)
- الطبقة الكبيرة جداً (Extra Large)
######
تصدير الرسوم المتحركة بتنسيق GIF
- من قائمة File، اختر Export As.
- اكتب اسم الملف Logo.gif، وحدد مجلد Pictures.
- اضغط على Export.
- من نافذة Export image as GIF، اختر As Animation.
- في مربع Delay between frames where unspecified، اكتب 200 مللي ثانية.
- اضغط على Export.
- يمكن فتح الملف Logo.gif باستخدام برنامج Photos.
######
واجهة مربع حوار "تصدير الصورة" (Export Image)
- يحتوي على: حقل لكتابة اسم الملف (Name)، ومتصفح لتحديد مجلد الحفظ (Save in folder).
- يعرض قائمة بالملفات الموجودة في المجلد مع تفاصيلها (الاسم، الحجم، تاريخ التعديل).
- يحتوي على جزء معاينة (Preview).
- يحتوي على أزرار: تصدير (Export)، إلغاء (Cancel)، مساعدة (Help).
######
خيارات تصدير GIF (GIF Options)
- Interlace: (خيار تقني).
- GIF comment: (مكان لكتابة تعليق).
- As animation: (تصدير كصورة متحركة).
- Animated GIF Options:
-
Loop forever: (التكرار إلى ما لا نهاية).
- Delay between frames where unspecified: (التأخير بين الإطارات غير المحددة، مثال: 200 مللي ثانية).
- Frame disposal where unspecified: (التخلص من الإطار غير المحدد، مثال: I don't care).
- Use delay entered above for all frames: (استخدام التأخير المدخل أعلاه لجميع الإطارات).
- Use disposal entered above for all frames: (استخدام خيار التخلص المدخل أعلاه لجميع الإطارات).
##### تطبيق معا
###### تدريب 1
- شرح المقصود بتنسيق GIF ومتى يفضل استخدامه إعلانيًا.
######
تدريب 2
- عكس ترتيب الطبقات الأربع في إنشاء GIF ومناقشة الاختلاف.
######
تدريب 3
- شرح المقصود بالملصق الإعلاني وأوجه الاختلاف الأساسية بينه وبين الشعار.
######
تدريب 4
- تصميم شعار متحرك عن اليوم الوطني السعودي.
#####
مشروع الوحدة
###### السيناريو
- العمل في منظمة السلامة المرورية السعودية لتنظيم مؤتمر.
######
المهمة
- إنشاء شعار وملصق ورسم متحرك (GIF) للمؤتمر.
######
التفاصيل
- إنشاء شعار مخصص باستخدام إنكسكيب (Inkscape).
- إنشاء ملصق باستخدام إنكسكيب (Inkscape) يتضمن:
- عنوان المؤتمر.
- صورة مناسبة.
- معلومات عن المؤتمر.
- إنشاء رسم متحرك (GIF) باستخدام جيمب (GIMP) يتطلب:
- إنشاء أربع طبقات مختلفة من الشعار.
برامج أخرى
#### إن ديزاين (InDesign)
- برنامج نشر مكتبي من أدوبي (أصدر 1999).
- حل محل برنامج بيج ميكر.
- المميزات: دعم الأنظمة الأساسية، تصدير PDF، دعم يونيكود وأوبن تايب، الورق الشفاف والطبقات والأنماط، التوافق مع برامج أدوبي الأخرى.
#### أنيمي ستوديو (Anime Studio)
- برنامج لإنشاء الرسوم المتحركة ثنائية الأبعاد.
- يمكن من خلاله عمل كل ما يمكن تخيله من الرسومات المتحركة.
جدول المهارات
- توضيح مفهوم الإعلان ومواصفاته الفعالة.
- توضيح المبادئ الأساسية للتصميم الرسومي.
- تمييز عناصر التصميم الرسومي.
- التمييز بين الرسومات المتجهة والرسومات النقطية.
- تصميم شعار باستخدام برنامج إنكسكيب.
- تصميم ملصق باستخدام برنامج إنكسكيب.
- تصميم إعلان متحرك باستخدام برنامج جمب.
المصطلحات
- الإعلان (Advertising)
- وسائل الإعلان (Advertising Media)
- لافته إلكترونية متحركة (Animated Web Banner Media)
- منحنيات بيزير (Bezier Curves)
- الرسوم المتحركة بتنسيق التبادل الرسومي (GIF Animation)
- التصميم الرسومي (Graphic Design)
- الطبقات (Layers)
- الشعار (Logo)
- العقد (Nodes)
- المسار (Path)
- الملصق (Poster)
- مبادئ التصميم الرسومي (Principles Of Graphic Design)
- الرسوم النقطية (Raster-Based Graphics)
- أنواع وسائل الإعلان (Types Of Advertising Media)
- تصميم تجربة المستخدم (User Experience -UX)
- تصميم واجهة المستخدم (User Interface -UI)
```
نقاط مهمة
- تحتوي الصفحة على جدول للمهارات يتضمن 7 مهارات أساسية يجب إتقانها في نهاية الوحدة.
- تحتوي الصفحة على قائمة مرجعية للمصطلحات التقنية باللغتين العربية والإنجليزية.
- المهارات تشمل الجانب النظري (مثل توضيح المفاهيم والمبادئ) والجانب العملي (التصميم باستخدام برامج إنكسكيب وجمب).