أدوات برنامج الإليستريتور وقوائمه واستخداماتها

وصف الموقف: طلبت معيدة في كلية الفنون الجميلة مشروعاً من طلبة السنة الأولى في الجامعة، تخصص التصميم الجرافيكي، يتضمن ابتكار شخصية كرتونية ورسمها، باستخدام برنامج الإليستريتور (Illustrator)، فلجأوا إلى مكتب تصميم لمساعدتهم:

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

1. صندوق أدوات الإليستريتور (Illustrator) يعرض 24 أداة من أصل 76، ويتم إخفاء الأدوات الأخرى داخل القوائم الفرعية لكل أداة؛ أي أداة تحتوي على مثلث أسود في زاويتها اليمنى من الأسفل فإنها تحتوي على قائمة فرعية لها تحتوي على أداة بديلة أو أكثر.
2. يمكنك مشاهدة الأدوات الأخرى إما بالضغط المطول على الأداة المطلوبة، أو بالضغط على الأدوات المخفية، أو بالضغط على الأداة المطلوبة و Alt، كما هو مبين في الشكل التالي لتظهر لك الأدوات.

• (Magic Wand): العصا السحرية تستخدم لتحديد مساحات كبيرة.
• (Pen): قلم المسار يختص برسم المسارات في برنامج الإليستريتور (Illustrator) حادة للتحديد، وتعد من أفضل وأدق الأدوات الخاصة بالرسم.
• (Add Anchor Point): أداة إدراج نقطة في المسار الذي تم تحديده باستخدام قلم التحديد.
• (Delete Anchor Point): أداة حذف نقطة خاصيتها معاكسة تماماً للأداة السابقة، كما أنها لا تقوم بقطع المسار حيث يقوم الإليستريتور (Illustrator) تلقائياً برسم مقطع جديد بين النقاط الباقية.
• (Convert Anchor Point): أداة تحويل النقط حيث تأتي النقط الموجودة في مسار في مجموعات مختلفة؛ بمعنى أن بعضها يشير إلى منحنيات والبعض الآخر يشير إلى الزوايا، وهذه الأداة تسمح بتغيير نوع النقط إلى النوع الآخر؛ أي من منحنى إلى زاوية وبالعكس أيضاً.
• (Line Segment): لرسم خط مستقيم.
• (Arc): لرسم خط منحن.
• (Spiral): لرسم خط ذي عدة انحناءات متداخلة على شكل لولبي.
• (Rectangular Grid): لرسم شبكة من المربعات أو المستطيلات.
• (Polar Grid): لرسم شبكة قطرية تشبه شبكة العنكبوت.
• (Brush): فرشاة الرسم.
• (Rotate): أداة تدوير الشكل.
• (Reflection): أداة الانعكاس وهي لعكس موقع شكل معين.
• (Twist): لعمل تأثيرات على الشكل على هيئة تمايل في جوانبه.
• (Warp): أداة اعوجاج الشكل حيث تسمح هذه الأداة بعمل تأثيرات مختلفة على حواف شكل معين.
• (Twirl): أداة التدوير التي تقوم بتدوير جزء من أجزاء الشكل.
• (Pucker): هذه الأداة تجعل من حواف شكل معين كأنه مجعد أو مكسر.
• (Bloat): تقوم باقتصاص جزء من أطراف الشكل إلى الداخل أو إلى الخارج على شكل دائرة.
• (Scallop): ذات تأثير جميل يشبه المروحة، وهي تنفذ على جزء من أجزاء الشكل.
• (Crystallize): تعطي ملامح الكريستال نفسه عند تنفيذها على شكل معين.
• (Wrinkle): أداة تعطي تأثير التجاعيد.
• (Symbol Sprayer): هي بمثابة علبة رش للرموز الموجودة في مكتبة الرموز (Symbols).
• (Symbol Shifter): تقوم بسحب الرموز التي قمت برشها بواسطة الأداة السابقة.
• (Symbol Scruncher): تقوم بتقريب الرموز بعضها من بعض عن طريق إزالة الفراغات الزائدة.
• (Symbol sizer): لتكبير حجم الرموز أو تصغيرها.
• (Symbol Spinner): تقوم بتدوير الرموز حول مركزها.
• (Symbol Stainer): تقوم بتلويث الرموز أو إزالة ألوانها.
• (Symbol Screener): تقوم بعمل تأثير الشفافية على الرموز.
• (Symbol Styler): تقوم بعمل التأثيرات الموجودة في مكتبة (Styles) على الرموز الموجودة في التصميم.
• (Mesh): هذه الأداة رائعة في برامج الإليستريتور (Illustrator)، حيث تقوم بتقسيم الشكل إلى منحنيات، ومن ثم يمكنها أن تتحكم في مسار هذه المنحنيات لتشكيل أشكال جديدة من الشكل الأصلي.
• (Eyedropper): القطارة باستخدامها والضغط عليها في أي جزء من الصورة فإن البرنامج يقوم بأخذ التدرج اللوني الموجود أسفل القطارة بالضبط ويجعله لون المقدمة، كما أن لهذه الأداة ميزة نسخ ولصق لون معين من شكل ما إلى شكل آخر عن طريق تحديد الشكل المراد تلوينه، ثم استعمال أداة القطارة على شكل آخر لينتقل لون الشكل الأخير إلى الشكل المحدد سابقاً.
• (Fill): أداة التعبئة تستخدم لتعبئة اللون من شكل محدد إلى شكل آخر.
• (Measure): أداة القياس تستخدم لإعطاء المعلومات الكاملة فيما يتعلق بأبعاد شكل ما، أو قياس قطره وأضلاعه، أو موقعه بالنسبة للمسقط الصادي والسيني، وعند استخدام هذه الأداة تظهر المعلومات على قائمة (Info)، التي بإمكانك أن تظهرها بواسطة الضغط على مفتاح (F8).
• (Slice): أداة التقطيع تتيح لك قطع الصورة ليتم عرضها على الإنترنت، حيث إن البرنامج يقوم بتقطيعها وتقسيمها إلى أقسام وشرائح منفصلة.
• (Slice Selection): إذا قمت بتقسيم الصورة بالأداة السابقة فإن هذه الأداة تقوم بتحديد الجزء المرغوب من الأجزاء المقسمة؛ وذلك للتحكم فيه.
• (Hand): أداة اليد لسحب الصورة باليد لتمرير الإطار؛ لكي ترى جزءاً مختلفاً من الصورة.
• (Direct Selection): أداة التحديد المباشر: تقوم بالتحكم في زوايا وانحناءات المسارات التي قمت بعملها باستخدام قلم المسار.
• (Group Selection): تستخدم لتحديد جزء وحيد من بين عدة أجزاء مجتمعة (Grouped).
• (Direct Lasso): تستعمل هذه الأداة لتحديد عدة نقاط (Anchors) على المسار.
• (Lasso): تستعمل لتحديد الجزء الداخلي من مسار أو شكل.
• (Text): أداة النص لكتابة النصوص.
• (Area Type): لكتابة نص في المساحة التي يوفرها المسار (Path).
• (Path Type): لكتابة نص على طول المسار.
• (Vertical Type): لكتابة النصوص بشكل عمودي (حرف فوق حرف).
• (Vertical Area Type): لكتابة نص بشكل عامودي في المساحة التي يوفرها المسار.
• (Vertical Path Type): لكتابة نص بشكل عمودي على طول المسار.
• (Rectangle): أداة رسم المستطيل.
• (Rounded Rectangle): تستطيع رسم مستطيل ذي حواف مستديرة.
• (Ellipse): لرسم الدائرة.
• (Polygon): لرسم المضلع.
• (Start): لرسم النجمة.
• (Flare): لرسم شكل مشع.
• (Pencil) أداة قلم الرصاص: أداة القلم الذي يستخدم لرسم الخطوط الرفيعة والدقيقة.
• (Smooth Pencil) أداة القلم الناعم: أداة قلم التنعيم.
• (Eras Pencil): أداة قلم المحو (المحي).
• (Scale): أداة التحكم في أبعاد الصور والأشكال.
• (Shear) أداة التجريد: التي تتحكم في أبعاد الصور والأشكال، وبإمكانها تغيير ملامح الشكل الخارجي.
• (Reshape): لإعادة تشكيل الشكل من جديد والتغيير في أبعاده وزواياه.
• (Free Transform): للتحكم الحر في أبعاد ودرجة ميلان الأشكال وزواياها.
• (Column Graph): لعمل رسم بياني باستخدام الأعمدة.
• (Stacked column Graph): أداة أخرى لعمل رسم بياني.
• (Bar Graph): أداة أخرى لعمل رسم بياني أفقي.
• (Stacked Bar Graph): أداة أخرى لعمل رسم بياني أفقي.
• (Line Graph): أداة أخرى لعمل رسم بياني باستخدام الخط الصاعد والهابط.
• (Area Graph): أداة أخرى لعمل رسم بياني خاص بالمساحة.
• (Scatter Graph): أداة أخرى لعمل رسم بياني.
• (Pie Graph): أداة أخرى لعمل رسم بياني دائري.
• (Radar Graph): أداة أخرى لعمل رسم بياني على شكل رادار.
• (Gradient): أداة التدرج اللوني، وتستخدم لعمل تدرج لوني بين اللونين الأمامي والخلفي في الجزء المراد تعبئته بتدرج لوني.
• (Blend): تستعمل للتدرج بين شكلين مختلفين في ألوانهما.
• (Auto Trace): تستعمل لعمل تأثيرات لونية على أجزاء الصور من نوع (Bitmap).
• (Scissors): أداة المقص تستعمل لقص بعض أجزاء الشكل، ولكن فقط من خلال (Anchors) وليس (Endpoints) الموجودة على المسار (Path).
• (Knife): أداة السكين تستعمل لتقطيع الشكل.
• (Zoom Tool): أداة العدسة أو المكبر وهي لتكبير الصورة حتى تستطيع رؤية البكسلات الفردية بشكل واضح.

  نشاط (2) : رسم أشكال هندسية وتلوينها باستخدام برنامج الإليستريتور (Illustrator).

