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

📚 واجهة إنكسكيب: قائمة Object و Fill and Stroke

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

قائمة Object (العنصر): توفر وصولاً إلى وظائف مختلفة لمعالجة العناصر، مثل: Fill and Stroke، Object Properties، Symbols، Align and Distribute، والتحويلات مثل Scale، Rotate، و Flip.

Fill and Stroke (التعبئة والإطار الخارجي): نافذة حوار حاسمة للتحكم في مظهر العناصر، تسمح بضبط لون التعبئة، ولون الإطار الخارجي، وعرض الإطار الخارجي، والشفافية.

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

```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 (طلاء الإطار الخارجي)

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

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

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

#### جيمب (GIMP)

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

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

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

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

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

مثال عام

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

تعريف الشعار

أهمية الشعار

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

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

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

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

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

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

#### تدريب 1

#### تدريب 2

#### تدريب 3

#### تدريب 4

#### تدريب 5

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

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

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

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

```

نقاط مهمة

• قائمة Object: تحتوي على خيارات أساسية لتحويل وتنسيق العناصر المرسومة.
• اختصار Fill and Stroke: هو `Shift+Ctrl+F`.
• Color Wheel: تتيح اختيار الألوان باستخدام قيم HSL (Hue, Saturation, Lightness) و Alpha (الشفافية).
• المنطقة الرئيسية (Canvas): تظهر فيها الأعمال الفنية، وتحتوي على مساطر للقياس بالمليمترات (mm).
• الخطوة 7: يظهر مؤشر دائري أزرق يحمل الرقم 7 على لوحة الرسم، مما يشير إلى أنه جزء من سلسلة خطوات تعليمية.

The top section of the Inkscape window displays the main menu bar, including 'Help', 'Extensions', 'Filters', 'Text', 'Path', 'Object', 'Layer', 'View', 'Edit', and 'File'. Below this is the command bar, which shows context-specific options for the selected tool. The tool controls bar is located beneath the command bar, offering settings for the currently active tool. The main canvas area is where the artwork is created. On the right side, there are docked dialogs for various functions like 'Fill and Stroke', 'Color Wheel', and 'Layers'. The left side features the tool box with various drawing and editing tools.

The 'Object' menu provides access to various object manipulation functions. 'Fill and Stroke' (Shift+Ctrl+F) is a crucial dialog for controlling the appearance of objects, allowing adjustments to fill color, stroke color, stroke width, and opacity. Other options include 'Object Properties', 'Symbols', 'Align and Distribute', and transformations like 'Scale', 'Rotate', and 'Flip'.

The canvas displays a document with a light green background. A dashed rectangle indicates a selected object or area. The rulers at the top and left show measurements in millimeters (mm). The current zoom level is 100%. The document title is '*New Document 1.svg - Inkscape'.

The 'Fill and Stroke' dialog is open, showing the 'Fill' tab. The 'Color Wheel' is displayed, with options for HSL (Hue, Saturation, Lightness) and Alpha (opacity). Several color presets are visible, including a gradient or pattern fill. The current fill color appears to be a shade of green. The stroke style is set to 'Flat color'.

A blue circular indicator labeled '7' is present on the canvas, likely indicating a step or section number in a tutorial or guide. Below this, a large light green rectangle is visible, possibly the object being edited or styled.

At the bottom left of the screen, there is a logo with the text 'وزارة التعليم' (Ministry of Education) and the years '2025 - 1447'.

