‫ﺩﺑﻠﻮﻣﺔ ﺍﻟﺠﺮﺍﻓﻴﻜﺲ‬

‫‪Illustrator CC‬‬

‫المادة العلمية‬

‫مهندس‪ /‬أحمد ابراهيم‬

 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Course Description‬‬ ‫وصف الدورة‬

‫‪iii‬‬ ‫من خالل هذه الدورة سنقوم بدراسة برنامج اليستريتور ‪CC‬‬ ‫‪ii‬‬
‫و هو البرنامج االول في تصميم اللوجوهات و تصميم المطبوعات بكافة‬
‫انواعها الي جانب رسم الخرائط و االنفوجرافيكس و نضيف الي هذه المزايا‬
‫‪ ..‬التكامل بينه و بين برامج أدوبي االخري مثل الفوتوشوب و االنديزاين و‬
‫الفالش‪ .‬سنقوم بتغطية كل ما يساعد المصمم في الحصول علي منتج‬
‫طباعي متميز‬
‫مما سيمكنكم ان شاء اهلل للوصول الي احتراف العمل علي البرنامج بكافة‬
‫اوامره من خالل التطبيقات و الشرح الموجودين داخل الكتاب أو من خالل‬
‫متابعة المحاضرات و التطبيق العملي ‪.‬‬ ‫تعريف بشركة ‪: ITC‬‬
‫شــركة انترناشــونال للتدريب و االستشــارات ‪ ITC‬و مقرها‬
‫عجمــان بدولــة األمــارات العربيــة المتحــدة تقــدم نفســها‬
‫‪Course Duration‬‬ ‫مدة الدورة‬ ‫كبيــت خبــرة و شــريك للنجــاح مــع العديــد مــن المؤسســات‬
‫الحكوميــة و الشــركات و األفــراد فــي مجــال التدريــب‬
‫و االستشــارات و الحلــول المتكاملــة مــن خــال منهــج علمــي‬
‫‪ 30‬ساعة مقسمة الي ‪ 10‬محاضرات ( كل محاضرة ‪ 3‬ساعات )‬ ‫و عمــل مؤسســي و خبــرات مميــزة و محترفــة ممــا يميــز‬
‫عمالؤنــا و يعطيهــم األفضليــة العلميــة و العمليــة و يؤهلهم‬
‫لتنميــة مهاراتهــم بمــا يتوافــق مــع متطلبــات ســوق العمــل ‪.‬‬
‫‪Course Objectives‬‬ ‫أهداف الدورة‬
‫رؤية الشركة ‪:‬‬
‫تحقيــق الثقــة لــدي عمالءنــا ممــا يجعلنــا االختيــار األول و‬
‫ •التعرف علي اهمية برامج الـ ‪ Vector‬و مميزاتها في الرسم عن‬ ‫األفضــل في مجــال التنمية البشــرية و األداريــة و الجرافيكس‬
‫و المالتيميديــا ‪.‬‬
‫البرامج االخري مثل الفوتوشوب ‪.‬‬
‫البرامج التدريبية ‪:‬‬
‫ • كيفية استخدام البرنامج في تصميم لوجو‬
‫تقــدم شــركة ‪ ITC‬للتدريــب و االستشــارات العديــد مــن برامج‬
‫ • التعرف علي المميزات التصميمية للبرنامج في تصميم كافة‬ ‫التدريــب المتكاملــة فــي مجــال التنميــة البشــرية و االداريــة و‬
‫انواع المطبوعات‬ ‫الجرافيكــس بأعلــي معاييــر الجــودة التدريبيــة و ذلــك لتحقيــق‬
‫ • التعرف علي مميزات البرنامج في رسم و تلوين الشخصيات‬ ‫أقصــي اســتفادة علميــة و عمليــة ممكنــة‬
‫المادة العلمية‬
‫م‪ /‬أحمد ابراهيم‬

‫‪Course requirements‬‬ ‫متطلبات الدورة‬

‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
‫ابراج الفالكون ‪ B1‬الطابق ‪, 21‬الراشدية ‪ ,‬عجمان ‪ ,‬االمارات العربية المتحدة‬
‫األلمام الجيد باستخدام الكمبيوتر و الويندوز ‪.‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫الرموز و االصطالحات‬ ‫‪iv‬‬

‫‪1‬‬
‫المحاضرة االولي‬
‫المقصود به‬ ‫الرمز‬

‫أهداف المحاضرة‬
‫ملحوظة هامة‬
‫ •التعرف علي الواجهة الرئيسية لبرنامج االليستريتور ‪CC‬‬
‫‪.1‬شريط القوائم ‪Menu bar‬‬ ‫ ‬
‫‪ .2‬اللوحات ‪Panels‬‬ ‫ ‬
‫‪ .3‬األدوات ‪Tools‬‬ ‫ ‬ ‫تطبيق بشكل عملي تحت اشراف المحاضر‬
‫‪ .4‬لوحة التحكم ‪Control Panel‬‬ ‫ ‬
‫‪ .5‬مساحة العمل ‪Workspace‬‬ ‫ ‬
‫‪ .6‬مكان التصميم ‪Document window‬‬ ‫ ‬ ‫تطبيق عملي‬
‫ • أساسيات العمل مع البرنامج‬
‫ •‪Vector & Raster‬‬
‫ •‪Selection tools‬‬ ‫اختصار لوحة مفاتيح‬
‫ •‪Group‬‬ ‫‪keyboard shortcut‬‬
‫ •‪Isolation mode‬‬
‫ •‪Fill & Stroke‬‬
‫ •‪Layers‬‬ ‫معلومة إضافية هامة‬
‫ •فتح ملف عمل جديد ‪New Document‬‬
‫ معني كلمة ‪Bleed‬‬
‫ اللوحة الفنية ‪Artboard‬‬ ‫الخالصة‬
‫ • ‪Ruler & Guides‬‬
‫ •‪Smart Guide‬‬
‫ •‪Zoom tool‬‬
‫ •‪Hand tool‬‬
‫ •أدوات رسم األشكال األساسية‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة األولي‬ ‫المحاضرة األولي‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪.1‬شريط القوائم ‪Menu bar‬‬ ‫‪Adobe Illustrator CC‬‬

‫تحتوي القوائم علي كل أوامر البرنامج‬ ‫تعريف بالبرنامج‬
‫‪3‬‬ ‫وكل قائمة من القوائم يدل اسمها علي المهام الخاصة بها‬ ‫‪2‬‬
‫برنامج ادوبي اليستريتور ‪ Adobe Illustrator‬هو برنامج رسم و تلوين و له‬
‫و سوف نالحظ ان بعض االوامر‬ ‫مميزات رائعة في تصميم اللوجوهات و تصميم المطبوعات بكافة انواعها الي‬
‫يوجد بجانبها اختصار لوحة‬ ‫جانب رسم الخرائط و االنفوجرافيكس و تصميم المالبس و االقمشة‬
‫المفاتيح كما هو موضح بالصورة‬ ‫و نضيف الي هذه المزايا ‪ ..‬التكامل بينه و بين برامج أدوبي االخري مثل‬
‫‪keyboard shortcut‬‬ ‫الفوتوشوب و االنديزاين و الفالش‪.‬‬
‫‪File > New Ctrl + N‬‬
‫الواجهة الرئيسية ‪Interface‬‬

‫‪ .2‬اللوحات ‪Panels‬‬ ‫تتكون الواجهة الرئيسية لبرنامج االليستريتور من ستة أجزاء رئيسية‬
‫‪ 1.1‬شريط القوائم ‪Menu bar‬‬
‫كلمة ‪ panels‬معناها لوحة أو نافذة صغيرة تحتوي علي أحد أوامر‬ ‫‪ 2.2‬اللوحات ‪Panels‬‬
‫البرنامج و التي تكون موجودة في القوائم ‪.‬‬ ‫‪ 3.3‬األدوات ‪Tools‬‬
‫‪ 4.4‬لوحة التحكم ‪Control Panel‬‬
‫مدمجة مع‬ ‫‪5.5‬مساحة العمل ‪Workspace‬‬
‫الواجهة الرئيسية‬ ‫اللوحة مفتوحة‬
‫‪ 6.6‬مكان التصميم ‪Document window‬‬
‫‪Docked‬‬ ‫‪Expand‬‬
‫‪Panels‬‬ ‫شريط القوائم ‪Menu bar‬‬ ‫لوحة التحكم ‪Control Panel‬‬ ‫اللوحات ‪Panels‬‬

‫‪Floaten‬‬ ‫‪Icon‬‬
‫موجودة بشكل حر‬ ‫اللوحة مغلقة‬
‫كل الـ ‪Panels‬‬
‫مساحة العمل ‪Workspace‬‬
‫موجودة في قائمة‬
‫‪Window‬‬

‫تابع مع المحاضر كيفية التعامل مع الـ ‪panels‬‬

‫األدوات ‪Tools‬‬
‫مكان التصميم ‪Document Window‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة األولي‬ ‫المحاضرة األولي‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪ .2‬دبل كليك علي أي أداة الظهار إعدادتها ‪:‬‬ ‫‪ .3‬األدوات ‪Tools‬‬

‫مثال ‪:‬‬
‫إذا ضغطنا دبل كليك علي أداة الـ ‪ Rotate tool‬ستظهر إعدادات االداة‬ ‫‪selection tools‬‬ ‫‪Direct selection tool‬‬
‫‪5‬‬ ‫‪Lasso tool‬‬ ‫‪4‬‬
‫كما هو موضح‬ ‫‪Magic wand tool‬‬

‫‪Path creation tools‬‬

‫‪Type tools‬‬

‫‪Line tools‬‬

‫‪Paint Brush tool‬‬ ‫‪Shape tools‬‬

‫‪Blob Brush tool‬‬
‫‪Rotae & Reflect tools‬‬
‫‪Pencil tools‬‬

‫‪Cutting tools‬‬
‫‪Width tool & Liquify tools‬‬

‫سيتم شرح كل مجموعة من األدوات من خالل الموضوع الخاص بها‬ ‫‪Scale tools‬‬

‫‪Shape builder tool‬‬ ‫‪Free transform tool‬‬

‫‪ .4‬لوحة التحكم ‪Control Panel‬‬ ‫‪Mesh tool‬‬

‫‪Gradient tool‬‬
‫‪Prespective tools‬‬

‫‪Blend tool‬‬

‫تعتبر الجزء األهم في الواجهة الرئيسية للبرنامج‬

‫فمن خاللها نستطيع التحكم في كثير من اعدادات االدوات و تسهل علينا العمل‬ ‫‪Symolism tools‬‬ ‫‪Graph tool‬‬

‫دون الحاجة الي التنقل القوائم‬

‫و يتغير شكل الـ ‪ Control Panel‬مع بعض االدوات‪.‬‬ ‫‪Artboard tool‬‬ ‫‪Slice tool‬‬
‫‪Hand tool‬‬
‫‪Zoom tool‬‬

‫يجب أن نأخذ في االعتبار ملحوظتان هامتان جد ًا عند التعامل مع االدوات في برنامج‬

‫مع معظم االدوات‬ ‫االليستريتور‬
‫‪ Tear off.1‬فصل االدوات ‪:‬‬
‫مع أداة الـ ‪Artboard tool‬‬
‫عندما نقف علي أي أداة و نظغط كليك و نسحب حتي نصل الي السهم‬
‫الموجود في اقصي يمين مجموعة االدوات ‪..‬في هذه الحالة سنفصل‬
‫مع أداة الـ ‪Type tool‬‬ ‫هذه المجموعة من االدوات كما موضح ‪.‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة األولي‬ ‫المحاضرة األولي‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪ .6‬مكان التصميم ‪Document window‬‬ ‫‪ .5‬مساحة العمل ‪Workspace‬‬

‫مساحة العمل أو الـ ‪ workspace‬هي عبارة عن مجموعة معينة من الـ ‪panels‬‬
‫‪7‬‬ ‫مرتبة بشكل معين لتناسب مع طريقة العمل أو المشروع الذي نعمل فيه‬ ‫‪6‬‬

‫قم بتنسيق الـ ‪ panels‬بالشكل المناسب لك‬

‫‪Canvas‬‬

‫لعمل مساحة عمل‬

‫جديدة ‪:‬‬
‫المنطقة التي‬ ‫الطريقة األولي‬
‫سيتم طباعتها‬ ‫سنجد قائمة في‬
‫‪Artboard‬‬ ‫أعلي يمين الواجهة‬
‫الرئيسية و نختار‬
‫منها‬
‫‪New workspace‬‬
‫الطريقة الثانية‬
‫كلمة ‪ Artboard‬معناه مساحة العمل التي ستظهر في الطباعة و التي نقوم بوضع‬ ‫نختار من قائمة ‪window > workspace > New workspace‬‬
‫عناصر التصميم فيها و سيتم شرحها الحق ًا بشكل مفصل ‪.‬‬
‫إللغاء مساحة عمل‬
‫من نفس المكان الذي أنشأنا فيه مساحة‬
‫عمل جديدة‬
‫هذة المرة نختار ‪Manage workspace‬‬
‫ثم نحدد ما نريد الغاؤه و نضغط علي‬
‫ايكونة سلة المهمالت‬

‫العادة مساحة عمل لترتبيها األصلي‬

‫من نفس المكان الذي أنشأنا فيه مساحة‬
‫عمل جديدة‬
‫هذة المرة نختار ‪Reset workspace‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة األولي‬ ‫المحاضرة األولي‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫رسم توضيحي للـ ‪Path‬‬ ‫هام جد ًا جد ًا‬ ‫أساسيات العمل مع البرنامج‬

‫‪Vector & Raster1.1‬‬

‫‪9‬‬ ‫كما نري في هذا الشكل‬ ‫‪Selection tools2.2‬‬ ‫‪8‬‬
‫ذراع تحكم‬ ‫أن الـ ‪ Path‬يتكون من ثالثة أجزاء‬ ‫هذه األساسيات الخمس هي االهم علي االطالق‬ ‫‪Group3.3‬‬
‫‪Handle‬‬ ‫جسم الـ ‪Path‬‬ ‫وفهمها و استيعابها سيسهل علينا الكثير لفهم‬ ‫‪Isolation mode4.4‬‬
‫‪Anchor point‬‬ ‫طريقة عمل البرنامج‬
‫‪Anchor point‬‬ ‫‪Fill & Stroke5.5‬‬
‫جسم الـ ‪Path‬‬ ‫ذراع تحكم ‪Handle‬‬ ‫‪Layers6.6‬‬
‫‪Vector & Raster.1‬‬
‫‪ .2‬أدوات التحديد ‪Selection tools‬‬
‫‪ Raster‬و ‪Vector‬‬
‫معني التحديد في االليستريتور يختلف عن الفوتوشوب فالمقصود بالتحديد هنا‬ ‫كلمتان في غاية األهمية و يجب معرفة معني كل كلمة منهما قبل التعامل مع‬
‫هو تنشيط شكل أو كلمة لتنفيذ أحد أوامر البرنامج عليه‬ ‫اي برنامج تصميم أو مع الجرافيكس بشكل عام‪.‬‬