1. أفتح صفحة جديدة :
2. أختار أداة الأشكال الهندسية.
3. أرسم الأشكال الهندسية باستخدام (Shift + drag) إذا كان الشكل المراد متساوي الأضلاع.
4. أحدد الأشكال التي قمت برسمها وألونها بطريقة (Fill).
5. أحدد الأشكال الهندسية وألونها بطريقة (Stroke).
6. ألون الأشكال الهندسية بطريقة (Fill) و (Stroke).
7. أحفظ الصفحة التي تحتوي الأشكال الهندسية.

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

نشاط (3): إستخدام أداة (Pen Tool) في برنامج الإليستريتر (Illustrator).

1. أفتح صفحة جديدة.
2. أختار أداة (Pen Tool).

3. أرسم أيّ نقطةباستخدام (Alt+drag) حيث يتمّ تحريك يدٍ واحدة لكلّ نقطة بالاتّجاه المطلوب

4. أرسم أيّ نقطة باستخدام (Shift+drag) حيث يتمّ تحريك اليدين الاثنتين لكلّ نقطة.

5. أجمعُ أوّل نقطة تمّ رسمُها بآخر نقطة (عن طريق الضغط بالأداة مرّة أخرى على النقطة الأولى) ليصبح الشكل مغلقاً.

