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

الكتاب: كتاب التقنية الرقمية - الصف 11 - الفصل 1 | المادة: التقنية الرقمية | المرحلة: الصف 11 | الفصل الدراسي: 1

الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم

📚 معلومات الصفحة

الكتاب: كتاب التقنية الرقمية - الصف 11 - الفصل 1 | المادة: التقنية الرقمية | المرحلة: الصف 11 | الفصل الدراسي: 1

الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم

نوع المحتوى: درس تعليمي

📝 ملخص الصفحة

📚 إدراج عنصر وتغيير لونه في إنكسكيب

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

كود اللون HSLa: نظام لوني يرمز له بـ:

  • H: درجة اللون (Hue)
  • S: التشبع (Saturation)
  • L: الإضاءة (Light)
  • A: درجة عتمة اللون (Opacity)

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

```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"
  • ثم تغيير اللون
##### تصدير الشعار كصورة

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

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

#### جيمب (GIMP)

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

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

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

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

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

مثال عام

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

تعريف الشعار

أهمية الشعار

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

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

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

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

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

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

#### تدريب 1

#### تدريب 2

#### تدريب 3

#### تدريب 4

#### تدريب 5

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

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

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

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

```

نقاط مهمة

  • الغرض من إدراج العنصر هو تحسين مظهر الصفحة.
  • يتم إدراج العنصر باستخدام Object Tool من صندوق الأدوات.
  • يتم رسم المستطيل في الجزء السفلي من المستند.
  • يتم تغيير لون العنصر من خلال نافذة Fill and Stroke في علامة تبويب Fill.
  • القيم H:82, S:39, L:70, A:100 تنتج اللون الأخضر الفاتح.

📋 المحتوى المنظم

📖 محتوى تعليمي مفصّل

نوع: محتوى تعليمي

إدراج عنصر

نوع: محتوى تعليمي

ستدرج الآن عنصرًا في أسفل الصفحة لتحسين مظهر الصفحة.

نوع: محتوى تعليمي

إدراج عنصر

نوع: محتوى تعليمي

من صندوق الأدوات (Tool Box)، اضغط على Object Tool (أداة العنصر).

نوع: محتوى تعليمي

في الجزء السفلي من المستند، ارسم مستطيلًا يغطي أكثر من ثلثي الصفحة تقريبًا.

نوع: محتوى تعليمي

من قائمة Object (العنصر)، اضغط على Fill and Stroke (التعبئة والإطار الخارجي).

نوع: محتوى تعليمي

من علامة التبويب Fill (تعبئة)، اكتب الرقم "82" في المربع "H"، و "39" في المربع "S"، و "70" في المربع "L"، و "100" في المربع "A".

نوع: محتوى تعليمي

ثم تغيير اللون.

نوع: محتوى تعليمي

يرمز كود اللون HSLa (درجة اللون) ويرمز لها بالحرف H و Saturation (التشبع) ويرمز لها بالحرف S و Light (الإضاءة) ويرمز لها بالحرف L و Opacity (درجة عتمة اللون) ويرمز لها بالحرف A. وعند مزج الأرقام 82:39 و 70:S و 100:A تحصل على اللون الأخضر الفاتح.

🔍 عناصر مرئية

New Document 1.svg - Inkscape

Screenshot of the Inkscape vector graphics editor interface. It shows a document with a light pink rectangle selected. The interface includes toolbars, menus, color palettes, and coordinate readouts.

📄 النص الكامل للصفحة

إدراج عنصر ستدرج الآن عنصرًا في أسفل الصفحة لتحسين مظهر الصفحة. إدراج عنصر من صندوق الأدوات (Tool Box)، اضغط على Object Tool (أداة العنصر). في الجزء السفلي من المستند، ارسم مستطيلًا يغطي أكثر من ثلثي الصفحة تقريبًا. من قائمة Object (العنصر)، اضغط على Fill and Stroke (التعبئة والإطار الخارجي). من علامة التبويب Fill (تعبئة)، اكتب الرقم "82" في المربع "H"، و "39" في المربع "S"، و "70" في المربع "L"، و "100" في المربع "A". ثم تغيير اللون. يرمز كود اللون HSLa (درجة اللون) ويرمز لها بالحرف H و Saturation (التشبع) ويرمز لها بالحرف S و Light (الإضاءة) ويرمز لها بالحرف L و Opacity (درجة عتمة اللون) ويرمز لها بالحرف A. وعند مزج الأرقام 82:39 و 70:S و 100:A تحصل على اللون الأخضر الفاتح. --- VISUAL CONTEXT --- **DIAGRAM**: New Document 1.svg - Inkscape Description: Screenshot of the Inkscape vector graphics editor interface. It shows a document with a light pink rectangle selected. The interface includes toolbars, menus, color palettes, and coordinate readouts. X-axis: Rulers with units in mm and pixels Y-axis: Rulers with units in mm and pixels Data: Interface elements for a graphics editor. Key Values: Fill: 100 O:, Unset Stroke:, H: 82, S: 39, L: 70, A: 100 Context: Illustrates the Inkscape interface and the process of selecting an object and adjusting its fill properties (H, S, L, A values).