‫لدينا أداتان في غاية غاية األهمية و هما ‪:‬‬ ‫‪Vector‬‬ ‫‪Raster‬‬ ‫المصطلح‬
‫‪ ( Selection tool .1‬السهم االسود )‬
‫شكل يتكون من خطوط‬
‫‪ ( Direct Selection tool .2‬السهم االبيض )‬
‫مستقيمة أو منحنية ( ‪) Paths‬‬ ‫صورة أو شكل تتكون من‬
‫مرتبطة ببعضها بنقط تحكم‬ ‫بكسالت و ترجع جودة الصورة‬
‫‪Direct selection tool‬‬ ‫‪Selection tool‬‬ ‫تعرف بـ ‪Anchor points‬‬ ‫للـ ‪Resolution‬و تتأثر الصورة‬
‫الشرح‬
‫السهم االبيض‬ ‫السهم االسود‬ ‫األداة‬ ‫و هي ال تتأثر بالتكبير أو‬ ‫عند التكبير أو التصغير و يحدث‬
‫التصغير و تتميز أشكال‬ ‫لها تشويه عند تكبيرها عن‬
‫الـ ‪Vector‬بالحواف الحادة و‬ ‫حجمها األصلي‬
‫تحديد نقطة ‪Anchor Point‬‬ ‫الناعمة ‪.‬‬
‫تحديد كل الـ ‪Path‬‬ ‫الوظيفة‬
‫او اكثر‬

‫ال يقتصر استخدام أداة السهم‬

‫االبيض فقط علي تحدي د �‪An‬‬ ‫نموذج‬
‫‪ chor point‬و انما تستخدم‬ ‫تعمل أداة السهم االسود‬
‫ملحوظة‬
‫في التعامل مع أجزاء من‬ ‫كأداة تحريك و ‪Transform‬‬
‫هامة‬
‫اشكال مرتبطة ببعضها مثل‬ ‫في نفس الوقت ‪.‬‬
‫جزء من ‪ Group‬أو ‪Clipping‬‬ ‫‪Illustrator‬‬
‫‪ mask‬أو ‪blend‬‬ ‫‪Indesign‬‬ ‫‪Photoshop‬‬ ‫البرامج‬
‫‪Corel draw‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة األولي‬ ‫المحاضرة األولي‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Group.3‬‬ ‫ •لتحديد شكل ما كل مع علينا هو اختيار أداة الـ ‪Selection tool‬‬

‫كلمة ‪ Group‬معناها مجموعة من األشكال مرتبطة ببعضها لوجود عالقة‬ ‫و نضغط كليك علي الشكل الذي نريد تحديده‬ ‫( السهم االسود )‬
‫تصميمية بين هذه االشكال كمجموعة من الورد أو مجموعة من الكلمات نريد‬ ‫‪10‬‬
‫‪11‬‬
‫تحريكها أو تكبيرها أو تصغيرها مع ًا‬ ‫ •لتحديد أكثر من نشكل نستخدم مايعرف بالـ ‪Marquee‬‬
‫كما هو موضح بالصورة ‪.‬‬
‫كيفية عمل ‪Group‬‬

‫‪ .1‬نفتح ملف العمل ‪ group‬الموجود في ملفات عمل المحاضرة االولي‬ ‫‪1‬‬ ‫نضغط كليك و نسحب من هنا‬

‫‪ .2‬نحدد األشكال التي نريد تجميعها في‬

‫‪ Group‬بالسهم االسود‬
‫‪ .3‬نختار االمر ‪ group‬من قائمة ‪Object‬‬

‫حتي هنا‬
‫‪2‬‬

‫ •و لتحديد اكثر من عنصر بشكل منفصل نضغط كليك باداة السهم االسود‬
‫علي أو ل شكل ثم نضغط ‪ + Shift‬كليك علي الشكل الثاني ‪.‬‬

‫ •من الممكن عمل ‪ Group‬عندما نقف كليك‬

‫يمين و نختار االمر ‪Group‬‬
‫‪ .1‬كليك‬ ‫‪ + Shift .2‬كليك‬

‫ •لفك الـ ‪ Group‬نحدد الـ ‪ Group‬بالسهم‬

‫االسود نقف كليك يمين و نختار ‪Ungroup‬‬ ‫ •لعمل نسخة من شكل أو اكثر أو كلمة‬
‫و نفس األمر سنجده في قائمة ‪Object‬‬ ‫نحدد العنصر أوال باداةالسهم االسود‬
‫ثم نختار أالمر ‪ Copy‬من قائمة ‪Edit‬‬
‫‪Ctrl + C‬‬
‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة األولي‬ ‫المحاضرة األولي‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Fill & Stroke .5‬‬ ‫‪ .4‬العزل ‪Isolation mode‬‬

‫كلمة ‪ Fill‬معناها الملئ الداخلي للشكل‬ ‫معني كلمة ‪ Isolation mode‬هي عزل عنصر معين للعمل عليه هو فقط دون‬
‫‪13‬‬ ‫‪Fill‬‬ ‫و كلمة ‪ Stroke‬معناها حد خارجي حول الشكل‬ ‫باقي عناصر التنسيق ‪.‬‬ ‫‪12‬‬
‫‪Stroke‬‬ ‫يمكننا عمل عزل لشكل داخل ‪ Group‬عندما نختار أداة السهم االسود‬
‫و نضغط دبل كليك علي الـ ‪. Group‬‬
‫سنالحظ في اسفل الـ ‪ Tools panel‬كل مايخص الـ ‪ Fill‬و الـ ‪Stroke‬‬
‫التحويل بين الـ ‪ Fill‬و الـ ‪Stroke‬‬
‫نفتح ملف العمل ‪ Isolation mode‬الموجود في ملفات عمل المحاضرة االولي‬
‫‪Fill‬‬
‫لون الـ ‪ Fill‬و الـ ‪Stroke‬‬ ‫‪Stroke‬‬
‫أسود و ابيض ( ‪) D‬‬

‫‪solid color‬‬ ‫‪Gradient‬‬ ‫‪None‬‬

‫لون مصمت‬ ‫تدريج لوني‬ ‫لون شفاف‬
‫بدون تدريجات‬

‫‪ .6‬الطبقات ‪Layers‬‬
‫تعتبر الـ ‪ Layers‬من أكثر مزايا برامج الجرافيكس فهي تسهل التعامل مع عناصر‬
‫التصميم مما يتيح لنا تنظيمها و القدرة علي اظهارها أو اخفائها أو حتي حماية‬
‫الـ ‪ Layers‬من اجراء أي تعديل عليها ‪.‬‬
‫ •كل مايخص الـ ‪ Layers‬موجود في ‪Window > Layers Layers Panel‬‬
‫نفتح ملف العمل ‪ Layers‬الموجود مع ملفات عمل المحاضرة االولي‬
‫‪Panel menu‬‬
‫اظهار أو اخفاء ‪Layer‬‬ ‫‪Taregt‬‬
‫قفل أو فك ‪Layer‬‬ ‫تنشيط عنصر من‬ ‫سنالحظ أن كل األشكال اصبحت أقل وضوح ًا ماعدا الشكل الذي عزلناه‬
‫مثلث فتح الـ ‪ Layers‬الفرعية‬ ‫عناصر التصميم‬ ‫و نجد ايض ًا شريط رمادي في اعلي الواجهة الرئيسية و هذا دليل‬
‫علي أننا في حالة العزل‪.‬‬

‫هذا المربع معناه‬ ‫ •للخروج من الـ ‪ isolation mode‬نضغط دبل كليك في أي مكان أو نضغط من‬
‫أن هذا العنصر من‬ ‫لوحة المفاتيح علي زرار ( ‪) Esc‬‬
‫توضيح مكان ‪ Layer‬قمنا‬ ‫التصميم تم تحديده‬
‫بتنشيطه من التصميم‬

‫إلغاء ‪Layer‬‬
‫‪Clipping Mask‬‬

‫طبقة فرعية جديدة‬ ‫طبقة جديدة‬

‫‪New Sub Layer‬‬ ‫‪New Layer‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة األولي‬ ‫المحاضرة األولي‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫فتح ملف عمل جديد ‪New Document‬‬

‫لفتح ملف عمل جديد نختار من قائمة ‪ File‬األمر ‪New‬‬
‫‪15‬‬ ‫‪File > New ...... Ctrl + N‬‬ ‫ •العادة ترتيب الـ ‪ Layers‬نقوم بسحب‬ ‫‪14‬‬
‫الـ ‪ Layer‬الي اعلي او الي اسفل‬
‫اسم الملف‬

‫اعدادات اللوحة‬
‫الفنية ‪Artboard‬‬
‫المقاس‬

‫‪Bleed‬‬ ‫ •يمكننا ايضا ترتيب عناصر التصميم عن‬

‫طريق األمر ‪ Arrange‬الموجود في‬
‫قوالب تصميمة‬ ‫قائمة ‪Object‬‬
‫جاهزة موجودة‬
‫أو اذا وقفنا كليك يمين علي اي عنصر‬
‫مع البرنامج‬ ‫اعدادات تناسب كل‬
‫أغراض التصميم‬
‫في التصميم سنجد نفس االمر ‪.‬‬
‫تأكيد‬ ‫الغاء‬

‫معني كلمة ‪Bleed‬‬

‫هي مسافة زائدة حول التصميم لتفادي مشاكل القص او التقطيع التي تحدث بعد‬ ‫الوظيفة‬ ‫األمر‬
‫عملية الطباعة‬
‫عادة تكون قيمة الـ ‪ Bleed‬من ‪ 2‬الي ‪ 3‬مليمتر‬ ‫أول شكل و يكون فوق كل عناصر التصميم‬ ‫‪Bring to front‬‬
‫تحريك الشكل بمقدار خطوة العلي‬ ‫‪Bring forward‬‬
‫توحيد قيم الـ ‪ Bleed‬من‬
‫كل االتجاهات‬ ‫تحريك الشكل بمقدار خطوة السفل‬ ‫‪Send Backward‬‬
‫اخر شكل و يكون تحت كل عناصر التصميم‬ ‫‪Send to Back‬‬

‫الـ ‪ Bleed‬هو المشار اليه‬

‫بالخط االحمر‬

‫المساحة االصلية للتصميم‬

‫ناقش مع المحاضر الفائدة العملية من إضافة الـ ‪ Bleed‬إلي التصميم‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة األولي‬ ‫المحاضرة األولي‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫اللوحة الفنية ‪Artboard‬‬ ‫للتعديل علي أي اعداد من إعدادات التصميم سواء في المقاس أو الـ ‪ Bleed‬أو‬
‫وحدة القياس المستخدمة في التصميم‬
‫سنالحظ عند فتح ملف عمل جديد أن لدينا اختيار ‪Artboard‬‬ ‫نختار من قائمة ‪ File‬االمر ‪Document setup‬‬
‫و كلمة ‪ Artboard‬هي المساحة التي سيتم طباعتها ‪.‬‬
‫‪17‬‬ ‫و سنجد أيض ًا زر ‪ Document Setup‬الموجود في الـ ‪Control Panel‬‬ ‫‪16‬‬
‫و يمكننا فتح ‪ Artboard‬واحد و حتي ‪ Artboard 100‬في الملف الواحد مما يسهل‬
‫علينا تجميع أكثر من تصميم لشركة أو لمنتج أو لعميل في ملف واحد ‪.‬‬
‫ •مثال ‪:‬‬
‫سنفتح ملف عمل واحد به ‪Artboard 4‬‬
‫نختار من قائمة ‪ File‬االمر ‪New‬‬
‫ستظهر لنا اعدادات الـ ‪Artboard‬‬

‫عدد الـ ‪Art board‬‬

‫اتجاه‬
‫المسافة بين الـ ‪Art board‬‬ ‫طريقة ترتيب‬ ‫عدد االعمدة‬ ‫الـ ‪Art board‬‬
‫الـ ‪Art board‬‬ ‫التي نرتب بها‬
‫الـ ‪Art board‬‬

‫ •يمكننا أيض ًا التعامل مع ‪Atrboard Panel‬‬

‫‪Window > Artboard‬‬
‫‪ Artboard‬جديدة‬

‫الـغاء ‪Art board‬‬

‫إعادة ترتيب الـ ‪Art board‬‬

‫‪Artboard tool‬‬

‫تعتبر أداة الـ ‪ Artboard tool‬و احدة من أهم أدوات برنامج االليستريتور‬
‫و هي المسئولة عن التعامل مع كل ما يخص الـ ‪ Artboard‬سواء ًا مقاس أو عدد أو‬
‫حتي أضافة أو الغاء أو إعادة ترتيب ‪.‬‬

‫و بمجرد اختيار أداة الـ ‪ Artboard tool‬سنالحظ تغير شكل الـ ‪Control Panel‬‬
‫كما هو موضح أمامنا‬
‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة األولي‬ ‫المحاضرة األولي‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Ruler & Guides‬‬

‫المسطرة ‪Ruler‬‬
‫‪19‬‬ ‫‪18‬‬
‫تستخدم المسطرة أو الـ ‪ Ruler‬في تحديد مساحة التصميم و تغيير وحدة القياس‬ ‫إذا اختارنا أداة الـ ‪Artboard tool‬‬
‫التي نعمل بها و تستخدم ايض ًا في رسم خطوط الدليل ( ‪) Guides‬‬ ‫وضغطنا كليك علي أي ‪ Art board‬سنالحظ‬
‫هذا الخط المتقطع حول الـ ‪Artboard‬‬
‫مما يتيح لنا تحريكها أو تكبيرها و‬
‫ •الظهار أو اخفاء المسطرة الي قائمة ‪View‬‬ ‫تصغيرها أو حتي الغاءها عند الضغط علي‬
‫‪View > Rulers > Show rulers ... Ctrl + R‬‬ ‫زر ‪Delete‬‬

‫ •لتغيير وحدة القياس نقف كليك يمين‬

‫علي المسطرة و نختار وحدة القياس التي‬
‫نريد العمل بها‪.‬‬ ‫سنالحظ اختيارين في غاية االهمية في الـ ‪Control Panel‬‬

‫تحريك الـ ‪ Artboard‬يمين ًا و يسار ًا مع المحور ‪X‬‬ ‫تحديد مساحة الـ ‪Artboard‬‬
‫خط الدليل ‪Guide‬‬ ‫أو العلي و اسفل مع المحور ‪ Y‬بقيمة محددة‬

‫هي عبارة عن خطوط دليل وهمية التظهر في الطباعة تستخدم لتنظيم عناصر‬ ‫تحتوي الـ ‪ Control Panel‬علي اعدادات أخري هامة‬
‫التصميم ‪.‬‬
‫و يمكننا انشاء خط دليل ‪ Guide‬عندما نذهب الي المسطرة و نضغط عليها‬
‫كليك و نسحب ‪.‬‬
‫اعدادات مسبقة‬ ‫الغاء‬
‫اضافة‬ ‫اسم‬ ‫‪Copy / Move‬‬
‫لمقاسات متعارف‬ ‫الـ ‪Artboard‬‬ ‫يتيح لنا هذا االختيار‬
‫عليها‬ ‫بتحريك أو نسخ‬
‫وضعية‬
‫الـ ‪Artboard‬‬ ‫الـ ‪ Artboard‬بما‬
‫بالطول أو بالعرض‬ ‫يحتويه من عناصر‬
‫التصميم‬