6. أحفظ الشكل الذي تمّ رسمُه.

   نشاط (4): كتابة نصّ على خطّ أو شكل يتمّ رسمُه باستخدام برنامج الإلليستريتور (Illustrator).

1. أفتح صفحة جديدة.
2. أختار أداة (Pen Tool).
3. أرسم الخطوط أو الشكل المطلوب بأداة (Pen Tool).

4. أختار أداة (Type Tool).

5. أضغط بأداة (Type Tool) على حافّة الخطّ الذي تمّ رسمُه، وأبدأ بالكتابة.

6. أقوم بتكبير حجم النصّ الذي قمت بكتابته.

   نشاط (5): عمل تدرُّج بالشكل واللون في برنامج الإلليستريتور (Illustrator).

1. أفتح صفحة جديدة.
2. أختار أداة رسم الأشكال.
3. أرسم الأشكال الهندسيّة المطلوبة وأعطي كلّ شكلٍ لوناً مختلفاً.

4. أختار أداة (Blend Tool).

5. أضغط على أداة (Blend Tool) مرتين لتظهر قائمة تحدّد عدد المرّات التي تُدرّج الأشكال الهندسيّة مع بعضها.

6. أضغط على الأشكال واحداً تلوَ الآخر باستخدام أداة (Blend Tool).

   نشاط (6): إضافة نقاط كثيرة على أيّ شكل هندسيّ أو تصميم معين .

1. أفتح صفحة جديدة
2. أختار أداة رسم الأشكال.
3. أرسم الأشكال الهندسيّة.

4. أختار أداة (Twiral Tool).

