منحنيات بيزير (Bezier Curves) - كتاب التقنية الرقمية - الصف 11 - الفصل 1 - المملكة العربية السعودية

📚 منحنيات بيزير (Bezier Curves)

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

منحنيات بيزير (Bezier Curves): أداة في برامج التصميم (مثل إنكسكيب) تُستخدم لرسم منحنيات ناعمة حول العناصر، مثل إضافة إطار حول صورة.

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

```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)
• إمكانية سحب العقد والمقابض لتعديل شكل المسار

##### استخدام أداة منحنيات بيزير (Bezier Curves)

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

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

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

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

#### جيمب (GIMP)

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

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

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

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

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

مثال عام

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

تعريف الشعار

أهمية الشعار

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

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

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

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

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

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

#### تدريب 1

#### تدريب 2

#### تدريب 3

#### تدريب 4

#### تدريب 5

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

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

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

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

```

نقاط مهمة

• الغرض: استخدام منحنيات بيزير لإضافة إطار أو شكل منحني حول صورة مستوردة (مثل صورة التمور).
• خطوات الرسم:

1. استيراد الصورة.

2. اختيار أداة منحنيات بيزير من صندوق الأدوات.

3. النقر لتعيين نقطة البداية ثم نقطة النهاية للخط.

4. النقر على الخط لإنشاء عقدة وتحريكها للتحكم في شكل المنحنى.

5. استخدام شريط أدوات التحكم (Tool Controls Bar) لإظهار مقابض التحكم (Bezier handles).

6. تحريك المقابض لضبط سلاسة المنحنى.

7. إضافة المزيد من العقد لتحقيق شكل أكثر انسيابية ودقة.

ستضيف الآن صورة التمور ومنحنية بلون أبيض حولها، وسيتم ذلك من خلال استخدام أداة منحنيات بيزير(Bezier).

استورد صورة التمور. اختر أداة منحنيات بيزير (Bezier curves) (صندوق الأدوات). اضغط على نقطة بداية الخط، ثم اضغط نقطة نهاية الخط. اضغط نقطة عقدة الخط أو أي نقطة على الخط لإنشاء عقدة ثم حركها إلى الجهة المرغوبة. اضغط على Tool Controls Bar (شريط أدوات التحكم)، اضغط على Show Bezier handles (إظهار مقابض بيزير). حرك المقابض بالنقرة لجعل المنحنى أكثر سلاسة. أضف المزيد من العقد من العقد لجعل المنحنى أكثر انسيابية. في النهاية سيظهر المنحنى بهذا الشكل.

--- SECTION: منحنيات بيزير (Bezier Curves) --- ستضيف الآن صورة التمور ومنحنية بلون أبيض حولها، وسيتم ذلك من خلال استخدام أداة منحنيات بيزير(Bezier). --- SECTION: لإنشاء منحنيات بيزير: --- استورد صورة التمور. اختر أداة منحنيات بيزير (Bezier curves) (صندوق الأدوات). اضغط على نقطة بداية الخط، ثم اضغط نقطة نهاية الخط. اضغط نقطة عقدة الخط أو أي نقطة على الخط لإنشاء عقدة ثم حركها إلى الجهة المرغوبة. اضغط على Tool Controls Bar (شريط أدوات التحكم)، اضغط على Show Bezier handles (إظهار مقابض بيزير). حرك المقابض بالنقرة لجعل المنحنى أكثر سلاسة. أضف المزيد من العقد من العقد لجعل المنحنى أكثر انسيابية. في النهاية سيظهر المنحنى بهذا الشكل. --- VISUAL CONTEXT --- **DIAGRAM**: Inkscape Interface with Bezier Curve Tool Description: The visual element displays the Inkscape software interface. It shows a background image of dates, with a green curved shape overlaid. A Bezier curve is being drawn on top of the dates image, indicated by numbered points (1, 2, 3, 4) and a red line segment connecting them. The interface includes toolbars, a color palette, and status bar information. X-axis: Rulers with units in mm and percentage scale Y-axis: Rulers with units in mm and percentage scale Data: The visual shows a Bezier curve being constructed. Point 1 is the start, and points 2, 3, and 4 are nodes or control points. A red line segment connects points 3 and 4, indicating the current path being drawn. Key Values: Line segment angle: 156.66°, Line segment distance: 199.06 mm, Current zoom level: 1.00 Scale Context: Illustrates the process of creating Bezier curves in graphic design software, showing how nodes and handles are used to shape the curve.