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

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

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

المسار (Path): شكل يتم تحويله من عنصر (مثل مستطيل) ليحتوي على عقد (Nodes) في أركانه، مما يسهل تحريكه وتعديله.

العقدة (Node): نقطة طرفية تظهر في زوايا العنصر بعد تحويله إلى مسار، يمكن تحريكها لتغيير شكل العنصر.

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

```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)

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

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

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

#### جيمب (GIMP)

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

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

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

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

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

مثال عام

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

تعريف الشعار

أهمية الشعار

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

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

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

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

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

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

#### تدريب 1

#### تدريب 2

#### تدريب 3

#### تدريب 4

#### تدريب 5

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

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

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

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

```

نقاط مهمة

• الغرض من التحويل: التعامل بسهولة مع الأشكال والمضلعات وجعل جوانبها أكثر مرونة (مثل تحويل جانب المستطيل إلى قوس).
• خطوات التحويل:

1. تحديد العنصر باستخدام أداة التحديد (Select Tool).

2. من قائمة Path (مسار)، اختيار Object to Path (العنصر إلى مسار).

3. ستظهر نقاط طرفية (عقد) في زوايا العنصر.

• خطوات التعديل:

1. الضغط على العقدة لتحريكها وتغيير شكل العنصر.

2. استخدام أيقونة Make selected nodes smooth (جعل العقد المحددة مرنة) لجعلها أكثر مرونة.

3. الضغط ضغطة مزدوجة على المسار لإدراج عقد جديدة لمزيد من التحكم في الشكل.

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

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

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

استخدم أداة التحديد (Select Tool) لتحديد العنصر.

من قائمة Path (مسار)، اضغط على Object to Path (العنصر إلى مسار) لتحويل الشكل.

ستظهر نقاط طرفية خاصة بزوايا العنصر الموجود.

اضغط على العقدة لتغيير موقع العقدة وتغيير شكل العنصر، ثم اضغط على أيقونة Make selected nodes smooth (جعل العقد المحددة مرنة) لجعلها أكثر مرونة.

اضغط ضغطة مزدوجة لإدراج عقد جديدة لمزيد من التحكم في شكل العنصر.

بعد إدراج ونقل جميع العقد المناسبة لإنشاء الشكل المستدير، سيظهر العنصر بهذا الشكل.

تحويل العناصر إلى مسارات لكي تتعامل بسهولة مع الأشكال والمضلعات، يمكنك تحويلها إلى ما يسمى بالمسارات، وهذا من شأنه وضع العقد (Nodes) في كل ركن من أركان الشكل الموجود، ليتم تحريكه وتعديله بسهولة حسب المطلوب، لجعل جانب من المستطيل أكثر مرونة، ستحوله إلى قوس. تحويل العنصر إلى مسار استخدم أداة التحديد (Select Tool) لتحديد العنصر. من قائمة Path (مسار)، اضغط على Object to Path (العنصر إلى مسار) لتحويل الشكل. ستظهر نقاط طرفية خاصة بزوايا العنصر الموجود. اضغط على العقدة لتغيير موقع العقدة وتغيير شكل العنصر، ثم اضغط على أيقونة Make selected nodes smooth (جعل العقد المحددة مرنة) لجعلها أكثر مرونة. اضغط ضغطة مزدوجة لإدراج عقد جديدة لمزيد من التحكم في شكل العنصر. بعد إدراج ونقل جميع العقد المناسبة لإنشاء الشكل المستدير، سيظهر العنصر بهذا الشكل. --- VISUAL CONTEXT --- **DIAGRAM**: New Document 1.svg - Inkscape Description: Screenshot of the Inkscape vector graphics editor. Shows the main canvas with a light green rectangle, toolbars on the left and top, a menu bar, and a context menu open on the right. X-axis: Document width/position Y-axis: Document height/position Data: Interface elements for vector graphics manipulation. Key Values: Document dimensions: 189.070 H x 113.267 V, Zoom level: 85%, Current tool: Rectangle, Layer: Layer 1 Context: Illustrates the Inkscape interface and the steps for converting a shape into a path using the 'Object to Path' function.