The top section of the Inkscape window displays the main menu bar, including 'Help', 'Extensions', 'Filters', 'Text', 'Path', 'Object', 'Layer', 'View', 'Edit', and 'File'. Below this is the command bar, which shows context-specific options for the selected tool. The tool controls bar is located beneath the command bar, offering settings for the currently active tool. The main canvas area is where the artwork is created. On the right side, there are docked dialogs for various functions like 'Fill and Stroke', 'Color Wheel', and 'Layers'. The left side features the tool box with various drawing and editing tools. The 'Object' menu provides access to various object manipulation functions. 'Fill and Stroke' (Shift+Ctrl+F) is a crucial dialog for controlling the appearance of objects, allowing adjustments to fill color, stroke color, stroke width, and opacity. Other options include 'Object Properties', 'Symbols', 'Align and Distribute', and transformations like 'Scale', 'Rotate', and 'Flip'. The canvas displays a document with a light green background. A dashed rectangle indicates a selected object or area. The rulers at the top and left show measurements in millimeters (mm). The current zoom level is 100%. The document title is '*New Document 1.svg - Inkscape'. The 'Fill and Stroke' dialog is open, showing the 'Fill' tab. The 'Color Wheel' is displayed, with options for HSL (Hue, Saturation, Lightness) and Alpha (opacity). Several color presets are visible, including a gradient or pattern fill. The current fill color appears to be a shade of green. The stroke style is set to 'Flat color'. A blue circular indicator labeled '7' is present on the canvas, likely indicating a step or section number in a tutorial or guide. Below this, a large light green rectangle is visible, possibly the object being edited or styled. At the bottom left of the screen, there is a logo with the text 'وزارة التعليم' (Ministry of Education) and the years '2025 - 1447'. --- VISUAL CONTEXT --- **DIAGRAM**: Object Menu Description: A dropdown menu showing various object manipulation options in Inkscape, including 'Fill and Stroke', 'Object Properties', 'Symbols', 'Selectors and CSS', 'Group', 'Ungroup', 'Clip', 'Mask', 'Pattern', 'Objects to Marker', 'Objects to Guides', 'Raise to Top', 'Raise', 'Lower to Bottom', 'Lower', 'Rotate 90° CW', 'Rotate 90° CCW', 'Flip Horizontal', 'Flip Vertical', 'Unhide All', 'Unlock All', 'Transform...', and 'Align and Distribute...'. The 'Fill and Stroke' option is highlighted. Context: Illustrates the object manipulation capabilities within the Inkscape software. **DIAGRAM**: Fill and Stroke Description: The 'Fill and Stroke' dialog box, with the 'Fill' tab active. It shows controls for setting the fill color, stroke color, and stroke style of an object. The 'Color Wheel' is visible, displaying HSL and Alpha values, along with a color gradient. A flat color fill is selected. Context: Demonstrates how to modify the fill properties of an object in Inkscape. **DIAGRAM**: New Document 1.svg - Inkscape Description: The main Inkscape canvas showing a document with a light green background. A dashed rectangle indicates a selected object or area. Rulers are visible at the top and left, showing measurements in millimeters. The document title is '*New Document 1.svg - Inkscape'. X-axis: mm Y-axis: mm Context: Represents the workspace where vector graphics are created and edited in Inkscape. **DIAGRAM**: Color Wheel Description: A color wheel displaying a gradient of colors, likely representing Hue. It is part of the 'Fill and Stroke' dialog in Inkscape. Controls for Saturation, Lightness, and Alpha (opacity) are also visible. Context: Allows users to select and adjust colors for fills and strokes in Inkscape. **DIAGRAM**: Fill and Stroke Description: Controls within the 'Fill and Stroke' dialog. Shows 'Stroke style' options (e.g., width, mitre limit) and 'Stroke paint' options (e.g., flat color, gradients). The 'Fill' section shows 'Flat color' selected, with a color preview. Context: Provides detailed options for customizing the appearance of selected objects. **DIAGRAM**: Color Wheel Description: A series of color swatches or presets displayed within the 'Fill and Stroke' dialog, likely representing different shades or opacity levels. Includes numerical values for HSL and Alpha (e.g., H: 82, S: 39, L: 70, A: 100). Context: Offers pre-defined color options and allows fine-tuning of color properties. **DIAGRAM**: Untitled Description: A blue circular marker with the number '7' inside, indicating a specific step or section, possibly in a tutorial or guide. It is overlaid on the main canvas area. Context: Serves as a navigational or instructional marker within the software interface or a tutorial.