5. أضغط على الشكل الهندسيّ بواسطة أداة (Twiral Tool) لزيادة عدد النقاط، وتغيير الشكل الهندسيّ

6. الشكل الهندسيّ بعد زيادة عدد النقاط.

نشاط (7): أخْذ مقطع من صورة في برنامج الإلليستريتور (Illustrator).

1. أفتح صفحة جديدة .

2. أقوم باستيراد الصّورة.

3. أختار الصّورة.

4. أجعل الصّورة ضمن برنامج الإلليستريتور (Illustrator).

5. أرسم شكل المقطع المراد أخْذه فوق الصّورة.

6. أحدّد الصّورة والشكل، وأختار أمر (Clipping Mask) من قائمة object.

7. المقطع الذي تمّ أخْذه من الصّورة.

هي الفلاتر الموجودة في الفوتوشوب (Photoshop) نفسها، ولكن يجب ملاحظة أمرٍ مهمّ في هذه الحالة، هو أنّه يجب تحويل العناصر والأشكال التي من نوع (Vector) إلى (Bitmap) بواسطة الأمر (Rasterize) من قائمة (Object)؛ لتتمكّن من تنفيذ بعض الفلاتر مثل: (Blur, Sharpen, Brush, Artistic.... ) .

هي تقريباً خصائص الفلاتر نفسها مع وجود إضافات أخرى، ولكنّ الشيء المميّز في هذه القائمة هو خصائص إيجاد المسار الذي يُمكِّنُك من إجراء الكثير من العمليّات، مثل: (Outline, Divide, Merge, Crop, Trim ...).

وهي القائمة الخاصّة بعرض بعض النوافذ، وهي تشبه الموجودة في الفوتوشوب (Photoshop).

تشبه أيضاً تلك الموجودة في الفوتوشوب (Photoshop)، مع وجود بعض النوافذ المختلفة .

قائمة المساعدة، والطريقة المختصرة لها هي (F1).

لتشغيل البرنامج بعد تثبيته على الكمبيوتر، اضغط على قائمة ابدأ (Start) في نافذة ويندوز، ومن قائمة البرامج ستجد مجموعة (Adobe Illustrator). عندها سيقوم الكمبيوتر بتحميل البرنامج، ويستغرق تحميل البرنامج كما في الفوتوشوب (Photoshop) وقتاً أكبر من البرامج الأخرى؛ وذلك لقيامه بتحميل المؤثّرات للخطوط والقوائم والعديد من المكتبات التي تحتاجها في الرسم. عند انتهاء الكمبيوتر من تشغيل البرنامج ستظهر لك شاشة سطح المكتب التي تحتوي في الأعلى على شريط قوائم الأوامر، وعلى اليسار شريط الأدوات، وعلى اليمين لوحات متعدّدة الوظائف.

لفتح ملفّ جديد لبدء الرسم فيه يتمّ من خلال الضغط بزرّ الماوس على قائمة (File)، واختيار (New) فيظهر لك مربّع الحوار.

تتمّ كتابة اسم الملفّ، ثمّ اختيار نوع الصفحة المطلوبة، ثمّ تحديد مسار الصفحة عموديّاً أم أفقيّاً، ونمط الألوان المطلوب، مع العلم أنّ البرنامج يتعامل تلقائيّاً مع (CMYK)، والضغط على الزرّ Ok.

من الأمور المهمّة في هذا البرنامج التحكُّم في خصائص الصفحة قبل البدء في عمليّة التصميم من حيث، قياس الصفحة واتّجاهها.

يستطيع هذا البرنامج من إنشاء صور جديدة أو استيرادها من برامج أخرى كالفوتوشوب (Photoshop). وبرنامج الإلليستريتور (Illustrator) هو أحد البرامج التي تتعامل في معظم الأوقات مع الصّور من نوع (Vector)؛ ولهذا فقد تميّز عن غيره في أنّه قادر على إنتاج الكثير من الأشكال البسيطة والمعقّدة التي تزيد من جماليّة التصميم، وتعطي الشعور بالتقنيّة العالية. يتم استيراد الصّور من خارج البرنامج باستخدام الأمر (Place) الموجود في قائمة (File). وعند استيراد صورة من خارج البرنامج وإدراجها في التصميم يجب ملاحظة أنّها ستُدرج على أنّها وصلة (Link)، وتُدرج ضمن قائمة Link في القوائم الفرعيّة الموجودة على يمين البرنامج.