🎴 بطاقات تعليمية للمراجعة

عدد البطاقات: 4 بطاقة لهذه الصفحة

في نموذج ألوان HSLa، ماذا يرمز الحرف 'H'؟

  • أ) التشبع (Saturation)
  • ب) درجة اللون (Hue)
  • ج) الإضاءة (Light)
  • د) درجة العتمة (Opacity)

الإجابة الصحيحة: b

الإجابة: درجة اللون (Hue)

الشرح: 1. نموذج HSLA هو أحد نماذج تمثيل الألوان في برامج التصميم. 2. الحرف 'H' هو اختصار للكلمة الإنجليزية 'Hue'. 3. 'Hue' تُترجم إلى العربية 'درجة اللون'، وهي القيمة التي تحدد اللون على عجلة الألوان (مثل الأحمر، الأزرق، الأخضر).

تلميح: هذا الحرف يمثل الخاصية التي تحدد اسم اللون الأساسي.

التصنيف: تعريف | المستوى: سهل

في نموذج ألوان HSLa، ما الخاصية المسؤولة عن شدة وصفاء اللون؟

  • أ) درجة اللون (Hue)
  • ب) الإضاءة (Lightness)
  • ج) التشبع (Saturation)
  • د) درجة العتمة (Alpha)

الإجابة الصحيحة: c

الإجابة: التشبع (Saturation)

الشرح: 1. نموذج HSLA يتكون من أربع قيم: H, S, L, A. 2. الحرف 'S' هو اختصار للكلمة الإنجليزية 'Saturation'. 3. 'Saturation' تُترجم إلى 'التشبع'، وهي القيمة التي تحدد شدة اللون ونقاءه. تشبع منخفض يعطي لونًا باهتًا (رماديًا)، وتشبع عالٍ يعطي لونًا نقيًا.

تلميح: هذه الخاصية تحدد ما إذا كان اللون باهتًا أم نقيًا وواضحًا.

التصنيف: تعريف | المستوى: متوسط

ما الهدف الرئيسي من استخدام نموذج ألوان مثل HSLa في برامج التصميم مثل Inkscape؟

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

الإجابة الصحيحة: b

الإجابة: للتحكم الدقيق في خصائص اللون (الدرجة، التشبع، الإضاءة، العتمة) بشكل منفصل.

الشرح: 1. نموذج HSLA هو بديل أو مكمل لنماذج مثل RGB. 2. ميزته الرئيسية أنه يفصل الخصائص الإدراكية للون. 3. يسمح للمصمم بتعديل درجة اللون (H) دون التأثير على سطوعه (L) أو تشبعه (S)، والعكس صحيح. 4. هذا يجعل عملية اختيار وتعديل الألوان أكثر بديهية ودقة مقارنة بضبط قيم الأحمر والأخضر والأزرق بشكل منفصل.

تلميح: يفصل هذا النموذج خصائص اللون إلى مكونات يسهل ضبط كل منها على حدة.

التصنيف: مفهوم جوهري | المستوى: صعب

في نظام ترميز الألوان HSLa المستخدم في برامج التصميم الرسومي، ماذا يمثل الحرف (A)؟

  • أ) درجة تشبع اللون (Saturation)
  • ب) إضاءة اللون (Lightness)
  • ج) درجة اللون الأساسية (Hue)
  • د) درجة عتمة اللون (Opacity)

الإجابة الصحيحة: d

الإجابة: درجة عتمة اللون (Opacity)

الشرح: يتكون نظام HSLa من أربعة عناصر أساسية هي: 1. H (Hue): درجة اللون. 2. S (Saturation): التشبع. 3. L (Lightness): الإضاءة. 4. A (Opacity): درجة عتمة اللون (أو الشفافية).

تلميح: فكر في الخاصية التي تتحكم في مدى شفافية اللون أو وضوحه التام.

التصنيف: تعريف | المستوى: سهل