‫لتحريك خط الدليل ‪ Guide‬ماعلينا اال ان نختار أداة السهم االسود و نضغط كليك‬
‫تابع مع المحاضر التطبيق العملي لتنفيذ‬
‫علي الـ ‪ Guide‬و نحركه‬
‫مجموعة مطبوعات لشركة أو مؤسسة أو عميل ‪.‬‬
‫و يمكننا تحريك الـ ‪ Guide‬بمسافة محددة عن طريق ادخال قيم في خانة ‪ X‬أو ‪Y‬‬
‫الموجودة في الـ ‪Control panel‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة األولي‬ ‫المحاضرة األولي‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Zoom tool‬‬
‫تستخدم أداة الـ ‪ Zoom tool‬في التقريب أو البعد عن التصميم‬
‫و فيما يلي اهم اختصارات لوحة المفاتيح‪.‬‬
‫‪21‬‬ ‫اذا وقفنا كليك يمن في اي مكان سيظهر لنا قائمة‬ ‫‪20‬‬
‫اختصار لوحة المفاتيح‬ ‫فرعية بها كل االوامر التي تخص الـ ‪Guides‬‬
‫األمر‬
‫‪keyboard shortcut‬‬
‫)‪Ctrl + (+‬‬ ‫‪zoom in‬‬
‫)‪Ctrl + (-‬‬ ‫‪zoom out‬‬
‫‪fit on screen‬‬
‫)‪Ctrl + (0‬‬ ‫‪Smart Guide‬‬
‫‪view > fit Artboard on window‬‬
‫و هو من أهم األوامر المتعلقة بالـ ‪ Guides‬و هي عبارة عن خطوط دليل مؤقتة‬
‫‪Hand tool‬‬ ‫تساعدنا علي تنسيق و ترتيب عناصر التصميم ‪.‬‬
‫و لتفعيل هذا األمر نذهب الي قائمة ‪ View‬و نختار االمر ‪Smasrt Guide‬‬
‫تستخدم أداة الـ ‪ Hand tool‬للتنقل في مساحة الصورة‬
‫و يجب أن نالحظ أننا ال نحرك الصورة و انما نتنقل في مساحة الصورة ‪.‬‬

‫عند الضغط علي المسطرة ( ‪ ) Space bar‬ننتقل من اي أداة‬

‫مهم جدا ‪..‬‬
‫نعمل بها الي أداة الـ ‪ Hand tool‬بشكل مؤقت ‪.‬‬

‫أوامر التراجع و التقدم ‪Undo & Redo‬‬ ‫مثال ‪:‬‬

‫عند تحريك الدائرة المشار اليها في الصورة‬
‫اختصار لوحة المفاتيح‬ ‫نالحظ دليل لونه اخضر يشير الي ان مركز هذة الدائرة‬
‫األمر‬ ‫التي نحركها علي نفس المحاذاة من مركز الدائرة‬
‫‪keyboard shortcut‬‬
‫االخري ‪.‬‬
‫‪Undo‬‬
‫)‪Ctrl + (Z‬‬
‫تراجع ألكثر من خطوة‬

‫‪Redo‬‬
‫)‪Ctrl + Shift + (Z‬‬ ‫ملحوظة ‪:‬‬
‫تقدم ألكثر من خطوة‬
‫لن يغنينا هذا االمر عن أوامر الـ ‪ Align‬و الـ ‪Distribution‬‬
‫و التي سنناقشها بالتفصيل في المحاضرة الثالثة ‪.‬‬
‫‪File > Revert‬‬ ‫إعادة التصميم ألصله‬
‫‪F12‬‬ ‫كما بدأنا العمل عليه‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة األولي‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫أدوات رسم األشكال األساسية ‪Basic Shapes‬‬

‫هذه األدوات هي اساس أي تصميم أو رسم أو لوجو حيث يعتمد االليستريتور علي‬

‫المحاضرة الثانية‬ ‫رسم أشكال هندسية و خطوط بسيطة يتم دمجها فيما بعد مع بعضها لنحصل‬
‫‪23‬‬ ‫‪22‬‬
‫علي شكل به تفاصيل أكثر ‪.‬‬
‫هناك مجموعتان من أدوات رسم األشكال األساسية‬

‫أهداف المحاضرة‬
‫‪Closed Shapes‬‬ ‫‪Open Shapes‬‬
‫ •‪ Rotate & Reflect‬الدوران و االنعكاس‬
‫األشكال المغلقة‬ ‫األشكال المفتوحة‬
‫ كيفية عمل دوران لشكل ‪Rotate‬‬
‫) أشكال هندسية (‬ ‫) خطوط (‬
‫ كيفية عمل انعكاس لشكل ‪Reflect‬‬
‫ •‪Shape builder tool‬‬
‫ ماهي أداة الـ ‪Shape builder tool‬‬
‫ طريقة استخدام أداة الـ ‪Shapebuilder tool‬‬
‫ •‪Width tool‬‬
‫ ماهي أداة الـ ‪Width tool‬‬
‫ طريقة استخدام أداة الـ ‪Width tool‬‬
‫ •‪Free transform tool‬‬ ‫تابع مع المحاضر الشرح المفصل ألدوات رسم االشكال االساسية‬
‫ طريقة استخدام أداة الـ ‪Free Transform tool‬‬
‫ •حفظ الملفات ‪Save & Export‬‬ ‫تدريب عملي تحت اشراف المحاضر‬
‫ ‬

‫تابع مع المحاضر كيفية‬

‫رسم الشكل الموضح‬
‫بالصورة‪.‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثانية‬ ‫المحاضرة الثانية‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫ملحوظة هامة ‪:‬‬ ‫الدوران و االنعكاس ‪Rotate & Reflect‬‬

‫في برنامج االليستريتور إذا كانت القيمة موجبة يكون الدوران عكس اتجاه عقارب‬
‫الساعة أما إذا كانت القيمة سالبة فيكون الدوران مع اتجاه عقارب الساعة‪.‬‬ ‫كيفية عمل دوران لشكل ‪Rotate‬‬
‫‪25‬‬ ‫‪24‬‬
‫يمكننا عمل دوران ‪ Rotate‬لشكل في برنامج االليستريتور باحدي طريقتين ‪:‬‬
‫قيمة سالبة‬ ‫قيمة موجبة‬

‫الطريقة الثانية‬ ‫الطريقة األولي‬

‫كليك يمين ثم نختار االمر التالي‬ ‫‪Rotate tool‬‬
‫‪Transform > Rotate‬‬ ‫نضغط علي األداة دبل كليك‬
‫مع اتجاه عقارب الساعة‬ ‫عكس اتجاه عقارب الساعة‬
‫فتظهر لما اعدادات الـ ‪Rotate‬‬

‫لدينا اختياران في غاية األهمية‬

‫األول ‪ Ok‬و الثاني ‪Copy‬‬
‫ويوضح هذا الجدول الفرق بين كال األمرين‬

‫‪OK‬‬ ‫‪Copy‬‬

‫زاوية ‪30‬‬ ‫زاوية ‪30‬‬

‫مثال ‪:‬‬
‫‪ .1‬نختار أداة الـ ‪Ellipse tool‬‬
‫‪.2‬نرسم شكل بيضاوي‬
‫‪ .3‬نختار لون ‪ Fill‬و ‪ Stroke‬مناسبين‬

‫قمنا بدوران الشكل فقط بزاوية ‪30‬‬

‫اصبح لدينا نسخة بزاوية ‪ 30‬درجة‬
‫درجة دون عمل نسخة منه‬

‫إذا أردنا تكرار دوران الشكل بنفس الزاوية و نفس‬ ‫‪.4‬نعمل ‪ Rotate‬باحدي الطريقتين‬
‫االتجاه نختار االمر التالي من قائمة ‪Object‬‬ ‫التي سبق ذكرهما‬
‫‪Object > transform > transform again‬‬ ‫و نختار قيمة الدوران ‪ 30‬درجة‪.‬‬

‫‪Ctrl + D‬‬
‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثانية‬ ‫المحاضرة الثانية‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫سنالحظ أن الدوران ‪ Rotate‬دائما يكون من مركز الشكل‬

‫كيفية عمل انعكاس لشكل ‪Reflect‬‬ ‫كيف يمكننا التحكم في مكان محور الدوران ؟؟‬
‫فيما يلي سيتضح لنا كيفية التحكم في مكان محور الدوران ‪..‬‬
‫يمكننا عمل دوران ‪ Rotate‬لشكل في برنامج االليستريتور باحدي طريقتين ‪:‬‬
‫‪27‬‬ ‫‪26‬‬

‫كليك ‪Rotate tool + Alt +‬‬ ‫دبل كليك علي الـ ‪Rotate tool‬‬
‫الطريقة الثانية‬ ‫الطريقة األولي‬ ‫في أي مكان‬
‫كليك يمين ثم نختار االمر التالي‬ ‫‪Reflect tool‬‬
‫‪Transform > Reflect‬‬ ‫نضغط علي األداة دبل كليك‬ ‫‪ .1‬تظهر لنا إعدادات الـ ‪Rotate‬‬ ‫‪ .1‬تظهر لنا إعدادات الـ ‪Rotate‬‬
‫فتظهر لما اعدادات الـ ‪Reflect‬‬ ‫‪ .2‬الميزة هنا أننا نستطيع التحكم‬ ‫‪ .2‬دائم ًا يكون مركز الشكل هو‬
‫في مكان محور الدوران‪.‬‬ ‫محور الدوران‬

‫تدريب عملي تحت اشراف المحاضر‬

‫حاول ابتكار أشكال مختلفة باستخدام أداة الـ ‪Rotate tool‬‬

‫يمكننا استخدام الـ ‪ Opacity‬لعمل تداخل بين االشكال‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثانية‬ ‫المحاضرة الثانية‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Shape builder tool‬‬

‫مثال رقم ‪: 2‬‬
‫‪.1‬نرسم أربعة دوائر كما هو موضح بالصورة‬ ‫ماهي أداة الـ ‪Shape builder tool‬‬
‫‪29‬‬ ‫و ذلك باتباع الخطوات التالية‪:‬‬ ‫‪28‬‬
‫هي أداة دمج و تلوين األشكال‪.‬‬

‫طريقة استخدام أداة الـ ‪Shapebuilder tool‬‬

‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬ ‫‪4‬‬

‫مثال رقم ‪: 1‬‬

‫‪ .1‬نرسم دائرتين كما هو موضح بالشكل‬

‫نرسم دائرة‬ ‫نسحب مع ‪Alt‬‬ ‫نحدد الدائرتين بأداة السهم األسود‬ ‫الشكل‬
‫لعمل نسخة‬ ‫و نقوم بعمل ‪ Rotate‬بزاوية ‪90‬درجة‬ ‫النهائي‬
‫من الدائرة‬ ‫و نختار ‪Copy‬‬
‫‪ .2‬نحدد الدائرتين بأداة السهم األسود‬
‫‪ .2‬نحدد الـ ‪ 4‬دوائر بأداة السهم االسود‬
‫‪ .3‬نختار أداة الـ ‪Shape builder tool‬‬
‫‪ .4‬نحدد لون مناسب من الـ ‪.Control panel‬‬
‫‪ .3‬نختار أداة الـ ‪Shapebuilder tool‬‬
‫و بمجرد أن نقترب من مكان تقاطع الدائرتين نالحظ‬
‫هذا الظل الرمادي‬

‫‪ .5‬نضغط كليك و نسحب‬ ‫‪ .4‬نضغط كليك بأدة الـ ‪Shapebuilder tool‬‬

‫كما هو موضح بالصورة‬ ‫بعد اختيار لون مناسب من الـ ‪Control panel‬‬

‫‪.6‬يمكننا تلوين باكثر من‬ ‫‪ .5‬نالحظ أننا قمنا بتلوين التقاطع بين الدائرتين باللون الذي اختارناه‬
‫لون و تحريك كل جزء تم‬
‫تلوينه علي حدا باستخدام‬
‫أداة السهم االسود‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثانية‬ ‫المحاضرة الثانية‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Width tool‬‬ ‫ملحوظة هامة جد ًا ‪:‬‬

‫ال تعمل أداة الـ ‪ ShapeBuilder‬مع النصوص‬
‫ماهي أداة الـ ‪Width tool‬‬
‫و إذا أردنا استخدامها مع النصوص يجب تحويل النص ‪ Text‬إالي شكل ‪Shape‬‬
‫‪31‬‬ ‫مهمة هذه األداة هي التحكم في تغيير سمك خط معين‬ ‫‪30‬‬
‫الخطوات ‪:‬‬
‫طريقة استخدام أداة الـ ‪Width tool‬‬ ‫‪ .1‬نختار أداة الـ ‪Type tool‬‬
‫‪ .2‬نكتب حرف أو كلمة ‪.‬‬
‫الخطوات ‪:‬‬ ‫‪ .3‬نختار أداة السهم األسود ‪.‬‬
‫‪ .1‬نختار أداة الـ ‪ line sigment tool‬و نرسم خط مستقيم مع استخدام الـ ‪Shift‬‬ ‫‪ .4‬نقف كليك يمين علي و نختار األمر > ‪Create outlines‬‬
‫لرسم خط رأسي ‪.‬‬
‫‪ .2‬نحدد قيمة مناسبة للـ ‪ Stroke‬و الموجود في‬
‫الـ ‪ Control panel‬و ليكن ‪pt 60‬‬ ‫سيتحول الحرف إلي شكل و إذا الكلمة تتكون من أكثر‬
‫من حرف فإن هذه الحروف تتحول إالي ‪ Group‬و يجب‬
‫فك الـ ‪ Group‬إذا أردنا التعامل مع كل حرف علي حدا‬
‫‪ .3‬نختار أداة الـ ‪ width tool‬و من أي‬
‫مكان في الخط‬ ‫تستخدم أداة الـ ‪ ShapeBuilder tool‬إللغاء أجزاء من األشكال المتقاطعة‬
‫نسحب يمين ًا لتكبير سمك الخط‬
‫أو نسحب يسار ًا لتصغير سمك الخط‬ ‫مثال رقم ‪: 3‬‬
‫في الشكل الذي رسمناه من قبل‬
‫نريد إلغاء التقاطعات بين الدوائر ‪.‬‬
‫‪ .1‬بعد رسم األربع دوائر نحددهم بأداة السهم األسود‬
‫تابع مع المحاضر كيفية االستفادة من أداة الـ ‪ Width tool‬و‬
‫استخدامها مع أداة الـ ‪ Rotate tool‬في تكوين اشكال متداخلة كما‬
‫هو باالمثلة الموضحة‬
‫‪ .2‬نختار أداة الـ ‪Shapebuilder tool‬‬
‫‪ .3‬نضغط ‪ + Alt‬كليك عند التقاطعات ‪.‬‬

‫النتيجة‬ ‫األمر‬

‫‪Shapebuider tool‬‬
‫الخالصة‬
‫تلوين‬ ‫كليك‬
‫تلوين ‪ +‬دمج‬ ‫كليك ‪ +‬اسحب‬
‫إلغاء‬ ‫‪ + Alt‬كليك‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثانية‬ ‫المحاضرة الثانية‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪ Save & Export‬حفظ الملفات‬ ‫‪Free transform tool‬‬

‫يمكننا حفظ الملفات من برنامج االليستريتور علي هيئة ملفات عمل مفتوحة‬ ‫يسأل الكثير من مستخدمي برنامج االليستريتور أين توجد أوامر الـ ‪Transform‬‬
‫‪33‬‬ ‫‪ Vector‬أو علي هيئة صور ‪. Raster‬‬ ‫الموجودة في برنامج الفوتوشوب ؟؟‬ ‫‪32‬‬
‫قائمة ‪File‬‬ ‫لدينا أداة الـ ‪ Free Transform tool‬و التي تقوم بهذه المهمة ‪.‬‬
‫و قد تم تحديث هذه األداة بشكل رائع في االصدار ‪. CC‬‬
‫طريقة استخدام أداة الـ ‪Free Transform tool‬‬
‫‪Export‬‬ ‫‪Save‬‬
‫ملف آخر غير ملفات‬ ‫ملف عمل مفتوح ‪Vector‬‬ ‫بمجرد اختيار أداة الـ ‪Free transform tool‬تظهر لنا اعدادتها كالتالي ‪:‬‬
‫الـ ‪ Vector‬صورة أو ملف أوتوكاد‬
‫تكبير و تصغير مع الحفاظ‬
‫‪ .. Save‬ملفات عمل مفتوحة ‪Vector‬‬ ‫علي نسبة الطول و العرض‬
‫نذهب لقائمة ‪ File‬و نختار األمر ‪ Save as‬الختيار احد االمتدادات التالية ‪:‬‬

‫تكبير و تصغير بطريقة عادية‬

‫‪ Prespective‬تكبير‬
‫و تصغير بشكل منظوري‪.‬‬

‫‪ Distrot‬تكبير و تصغير‬
‫بشكل حر و في اي اتجاه‬

‫و فيما يلي سنشرح أهم هذه االمتدادات و هي‬

‫‪Ai , Eps , Pdf , SVG‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثانية‬ ‫المحاضرة الثانية‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Pdf‬‬ ‫‪ Ai‬ملف عمل االليستريتور‬

‫و هو اختصارا لكلمة ‪Portable Document Format‬‬ ‫عند اختيار نوع الملف الـ ‪ Ai‬يظهر هذا الـ ‪Dialogue box‬‬
‫‪35‬‬ ‫‪34‬‬
‫هو ملف الـ ‪ Vector‬األكثر شهرة و استخدام ًا سواء ًا في الطباعة او‬
‫الويب و لذلك لمزاياه الكبيرة كصغر حجمه و جودته و سهولة تداوله‬
‫و قبول الكثير من ماكينات الطباعة له و امكانية اجراء عملية فصل‬
‫االلوان منه ‪.‬‬ ‫االختيار االهم‬
‫هو تحديد نسخة‬
‫عند اختيار نوع الملف الـ ‪ Pdf‬يظهر هذا الـ ‪Dialogue box‬‬ ‫االليستريتور التي‬
‫تتوافق مع الملف‬

‫مثال ‪:‬‬
‫اليمكن فتح ملف ‪CC‬‬
‫علي نسخة اليستريتور‬
‫سابقة مثل ‪ CS6‬أو ‪CS5‬‬

‫تحديد نسخة البرنامج‬ ‫‪Eps‬‬

‫الذي يتوافق مع الملف‬
‫و هو اختصارا لكلمة ‪Encapsulated PostScript‬‬
‫ملف عمل مفتوح ‪ Vector‬مثل ملف الـ ‪ Ai‬تمام ًا‬
‫و الميزة االساسية لملف الـ ‪ Eps‬أنه يفتح علي كل برامج الجرافيكس‬
‫و يحل بعض مشاكل العمل خصوص ًا إذا كنا نعمل علي برنامج‬
‫االليستريتور و نريد تصدير ما قمنا بتصميمه‬
‫الي برنامج الكوريل درو او غيرها من البرامج التي ال تقبل ملفات االليستريتور‬

‫‪SVG‬‬
‫و هو اختصارا لكلمة ‪Scalable Vector Graphics‬‬
‫تسمح لنا هذة االعدادات في ظبط عالمات‬
‫الطباعة العداد الملف لعملية فصل االلوان و‬ ‫ملف عمل مفتوح ‪ Vector‬مثل ملف الـ ‪ Ai‬تمام ًا‬
‫يظهر لنا الناتج النهائي للملف كما هو موضح‬ ‫و الميزة االساسية لملف الـ ‪ SVG‬هو حجمه الصغير و أننا يمكننا استخدامه في‬
‫بالصورة‬ ‫المواقع مما يتيح لنا ظهور التصميمات بشكل حاد و ناعم دون بكسلة‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثانية‬ ‫المحاضرة الثانية‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫سيظهر هذا الـ ‪ Dialogue box‬و الذي يحتوي علي كل اعدادات الصورة‬ ‫‪ .. Export‬ملفات عمل غير ملفات الـ ‪Vector‬‬
‫و سنشرح اهمها‬
‫نذهب لقائمة ‪ File‬و نختار األمر ‪ Export‬الختيار احد االمتدادات التالية ‪:‬‬
‫‪37‬‬ ‫‪36‬‬
‫تحديد الـ ‪Color mode‬‬

‫تحديد جودة الصورة‬

‫‪Resolution‬‬

‫تدريب عملي تحت اشراف المحاضر‬

‫حفظ الملف علي هيئة صورة ‪jpeg‬‬

‫تابع مع المحاضر كيفية‬ ‫‪File > Export‬‬

‫رسم الشكل الموضح‬ ‫و نختار االمتداد ‪jpeg‬‬
‫بالصورة‪.‬‬ ‫و هناك اختياران في غاية األهمية يحدد كل منهما شكل الصورة النهائي‪.‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثانية‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫المحاضرة الثالثة‬
‫‪39‬‬ ‫‪38‬‬

‫أهداف المحاضرة‬
‫ •‪Pathfinder Panel‬‬
‫كيف نرسم نصف دائرة ؟؟‬ ‫ ‬
‫تطبيق عملي‬ ‫ ‬
‫ •‪ Align & Distribution‬المحاذاة و التوزيع‬
‫ تطبيقات يتم تنفيذها‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثالثة‬ ‫المحاضرة الثالثة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Pathfinder Panel‬‬
‫واحدة من أهم الـ ‪ Panels‬الموجودة في البرنامج ‪..‬فمن خالل هذه الـ ‪Panel‬‬
‫‪Ungroup‬‬ ‫‪Divide‬‬ ‫نقوم بعمل عالقات بين األشكال مما يتيح لنا تكوين عناصر جديدة من خالل دمج‬
‫‪41‬‬ ‫‪40‬‬
‫أو قطع أو تقاطع األشكال مع بعضها ‪.‬‬
‫توجد الـ ‪ Pathfinder Panel‬في قائمة ‪Window‬‬
‫نفتح ملف ‪ Pathfinder‬الموجود في ملفات عمل المحاضرة الثالثة‪.‬‬

‫‪Trim‬‬ ‫‪Subtract‬‬ ‫‪Intersect‬‬

‫‪Unite‬‬ ‫‪Exclude‬‬

‫‪Minus Back‬‬
‫‪Divide‬‬
‫‪Trim‬‬ ‫‪Outline‬‬
‫‪Merge‬‬ ‫‪Crop‬‬
‫‪Merge‬‬ ‫و فيما يلي توضيح لكل أمر و نتيجته ‪..‬‬

‫‪Unite‬‬

‫‪Crop‬‬

‫‪Subtract‬‬

‫‪Outline‬‬

‫‪Intersect‬‬

‫‪Minus Back‬‬
‫‪Exclude‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثالثة‬ ‫المحاضرة الثالثة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫الخطوات ‪:‬‬ ‫كيف نرسم نصف دائرة ؟؟‬

‫‪ .1‬نفتح ملف عمل جديد بمقاس مناسب ( ‪ 20‬سنتيمتر طول * ‪ 20‬سنتيمتر عرض)‬ ‫ليس الغرض من هذا الجزء هو مجرد رسم نصف دائرة فقط و انما الغرض هو كيفية‬
‫‪ .2‬من قائمة ‪ File‬نختار األمر ‪ Place‬الدخال صورة اللوجو ‪ CBC‬الموجودة في‬ ‫تقسيم أي شكل إلي جزءين أفقي ًا أو رأسي ًا ‪.‬‬
‫‪43‬‬ ‫‪42‬‬
‫ملفات عمل المحاضرة الثالثة ‪.‬‬
‫لدينا طريقتان‬

‫‪ .1‬نرسم دائرة بأداة الـ ‪Ellipse tool‬‬ ‫‪ .1‬نرسم دائرة بأداة الـ ‪Ellipse tool‬‬
‫‪ .2‬نرسم مستطيل باستخدام أداة‬ ‫‪ .2‬نرسم خط ًا طولي ًا باستخدام أداة‬
‫الـ ‪Rectangle tool‬‬ ‫الـ ‪ Line segment tool‬في منتصف‬
‫‪ .3‬نحدد الدائرة و المستطيل بأداة‬ ‫الدائرة‪.‬‬
‫السهم األسود‬ ‫‪ .3‬من الـ ‪ Pathfinder panel‬نختار‬
‫‪ .4‬من الـ ‪ Pathfinder panel‬نختار‬ ‫األمر ‪Divide‬‬
‫األمر ‪Minus front‬‬ ‫‪ .4‬نقف كليك يمين و نختار األمر‬
‫‪ Ungroup‬لفك ارتباط نصفي الدائرة‪.‬‬
‫‪ .3‬نختار أداة الـ ‪ Ellipse tool‬و نرسم دائرة ( نضغط ‪ Shift‬لرسم دائرة ) ‪.‬‬
‫لتلوين الدائرة بنفس لون اللوجو‬ ‫‪ .4‬نختار أداة الـ ‪Eyedropper tool‬‬
‫‪+‬‬ ‫‪+‬‬

‫تطبيق عملي ‪:‬‬

‫في هذا التطبيق سنشرح كيفية اعادة‬

‫رسم هذا اللوجو مرة اخري علي برنامج‬
‫االليستريتور‬

‫‪ .5‬ننسخ الدائرة التي رسمناها‬

‫نسحب بالسهم األسود مع الضغط علي زرار ‪Alt‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثالثة‬ ‫المحاضرة الثالثة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪ .6‬نقسم الدائرة التي نسخناها الي نصفين بإحدي‬

‫الطريقتين التي تم شرحهمها سابق ًا‬
‫‪45‬‬ ‫و ليكن طريقة الـ ‪Divide‬‬ ‫‪44‬‬
‫‪ .11‬نضع كل ربع دائرة في مكانه‬
‫و يفضل االستدالل بالـ ‪Smart guide‬‬
‫كما هو موضح بالصورة‪.‬‬

‫‪.7‬و بالتالي يكون لدينا الشكل التالي ‪.‬‬

‫‪ .12‬نأخد نسخة من الدائرة لعمل الجزء المتبقي‬ ‫‪ .8‬نحدد بأداة السهم‬

‫األسود نصفي الدائرة لعمل‬
‫دوران لهما بزاوية ‪ 90‬درجة‬
‫و نختار ‪Copy‬‬

‫‪ .9‬نحصل علي الشكل التالي ‪..‬‬

‫‪ .13‬نضع هذه االجزاء في مكانها ‪.‬‬

‫‪ .10‬ننسخ أي نصف دائرة لعمل ربع دائرة‬

‫‪ .14‬نحصل علي الشكل النهائي‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثالثة‬ ‫المحاضرة الثالثة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫المحاذاة بشكل رأسي‬ ‫المحاذاة بشكل أفقي‬ ‫‪Align & Distribution‬‬

‫المحاذاة و التوزيع‬
‫‪47‬‬
‫المحاذاة ‪Align‬‬ ‫‪46‬‬

‫تستخدم المحاذاة لتنسيق عناصر التصميم مع بعضها‬

‫و كل مايخص المحاذاة و التوزيع موجود في ‪Align panel‬‬
‫التوزيع ‪Distribution‬‬ ‫الموجودة في قائمة ‪Window‬‬
‫يستخدم هذا االمر لمساواة المسافات بين العناصر‬ ‫الظهار كل اعدادات المحاذاة و التوزيع‬
‫التوزيع بشكل رأسي‬ ‫التوزيع بشكل أفقي‬
‫الموجودة في الـ ‪Align panel‬‬
‫نذهب الي القائمة الفرعية و نختار االمر‬
‫‪ Show options‬كما هو موضح بالصورة‬
‫فتظهر لنا الـ ‪ Panel‬بهذا الشكل ‪.‬‬

‫يوجد هناك أمر في غاية األهمية و هو ‪Distribute Space‬‬

‫سنواجه مشكلة كبيرة في عملية التوزيع الشكال ليس لها نفس الحجم‬
‫كما في المثال التالي ‪..‬‬

‫بعد تنفيذ أمر التوزيع نالحظ عدم‬ ‫قبل البدء في عملية المحاذاة يجب أن نحدد‬
‫تساوي المسافات بين المربعات‪.‬‬ ‫أوال هل ستتم المحاذة للعناصر مع بعضها أم‬
‫اننا نريد عمل محاذا لعناصر مع اللوحة الفنية‬
‫‪Art board‬‬

‫محاذاة للعناصر مع بعضها‬

‫عند اختيار االمر ‪ Distribute Space‬نالحظ تساوي المسافات بين األشكال علي‬ ‫محاذاة للعناصر مع‬
‫الـ ‪Artboard‬‬
‫الرغم من اختالف احجامها‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثالثة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫تطبيقات يتم تنفيذها‬

‫المحاضرة الرابعة‬
‫‪49‬‬ ‫‪48‬‬

‫أهداف المحاضرة‬
‫ •التعامل مع األلوان‬
‫طريقة ‪RGB‬‬ ‫ ‬ ‫تطبيق هذه االمثلة و تنفيذها‬
‫يوضح مدي االستفادة من االوامر التي‬
‫طريقة ‪CMYK‬‬ ‫ ‬
‫تم شرحها في المحاضرات السابقة‬
‫ • مقدمة البد منها‬
‫‪ .1‬لون مصمت ‪Solide color‬‬
‫‪ .2‬تدريج لوني ‪Gradient‬‬
‫‪ .3‬التكرار ‪Pattern‬‬
‫ •‪Stroke‬‬
‫ • تطبيقات يتم تنفيذها‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الرابعة‬ ‫المحاضرة الرابعة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪ .1‬لون مصمت ‪Solide color‬‬ ‫التعامل مع األلوان‬

‫قبل البدء في شرح كيفية التعامل مع األلوان في برنامج االليستريتور يجب أن‬
‫نستطيع اختيار لون من إحدي مكانين‬
‫نعرف أن لدينا طريقتان لتكوين األلوان و هما األكثر أهمية و استخدام ًا في عالم‬
‫‪51‬‬ ‫إما من ‪ Color panel‬أو من ‪Swatches panel‬‬ ‫‪50‬‬
‫الجرافيكس ‪.‬‬
‫‪Color Panel‬‬
‫طريقة ‪RGB‬‬
‫من قائمة ‪ Window‬نختار ‪Color‬‬
‫الظهار طريقة التلوين نختار من القائمة الفرعية ‪Show Options‬‬ ‫هي طريقة تكوين ألوان الضوء‬
‫‪ R =red‬أحمر‬
‫‪ G =green‬أخضر‬
‫‪ B =blue‬أزرق‬
‫بمعني أننا إذا أردنا التعامل مع تصميم‬
‫سيظهر علي شاشة كمبيوتر أو موبايل‬
‫نستخدم طريق الـ ‪RGB‬‬

‫طريقة ‪CMYK‬‬
‫و منها نستطيع اختيار اللون الذي نريده‬
‫هي طريقة تكوين ألوان أحبار الطباعة‬
‫‪Swatches Panel‬‬ ‫‪ C =cyan‬سماوي‬
‫‪ M =magenta‬قرمزي‬
‫من قائمة ‪ Window‬نختار ‪Swatches‬‬
‫‪ Y =yellow‬أصفر‬
‫‪ K =black‬أسود‬
‫بمعني أننا إذا أردنا التعامل مع تصميم ستتم‬
‫تغيير طريقة رؤية االلوان‬
‫طباعته فإننا نستخدم طريقة ‪CMYK‬‬

‫مقدمة البد منها‬

‫نستطيع اختيار و تحديد اللون في برنامج االليستريتور بعدة طرق لكننا سنجمل‬
‫المكتبات اللونية‬ ‫طرق التلوين في البرنامج في ‪ 3‬طرق‬
‫‪Color libraries‬‬ ‫الغاء‬

‫‪kuler‬‬ ‫اضافة ‪Swatch‬‬

‫تحديد نوع األلوان‬ ‫‪Pattern.3‬‬ ‫‪Gradient.2‬‬ ‫‪Solid color .1‬‬
‫التي نراها في‬ ‫‪swatches‬‬ ‫مجموعة لونية‬ ‫تكرار‬ ‫تدريج لوني‬ ‫لون مصمت‬
‫الـ ‪Panel‬‬ ‫‪options‬‬ ‫‪color group‬‬
‫و سنشرح كل طريقة بشكل مفصل ‪.‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الرابعة‬ ‫المحاضرة الرابعة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪ .2‬تدريج لوني ‪Gradient‬‬ ‫يمكننا تعديل الـ ‪ Swatch‬من الـ ‪Swatches options‬‬
‫و التي نظهرها عندما نضغط دبل كليك علي أي ‪swatch‬‬
‫كلمة ‪ Gradient‬معناها تدريج لوني و يتم تطبيق الـ ‪Gradient‬‬ ‫الموجود في اسفل الـ ‪Swatches panel‬‬ ‫او من ايكونة‬
‫‪53‬‬ ‫سواء ًا علي الـ ‪ Fill‬او الـ ‪Stroke‬‬ ‫‪52‬‬
‫هذا التخطيط يوضح طريقة تطبيق الـ ‪Gradient‬‬

‫الخطوة الثانية‬ ‫الخطوة األولي‬ ‫‪Global‬‬

‫تعديل الـ ‪Gradient‬‬ ‫تطبيق الـ ‪Gradient‬‬ ‫إذا قمنا بالتعديل علي‬
‫أي ‪Swatch‬سيظهر هذا‬
‫التعديل في كل االشكال‬
‫المستخدم فيها هذا‬
‫ملحوظة هامة جد ًا جد ًا ‪:‬‬ ‫الـ ‪Swatch‬‬
‫أداة الـ ‪ Gradient‬التقوم بتطبيق‬ ‫القيم اللونية‬
‫الـ ‪ Gradient‬كما هو الحال في‬ ‫للـ ‪Swatch‬‬
‫الفوتوشوب و انما مهمتها التعديل‬
‫علي شكل مطبق عليه ‪ Gradient‬بالفعل‬
‫‪Window > Gradient‬‬
‫عند اختيار أداة ال ـ �‪Gradi‬‬ ‫‪ .1‬نرسم أي شكل‬
‫‪ ent tool‬سيظهر لنا شريط‬ ‫‪ .2‬نضغط كليك علي‬
‫تعديل الـ ‪Gradient‬‬ ‫شكل الـ ‪Gradient‬‬ ‫يوجد اختيار هام جدا في الـ ‪ Swatches‬و هو المكتبات اللونية الموجودة مع‬
‫البرنامج ‪Libraries‬‬
‫و تظهر هذه المكتبات عندما نضغط علي ايكونة‬
‫الموجودة أسفل الـ ‪Swatches‬‬

‫‪Radial‬‬ ‫‪Linear‬‬
‫دائري‬ ‫خطي‬

‫‪Radial‬‬ ‫‪Linear‬‬
‫دائري‬ ‫خطي‬
‫سيظهر لنا العديد من‬
‫المجموعات اللونية‬
‫تحريك الـ ‪Gradient‬‬ ‫تكبير أو تصغير أو دوران‬ ‫يمكننا التقليب بين هذه‬
‫المجموعات بالسهمين‬
‫المشار اليهما في الصورة‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الرابعة‬ ‫المحاضرة الرابعة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫تعديل الـ ‪Gradient‬‬

‫‪ .3‬التكرار ‪Pattern‬‬
‫اذا ضغطنا دبل كليك علي الـ ‪Color stop‬‬
‫الـ ‪ Pattern‬هو شكل أو كلمة تستخدم كتكرار لملئ شكل معين به‬ ‫سيظهر لنا إما الـ ‪Color panel‬‬
‫‪55‬‬
‫و يوجد في الـ ‪ Swatches Panel‬نموذجين من الـ ‪Pattern‬‬ ‫أو الـ ‪ swatches panel‬و نختار منهما اللون‬ ‫‪54‬‬
‫المناسب‬

‫‪Color stop‬‬
‫تطبيق الـ ‪ Gradient‬علي الـ ‪Stroke‬‬
‫يمكننا تطبيق الـ ‪ Gradient‬علي ‪Stroke‬‬
‫لكن علينا أن نتأكد من اننا قمنا بتنشيط الـ ‪Stroke‬‬
‫كما هو مشار اليه في الصورة‬

‫كما توجد في المكتبة‬ ‫نرسم خط ًا باستخدام ‪ Spiral tool‬و نطبق عليه الـ ‪Gradient‬‬
‫مجموعات ‪ Pattern‬موجودة‬ ‫بالطرق الثالثة الموجودة ‪.‬‬
‫مع البرنامج ‪.‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الرابعة‬ ‫المحاضرة الرابعة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Stroke‬‬ ‫كيفية عمل ‪Pattern‬‬

‫‪57‬‬
‫كل مايخص الـ ‪ Stroke‬موجود في‬ ‫‪56‬‬
‫الـ ‪Stroke Panel‬‬ ‫‪ .1‬نرسم أي شكل و نحددة باداة السهم األسود‬

‫الظهار كل االعدادات‬ ‫‪ .2‬نسحب شكل النجمة الي الـ ‪Swatches panel‬‬

‫نختار من القائمة الفرعية‬ ‫لتحويل هذا الشكل الي ‪Pattern‬‬
‫‪Show Options‬‬ ‫أو نذهب الي قائمة‬
‫‪Object > Pattren > make‬‬

‫تعديل الـ ‪Pattern‬‬

‫يمكننا تعديل الـ ‪ Pattern‬من قائمة‬
‫‪Object >Pattern > Edit Pattern‬‬

‫بهذا تظهر لنا كل االعدادات‬

‫سمك الخط‬

‫شكل نهايات الخط‬

‫شكل الـ ‪ Stroke‬عند األركان‬
‫مكان الـ ‪ Stroke‬بالنسبة للـ ‪Path‬‬

‫خط متقطع‬ ‫تابع مع المحاضر كيفية التعامل مع الـ ‪Pattern options‬‬

‫إعدادات الخط المتقطع‬ ‫ضبط االركان‬
‫مع الخط‬
‫المتقطع‬

‫‪Dash Gap Dash‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الرابعة‬ ‫المحاضرة الرابعة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫تطبيقات يتم تنفيذها‬ ‫يمكننا اضافة‬

‫رؤوس اسهم الي‬
‫نهايات الخطوط‬
‫‪59‬‬ ‫كما هو موضح‬ ‫‪58‬‬
‫بالصورة‬

‫كما يمكننا التحكم في شكل الـ ‪ Stroke‬من خالل الـ ‪Profile‬‬

‫‪Appearance Panel‬‬

‫كلمة ‪ Appearance‬معناها الشكل النهائي‬

‫للـ ‪ Path‬و مايحمله من ‪ Fill‬أو ‪ Stroke‬أو‬
‫‪Effect‬‬
‫مواصفات أي شكل موجودة في‬
‫‪ Appearance Panel‬و الموجودة في قائمة‬
‫‪Window‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الرابعة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪61‬‬
‫المحاضرة الخامسة‬ ‫‪60‬‬

‫أهداف المحاضرة‬
‫ •أداة الـ ‪Pentool‬‬
‫تعريف الـ ‪Pen tool‬‬
‫ماهو الـ ‪ Path‬؟‬
‫ •طريقة استخدام الـ ‪Pen tool‬‬
‫ •تطبيق عملي‬
‫ •أدوات التقطيع‬
‫‪Eraser tool‬‬ ‫ ‬
‫‪scissors tool‬‬ ‫ ‬
‫‪knife tool‬‬ ‫ ‬
‫ •شكل الـ ‪ control panel‬عند التعامل مع الـ ‪Paths‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الخامسة‬ ‫المحاضرة الخامسة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫طريقة استخدام الـ ‪Pen tool‬‬ ‫‪Pentool‬‬

‫هناك قاعدتان في استخدام الـ ‪ pen tool‬لرسم الـ ‪Path‬‬ ‫تعريف الـ ‪Pen tool‬‬
‫‪63‬‬ ‫‪62‬‬
‫الـ ‪ pen tool‬هي أداة رسم الـ ‪Path‬‬
‫القاعدة األولي‬
‫ماهو الـ ‪ Path‬؟‬
‫خط مستقيم‬ ‫نقطة حادة‬
‫كليك ‪+‬‬ ‫‪+‬‬ ‫الـ ‪ Path‬عبارة عن خطوط مستقسمة أو منحنية مرتبطة ببعضها عن طريق نقط‬
‫‪straight line‬‬ ‫‪Corner anchor point‬‬
‫تحكم تسمي ‪Anchor points‬‬

‫القاعدة الثانية‬

‫خط منحني‬ ‫نقطة ناعمة‬

‫كليك و أسحب ‪+‬‬ ‫‪+‬‬
‫‪Curved line‬‬ ‫‪Smooth anchor point‬‬

‫االدوات التي تتعامل مع الـ ‪Path‬‬ ‫الـ ‪ Pen tool‬و أخواتها ‪..‬‬
‫تكوين الـ ‪Path‬‬
‫أداة رسم الـ ‪Path‬‬
‫كما نري في هذا الشكل‬ ‫إضافة نقطة تحكم ‪Anchor point‬‬
‫أن الـ ‪ Path‬يتكون من ثالثة أجزاء‬ ‫إلغاء نقطة تحكم ‪Anchor point‬‬
‫جسم الـ ‪Path‬‬ ‫أداة تحويل نقطة حادة الي ناعمة و العكس‬

‫‪Anachor point‬‬
‫ذراع تحكم ‪Handle‬‬

‫بمجرد استخدام أداة الـ ‪ Pen tool‬في الرسم تتحول الـ ‪ Control panel‬الي‬
‫كلما زاد طول الـ ‪Handle‬‬ ‫هذا الشكل و التي تساعدنا في التحكم في الـ ‪ Path‬بشكل أكثر دقة‬
‫زاد انحناء الـ ‪Path‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الخامسة‬ ‫المحاضرة الخامسة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫نبدأ برسم الخطوط السوداء باستخدام أدة الـ ‪ Pen tool‬بسمك مناسب‬ ‫تطبيق عملي‬

‫في هذا التطبيق سنعيد رسم صورة ‪ Sonic‬و المرسومة بالقلم الرصاص ‪.‬‬
‫‪65‬‬ ‫‪64‬‬

‫بعد االنتهاء من رسم الخطوط‬ ‫الخطوات ‪:‬‬

‫نحول هذة الخطوط الي اشكال‬ ‫‪ .1‬نفتح ملف عمل جديد بمقاس ‪A4‬‬
‫‪Object > path > outline stroke‬‬ ‫‪ .2‬ندخل الصورة ‪sonic sketch‬‬
‫حتي نستطيع التلوين بأداة‬ ‫الموجودة في ملفات عمل المحاضرة‬
‫الـ ‪Shape builder tool‬‬ ‫الخامسة‬
‫‪File > place‬‬

‫يجب أن نراعي عند العمل بأداة الـ ‪ Pen tool‬كيفية التحويل‬ ‫‪ .3‬من الـ ‪ Layers panel‬نحول ‪Layer‬‬
‫بين الـ ‪ Smooth anchor‬و الـ ‪Corner Anchor point‬‬ ‫الصورة الي ‪Template‬‬
‫‪pen tool + Alt‬‬ ‫و المقصود بـ ‪ Template‬هو الير‬
‫مقفول حتي اليتحرك أثناء الرسم و‬
‫الصورة التي بداخله ستكون‬
‫تابع مع المحاضر بشكل مفصل كيفية استخدام الـ ‪Pen tool‬‬ ‫بـ ‪Opacity 50%‬‬
‫‪ .4‬لتحويل الالير الي ‪ Template‬نضغط‬
‫تطبيقات يتم تنفيذها‬ ‫دبل كليك علي الالير المشار اليه في‬
‫الصورة و ننشط االختيار ‪Template‬‬

‫‪ .5‬يجب أن نراعي أننا نرسم بـ ‪ Stroke‬فقط‬

‫صورة ‪ Kitty‬موجودة في‬ ‫و الـ ‪ Fill‬يكون شفاف أو ‪None‬‬
‫ملفات عمل المحاضرة الخامسة‬

‫‪ .6‬نفتح الير جديد للرسم فيه حتي نفصل‬

‫مانرسمه عن الصورة االصلية‪.‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الخامسة‬ ‫المحاضرة الخامسة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Knife tool‬‬ ‫أدوات التقطيع‬

‫تستخدم هذه االداة في تقسيم الشكل الي قطاعات‬
‫وهي في االساس تقطع الشكل علي هيئة خطوط منحنية‬ ‫‪Eraser tool‬‬
‫‪67‬‬ ‫‪66‬‬
‫و يمكننا التقطيع علي هيئة خطوط مستقيمة مع الضعط علي ‪Alt‬‬ ‫تستخدم هذه األداة لتقطيع االشكال‬
‫ويمكن التحكم في مقاس االداة باستخدام اختصار لوحة المفاتيح‬
‫( د ) لتكبير حجم االداة و ( ج ) لتصغير حجم االداة‬

‫‪Alt‬‬

‫يمكننا ايضا استخدام هذه االدوات مع النصوص‬

‫بشرط تحويل النص الي شكل‬
‫كليك يمن علي الكتابة و نختار االمر ‪Create outlines‬‬

‫‪Scissors tool‬‬
‫تستخدم هذة األداة لتقسيم الـ ‪ Path‬الي أجزاء‬
‫فبمجرد ان نضغط كليك في اي مكان علي الـ ‪ path‬فاننا نقطع من هذة النقطة‪.‬‬

‫لتحريك كل جزء تم تقطيعه نختار أداة السهم االسود و نفك الـ ‪ Group‬او ًال‬
‫كليك يمين > ‪Ungroup‬‬
‫ثم نحرك كل جزء علي حدا‪.‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الخامسة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫عند استخدام الـ ‪ Pen tool‬أو تحديد نقطة ‪Anchor point‬‬

‫فإن شكل الـ ‪ Control panel‬يتغير للشكل الذي نراه ليتيح لنا امكانية أكبر للتحكم‬
‫في الـ ‪Path‬‬
‫‪69‬‬
‫المحاضرة السادسة‬ ‫الغاء ‪Anchor point‬‬
‫ربط نقطتين ببعضهما‬
‫‪68‬‬

‫اظهار أو اخفاء أذرع التحكم‬

‫أهداف المحاضرة‬
‫التحويل من ‪Corner Anchor point‬‬
‫ •‪Type tool‬‬ ‫قطع الـ ‪ Path‬من عند‬
‫إلي ‪Smooth Anchor point‬‬ ‫هذه النقطة‬
‫ •‪Area Type tool‬‬
‫التحويل من ‪Smooth Anchor point‬‬
‫ •‪Type on path tool‬‬ ‫إلي ‪Corner Anchor point‬‬
‫ •‪Touch Type tool‬‬
‫ •تحديد نوع الفونت المستخدم في الكتابة‬ ‫ملحوظة هامة جدا جدا‬
‫ •‪Character Panel‬‬ ‫في االصدار ‪CC 2014‬‬
‫ •‪Paragraph Panel‬‬ ‫عند تحديد نقطة ‪ Anchor point‬بالسهم االبيض تظهر لنا هذه النقطة‬
‫و التي يمكننا التحكم في مدي استدارة هذه النقطة‬
‫ •‪Clipping mask‬‬
‫ •تطبيقات يتم تنفيذها‬

‫و سنجد كل مايخص هذا الشكل‬

‫موجود في الـ ‪Transform panel‬‬
‫و الموجودة في قائمة ‪Window‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة السادسة‬ ‫المحاضرة السادسة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Area Type tool‬‬

‫‪Type‬‬
‫وظيفة هذه األداة هي الكتابة داخل ‪Path‬‬
‫‪71‬‬ ‫‪ .1‬نختار أداة الـ ‪ Ellipse tool‬و نرسم دائرة‬ ‫‪70‬‬
‫‪ .2‬نختار أداة الـ ‪Area Type tool‬‬ ‫‪Type tool‬‬ ‫‪AreaType tool‬‬ ‫‪Type on a path tool‬‬ ‫‪Touch Type tool‬‬
‫‪ .3‬نضغط كليك علي الـ ‪ Path‬سنالحظ ظهور عالمة الكتابة داخل الـ‪path‬‬
‫و بذلك ستكون أي كتابة داخل الـ ‪Path‬‬

‫‪Type tool‬‬

‫و هي أداة الكتابة العادية‪.‬‬

‫يوجد طريقتان الدخال النص أو الـ ‪Text‬‬
‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬
‫‪Type on path tool‬‬
‫‪Paragraph Type‬‬ ‫‪Point Type‬‬
‫وظيفة هذه األداة هي الكتابة علي ‪Path‬‬
‫‪ .1‬نختار أداة الـ ‪ pen tool‬و نرسم خط ًا ‪.‬‬ ‫‪ .1‬نختار أداة الـ ‪Type tool‬‬ ‫‪ .1‬نختار أداة الـ ‪Type tool‬‬
‫‪ .2‬نختار أداة الـ ‪Type on a path tool‬‬ ‫‪.2‬نضغط كليك و نسحب لعمل‬ ‫‪.2‬نضغط كليك لبدء الكتابة ‪.‬‬
‫‪ .3‬نضغط كليك علي الـ ‪ Path‬سنالحظ ظهور عالمة الكتابة علي الـ‪path‬‬ ‫مساحة كتابة ‪.‬‬

‫‪1‬‬ ‫‪2‬‬
‫لتغيير اتجاه الكتابة علي الـ ‪ path‬نختار أداة السهم االسود و نسحب‬
‫عالمة ألعلي أو ألسفل كما هو موضح بالصورة‪.‬‬

‫نضغط دبل كليك للتحويل بين ‪ Point Type‬و ‪Paragraph Type‬‬

‫ناقش مع المحاضر الفرق بين كال النوعين في الكتابة‪.‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة السادسة‬ ‫المحاضرة السادسة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Character Panel‬‬ ‫‪Touch Type tool‬‬

‫وظيفة هذه األداة هي التعديل علي حرف واحد في الكلمة بشكل منفصل‬
‫‪73‬‬ ‫بتحريكه العلي أو ألسفل أو دورانه أو تكبيره و تصغيره ‪.‬‬ ‫‪72‬‬

‫‪1‬‬
‫‪2‬‬ ‫تكبير و تصغير‬ ‫دوران‬
‫‪3‬‬ ‫‪10‬‬ ‫مع الحفاظ علي‬
‫نسبة الطول و‬
‫‪4‬‬ ‫‪9‬‬ ‫العرض‬
‫‪5‬‬ ‫تكبير و تصغير‬
‫‪8‬‬ ‫بشكل طولي‬
‫‪6‬‬ ‫‪7‬‬ ‫تكبير و تصغير‬
‫بشكل عرضي‬
‫تحريك‬
‫إعدادات الكتابة العربية‬

‫اختصار لوحة المفاتيح‬ ‫الوظيفة‬ ‫االمر‬ ‫الرقم‬ ‫تحديد نوع الفونت المستخدم في الكتابة‬
‫‪-‬‬ ‫اختيار نوع الخط‬ ‫‪Font Family‬‬ ‫‪1‬‬ ‫من الملفت للنظر في برنامج االليستريتور أننا عندما نكتب نص ًا و نذهب إلي‬
‫التنقل بين انماط الخط ‪Bold - italic‬‬ ‫الـ ‪ Control panel‬لنختار نوع الفونت النري شكل الفونت إنما نري اسم الفونت‬
‫‪Font style‬‬ ‫‪2‬‬
‫و غيرها‬
‫فقط الغير ‪...‬‬
‫ز ‪Ctrl + Shift +‬‬
‫تكبير حجم الفونت‬ ‫و لحل هذه المشكلة ‪..‬‬
‫اختيار حجم الخط‬ ‫‪Font size‬‬ ‫‪3‬‬
‫و ‪Ctrl + Shift +‬‬ ‫بعد الكتابة نقف كليك يمين علي الكتابة و نختار ‪. Font‬‬
‫تصغير حجم الفونت‬
‫‪Alt + .‬‬ ‫التحكم في المسافة بين حرفين اثنين فقط‬ ‫‪Kerning‬‬ ‫‪4‬‬
‫‪-‬‬ ‫اختيار النسبة المئوية لتكبير الخط رأسي ًا‬ ‫‪Vertical scale‬‬ ‫‪5‬‬
‫ظبط المسافة الرتفاع او نزل الحرف او‬
‫‪-‬‬ ‫‪Baseline shift‬‬ ‫‪6‬‬
‫الكلمة عن السطر‬
‫‪-‬‬ ‫زاوية دوران الحرف‬ ‫‪Character rotating‬‬ ‫‪7‬‬
‫‪-‬‬ ‫اختيار النسبة المئوية لتكبير الخط أفقي ًا‬ ‫‪Horizontal scale‬‬ ‫‪8‬‬
‫التحكم في المسافة بين الحروف في النص‬
‫‪Alt + .‬‬ ‫‪Tracking‬‬ ‫‪9‬‬
‫الذي تم تحديده‬
‫‪Alt + .‬‬ ‫التحكم في المسافة بين السطور‬ ‫‪Leading‬‬ ‫‪10‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة السادسة‬ ‫المحاضرة السادسة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Clipping mask‬‬ ‫‪Paragraph Panel‬‬

‫معني كلمة ‪ Clipping mask‬هو رسم شكل داخل شكل‬ ‫من خالل الـ ‪ paragraph panel‬نستطيع التحكم في كل تنسيقات الفقرات‬
‫‪75‬‬ ‫‪74‬‬
‫تكوين الـ ‪Clipping mask‬‬

‫‪1‬‬
‫‪Content‬‬
‫هي األشكال التي بالداخل‬ ‫‪2‬‬ ‫‪7‬‬
‫‪3‬‬
‫‪Clipping Path‬‬ ‫‪4‬‬ ‫‪8‬‬
‫هو الشكل الخارجي‬ ‫‪5‬‬ ‫‪9‬‬
‫‪6‬‬

‫الوظيفة‬ ‫االمر‬ ‫الرقم‬

‫كيفية عمل الـ ‪Clipping mask‬‬
‫تمثل رموز ضبط محاذاة النصوص‬ ‫‪Alignment and justification‬‬ ‫‪1‬‬
‫لدينا طريقتان لعمل الـ ‪Clipping mask‬‬
‫تحدد المسافة بين الكتابة و الحد االيسر‬
‫‪Left indent‬‬ ‫‪2‬‬
‫من مساحة الكتابة‬
‫تحديد المسافة التي سيبدأ بعدها اول‬
‫‪First line indent‬‬ ‫‪3‬‬
‫سطر في الـ ‪Paragraph‬‬
‫‪Object > Clipping mask > make‬‬ ‫كليك يمين > ‪Make clipping mask‬‬
‫تحديد المسافة قبل الـ ‪Paragraph‬‬ ‫‪Add space before Paragragh‬‬ ‫‪4‬‬
‫ملحوظة هامة جد ًا ‪:‬‬ ‫تحديد اتجاه الكتابة من اليمين الي الشمال‬
‫يجي مراعاة شرطين في غاية األهمية قبل عمل الـ ‪..Clipping mask‬‬ ‫أو العكس و هو اختيار مهم جدا في‬ ‫‪Text Direction‬‬ ‫‪5‬‬
‫أوال ‪ :‬يجب تحديد كل األشكال سواء ًا الـ ‪ Content‬أو الـ ‪Clipping Path‬‬ ‫كتابة اللغة العربية‬
‫بأداة السهم األسود‪.‬‬ ‫هو االمر المسئول عن تكملة الكلمة في‬
‫ثاني ًا ‪ :‬يجب ان يكون الـ ‪ Clipping Path‬هو أعلي شكل‬ ‫السطر التالي اذا كانت الكلمة اكبر من‬ ‫‪Hyphenate‬‬ ‫‪6‬‬
‫المافة المتبقية في السطر‬
‫تحدد المسافة بين الكتابة و الحد االيمن‬
‫‪Right indent‬‬ ‫‪7‬‬
‫من مساحة الكتابة‬
‫تحديد المسافة قبل الـ ‪Paragraph‬‬ ‫‪Add space after Paragragh‬‬ ‫‪8‬‬
‫هو االمر المسئول عن مد الحرف‬
‫محمــــــــــــــــــــــــــد‬ ‫‪Kashida‬‬ ‫‪9‬‬
‫)ت( ‪Shift + j‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة السادسة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫تطبيقات يتم تنفيذها‬

‫‪77‬‬
‫المحاضرة السابعة‬ ‫‪76‬‬

‫أهداف المحاضرة‬
‫ •الفرش ‪Brushes‬‬
‫ • ‪Calligraphic Brush .1‬‬ ‫ ‬
‫ ‪Art Brush.2‬‬
‫ ‪Scatter Brush .3‬‬
‫ ‪Pattern Brush .4‬‬
‫ ‪Bristtle Brush .5‬‬
‫ • ‪Pencil tool‬‬ ‫الصورة موجودة في ملفات‬
‫عمل المحاضرة السادسة‬
‫ • ‪Blend‬‬

‫الصورة موجودة في ملفات‬

‫عمل المحاضرة السادسة‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة السابعة‬ ‫المحاضرة السابعة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Calligraphic Brush .1‬‬ ‫الفرش ‪Brushes‬‬

‫و هو الشكل األساسي للـ ‪ Brushes‬و توجد الـ ‪ Calligraphic Brush‬في أعلي‬ ‫تعتمد فكرة الـ ‪ Brushes‬في االليستريتور علي الـ ‪ Path‬و ليس مجرد شكل أو‬
‫الـ ‪Brushes Panel‬‬ ‫بكسالت نرسمه في الير كما في الفوتوشوب‬
‫‪79‬‬ ‫‪78‬‬
‫لدينا أداتين للـ ‪brushes‬‬

‫للتعديل علي الـ ‪ Brush‬نضغط دبل كليك‬

‫علي شكلها فتظهر إعداداتها‪.‬‬ ‫‪Blob brush tool‬‬ ‫‪Paint brush tool‬‬
‫لدينا خمسة أنواع للـ ‪Brushes‬‬

‫‪Pattern‬‬ ‫‪Bristtle‬‬ ‫‪Scatter Brush‬‬ ‫‪Art Brush‬‬ ‫‪Calligraphic‬‬

‫‪Brush‬‬ ‫‪Brush‬‬ ‫‪Brush‬‬

‫كل مايخص الـ ‪ Brushes‬موجود في الـ ‪ Brushes Panel‬و الموجودة في قائمة‬

‫‪Window‬‬

‫‪Art Brush.2‬‬

‫تعتمد فكرة هذا النوع علي مد شكل معين علي الـ ‪ Path‬من أوله إلي آخره‬
‫و توجد الـ ‪ Art Brush‬في الـ ‪ Brushes panel‬علي هيئة شريط عريض كما هو‬
‫موضح بالصورة ‪.‬‬
‫للتعديل علي الـ ‪ Brush‬نضغط دبل‬
‫كليك علي شكلها فتظهر إعداداتها‪.‬‬

‫و فيما يلي سنشرح كل أنواع الـ ‪ Brushes‬و كيفية التعامل معها‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة السابعة‬ ‫المحاضرة السابعة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫يمكننا أيض ًا أن نكون ‪ Art brush‬من شكل معين ‪.‬‬

‫الخطوات ‪:‬‬
‫‪ .1‬نرسم شكل بيضاوي‬
‫‪81‬‬ ‫‪ .2‬نختار أداة الـ ‪ Convert anchor point tool‬و نحول النقطتين المشار اليهما‬ ‫يوجد في المكتبة مجموعات برشات جاهزة‬ ‫‪80‬‬
‫في الصورة إلي ‪ ( Corner anchor point‬كليك علي النقطة ) ‪.‬‬

‫‪ .3‬لتحويل هذا الشكل إلي ‪ Brush‬نختار أداة السهم األسود و نسحب الشكل إلي‬
‫الـ ‪Brushes Panel‬‬

‫‪ .4‬سيظهر لنا هذا الـ ‪Dialogue box‬‬

‫و نختار ‪Art brush‬‬

‫‪ .5‬و سيظهر لنا اعدادات الـ ‪Art brush‬‬

‫اسم الـ ‪Brush‬‬

‫مقاس‬
‫الـ ‪Brush‬‬ ‫يمكننا تحميل برشات من االنترنت‬
‫عندما نبحث عن كلمة ‪Brushes for Illustrator‬‬
‫سنجد العديد من المواقع التي نستطيع تحميل برشات‬
‫اتجاه الـ ‪Brush‬‬ ‫منها‪.‬‬
‫عندما نختار االمر ‪ Other library‬نستطيع ادخال‬
‫اتجاه الـ ‪Brush‬‬
‫البرشات التي قمنا بتحميلها‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة السابعة‬ ‫المحاضرة السابعة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Pattern Brush .4‬‬

‫‪ .6‬نختار أداة الـ ‪Paint brush tool‬‬
‫تعتمد فكرة الـ ‪ Pattern brush‬علي تكرار وحدات معينة علي مدي الـ ‪Path‬‬
‫و نرسم بالشكل الذي قمنا بتكوينه‬
‫‪83‬‬ ‫و توجد الـ ‪ Pattern brush‬علي هيئة شريط متقطع كما في الصورة ‪.‬‬ ‫‪82‬‬

‫‪Scatter Brush .3‬‬

‫تعتمد فكرة الـ ‪ Scatter brush‬علي توزيع شكل علي امتداد الـ ‪Path‬‬

‫توجد الـ ‪ Scatter brush‬علي هيئة مربع‬

‫تحت الـ ‪ Calligraphy brush‬كما هو‬
‫موضح بالصورة ‪.‬‬
‫كل اعدادات الـ ‪ Pattern brush‬تظهر عندما نضغط دبل كليك علي شكل البرش‬ ‫كل اعدادات الـ ‪ Scatter brush‬تظهر‬
‫عندما نضغط دبل كليك علي شكل البرش‬
‫و تتكون من خمسة أجزاء ‪.‬‬
‫‪Tile .1‬‬
‫‪Inner Corner .2‬‬
‫‪Outer Corner .3‬‬
‫‪Start tile .4‬‬
‫‪1‬‬
‫‪End tile .5‬‬
‫‪3‬‬ ‫‪5‬‬
‫‪2‬‬
‫‪4‬‬ ‫يمكننا تحميل برشات من‬ ‫تابع مع المحاضر‬
‫االنترنت‬ ‫كيفية التعامل‬
‫عندما نبحث عن كلمة‬ ‫مع الـ ‪Scatter brush‬‬
‫‪Brushes for Illustrator‬‬ ‫و اعداداتها‬
‫سنجد العديد من المواقع‬
‫التي نستطيع تحميل برشات منها‪.‬‬
‫عندما نختار االمر ‪ Other library‬نستطيع ادخال البرشات التي قمنا بتحميلها‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة السابعة‬ ‫المحاضرة السابعة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Pencil tool‬‬ ‫من األضافات الهامة في األصدار ‪ CC‬أننا يمكننا تحويل‬

‫الصور الي ‪. Pattern brush‬‬
‫هي أداة رسم مثلها مثل الـ ‪Brush‬‬
‫‪85‬‬
‫لكن الفرق هنا أن الـ ‪ Pencil‬ترسم خط ًا أساسي ًا ‪ Basic line‬اليوجد عليه أي تأثير‬ ‫‪84‬‬
‫و كل اعدادات األداة تظهر عندما نضغط دبل كليك علي الـ ‪Pencil tool‬‬

‫االعداد االكثر اهمية‬

‫و الذي من خالله‬
‫نتحكم في مدي‬
‫نعومة الـ ‪Path‬‬

‫تابع مع المحاضر كيفية تحويل الصورة الي ‪Pattern brush‬‬

‫‪Bristtle Brush .5‬‬

‫إذا قمنا بتغيير قيمة الـ ‪ Fidelity‬نالحظ الفرق بين نتيجة استخدام الـ ‪Pencil tool‬‬
‫عندما يكون المؤشر عند ‪ Smooth‬أو ‪Accurate‬‬ ‫هذا النوع من الـ ‪ Brushes‬يحاكي شكل البرشات التي تستخدم في الرسم ‪.‬‬

‫كل اعدادات و أشكال الـ ‪Bristtle‬‬

‫‪brush‬‬
‫تظهر عندما نضغط دبل كليك‬
‫علي شكل البرش‬

‫هذه االعدادات موجودة في االصدار ‪ CC 2014‬و ليست في اي اصدار سابق‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة السابعة‬ ‫المحاضرة السابعة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫الطريقة الثانية ‪Object > Blend > Make‬‬ ‫‪Blend‬‬

‫معني كلمة ‪Blend‬‬
‫‪87‬‬ ‫هو عمل انتقال بين شكل و شكل أو بين لون و لون ‪.‬‬ ‫‪86‬‬
‫‪ .1‬نرسم شكلين كما بالصورة ‪.‬‬
‫‪ .2‬نحدد الشكلين بأداة السهم االسود‬ ‫طريقة عمل الـ ‪Blend‬‬
‫‪ .3‬من قائمة ‪ Object‬نختار ‪..‬‬
‫لدينا طريقتان لعمل الـ ‪Blend‬‬
‫‪Object > Blend > Make‬‬

‫الطريقة الثانية‬ ‫الطريقة األولي‬

‫‪Object > Blend > Make‬‬ ‫باستخدام أداة الـ ‪Blend‬‬

‫‪ .4‬تكون النتيجة كالتالي‬ ‫الطريقة األولي ‪Blend tool‬‬

‫‪ .1‬نرسم شكلين كما هو موضح بالصورة‪.‬‬

‫و نضغط‬ ‫‪ .2‬نختار أداة الـ ‪Blend‬‬
‫كليك علي شكل السداسي أوال ثم علي‬
‫التعديل علي الـ ‪Blend‬‬ ‫شكل النجمة‬

‫للتعديل علي الـ ‪ Blend‬نضغط دبل كليك علي أدة الـ ‪Blend tool‬‬
‫أو من قائمة ‪ Object‬نختار ‪..‬‬
‫‪Object > Blend > Blend options‬‬

‫‪ .3‬تكون النتيجة كالتالي ‪.‬‬

‫هذه االختيارات هي التي تحدد‬

‫طريقة االنتقال بين االشكال‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة السابعة‬ ‫المحاضرة السابعة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫ملحوظة ‪:‬‬
‫ال يشترط أن يكون اتجاه الـ ‪ Blend‬دائم ًا في خط مستقيم و أنما يمكننا تطبيقه‬
‫علي أي شكل ‪Path‬‬
‫‪89‬‬ ‫‪88‬‬
‫الخطوات ‪:‬‬
‫‪ .1‬نقوم بعمل ‪ Blend‬بين الدائرتين الموضحتان بالصورة‬

‫انتقال بشكل تدريجي‬

‫‪ .2‬نعدل الـ ‪ Blend‬من اعدادات الـ ‪Blend Options‬‬

‫كما هو موضح بالصورة ‪.‬‬

‫انتقال بعدد خطوات محدد‬

‫‪ .3‬نرسم بأداة ‪ Spiral tool‬شكل حلزوني ‪.‬‬

‫‪ .4‬نحدد كل األشكال باداة السهم االسود‬

‫و نختار من قائمة ‪.. Object‬‬
‫‪Object > Blend > Replace spine‬‬ ‫انتقال بمسافات محددة بين االشكال‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة السابعة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪ .5‬ستظهر لنا هذه النتيجة‬

‫‪91‬‬
‫المحاضرة الثامنة‬ ‫و هي غير مظبوطة بعض الشئ ‪..‬‬ ‫‪90‬‬

‫أهداف المحاضرة‬
‫ •الفرش ‪Brushes‬‬
‫ • ‪Calligraphic Brush .1‬‬ ‫ ‬
‫ ‪Art Brush.2‬‬
‫ ‪Scatter Brush .3‬‬
‫ ‪Pattern Brush .4‬‬
‫و للتعديل عليها نختار القيم‬
‫ ‪Bristtle Brush .5‬‬
‫الموضحة من ‪ Blend Options‬كما‬
‫ • ‪Pencil tool‬‬ ‫هو موضح بالصورة‬
‫ • ‪Blend‬‬

‫ملف العمل النهائي موجود في‬

‫ملفات عمل المحاضرة السابعة‬
‫‪Replace spine.ai‬‬

‫تابع مع المحاضر كيفية رسم الشكل الموضح بالصورة باستخدام الـ ‪Blend‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثامنة‬ ‫المحاضرة الثامنة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Revolve‬‬ ‫‪Effects‬‬
‫تعتبر قائمة ‪ Effect‬واحدة من أهم قوائم البرنامج و فيما يلي سنستعرض أهم‬
‫كلمة ‪ Revolve‬معناها دوران شكل حول نفسه ‪.‬‬ ‫األوامر الموجودة‪.‬‬
‫‪93‬‬ ‫‪92‬‬

‫‪3D‬‬

‫‪ .1‬نرسم خط ًا بأداة الـ ‪ Pen tool‬كما بالصورة‬ ‫يوجد األمر ‪ 3D‬في قائمة ‪ Effect‬و ينقسم إلي ‪ 3‬أنواع ‪:‬‬

‫‪ .2‬نختار من قائمة ‪Effect‬‬

‫‪Effect > 3D > Revolve‬‬ ‫‪Rotate‬‬ ‫‪Revolve‬‬ ‫‪Extrude & Bevel‬‬
‫فيظهر لنا هذا الـ ‪Dialogue box‬‬
‫‪ .3‬نضغط ‪OK‬‬

‫‪Extrude & Bevel‬‬

‫‪ .4‬تظهر لدينا هذه النتيجة‬
‫كلمة ‪ Extrude‬معناها امتداد و كلمة ‪ Bevel‬معناها حافة‬
‫‪ .1‬نرسم شكل مربع‬
‫‪ .2‬نختار من قائمة ‪Effect‬‬
‫‪Effect > 3D > Extrude & Bevel‬‬
‫فيظهر لنا هذا الـ ‪Dialogue box‬‬

‫يمكننا أيض ًا تطبيق الـ ‪ 3D‬علي نص و ليس فقط علي األشكال‬

‫سيقوم المحاضر بشرح مفصل لكل األوامر الموجودة أمامنا‬ ‫سيقوم المحاضر بشرح مفصل لكل األوامر الموجودة أمامنا‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثامنة‬ ‫المحاضرة الثامنة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Distort & Transform‬‬ ‫تطبيق عملي ‪..‬‬

‫سنشرح في هذا الجزء ك ً‬
‫ال من ‪ Pucker & Bloat‬و ‪Transform‬‬
‫‪95‬‬ ‫تابع مع المحاضر كيفية عمل هذا الشكل‬ ‫‪94‬‬
‫‪Pucker & Bloat‬‬

‫‪Effect > Distort and Transform > Pucker and Bloat‬‬

‫‪ .1‬نرسم شكل سداسي‬

‫‪ .2‬من قائمة ‪.. Effect‬‬
‫‪Effect > Distort and Transform > Pucker and Bloat‬‬
‫‪ .3‬ستظهر لنا اعدادات الـ ‪Effect‬‬

‫للتعديل علي أي شكل طبقنا عليه ‪Effect‬‬

‫نفتح الـ ‪Appearance Panel‬‬
‫من قائمة ‪Window‬‬

‫‪Rotate‬‬
‫‪ .1‬نرسم شكل مربع‬
‫‪ .2‬نختار من قائمة ‪Effect‬‬
‫‪Effect > 3D > Rotate‬‬
‫للتعديل علي الـ ‪Effect‬‬ ‫فيظهر لنا هذا الـ ‪Dialogue box‬‬
‫نذهب الي قائمة ‪Apearance‬‬

‫و نضغط كليك علي اسم الـ ‪Effect‬‬

‫‪ .3‬تظهر لدينا هذه النتيجة‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثامنة‬ ‫المحاضرة الثامنة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Stylize‬‬ ‫‪Transform‬‬
‫يحتوي الـ ‪ Stylize‬علي العديد من التأثيرات الهامة ‪.‬‬ ‫هذا الـ ‪ Effect‬يعمل علي نسخ الشكل و عمل دوران أو تكبير أو تصغير لهذه النسخ‬
‫‪97‬‬
‫‪Effect > Stylize‬‬ ‫‪ .1‬نرسم دائرة ‪.‬‬ ‫‪96‬‬
‫‪ .2‬من قائمة ‪.. Effect‬‬
‫‪Effect > Distort and Transform > Transform‬‬
‫‪ .3‬ستظهر لنا اعدادات الـ ‪Effect‬‬

‫نحدد عدد النسخ من‬

‫‪Copies‬‬
‫‪Drop Shadow‬‬ ‫ظل خارجي‬ ‫و نغير قيم الـ ‪Move‬‬
‫و الـ ‪Scale‬‬
‫و الـ ‪Rotate‬‬
‫فنحصل علي شكل كما‬
‫هو موضح بالصورة‪.‬‬

‫‪Feather‬‬ ‫نعومة الحواف‬

‫باستخدام أداة الـ ‪ Flare tool‬يمكننا رسم هذا الشكل‬

‫‪Inner glow‬‬ ‫وهج داخلي‬

‫‪Outer glow‬‬ ‫وهج خارجي‬

‫‪Round corners‬‬ ‫حواف مستديرة‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثامنة‬ ‫المحاضرة الثامنة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Graphic style‬‬
‫هي مجموعة من التأثيرات يتم حفظها الستخدامها علي اي شكل او نص ‪.‬‬
‫‪Window > Graphic style‬‬
‫‪99‬‬ ‫‪98‬‬
‫‪Scribble‬‬

‫‪Warp‬‬
‫هي نفس أوامر الـ ‪ warp‬الموجودة في الفوتوشوب‬
‫إذا رسمنا أي شكل أو كتبنا أي كلمة نستطيع أن نطبق عليها ‪ Graphic style‬من‬ ‫‪Effect > Warp‬‬
‫الموجودة كما هو موضح بالصورة ‪.‬‬

‫يوجد لدينا العديد من الـ ‪ Graphic Style‬الموجودة بالمكتبة ‪Library‬‬

‫نرسم مستطي ً‬
‫ال‬
‫و نطبق عليه التأثير ‪Warp‬‬
‫و سنجد كل اختيارات الـ ‪ Warp‬موجودة‬
‫في القائمة الفرعية المشار اليها في‬
‫الصورة‪.‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثامنة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Expand appearance‬‬
‫معني كلمة ‪ Expand appearance‬هو تحويل الـ ‪ Effect‬إلي شكل ‪.‬‬
‫مثال ‪:‬‬
‫‪101‬‬
‫المحاضرة التاسعة‬ ‫إذا رسمنا شكل سداسي‬
‫‪100‬‬

‫وطبقنا عليه تأثير ‪ Pucker & Bloat‬و الذي سبق و أن شرحناه‬

‫ستظهر لدينا هذه النتيجة ‪.‬‬

‫أهداف المحاضرة‬
‫ •التعامل مع الصور‬
‫ • ‪Linked & Embed‬‬
‫ • ‪Image Trace‬‬
‫ • ‪Mesh tool‬‬

‫كل ما يعرفه األليستريتور اآلن هو أن هذا‬

‫الشكل عبارة عن شكل سداسي تم تطبيق‬
‫‪ Effect‬عليه و ال نستطيع التحكم في‬
‫الوردة نفسها ‪.‬‬

‫و لتحويل الـ ‪ Effect‬إلي شكل نختار من‬

‫قائمة ‪ Object‬األمر ‪Expand Apearance‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة التاسعة‬ ‫المحاضرة التاسعة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Linked & Embed‬‬ ‫التعامل مع الصور‬

‫كلمتان في غاية األهمية و يجب معرفة معني و اهمية ك ً‬
‫ال منهما ‪.‬‬ ‫في األساس برنامج االليستريتور هو برنامج ‪ Vector‬بمعني أنه ال يوجد به أوامر‬
‫‪103‬‬ ‫ما معني أن الصورة ‪ Linked‬أو ‪ Embed‬؟؟‬ ‫للتعامل مع البكسالت أو الصور ‪.‬‬ ‫‪102‬‬
‫لكن يمكننا إضافة صورة إلي تصميم و ربط هذه الصورة ببرنامج الفوتوشوب ‪.‬‬
‫‪Embed‬‬ ‫‪Linked‬‬ ‫الدخال صورة للبرنامج نختار من قائمة ‪ File‬األمر ‪Place‬‬
‫‪File > Place‬‬
‫الصورة ال زالت مرتبطة بالفوتوشوب‬
‫الصورة أصبحت جزء من ملف الـ ‪Ai‬‬
‫و يمكن تعديلها عليه لكن الصورة‬ ‫سنجد الصورة التي نشرح عليها في ملفات عمل المحاضرة التاسعة‬
‫و غير مرتبطة بالفوتوشوب لذلك ال‬
‫ليست جزء ًا من ملف الـ ‪Ai‬‬ ‫‪Adobe illustrator cover.psd‬‬
‫يستلزم أن ننقل الصور مع ملف الـ ‪Ai‬‬
‫و المشكلة هنا أننا مضطرين لنقل‬
‫من مكان لمكان ‪.‬‬
‫الصور مع ملف الـ ‪Ai‬‬

‫ناقش مع المحاضر متي تكون الصورة ‪ linked‬و متي تكون ‪Embed‬‬

‫معني ‪Linked‬‬
‫عند إدخال الصورة عن طريق ‪File > Place‬‬
‫نالحظ ظهور عالمة ( ‪ ) X‬علي الصورة ‪.‬‬
‫معني ذلك أن الصورة ‪Linked‬‬
‫و تظهر لنا هذه االختيارات في الـ ‪Control Panel‬‬ ‫من قائمة ‪ Window‬نفتح ‪Links Panel‬‬

‫تحتوي الـ ‪Links panel‬‬

‫تحويل الصورة‬ ‫تعديل‬ ‫تطبيق تأثير‬ ‫التحكم في‬ ‫علي كل الصور الموجودة‬
‫الي ‪ embed‬أي‬ ‫الصورة علي‬ ‫تحويل الصورة‬ ‫اطار الصورة‬
‫انها تكون جزء‬ ‫الفوتوشوب‬ ‫من بكسالت الي‬
‫في التصميم‪.‬‬
‫من ملف الـ ‪Ai‬‬ ‫‪Vector‬‬

‫إذن ما هي المشكلة التي ستواجهنا عند العمل علي ملف ‪ Ai‬به صور ‪Linked‬‬
‫علي الرغم من أننا لدينا ميزة بارتباط الصورة بالفوتوشوب ‪.‬‬ ‫استبدال‬ ‫تنشيط‬ ‫تعديل علي تحديث‬
‫سنشرح ذلك بالتفصيل علي مثال عملي ‪...‬‬ ‫الصورة‬ ‫الصورة في‬ ‫الصورة في أي تعديل‬
‫الموجودة‬ ‫التصميم‬ ‫الفوتوشوب يحدث في‬
‫بصورة أخري‬ ‫الصورة‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة التاسعة‬ ‫المحاضرة التاسعة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫معني ‪Embed‬‬ ‫نفتح ملف ‪ missing.Ai‬الموجود في ملفات عمل المحاضرة التاسعة‬

‫سيظهر لنا هذا الـ ‪.Dialogue box‬‬
‫لتحويل الصورة إلي ‪ - Embed‬جزء من ملف الـ ‪ Ai‬دون ارتباطها ببرنامج الفوتوشوب‬
‫‪105‬‬ ‫‪104‬‬
‫عند تحديد الصورة بأداة السهم األسود و نختار من الـ ‪Control panel‬‬

‫إذا اختارنا ‪ Ignore‬سيفتح الملف و لكن سيظهر هذا االطار الذي يدل علي وجود‬
‫سيظهر لنا هذا الـ ‪Dialogue box‬‬ ‫صورة مفقودة و سنالحظ العالمة الحمراء الموجودة في الـ ‪Links Panel‬‬
‫والذي يحدد مواصفات تحويل الصورة‬
‫من ‪ Linked‬إلي ‪Embed‬‬

‫نضغط علي عالمة ‪Relink‬‬

‫ليظهر لنا هذا الـ ‪ Dialogue box‬و الذي يتيح البحث عن الصورة في الكمبيوتر‬
‫أو استبدالها بصورة جديدة‬
‫و ستتحول كل الـ ‪ Layers‬الموجودة‬
‫سنجد الصورة في ملفات عمل المحاضرة التاسعة‪.‬‬
‫في الفوتوشوب الي ‪ Layers‬في‬
‫االليستريتور كما هو موضح بالصورة‪.‬‬

‫و سنجد هذه العالمة بجانب الصورة‬

‫في ‪Links panel‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة التاسعة‬ ‫المحاضرة التاسعة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫بعض النتائج ‪:‬‬ ‫‪Image Trace‬‬

‫فكرة هذا األمر هو تحويل البكسالت إلي ‪. Vector‬‬
‫‪107‬‬ ‫نحدد الصورة بأداة السهم األسود وسنجد االمر ‪Image Trace‬‬ ‫‪106‬‬
‫في الـ ‪Control panel‬‬

‫نجد أن الصورة تحولت الي الشكل الذي أمامنا ‪.‬‬

‫للتحكم في إعدادات الـ ‪ Image Trace‬نضغط علي ايكونة‬

‫الموجودة في الـ ‪Control panel‬‬
‫سيظهر لنا اعدادات الـ ‪Image trace‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة التاسعة‬ ‫المحاضرة التاسعة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪Mesh tool‬‬
‫الضافة خطوط و نقط أخري نضغط كليك‬ ‫تستخدم هذه األداة في تلوين شكل بألوان متعددة‬
‫‪109‬‬ ‫في أي مكان ‪.‬‬ ‫عن طريق شبكة خطوط ‪Mesh lines‬‬ ‫‪108‬‬
‫و اللغاء نقط أو خطوط نضغط علي النقط‬
‫( كليك ‪) Alt +‬‬ ‫طريقة استخدام األداة‬
‫‪ .1‬نرسم دائرة و نختار لها لون ‪Fill‬‬
‫ملحوظة هامة ‪ :‬ال تعمل علي هذه األداة علي شكل ليس له ‪Fill‬‬
‫‪ .2‬نختار أداة الـ ‪ Mesh tool‬و نضغط كليك في أي مكان علي الدائرة‪.‬‬

‫ملحوظة ‪:‬‬
‫لتحديد نقطة علي شبكة الخطوط نستخدم أداة السهم األبيض و لتحديد أكثر‬
‫من نقطة نستخدم أداة الـ ‪ Lasso tool‬كما هو موضح بالصورة‬
‫ثم نختار لون أي لون لتلوين النقط التي اختارناها‪.‬‬

‫سيظهر لنا خط طولي و خط عرضي كما هو موضح بالصورة ‪.‬‬

‫‪ .3‬نختار أي لون من ‪ Swatches panel‬سنجد أن نقطة تقاطع الخطين قد تم‬
‫تلوينها باللون الذي اختارناه ‪.‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة التاسعة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫تطبيق عملي ‪..‬‬

‫‪111‬‬
‫المحاضرة العاشرة‬ ‫تابع مع المحاضر رسم هذه الصورة مرة أخري باستخدام أداة الـ ‪Mesh tool‬‬ ‫‪110‬‬

‫أهداف المحاضرة‬
‫الصورة موجودة في‬
‫ •الرسم المنظوري ‪Prespective Drawing‬‬
‫ملفات عمل المحاضرة‬
‫ • طريقة استخدام أداة الـ ‪Prespective grid tool‬‬ ‫التاسعة‬
‫ • ‪Symbols‬‬ ‫‪mesh tool. jpeg‬‬
‫ • أدوات التعامل مع الـ ‪Symbols‬‬
‫ • المشروع النهائي ‪.‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة العاشرة‬ ‫المحاضرة العاشرة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫طريقة استخدام أداة الـ ‪Prespective grid tool‬‬ ‫الرسم المنظوري ‪Prespective Drawing‬‬
‫‪ .1‬نختار أداة الـ ‪Prespective grid tool‬‬ ‫كلمة ‪ Prespective‬معناها منظور و الذي يعطي العين الشعور بالبعد الثالث و‬
‫‪113‬‬ ‫‪ .2‬تظهر لنا خطوط الدليل المنظوري‬ ‫العمق في الصورة‪.‬‬ ‫‪112‬‬
‫‪ .3‬نحدد من الـ ‪ Widget‬مبدل اسطح المنظور ‪..‬المربع البرتقالي ‪.‬‬ ‫لدينا أداتين في برنامج االليستريتور تقومان برسم الشكل المنظوري و التحكم‬
‫‪ .4‬نختار أداة الـ ‪ Rectangle tool‬و نرسم مستطيل‬ ‫فيه‪.‬‬
‫‪ .5‬سنالحظ رسم المستطيل علي الجانب االيمن ( البرتقالي ) و هو ما حددناه‬
‫من مبدل اسطح المنظور‬
‫‪ .6‬لتحريك المستطيل علي نفس الـ ‪Grid‬‬ ‫وظيفتها اظهار خطوط دليل المنظور‬ ‫وظيفتها تحريك العناصر علي خطوط‬
‫نختار أداة الـ ‪Prespective selection tool‬‬ ‫و التي نقوم برسم العناصر عليها‬ ‫دليل الشكل المنظوري‬

‫عند اختيار أداة الـ ‪ Pprespective grid tool‬سيظهر لنا خطوط دليل المنظور و‬
‫هي خطوط وهمية التظهر في الطباعة ‪.‬‬

‫تطبيق عملي ‪..‬‬

‫‪ .1‬نفتح ملف ‪ Prespective selection tool‬الموجود في ملفات عمل المحاضرة‬
‫العاشرة‪.‬‬
‫‪ .2‬نختار أداة‬
‫الـ ‪ Prespective grid tool‬الظهار‬ ‫سنجد في اعلي يسار التصميم مبدل اسطح المنظور ‪Widget‬‬
‫خطوط الدليل المنظوري‬
‫‪ .3‬نختار أداة‬
‫الـ ‪Prespective selection tool‬‬
‫لتحريك الشكل علي المنظور‬

‫الخفاء خطوط الدليل المنظوري نضغط علي عالمة الـ ( ‪ ) X‬المشار اليها في الصورة‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة العاشرة‬ ‫المحاضرة العاشرة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫‪115‬‬ ‫‪114‬‬

‫للتبديل بين اسطح المنظور نستخدم االرقام ‪ 1‬و ‪ 2‬و ‪ 3‬و ‪4‬‬

‫‪1‬‬ ‫‪3‬‬

‫‪4‬‬ ‫‪2‬‬

‫يوجد لدينا شبكات منظور سابقة االعداد موجودة بالبرنامج‬

‫‪View > Prespective grid‬‬

‫تطبيقات يتم تنفيذها‬

‫يمكننا اعادة رسم‬

‫هذه النماذج مرة‬
‫أخري و هي موجودة‬
‫في ملفات عمل‬
‫المحاضرة العاشرة‪.‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة العاشرة‬ ‫المحاضرة العاشرة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫للتعديل علي أي ‪ Symbol‬نحدده أو ًال بأداة السهم األسود‬ ‫‪Symbols‬‬

‫فيظهر لنا في الـ ‪Control panel‬‬
‫هي مجموعة من األشكال الجاهزة الموجودة داخل البرنامج‬
‫‪117‬‬
‫تعديل الـ ‪Symbol‬‬ ‫تحويل الـ ‪Symbol‬‬
‫و كل هذه األشكال موجودة في ‪Symbols panel‬‬ ‫‪116‬‬
‫الي شكل عادي‬ ‫‪Window > symbol‬‬
‫أدوات التعامل مع الـ ‪Symbols‬‬ ‫لدينا مكتبة كبيرة من الـ ‪Symbols‬‬
‫موجودة في ‪Library‬‬
‫يمكننا استخدام أدوات الـ ‪ Symbols‬في توزيع و تكبير و تصغير و تغيير كثافة‬
‫و لون الـ ‪Symbols‬‬
‫و فيما يلي جدول يوضح كل أداة و وظيفتها‪.‬‬

‫الوظيقة‬ ‫اسم األداة‬ ‫األداة‬

‫إضافة مجموعة‬
‫‪Symbol Sprayer tool‬‬
‫من الـ ‪ Symbols‬إلي التصميم‬
‫تحريك الـ ‪Symbols‬‬ ‫‪Symbol Shifter tool‬‬
‫زيادة أو تقليل المسافات بين‬
‫‪Symbol Scruncher tool‬‬
‫الـ ‪Symbols‬‬
‫تكبير أو تصغير الـ ‪Symbols‬‬ ‫‪Symbol Sizer tool‬‬
‫عمل دوران للـ ‪Symbols‬‬ ‫‪Symbol Spinner tool‬‬
‫التحكم في ألوان الـ ‪Symbols‬‬ ‫‪Symbol Stainer tool‬‬
‫التحكم في مقدار الـ ‪Opacity‬‬
‫‪Symbol Screener tool‬‬
‫للـ ‪Symbols‬‬
‫تطبيق ‪Graphic style‬‬
‫‪Symbol Styler tool‬‬
‫علي الـ ‪Symbols‬‬

‫تابع مع المحاضر كيفية التعامل مع أدوات الـ ‪Symbols‬‬

‫الستخدام أي ‪ Symbol‬نسحبه من‬
‫الـ ‪ Symbols panel‬الي داخل التصميم‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫اليستريتور ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة العاشرة‬ ‫المحاضرة العاشرة‬ ‫دبلومة الجرافيكس‬ ‫اليستريتور ‪CC‬‬

‫المشروع النهائي ‪Final Project‬‬

‫المطلوب هو تصميم مجموعة مطبوعات لشركة‬
‫‪119‬‬ ‫‪Talent landscape‬‬ ‫‪118‬‬
‫و هي شركة متخصصة في تصميم الحدائق و البحيرات الصناعية و أرضيات الرخام‬
‫و الشالالت الصناعية و وحدات االضاءة‪.‬‬
‫المطلوب ‪:‬‬
‫‪ .1‬تصميم لوجو جديد للشركة ‪.‬‬
‫‪ .2‬تصميم مطبوعات الشركة و الموضحة بالصورة ‪.‬‬

‫‪210 mm‬‬

‫‪90 mm‬‬
‫‪50 mm‬‬

‫‪A4‬‬ ‫‪297 mm‬‬

‫‪Business card‬‬
‫ﻛﺎﺭﺕ ﺷﺨﺼﻲ‬ ‫ملفات العمل و المقاسات‬
‫و الصور موجودة بملف‬
‫‪Letter Head‬‬ ‫عمل المحاضرة العاشرة‪.‬‬
‫ﻭﺭﻗﺔ ﺍﻟﻤﻜﺎﺗﺒﺎﺕ‬

‫‪297 mm‬‬
‫‪220 mm‬‬

‫‪110 mm‬‬
‫‪210 mm‬‬ ‫‪A4‬‬
‫‪Envelope‬‬
‫ﻇﺮﻑ‬

‫‪Bruchor‬‬
‫ﻣﻄﻮﻳﺔ‬

‫‪C‬‬ ‫‪0‬‬
‫‪M‬‬ ‫‪100‬‬
‫‪Y‬‬ ‫‪100‬‬
‫‪K‬‬ ‫‪25‬‬

‫‪C‬‬ ‫‪50‬‬
‫‪M‬‬ ‫‪0‬‬
‫‪Y‬‬ ‫‪100‬‬
‫‪K‬‬ ‫‪0‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