هنا يجب أن تُحفظ نسخة من الصّورة الأصليّة من التصميم في المكان نفسه؛ لتفادي عدم رؤية الصّورة المستعملة في التصميم عند فتحها على جهاز كمبيوتر آخر أو في المطبعة، لكنّ هناك طريقة أفضل وهي تحويل الصّورة المستوردة إلى جزء داخليّ من أجزاء التصميم ككلّ، وهذه الطريقة تتمّ عند استخدام أمر الاستيراد (Place)، وهنا يجب ملاحظة المربّع الصغير الموجود على جهة اليسار وإزالة علامة الصحّ.

في هذه الحالة ستلاحظ الفرق بين الصّورة الموحّدة في جسم التصميم (Embedded) والصّورة التي تكون عبارة عن وصلة (Link)، حيث إنّ نافذة (Link) سترسم مربّعاً صغيراً يحتوي على أشكال هندسيّة على يمينها، للدّلالة على أنّ هذه الصّورة أصبحت من مكوّنات التصميم ككلّ.

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

إنّ النُّسَخ القديمة من برنامج الإلليستريتور (Illustrator) لا تكتب باللغة العربيّة، ولكن لا يعني هذا أنّنا لا نستطيع استخدام الحروف العربيّة في التّصميم؛ لذا كان المصمّمون يستخدمون برامج (وسيطة) للكتابة باللغة العربيّة، مثل (الرسّام العربيّ)، ومن ثمّ نقوم بإدراج ما كتبناه داخل الإلليستريتور (Illustrator)، لكنّ الإصدارات الحديثة من برنامج الإلليستريتور (Illustrator)، مثل CS, CS 2018 أصبحت تُكتب باللغة العربيّة.

لحفظ التّصميم في الهيئة القابلة للتعديل نقوم بالذهاب إلى قائمة (فايل)، ونختار حِفظ (Save)، وعند تنفيذ أمر الحفظ سيظهر مربّع الحوار.

في الخانة الأولى يُخيّرك البرنامج في أيّ نُسخ البرنامج أنت تفضل حِفظ الملفّ، والأفضل أن يُحفظ الملفّ في أحدث نسخة من البرنامج، إلّا إذا كنت على علم بأنّ المطبعة لا تستعمل النسخة الحديثة فيُفضل في هذه الحالة حِفظ الملفّ بنسخة أقدم؛ لتفادي خسارة شيء من جَوْدة الصّورة وألوانها. النّسخة الحديثة فقط هي التي تصنع نسخة من التّصميم على هيئة (PDF)، وأيضاً النّسخة الوحيدة التي تُستعمل أداة لضغط الملفّ (Compression)؛ من أجل تقليل الحجم. وتجدر الإشارة في مجال الحديث إلى أنّه لحِفظ الملفّ على هيئة مناسبة للطباعة مثل (JPEG, TIF) يجب استخدام الأمر (Export).

الطُّرق المختصرة في برنامج الإلليستريتور (Illustrator) شبيهة إلى حدٍّ ما بتلك الموجودة في برنامج الفوتوشوب (Photoshop).

عند الانتهاء من التّصميم يجب عليك حِفظ الملفّ، وتجهيزه للطباعة بالطريقة الآتية:

1. الذّهاب إلى قائمة file، ثم اختيار الأمر Document color mode، والتأكُّد من أنّ نظام الألوان هو CMYK Color الخاصّ بالطّباعة.

2. الذَّهاب إلى قائمة Type، واختيار الأمر Creiat outline، وتحويل النصّ إلى فكتور.

3. الذّهاب إلى قائمة file، واختيار الأمر Save as لحِفظ الملفّ

4. بعد اختيار الأمر Save as تظهر لنا شاشة نختار منها أولاً اسم الملف، ونقوم بتسمية الملف للطباعة، وثانياً نقوم بتحديد مكان حفظ الملف، وثالثاً اختيار فورمات الملف pdf.

5. بعد اختيار عملية الحفظ تظهر لنا شاشة نختار منها وضوح الملف High Quality Print، ومن ثم نقوم بعملية حفظ الملف على سطح المكتب.

1. وضّح وظيفة كل من الأدوات الآتية:

   (Scissors), (Eyedropper), (Hand), (Magic Wand), (Reflection).

2. إلى أي قائمة ينتمي الأمر Assign Profile؟ وما هي وظيفته؟

3. وضّح الفرق بين الأوامر: Expand, Appearance Expand؟