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

📚 واجهة برنامج إنكسكيب - مراحل التعديل

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

واجهة إنكسكيب: بيئة العمل التي تحتوي على أدوات الرسم والتعديل للرسومات المتجهة.

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

```markmap

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

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

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

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

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

• شريط القوائم (Menu bar)
• شريط الأدوات الرئيسي (Tool control bar)
• شريط الأوامر (Command bar)
• صندوق الأدوات (Tool Box)
• منطقة التصميم (Canvas / Design area)
• لوحة الألوان (Color Palette)
• خصائص النوافذ (Windows properties)
• شريط الحالة (Status bar)
• شريط الأدوات المساعد (Snap bar)

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

• إعداد حجم الشعار المطلوب
• فتح نافذة "خصائص المستند" (Document Properties)
• تغيير وحدة العرض إلى سنتيمتر (cm)
• تحديد الأبعاد يدوياً (العرض والارتفاع)
• إغلاق نافذة الخصائص

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

###### إعداد حجم الملصق المطلوب

• إنشاء مستند جديد بأبعاد الملصق المطلوب (مثل A4)
• من قائمة File (ملف)، اختيار Document Properties (خصائص المستند)
• من نافذة الخصائص، في مجموعة Display (العرض)، ضبط Format (التنسيق) على A4
• إغلاق نافذة الخصائص

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

• من قائمة File (ملف)، اختيار Import (استيراد)
• تحديد ملف الصورة (مثل صورة خلفية jpeg) والضغط على Open (فتح)
• ضبط إعدادات الاستيراد (مثل Embed أو Link، DPI) والضغط على OK (موافق)
• ستظهر الصورة في لوحة الرسم (Canvas)
• إذا كانت أبعاد الصورة مطابقة للمستند (مثل A4) فستضبط تلقائياً
• يمكن استخدام Select Tool (أداة التحديد) لنقل الصورة إذا ظهرت في موقع غير مناسب

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

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

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

• من صندوق الأدوات (Tool Box)، اضغط على Object Tool (أداة العنصر)
• في الجزء السفلي من المستند، ارسم مستطيلاً يغطي أكثر من ثلثي الصفحة تقريباً
• من قائمة Object (العنصر)، اضغط على Fill and Stroke (التعبئة والإطار الخارجي)
• من علامة التبويب Fill (تعبئة)، اكتب الرقم "82" في المربع "H"، و "39" في المربع "S"، و "70" في المربع "L"، و "100" في المربع "A"
• ثم تغيير اللون

###### قائمة Object

• Fill and Stroke (Shift+Ctrl+F)
• Object Properties
• Symbols
• Align and Distribute
• التحويلات (Scale، Rotate، Flip)

###### نافذة Fill and Stroke

• علامة تبويب Fill (تعبئة)
• Color Wheel (عجلة الألوان) لضبط HSL (Hue, Saturation, Lightness) و Alpha (الشفافية)
• Stroke style (نمط الإطار الخارجي)
• Stroke paint (طلاء الإطار الخارجي)

###### تحويل العناصر إلى مسارات

• تحويل العنصر إلى مسار
• استخدام أداة التحديد (Select Tool)
• قائمة Path (مسار) واختيار Object to Path (العنصر إلى مسار)
• تعديل العقد (Nodes)

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

###### تحديد منطقة أو عنصر

• استخدام أداة التحديد (Select Tool)
• ظهور إطار حدودي متقطع حول العنصر المحدد

###### استخدام شريط القوائم أثناء التعديل

• الوصول إلى أوامر التعديل من شريط القوائم (Menu bar)

###### تعديل العقد والمنحنيات

• استخدام أداة العقد (Node Tool)
• ظهور مقابض (Handles) للتحكم في شكل المنحنيات (Bezier curves)
• إمكانية سحب العقد والمقابض لتعديل شكل المسار

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

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

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

#### جيمب (GIMP)

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

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

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

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

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

مثال عام

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

تعريف الشعار

أهمية الشعار

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

#### الشعار النصي (Wordmark Logo)

#### شعار الحروف (Lettermark Logo)

#### الشعار التصويري (Image Logo)

#### الشعار المدمج (Combination Logo)

تطبيق معا (تمارين)

#### تدريب 1

#### تدريب 2

#### تدريب 3

#### تدريب 4

#### تدريب 5

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

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

مثال تطبيقي: تصميم ملصق لمهرجان التمور

تنسيق ملفات التصميم

```

نقاط مهمة

• يوضح البرنامج مراحل التعديل على العناصر في إنكسكيب باستخدام أدوات التحديد والعقد.
• يمكن تحديد العناصر لظهور إطار حدودي متقطع حولها.
• شريط القوائم (Menu bar) يحتوي على أوامر التعديل أثناء العمل على العنصر.
• أداة العقد (Node Tool) تتيح تعديل شكل المنحنيات باستخدام مقابض التحكم (Bezier handles).

The image displays screenshots of the Inkscape vector graphics editor, highlighting different stages of object manipulation and interface elements. The overall theme appears to be a tutorial or demonstration of Inkscape's features, likely related to creating or editing shapes and paths.

The image displays screenshots of the Inkscape vector graphics editor, highlighting different stages of object manipulation and interface elements. The overall theme appears to be a tutorial or demonstration of Inkscape's features, likely related to creating or editing shapes and paths. --- VISUAL CONTEXT --- **DIAGRAM**: Inkscape workspace with a selected object or area. Description: This screenshot shows a portion of the Inkscape interface. A ruler is visible at the top, marked with units from 0 to 100+. A dashed rectangle outlines a specific area, and a blue circle with the number '4' is placed near the top-right corner of this area, possibly indicating a tool or a step in a process. X-axis: Units (e.g., mm, px) indicated by ruler markings Y-axis: Units (e.g., mm, px) indicated by ruler markings Context: Illustrates a specific selection or tool usage within Inkscape, likely part of a step-by-step guide. **DIAGRAM**: Inkscape object editing with node tool. Description: This screenshot shows a more detailed view of Inkscape's editing capabilities. A document window titled 'New Document 1.svg - Inkscape' is visible. Rulers are present, showing units and values. A green shape, possibly a path or a complex object, is selected and shows transformation handles. Blue circles labeled '5', '6', and '7' point to specific elements: '5' on the shape itself, '6' on the menu bar, and '7' on a node or handle of the shape. X-axis: Units (e.g., mm) with markings from 0 to 250+ Y-axis: Units (e.g., mm) with markings from 0 to 150+ Context: Demonstrates selecting objects, using the menu bar, and potentially manipulating nodes or handles of a vector shape in Inkscape. **DIAGRAM**: Inkscape path editing with Bezier curves. Description: This screenshot shows another view of Inkscape, focusing on path editing. The document window title is again visible. Rulers are present. A green shape, clearly defined by Bezier curves, is selected and shows transformation handles. A blue circle labeled '8' is positioned to the right of the shape, possibly indicating a tool, a property, or a step. X-axis: Units (e.g., mm) with markings from 0 to 350+ Y-axis: Units (e.g., mm) with markings from 0 to 150+ Context: Focuses on the creation or editing of curved paths using Bezier tools in Inkscape, showing the visual feedback of selected nodes and handles. **FIGURE**: Ministry of Education Logo Description: The logo of the Ministry of Education. It features a title in Arabic script ('وزارة التعليم') above a dotted pattern, followed by English text 'Ministry of Education' and numbers '2025 - 1447'. Context: Identifies the source or publisher of the document as the Ministry of Education.