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

‫‪Photoshop CC 2014‬‬
‫ﻓﻮﺗﻮﺷﻮﺏ ‪2014 CC‬‬

‫ﺍﻟﻤﺎﺩﺓ ﺍﻟﻌﻠﻤﻴﺔ‬
‫ﻣﻬﻨﺪﺱ‪ /‬ﺃﺣﻤﺪ ﺍﺑﺮﺍﻫﻴﻢ‬
 ‫فوتوشوب ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫دبلومة الجرافيكس‬ ‫فوتوشوب ‪CC‬‬

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

‫‪iii‬‬ ‫‪ii‬‬
‫من خالل هذه الدورة سنقوم بدراسة برنامج الفوتوشوب ‪CC‬‬
‫و هو البرنامج االول في معالجة الصور و التصميم‬
‫سنقوم بتغطية كل ما يساعد المصمم في الحصول علي منتج طباعي متميز‬
‫مما سيمكنكم للوصول الي احتراف العمل علي البرنامج بكافة اوامره‬
‫من خالل التطبيقات و الشرح الموجودين داخل الكتاب أو من خالل متابعة‬
‫المحاضرات و التطبيق العملي ‪.‬‬

‫من نحن ‪..‬‬

‫‪Course Duration‬‬
‫‪ 42‬ساعة مقسمة الي ‪ 14‬محاضرة ( كل محاضرة ‪ 3‬ساعات )‬
‫‪Course Objectives‬‬
‫ •التعرف علي أدوات البرنامج و الواجهة الرئيسية للبرنامج ‪.‬‬
‫ • قص و تركيب الصور بشكل احترافي ( ‪. ) selection‬‬
‫ •معالجة الصور ( ‪. )photoretoching - Adjustments‬‬
‫ •اضافة تأثيرات فية علي الصور ( ‪. )filters‬‬
‫ •التعامل مع أدوات الرسم و التلوين ( ‪. )Brushes - Gradients‬‬
‫ •كيفية التعامل مع النصوص ‪. text‬‬
‫ •تصميم كافة المطبوعات و التصميمات علي البرنامج ‪.‬‬
‫مدة الدورة‬ ‫ﺗﻌﺮﻳﻒ ﺑﺸﺮﻛﺔ ‪: ITC‬‬
‫ﺷﺮﻛﺔ ﺍﻧﺘﺮﻧﺎﺷﻮﻧﺎﻝ ﻟﻠﺘﺪﺭﻳﺐ ﻭ ﺍﻻﺳﺘﺸﺎﺭﺍﺕ ‪ CTI‬ﻭ ﻣﻘﺮﻫﺎ‬
‫ﻋﺠﻤﺎﻥ ﺑﺪﻭﻟﺔ ﺍﻷﻣﺎﺭﺍﺕ ﺍﻟﻌﺮﺑﻴﺔ ﺍﻟﻤﺘﺤﺪﺓ ﺗﻘﺪﻡ ﻧﻔﺴﻬﺎ ﻛﺒﻴﺖ ﺧﺒﺮﺓ‬
‫ﻭ ﺷﺮﻳﻚ ﻟﻠﻨﺠﺎﺡ ﻣﻊ ﺍﻟﻌﺪﻳﺪ ﻣﻦ ﺍﻟﻤﺆﺳﺴﺎﺕ ﺍﻟﺤﻜﻮﻣﻴﺔ‬
‫ﻭ ﺍﻟﺸﺮﻛﺎﺕ ﻭ ﺍﻷﻓﺮﺍﺩ ﻓﻲ ﻣﺠﺎﻝ ﺍﻟﺘﺪﺭﻳﺐ ﻭ ﺍﻻﺳﺘﺸﺎﺭﺍﺕ ﻭ ﺍﻟﺤﻠﻮﻝ‬
‫ﺍﻟﻤﺘﻜﺎﻣﻠﺔ ﻣﻦ ﺧﻼﻝ ﻣﻨﻬﺞ ﻋﻠﻤﻲ ﻭ ﻋﻤﻞ ﻣﺆﺳﺴﻲ ﻭ ﺧﺒﺮﺍﺕﻣﻤﻴﺰﺓ‬
‫ﻭ ﻣﺤﺘﺮﻓﺔ ﻣﻤﺎ ﻳﻤﻴﺰ ﻋﻤﻼﺅﻧﺎ ﻭ ﻳﻌﻄﻴﻬﻢ ﺍﻷﻓﻀﻠﻴﺔ ﺍﻟﻌﻠﻤﻴﺔ ﻭ‬
‫أهداف الدورة‬ ‫ﺍﻟﻌﻤﻠﻴﺔ ﻭ ﻳﺆﻫﻠﻬﻢ ﻟﺘﻨﻤﻴﺔ ﻣﻬﺎﺭﺍﺗﻬﻢ ﺑﻤﺎ ﻳﺘﻮﺍﻓﻖ ﻣﻊ ﻣﺘﻄﻠﺒﺎﺕ‬
‫‪.‬‬ ‫ﺳﻮﻕ ﺍﻟﻌﻤﻞ‬
‫ﺭﺅﻳﺔ ﺍﻟﺸﺮﻛﺔ ‪:‬‬
‫ﺗﺤﻘﻴﻖ ﺍﻟﺜﻘﺔ ﻟﺪﻱ ﻋﻤﻼﺀﻧﺎ ﻣﻤﺎ ﻳﺠﻌﻠﻨﺎ ﺍﻻﺧﺘﻴﺎﺭ ﺍﻷﻭﻝ ﻭ ﺍﻷﻓﻀﻞ‬
‫ﻓﻲ ﻣﺠﺎﻝ ﺍﻟﺘﻨﻤﻴﺔ ﺍﻟﺒﺸﺮﻳﺔ ﻭ ﺍﻷﺩﺍﺭﻳﺔ ﻭ ﺍﻟﺠﺮﺍﻓﻴﻜﺲ ﻭ ﺍﻟﻤﺎﻟﺘﻴﻤﻴﺪﻳﺎ ‪.‬‬
‫ﺍﻟﺒﺮﺍﻣﺞ ﺍﻟﺘﺪﺭﻳﺒﻴﺔ ‪:‬‬
‫ﺗﻘﺪﻡ ﺷﺮﻛﺔ ‪ ITC‬ﻟﻠﺘﺪﺭﻳﺐ ﻭ ﺍﻻﺳﺘﺸﺎﺭﺍﺕ ﺍﻟﻌﺪﻳﺪ ﻣﻦ ﺑﺮﺍﻣﺞ ﺍﻟﺘﺪﺭﻳﺐ‬
‫ﺍﻟﻤﺘﻜﺎﻣﻠﺔ ﻓﻲ ﻣﺠﺎﻝ ﺍﻟﺘﻨﻤﻴﺔ ﺍﻟﺒﺸﺮﻳﺔ ﻭ ﺍﻻﺩﺍﺭﻳﺔ ﻭ ﺍﻟﺠﺮﺍﻓﻴﻜﺲ‬
‫ﺑﺄﻋﻠﻲ ﻣﻌﺎﻳﻴﺮ ﺍﻟﺠﻮﺩﺓ ﺍﻟﺘﺪﺭﻳﺒﻴﺔ ﻭ ﺫﻟﻚ ﻟﺘﺤﻘﻴﻖ ﺃﻗﺼﻲ ﺍﺳﺘﻔﺎﺩﺓ ﻋﻠﻤﻴﺔ‬
‫ﻭ ﻋﻤﻠﻴﺔ ﻣﻤﻜﻨﺔ‬ ‫المادة العلمية‬
‫م‪ /‬أحمد ابراهيم‬

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

‫ﺟﻤﻴﻊ ﺣﻘﻮﻕ ﺍﻟﻄﺒﻊ ﻭ ﺍﻟﻤﻠﻜﻴﺔ ﺍﻟﻔﻜﺮﻳﺔ ﻣﺤﻔﻮﻇﺔ ﻟﺸﺮﻛﺔ‪ITC‬‬
‫ﺍﺑﺮﺍﺝ ﺍﻟﻔﺎﻟﻜﻮﻥ ‪ B1‬ﺍﻟﻄﺎﺑﻖ ‪, 21‬ﺍﻟﺮﺍﺷﺪﻳﺔ ‪ ,‬ﻋﺠﻤﺎﻥ ‪ ,‬ﺍﻻﻣﺎﺭﺍﺕ ﺍﻟﻌﺮﺑﻴﺔ ﺍﻟﻤﺘﺤﺪﺓ‬

‫األلمام الجيد باستخدام الكمبيوتر و الويندوز ‪.‬‬

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

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

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

‫ملحوظة هامة‬
‫الواجهة الرئيسية لبرنامج‬
‫فوتوشوب ‪cc‬‬ ‫تطبيق بشكل عملي تحت اشراف المحاضر‬

‫أهداف المحاضرة‬ ‫تطبيق عملي‬

‫ •التعرف علي الواجهة الرئيسية لبرنامج الفوتوشوب ‪CC‬‬

‫ •التعامل مع الـ ‪ Panels‬و الـ ‪. workspace‬‬ ‫اختصار لوحة مفاتيح‬
‫ •أساسيات التعامل مع البرنامج ‪Zoom tool - Hand tool‬‬ ‫‪keyboard shortcut‬‬
‫ •أوامر التراجع ‪History Panel -‬‬
‫ •الطرق التنوعة لفتح الصور علي البرنامج ‪.‬‬
‫معلومة إضافية هامة‬
‫ •أداة الـ ‪Crop tool‬‬
‫ •‪Crop tool‬‬
‫ •‪Srtaighten tool‬‬
‫الخالصة‬
‫ •‪Prespective crop tool‬‬

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

‫‪ .1‬شريط القوائم ‪Menu bar‬‬ ‫الواجهة الرئيسية‬

‫‪3‬‬ ‫تحتوي القوائم علي كل أوامر البرنامج‬
‫وكل قائمة من القوائم يدل اسمها علي المهام الخاصة بها و هو ما‬
‫‪interface‬‬ ‫‪2‬‬

‫سنتعرض له بالتفصيل أثناء شرح موضوعات الدورة‬ ‫تتكون الواجهة الرئيسية للبرنامج من ‪ 5‬اجزاء رئيسية ‪:‬‬
‫‪ 1.1‬شريط القوائم ‪Menu bar‬‬
‫و سوف نالحظ ان بعض االوامر‬ ‫‪ 2.2‬اللوحات ‪Panels‬‬
‫يوجد بجانبها اختصار لوحة‬ ‫‪ 3.3‬األدوات ‪Tools‬‬
‫‪file > New‬‬ ‫المفاتيح كما هو موضح بالصورة‬ ‫‪ 4.4‬شريط االختيارت ‪Tools options bar‬‬
‫‪Ctrl + N‬‬ ‫‪keyboard shortcut‬‬ ‫‪5.5‬مساحة العمل ‪Workspace‬‬

‫شريط القوائم ‪Menu bar‬‬ ‫مساحة العمل ‪Workspace‬‬

‫‪ .2‬اللوحات ‪Panels‬‬

‫كلمة ‪ panels‬معناها لوحة أو نافذة صغيرة تحتوي علي أحد أوامر‬

‫البرنامج و التي تكون موجودة في القوائم ‪.‬‬
‫مدمجة مع‬
‫شريط االختيارت ‪Tools options bar‬‬
‫الواجهة الرئيسية‬ ‫اللوحة مفتوحة‬
‫‪Docked‬‬ ‫‪Expand‬‬ ‫األدوات ‪Tools‬‬

‫‪Panels‬‬

‫‪Floaten‬‬ ‫‪Icon‬‬
‫موجودة بشكل حر‬ ‫اللوحة مغلقة‬ ‫اللوحات ‪Panels‬‬
‫كل الـ ‪Panels‬‬
‫موجودة في قائمة‬
‫‪Window‬‬ ‫شكل تفصيلي ألجزاء الواجهة الرئيسية للبرنامج‬

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

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

‫‪ .5‬مساحة العمل ‪Workspace‬‬ ‫‪ .3‬األدوات ‪Tools‬‬

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

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

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

‫جديدة ‪:‬‬
‫الطريقة األولي‬
‫سنجد قائمة في‬
‫أعلي يمين الواجهة‬
‫الرئيسية و نختار‬
‫منها‬
‫‪New workspace‬‬
‫الطريقة الثانية‬
‫نختار من قائمة ‪window > workspace > New workspace‬‬

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

‫إللغاء مساحة عمل‬
‫من نفس المكان الذي أنشأنا فيه مساحة‬
‫سيتم شرح كل مجموعة من األدوات من خالل الموضوع الخاص بها‬
‫عمل جديدة‬
‫هذة المرة نختار ‪Delete workspace‬‬
‫‪ .4‬شريط االختيارت ‪Tools options bar‬‬

‫يحتوي علي اعدادات كل أداة من أدوات البرنامج‬

‫العادة مساحة عمل لترتبيها األصلي‬
‫من نفس المكان الذي أنشأنا فيه مساحة‬
‫عمل جديدة‬
‫هذة المرة نختار ‪Reset workspace‬‬
‫ويتغير شكل شريط االختيارات تبعا لتغير كل أداة من االدوات ‪.‬‬
‫مثال ‪:‬‬
‫عند اختيار أداة التحريك ‪.. Move tool‬تظهر اعداداتها في شريط االختيارت‬
‫تابع مع المحاضر كيفية التعامل مع الـ ‪tools options bar‬‬

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

‫أساسيات التعامل مع البرنامج‬

‫‪7‬‬ ‫تجمع الـ ‪Navigator Panel‬‬
‫‪Zoom tool - Hand tool - History‬‬ ‫‪6‬‬
‫بين أداتي الـ ‪Zoom tool‬‬ ‫‪Zoom tool‬‬
‫و الـ ‪ Hand tool‬مع ًا‬
‫تستخدم أداة الـ ‪ Zoom tool‬للتحكم في مشاهدة الصور التي نقوم بتعديلها‬
‫‪Window > Navigator‬‬ ‫و يجب أن نالحظ أننا ال نكبر أو نصغر حجم الصور إنما نقرب أو نبعد فقط ‪.‬‬

‫المساحة التي نراها‬

‫من الصورة أثناء العمل‬ ‫‪Zoom in‬‬ ‫‪Zoom out‬‬ ‫‪Scrubby zoom‬‬ ‫‪100 %‬‬ ‫‪fit on screen‬‬
‫و عند تحريك المربع‬ ‫نقرب‬ ‫نبعد‬ ‫نقرب و نبعد عن طريق‬ ‫رؤية الصورة‬ ‫نري الصورة‬
‫األحمر ننتقل في‬ ‫الضغك علي الماوس‬ ‫كما ستظهر‬ ‫بكامل مساحة‬
‫الصورة كما يحدث‬ ‫و تحريكه لليمين و اليسار‬ ‫الواجهة الرئيسية علي الويب‬
‫عندما نستخدم أداة‬
‫الـ ‪Hand tool‬‬ ‫اختصار لوحة المفاتيح‬
‫األمر‬ ‫مهم جدا ‪..‬‬
‫‪keyboard shortcut‬‬
‫)‪Ctrl + (+‬‬ ‫‪zoom in‬‬
‫الصورة التي نعمل عليها‬ ‫)‪Ctrl + (-‬‬ ‫‪zoom out‬‬
‫‪fit on screen‬‬
‫)‪Ctrl + (0‬‬
‫‪view > fit on screen‬‬
‫‪ zoom out‬نسبة‬ ‫‪zoon slider‬‬ ‫‪zoon in‬‬
‫الـ‪zoom‬‬
‫‪Hand Tool‬‬

‫تستخدم أداة الـ ‪ Hand tool‬للتنقل في مساحة الصورة‬

‫و يجب أن نالحظ أننا ال نحرك الصورة و انما نتنقل في مساحة الصورة ‪.‬‬

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

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

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

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

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

‫اختصار لوحة المفاتيح‬ ‫‪8‬‬

‫‪9‬‬ ‫األمر‬
‫‪keyboard shortcut‬‬
‫‪Undo‬‬
‫)‪Ctrl + (z‬‬
‫في هذه الـ ‪ panel‬نجد كل‬ ‫تراجع لخطوة واحدة فقط‬
‫الخطوات التي تم تنفيذها و يمكن‬ ‫‪Undo‬‬ ‫مهم جدا ‪..‬‬
‫الرجوع ألي خطوة بالضغط علي‬ ‫)‪Ctrl + Alt + (z‬‬ ‫تراجع ألكثر من خطوة‬
‫الخطوة المراد الرجوع اليها ‪.‬‬ ‫حتي ‪ 20‬خطوة‬
‫‪Redo‬‬
‫)‪Ctrl + Shift + (z‬‬
‫تقدم ألكثر من خطوة‬

‫‪File > Revert‬‬ ‫إعادة الصورة ألصلها‬

‫‪F12‬‬ ‫كما بدأنا العمل عليها‬

‫عدد مرات التراجع في البرنامج هي ‪ 20‬خطوة فقط ‪..‬‬

‫لتعديل لون الواجهة الرئيسية للبرنامج‬
‫ويمكننا زيادة عدد مرات التراجع عندما نذهب الي‬

‫منذ األصدار السابق لبرنامج الفوتوشوب ‪PhotoshopCS6‬‬ ‫قائمة‬

‫أصبح ما يميز الواجهة الرئيسية للبرنامج هو اللون الداكن‬ ‫‪Edit < Prefrences > Performance‬‬
‫و لتغيير لون الواجهة الرئيسية نذهب الي ‪:‬‬ ‫و نقوم بتعديل عدد مرات التراجع كما هو موضح بالصورة‬

‫قائمة ‪Edit < Prefrences > Interface‬‬

‫و نقوم بتعديل لون الواجهة الرئيسية كما هو موضح بالصورة‬

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

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

‫طريقة فتح الصور علي البرنامج‬
‫لفتح ملف عمل جديد نختار من قائمة ‪ File‬األمر ‪New‬‬
‫‪11‬‬ ‫‪File > New‬‬ ‫لفتح صورة علي برنامج الفوتوشوب‬ ‫‪10‬‬
‫نذهب الي قائمة ‪ file‬و نختار ‪Open‬‬
‫‪Ctrl + O‬‬
‫اعدادات مسبقة‬
‫سيظهر لنا الـ ‪ Dialogue box‬الموضح‬
‫بالصورة‬
‫ومنه سنحدد مكان الصورة المراد فتحها‬

‫من الطرق السهلة لفتح‬

‫مقاسات متعارف عليها‬
‫صورة علي الفوتوشوب‬
‫هي طريقة‬
‫‪Drag and Drop‬‬
‫طريقة تكوين‬ ‫اسحب و ارمي‬
‫لون الخلفية‬
‫اللون في ملف‬
‫وحدة القياس‬
‫العمل‬
‫تابع مع المحاضر‬
‫الخالصة‬ ‫كيفية فتح صورة‬
‫بطريقة صحيحة‬
‫نوع التصميم‬ ‫طباعة ‪Print‬‬ ‫شاشة ‪Web‬‬

‫حسب ‪300 ppi - 30 ppi‬‬ ‫يجب األخذ في االعتبار‬

‫دقة ‪Resolution‬‬ ‫‪72 ppi‬‬
‫مقاس التصميم‬ ‫أننا حينما نفتح صورة‬
‫جديدة علي الفوتوشوب‬
‫‪Color mode‬‬ ‫‪CMYK‬‬ ‫‪RGB‬‬ ‫في وجود صورة أخري ال‬
‫طريقة تكوين اللون‬ ‫ألوان أحبار الطباعة‬ ‫ألوان الضوء‬ ‫نرمي الصورة الجديدة‬
‫علي مساحة العمل انما‬
‫سنتيمتر ‪Cm‬‬ ‫نرمي الصورة كما هو‬
‫وحدة القياس ‪Unit‬‬ ‫مليمتر ‪mm‬‬ ‫بكسل ) ‪Pixel ( px‬‬ ‫موضح في الصورة في‬
‫البوصة ‪Inch‬‬ ‫اعلي الواجهة الرئيسية‬

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

‫‪Ruler & Guides‬‬

‫أداة الـ ‪Crop tool‬‬
‫قبل البدء في شرح أداة الـ ‪ crop tool‬ننظر إلي المثال التالي‬ ‫المسطرة ‪Ruler‬‬
‫‪13‬‬ ‫‪12‬‬
‫إذا افترضنا أننا نريد التركيز علي الوردة و ال نريد الجزء الزائد حولها‬ ‫تستخدم المسطرة أو الـ ‪ Ruler‬في تحديد مساحة التصميم و تغيير وحدة القياس‬
‫فنحن نحتاج إلي أداة لقص هذا الجزء الزائد‬ ‫التي نعمل بها و تستخدم ايض ًا في رسم خطوط الدليل ( ‪) Guides‬‬
‫هذه األداة هي أداة الـ ‪Crop tool‬‬

‫ •الظهار أو اخفاء المسطرة الي قائمة ‪View‬‬

‫‪View > Rulers ... Ctrl + R‬‬

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

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

‫خط الدليل ‪Guide‬‬

‫هي عبارة عن خطوط دليل وهمية التظهر في الطباعة تستخدم لتنظيم عناصر‬
‫عند الضغط تحديد النسبة أداة الـ‬ ‫إلغاء أي‬ ‫أداة أضافية‬ ‫إلغاء الجزء‬
‫التصميم ‪.‬‬
‫بين الطول و ‪crop tool‬‬ ‫علي هذا‬ ‫لتحديد لضبط اعدادات‬ ‫من خارج‬
‫و يمكننا انشاء خط دليل ‪ Guide‬عندما نذهب الي المسطرة و نضغط عليها‬
‫الصورة افقيا في نسبة االختيار نقوم العرض أثناء‬ ‫المنطقة‬
‫كليك و نسحب ‪.‬‬
‫الطول و بتحويل الصورة قص الصورة‬ ‫أو راسيا‬ ‫التي تم‬
‫إما بالعرض او‬ ‫و سيتم شرحها العرض‬ ‫قصها او‬
‫بالطول‬ ‫بالتفصيل‬ ‫االبقاء‬
‫الحقا في هذه‬ ‫عليها‬
‫تابع مع المحاضر إعدادات األداة‬ ‫المحاضرة‬ ‫خارج حدود‬
‫الصورة‬

‫إلعادة أي أداة في الفوتوشوب‬

‫لتحريك خط الدليل ‪ Guide‬ماعلينا اال ان نختار أداة الـ ‪ Movetool‬و نضغط كليك علي‬
‫ألعدادتها االفتراضية‬
‫الـ ‪ Guide‬و نحركه ‪.‬‬
‫نقف عندي شكل األداة كليك يمين‬
‫و نختار ‪Reset tool‬‬

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

‫و عالمة‬ ‫سنجد في شريط االختيارات ‪ options bar‬عالمة‬

‫تستخدم أداة الـ ‪ crop tool‬لثالثة أغراض ‪:‬‬
‫‪ ) 1‬قص جزء زائد الصورة ‪.‬‬
‫‪15‬‬ ‫‪ ) 2‬قص الصورة مع عدل الصورة أو دورانها ‪.‬‬ ‫‪14‬‬
‫تابع مع المحاضر‬ ‫‪ ) 3‬قص الصورة بشكل منظوري ‪.‬‬

‫إلغاء الـ ‪crop‬‬ ‫تأكيد الـ ‪Crop‬‬ ‫‪ ) 1‬قص جزء زائد الصورة ‪.‬‬
‫(‪)esc‬‬ ‫(‪)Enter‬‬

‫نفتح‬
‫‪ ) 2‬قص الصورة مع عدل الصورة أو دورانها ‪.‬‬ ‫الصورة ‪ crop 01‬الموجودة في ملفات‬
‫عمل المحاضرة االولي‬
‫نقط تحكم‬ ‫ونقوم باختيار أداة‬
‫نفتح‬
‫الصورة ‪crop and straight‬‬
‫الـ ‪crop tool‬‬
‫الموجودة في ملفات عمل المحاضرة االولي‬ ‫سنالحظ ظهور اطار حول الصورة‬
‫ونقوم باختيار أداة‬ ‫يوجد به نقاط تحكم لتحديد‬
‫الـ ‪crop tool‬‬ ‫المنطقة المرادة قصها كما هو‬
‫سنخرج خارج اطار الصورة و‬ ‫موضح بالصورة ‪.‬‬
‫نقف عند احدي نقاط التحكم‬
‫سيظهر لنا شكل ( )‬ ‫نقوم بسحب احد نقاط التحكم‬
‫ونبدأ في دوران الصورة يمين ًا‬ ‫لبداية قص الصورة‬
‫او يسار ًا حتي نقوم بعدل‬ ‫و للحفاظ علي نسبة الطول و‬
‫الصورة كما هو موضح ‪.‬‬ ‫العرض للصورة اثناء القص نضغط‬
‫‪ Shift‬مع السحب ‪.‬‬
‫‪Straighten tool‬‬
‫نبدأ من هنا ‪1‬‬ ‫‪ 2‬حتي هنا‬ ‫و يمكننا ايضا استخدام‬
‫من الممكن أن نقوم بنفس‬ ‫احدي نسب الصور المتعارف‬
‫العملية عن طريق‬ ‫عليها‬
‫أداة الـ ‪Straighten Tool‬‬ ‫وذلك عن طريف فتح‬
‫الموجودة في الـ ‪Options bar‬‬ ‫القائمة ‪... Ratio‬و الموجودة في الـ ‪Tools options bar‬‬
‫عند اختيارنا ألداة الـ ‪Crop tool‬‬
‫‪....‬‬
‫طريقة عمل األداة موضحة‬
‫بالصورة‬

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

‫‪ ) 3‬قص الصورة بشكل منظوري ‪.‬‬

‫‪17‬‬ ‫الغرض من استخدام هذه‬ ‫‪16‬‬

‫المحاضرة الثانية‬ ‫‪ 1‬كليك‬ ‫‪2‬‬

‫األداة هو تحويل من الشكل‬
‫المنظوري الي الشكل العادي‬

‫نفتح‬
‫الصورة ‪ Perspective‬الموجودة في‬
‫ملفات عمل المحاضرة االولي‬
‫‪Layers‬‬ ‫الطبقات‬ ‫ونقوم باختيار أداة‬
‫الـ ‪Prespective crop tool‬‬
‫‪& Transform‬‬ ‫و التحويل‬ ‫‪3‬‬ ‫و نضغط كليك عند كل ركن‬
‫‪4‬‬ ‫كما هو موضح بالصورة‬

‫أهداف المحاضرة‬ ‫نضغط ‪Enter‬‬

‫ •‪ Layers‬الطبقات‬ ‫)‬ ‫او علي عالمة الـ (‬
‫الموجودة في الـ ‪Optins bar‬‬
‫ •معني كلمة ‪Layer‬‬
‫لتأكيد الـ ‪Crop‬‬
‫ •‪ Move tool‬اداة التحريك‬
‫ •نظرة عامة علي الـ ‪Layers Panel‬‬
‫ •‪New - Delete - Duplicate - Opacity‬‬
‫ • ‪Link - Merge - Group‬‬ ‫تظهر النتيجة التالية‬
‫ • ‪ Transform‬اوامر التحوالت‬
‫ •التكبير و التصغير ‪Scale‬‬
‫ •الدوران ‪Rotate‬‬
‫ •‪Skew - Distort - Prespective‬‬
‫ • ‪ Rotate & Flip‬الدوران و االنعكاس‬
‫ • ‪ Warp‬التمويج‬

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

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

‫‪ Move tool‬اداة التحريك‬

‫‪Layers & Transform‬‬
‫قبل في شرح الـ ‪ Layers‬البد من شرح أداة التحريك ‪Move tool‬‬
‫‪19‬‬ ‫و هي األداة المسئولة عن تحريك البكسالت الموجودة في طبقة أو ‪ Layer‬معين‬ ‫الطبقات و التحويل‬ ‫‪18‬‬

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

‫نالحظ اننا يجب ان نحدد الطبقة ‪Layer‬‬
‫المراد تحريكها أوال من الـ ‪Layers panel‬‬ ‫كلمة ‪ layer‬معناها طبقة بمعني أن‬
‫مثال ‪:‬‬ ‫الصور قد تكون مركبة من أكثر من جزء‬
‫لتحريك الشخص الذي يمسك بالكاميرا‬ ‫كل جزء يسمي ‪Layer‬‬
‫يجب ان جدد الـ ‪ layer‬أوال‬
‫ثم نختار أداة التحريك ‪Move tool‬‬ ‫و الـ ‪ layer‬اليشترط أن يكون بكسالت أو‬
‫حتي نحرك الـ ‪Layer‬‬ ‫جزء من صورة‬
‫فهناك أنواع أخري ‪ layers‬مثل‬
‫ال ـ ‪ Text layer‬و �‪Shape layer , Ad‬‬
‫هناك اختيار هام جدا في الـ ‪Options bar‬‬ ‫‪justment layer‬‬
‫الصورة هنا تتكون من أكثر من ‪Layer‬‬ ‫و سوف نتحدث عن كل نوع من هذه‬
‫عند اختيار هذا األمر يسمح لنا الفوتوشوب بتحريك أي عنصر من عناصر‬ ‫الـ ‪ layers‬بشكل مفصل في المحاضرة‬
‫التصميم من خالل الضغط عليه مباشرة بأداة الـ ‪Move tool‬‬ ‫الخاصة بها ‪.‬‬
‫دون تحديد الـ ‪ layer‬أوال من الـ ‪layers Panel‬‬
‫أنواع الملفات التي تدعم الـ ‪ Layers‬هي ‪ PSD‬و ‪TIFF‬و تسمي هذه الملفات‬
‫نظرة عامة علي الـ ‪Layers Panel‬‬ ‫ملفات عمل مفتوحة‬
‫أما صور الـ ‪ JPEG‬و ‪ PNG‬فهي صور مسطحة و التحتوي علي ‪Layers‬‬
‫‪Panel menu‬‬
‫أين توجد الـ ‪ Layers‬؟؟‬
‫‪Lock‬‬ ‫‪Filter Type‬‬
‫‪Show / Hide‬‬ ‫كل ما يخص الـ ‪ Layers‬موجود في ‪Layers Panel‬‬
‫‪Opacity‬‬
‫‪Window <Layers‬‬
‫‪Layer thumbnail‬‬ ‫‪Fill‬‬
‫كما توجد أيضا قائمة ‪ Layers‬و التي يوجد بها‬
‫كل األوامر الموجودة في الـ ‪layers panel‬‬
‫‪Delete‬‬
‫‪Link‬‬
‫‪Layer effects‬‬ ‫‪Create New Layer‬‬
‫‪Mask Adjustments Group‬‬
‫أبراج فالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج فالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫فوتوشوب ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثانية‬ ‫المحاضرة الثانية‬ ‫دبلومة الجرافيكس‬ ‫فوتوشوب ‪CC‬‬

‫عمل نسخة ‪Duplicate Layer‬‬ ‫أهم أوامر الـ ‪Layers‬‬

‫‪New - Delete - Duplicate - Opacity‬‬
‫لعمل نسخة من الـ ‪ Layer‬لدينا أكثر من‬
‫‪21‬‬ ‫طريقة ‪:‬‬ ‫إنشاء طبقة جديدة ‪New Layer‬‬ ‫‪20‬‬

‫ •نذهب الي الـ ‪ Panel menu‬و نختار األمر‬

‫‪ Duplicate Layer‬كما هو موضح بالصورة‬ ‫النشاء ‪ Layer‬جديد‬
‫ • نسحب الـ ‪ layer‬المراد إلغاءه و نرميه علي‬ ‫لدينا أكثر من طريقة ‪:‬‬
‫شكل ‪Create New Layer‬‬
‫ •نذهب الي الـ ‪ Panel menu‬و نختار األمر‬
‫الموجود اسفل الـ ‪.Layers panel‬‬
‫‪ New Layer‬كما هو موضح بالصورة‬
‫ •نضغط علي شكل ‪create new layer‬‬
‫ •نستخدم اختصار لوحة المفاتيح‬ ‫الموجود اسفل الـ ‪Layers panel‬‬
‫‪Ctrl + J‬‬
‫ •أو نختار اختصار لوحة المفاتيح‬
‫ •‪ + Move tool + Alt‬اسحب‬ ‫‪Shift + Ctrl + N‬‬

‫عتامة ‪Opacity‬‬

‫المقصود بالـ ‪Opacity‬‬

‫هو مقدار تغطية الـ ‪ Layer‬ألي‬
‫عنصر تحته كما هو موضح بالصورة‬
‫كلما زادت الـ ‪ Opacity‬كلما غطي‬ ‫تابع مع المحاضر كيفية التعامل مع الـ ‪Layers‬‬
‫الـ ‪ Layer‬كل ماهو تحته‬
‫إلغاء ‪Delete Layer‬‬

‫إللغاء ‪ Layer‬لدينا أكثر من طريقة ‪:‬‬

‫نحدد أوال الـ ‪Layer‬‬ ‫ •نذهب الي الـ ‪ Panel menu‬و نختار األمر‬
‫‪ Delete Layer‬كما هو موضح بالصورة‬
‫ثم نقوم بتحريك المؤشر الموجود‬ ‫ •نضغط علي شكل سلة المهمالت ‪Trash Can‬‬
‫أسفل كلمة ‪ Opacity‬كما هو‬ ‫الموجود اسفل الـ ‪Layers panel‬‬
‫موضح في الصورة‬

‫ •أو نضغط علي ‪ Delete‬او ‪ Backspace‬من لوحة‬

‫المفاتيح‬
‫ • نسحب الـ ‪ layer‬المراد إلغاءه و نرميه علي شكل‬
‫سلة المهمالت ‪Trash Can‬‬
‫تطبيق عملي تحت إشراف المحاضر‬ ‫الموجود اسفل الـ ‪Layers panel‬‬

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

‫ربط ‪Link Layers‬‬

‫التعامل مع أكثر من ‪Layer‬‬
‫حينما نجد أن ‪ layer‬أو أكثر بينهم شئ مشترك و نحتاج الي تحريكهم أو تكبيرهم‬ ‫‪Link - Merge - Group‬‬
‫‪23‬‬ ‫و تصغيرهم في وقت واحد فمن األفضل أن نربط بينهم‬ ‫يجب أوال أن نتعرف علي مهارة هامة جدا‬
‫‪22‬‬

‫للربط بين أكثر من ‪ layer‬نحدد الـ ‪ Layers‬المراد‬ ‫و هي مهارة تحديد أكثر من ‪layer‬‬
‫ربطها و نضغط علي أيكونة ‪ Link‬الموجودة‬
‫أسفل الـ ‪layers panel‬‬ ‫نضغط كليك علي اول ‪Layer‬‬
‫ثم ‪ + Ctrl‬كليك علي أي ‪ Layer‬آخر نريد‬
‫تحديده‬

‫‪ .1‬كليك‬
‫نالحظ وجود عالمة الـ ‪Link‬‬
‫بجانب كل ‪Layer‬‬ ‫تابع مع المحاضر‬
‫بشكل عملي‬
‫لفك الربط بين الـ ‪layers‬‬ ‫‪ + Ctrl .2‬كليك‬
‫نضغط علي عالمة الـ ‪link‬‬
‫مرة أخري‬

‫دمج ‪Merge Layers‬‬

‫أما إذا أردنا تحديد اكثر من ‪Layer‬‬
‫من خالل هذا األمر ندمج أكثر من ‪Layer‬‬ ‫بشكل متتابع‬
‫الي ‪layer‬واحد ‪ ,‬و قد نحتاج هذا األمر‬ ‫نضغط كليك علي أول ‪ Layer‬ثم نضغط‬
‫عندما نجد أن الـ ‪ Layers panel‬قد‬ ‫‪ + Shift‬كليك علي آخر ‪ Layer‬وبذلك‬
‫ازدحمت بطبقات كثيرة و النحتاج التعامل‬ ‫سنحدد أول ‪ Layer‬و آخر ‪ Layer‬و‬
‫معها بشكل مفرد‪.‬‬ ‫مابينهما‬
‫‪ .1‬كليك‬
‫نحدد الـ ‪ layers‬المراد دمجها و‬
‫نذهب الي ‪ panel menu‬كما هو‬
‫موضح بالصورة و نختار األمر ‪merge‬‬
‫‪ .2‬ﻛﻠﻴﻚ ‪+‬‬ ‫تابع مع المحاضر‬
‫‪layers‬‬
‫‪ Shift‬ﻭ ﻛﻠﻴﻚ‬ ‫بشكل عملي‬
‫ •نستخدم اختصار لوحة المفاتيح‬
‫‪Ctrl + E‬‬

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

‫لدمج جميع الـ ‪ Layers‬إلي ‪Layer‬‬

‫واحد يوجد أمر ‪Flatten image‬‬
‫سيظهر لنا‬
‫‪25‬‬ ‫‪Dialogue box‬‬ ‫‪24‬‬

‫اسم الـ ‪group‬‬ ‫‪Opacity‬‬

‫لون مميز للـ ‪group‬‬
‫‪blend mode‬‬

‫ستظهر لنا الـ ‪ group‬بنفس االعدادات‬

‫التي حددناها في الـ‪Dailoge box‬‬
‫مجموعة ‪Layer Group‬‬
‫السابق‬
‫العمل مع الـ ‪ Layer group‬من افضل االوامر لتنظيم الـ ‪ Layers‬حيث أننا نضع كل‬
‫مجموعة من الـ ‪ Layers‬في ‪ Group‬مما يسهل علينا معها خصوصاً في وجود‬
‫تصميم يحتوي علي عدد كبير من الـ ‪Layers‬‬

‫لعمل ‪ Layer group‬نحدد أوال‬

‫الـ ‪ Layers‬في الـ ‪Layers Panel‬‬
‫ونذهب الي الـ ‪Panel menu‬‬
‫كما هو موضح بالصورة و نختار األمر‬
‫لفك الـ ‪ group‬و اعادة الت ‪layers‬‬ ‫‪New group from layers‬‬
‫بشكل مفرد‬
‫نقف كليك يمين علي الـ ‪ group‬و نختار‬ ‫نالحظ أننا لم نختر األمر‬
‫األمر ‪Ungroup layer‬‬ ‫‪new group‬‬
‫ألن هذا األمر سينشأ ‪group‬‬
‫التحتوي علي أي ‪layers‬‬

‫ناقش مع المحاضر الفرق بين األوامر الثالث ‪Link - merge - group‬‬ ‫تابع مع المحاضر الفرق بين األمرين السابقين ‪.‬‬

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

‫إعدادات ‪Layers panel‬‬

‫نالحظ ان لدينا طريقتين‬
‫لعرض محتوي أي ‪Layer‬‬
‫‪27‬‬ ‫في الـ ‪Layers Panel‬‬ ‫‪26‬‬

‫الطريقة األولي ‪:‬‬

‫‪Entire Document‬‬ ‫من الـ ‪Layers Panel‬‬
‫عرض محتوي أي ‪layer‬‬ ‫من الـ ‪ Panel menu‬نختار األمر‬
‫بنفس نسبته لمقاس‬ ‫‪panel options‬‬
‫التصميم‬

‫الطريقة الثانية ‪:‬‬

‫‪Layer Pounds‬‬
‫ملئ الـ‬
‫‪thumbnail‬بكامل محتوي‬
‫البكسالت دون النظر الي‬ ‫سيظهر لنا‬
‫نسبتها‬ ‫‪Dialogue box‬‬
‫او مكانها في التصميم‬ ‫‪Lyers Panel Options‬‬

‫إعادة تسمية الـ ‪Layer‬‬

‫مقاس الـ ‪thumbnail‬‬
‫يفضل أن يدل اسم الـ ‪ Layer‬علي محتواها‬
‫وذلك لسهولة تعديله او التعامل معه بأي أمر‬
‫من اوامر البرنامج‬ ‫طريقة رؤية اي عنصر في‬
‫لتعديل اسم الـ ‪ layer‬نضغط دبل كليك علي‬ ‫التصميم داخل الـ ‪thumbnail‬‬
‫اسم الـ ‪layer‬‬
‫و نقوم بتسميته باالسم المناسب‬

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

‫الدوران ‪Rotate‬‬ ‫أوامر التحويل ‪Transform‬‬

‫نعمل علي نفس ملف العمل السابق ‪Transform 01‬‬
‫‪29‬‬
‫‪ -‬و نقف علي الـ ‪layer‬‬ ‫‪Edit > Free Transform‬‬ ‫‪28‬‬

‫‪Ctrl + T‬‬
‫( ‪)UAE flag‬‬
‫نقف بالماوس خارج‬ ‫‪ -‬من قائمة ‪ Edit‬نختار األمر ‪Free transform‬‬
‫نقطة التحكم قليالً‬
‫حتي يظهر لنا شكل‬
‫السهم المقوس و في‬ ‫ •نستخدم اختصار لوحة المفاتيح‬
‫هذة الحالة نستطيع بدء‬ ‫‪Ctrl + T‬‬ ‫التكبير و التصغير ‪Scale‬‬
‫عملية الدوران‬
‫‪ -‬ستظهر لنا نقط التحكم و التي من خاللها‬ ‫نفتح الصورة ‪ Transform 01‬الموجودة في ملفات عمل‬
‫نقوم بعملية الدوران ‪.‬‬ ‫بمجرد الوقوف بالماوس‬ ‫المحاضرة الثانية‬
‫علي احدي نقكط‬
‫يجب ان نالحظ اننا في هذه المرة لن نقف علي‬ ‫التحكم نالحظ ظهور‬
‫‪ -‬و نقف علي الـ ‪layer‬‬
‫نقطة التحكم تمام‬ ‫هذا الشكل و بذلك‬ ‫( ‪)UAE flag‬‬
‫و لكن سنحرك الماوس خارج نقطة التحكم‬ ‫نسطيع بدء عملية‬ ‫‪ -‬من قائمة ‪ Edit‬نختار األمر ‪Free transform‬‬
‫التكبير و التصغير‬
‫قليال و سنالحظ تغير شكل الماوس الي سهم‬
‫مقوس ( ) كما هو موضح بالصورة‬ ‫ •نستخدم اختصار لوحة المفاتيح‬
‫‪Ctrl + T‬‬
‫مالحظة هامة جدا ‪:‬‬ ‫‪ -‬ستظهر لنا نقط التحكم و التي من خاللها‬
‫إذا ضغطنا ‪ Shift‬عند الدوران فإننا نقوم بالدوران بزاوية ‪ 15°‬و مضاعفاتها‬ ‫نقوم بعملية التكبير و التصغير كما هو موضح‬
‫مثل ‪ 30‬و ‪ 45‬و ‪ 60‬و ‪ 90‬و ‪180‬‬ ‫بالصورة ‪.‬‬
‫مالحظة هامة جدا ‪:‬‬
‫للتكبير و التصغير مع الحفاظ علي نسبة الطول و العرض نضغط ‪Shift‬‬
‫الخالصة‬

‫‪Ctrl + T‬‬ ‫‪Ctrl + T‬‬ ‫تابع مع المحاضر كيفية التكبير و التصغير باستخدام الـ ‪Shift‬‬
‫‪ + Shift‬تكبير و تصغير‬ ‫‪ + Shift‬دوران‬
‫‪ -‬لتأكيد عملية الـ ‪ Transform‬نضغط علي زرار ( ‪) Enter‬‬
‫نقوم بالتكبير و التصغير مع‬
‫نقوم بدوران الشكل بزاوية ‪15‬‬ ‫أو علي عالمة الـ ( ) الموجودة في الـ ‪tools options bar‬‬
‫الحفاظ علي نسبة الطول و‬
‫و مضاعفاتها‬
‫العرض‬ ‫‪ -‬للتراجع عن عملية الـ ‪ Transform‬نضغط علي زرار ( ‪) Esc‬‬
‫أو علي عالمة الـ ( ) الموجودة في الـ ‪tools options bar‬‬

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

‫‪ Rotate & Flip‬الدوران و االنعكاس‬ ‫‪Skew - Distort - Prespective‬‬

‫ال يقتصر الـ ‪ transform‬علي التكبير‬

‫‪31‬‬ ‫تحتوي أوامر الـ ‪ Transform‬علي‬ ‫‪30‬‬
‫و التصغير أو الدوران فقط و انما هناك‬
‫اعدادت مسبقة لقيم الدوران الشهيرة‬
‫أوامر اخري ‪.‬‬
‫مثل الزاوية ‪ 90‬و الزاوية ‪ 180‬و أيض ًا‬
‫تظهر هذه األوامر بعدما نبدأ الـ‬
‫االنعكاس أو الـ ‪ Flip‬كما هو موضح‬
‫‪ transform‬بالضغط علي اختصار لوحة‬
‫بالصورة ‪.‬‬
‫المفاتيح ‪ Ctrl + T‬و نضغط كليك يمين‬
‫فتظهر لنا قائمة فرعية بها باقي‬
‫األمر‬ ‫الوظيفة‬ ‫أوامر الـ ‪Transform‬‬
‫دوران بزاوية‬
‫‪Rotate 180°‬‬
‫‪ 180‬درجة‬
‫دوران بزاوية‬ ‫سنبدأ اآلن مع ثالثة أوامر تحمل الطابع الهندسي‬
‫‪Rotate 90° CW‬‬ ‫‪ 90‬درجة في اتجاه‬ ‫هذه األوامر هي ‪Skew - Distort - Prespective‬‬
‫عقارب الساعة‬ ‫و الصورة التالية توضح كل أمر و تأثيره علي الشكل‬
‫دوران بزاوية‬
‫‪Rotate 90° CCW‬‬ ‫‪ 90‬درجة في عكس‬
‫اتجاه عقارب الساعة‬ ‫‪Skew‬‬
‫إمالة للشكل‬
‫انعكاس علي المحور‬
‫‪Flip Horizontal‬‬
‫األفقي‬

‫انعكاس علي المحور‬

‫‪Ctrl + T‬‬ ‫‪Distort‬‬ ‫تحويل للشكل‬
‫‪Flip Horizontal‬‬ ‫‪+‬‬ ‫بشكل حر‬
‫الرأسي‬ ‫كليك يمين‬

‫‪Prespective‬‬ ‫شكل منظوري‬

‫‪ Warp‬التمويج‬

‫بعد الضغط علي اختصار لوحة‬

‫المفاتيح ‪ Ctrl +T‬نجد في شريط‬ ‫فيما يلي اختصارات لوحة المفاتيح لالوامر الثالثة‬
‫االختيارات اختيار الـ ‪warp‬‬
‫األمر‬ ‫اختصار لوحة المفاتيح‬
‫أو نقف كليك يمين و سنجد االمر‬
‫‪ warp‬كما هو موضح بالصورة ‪.‬‬ ‫‪Skew‬‬ ‫‪Ctrl + Shift‬‬

‫‪Ctrl + T‬‬
‫‪Distort‬‬ ‫‪Ctrl‬‬ ‫تابع‬
‫مع المحاضر‬
‫‪Prespective‬‬ ‫‪Ctrl +Alt + Shift‬‬

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

‫‪33‬‬ ‫بمجرد اختيار األمر ‪ warp‬سنالحظ‬ ‫‪32‬‬

‫ظهور خطوط افقية و رأسية و نقاط‬
‫تحكم اضافية كما هو موضح بالصورة‬

‫عند سحب هذه النقاط فاننا نقوم‬

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

‫توضح الصورة نتيجة االختيار ‪flag‬‬

‫تطبيق عملي تحت إشراف المحاضر‬

‫عند اختيارنا لألمر ‪warp‬‬

‫نجد في‬
‫الـ ‪tools options bar‬‬
‫اعدادات مسبقة الشكال‬
‫تمويج جاهزة كما نري‬
‫بالصورة‬

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

‫‪35‬‬ ‫‪34‬‬

‫المحاضرة الثالثة‬

‫‪Selection 1‬‬ ‫التحديد ‪1‬‬

‫أهداف المحاضرة‬
‫ • معني كلمة ‪Selection‬‬
‫ • التعريف بادوات الـ ‪Selection‬‬
‫‪ .1‬التحديد بشكل هندسي‬ ‫ ‬
‫‪ .2‬التحديد بشكل حر ‪Freehand selection‬‬ ‫ ‬
‫‪.3‬ملئ مساحة ‪Edeg-based selection‬‬ ‫ ‬
‫‪ .4‬تحديد بكسالت لها نفس الدرجات اللونية‬ ‫ ‬
‫‪color- based Selection‬‬
‫ • ‪Fill with content aware‬‬

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

‫‪ .1‬التحديد بشكل هندسي‬ ‫التحديد ‪Selection‬‬

‫لدينا أربع أدوات في هذه المجموعة ‪:‬‬ ‫معني كلمة ‪Selection‬‬
‫‪37‬‬ ‫‪36‬‬
‫أداة التحديد بشكل مستطيل أو مربع ‪.‬‬
‫كلمة ‪ Selection‬معناها تحديد جزء معين من الصورة لتنفيذ أمر من اوامر‬
‫أداة التحديد بشكل بيضاوي أو دائري ‪.‬‬ ‫الفوتوشوب علي هذا الجزء المحدد فقط ‪.‬‬
‫فمثال‪:‬‬
‫أدوات تحديد تقوم بعمل ‪selection‬‬
‫‪ -‬هناك أوامر مرتبطة بالـ ‪ Selection‬مثل نسخ جزء من صورة لوضعها في‬
‫بعرض أو طول ‪Pixel 1‬‬
‫صورة او تصميم آخر ( ‪) Copy & Paste‬‬
‫االستخدام االساسي لهذه االدوات في تصميم الويب‬
‫‪ -‬أو ملئ جزء معين من الصورة بلون ‪.‬‬
‫نفتح‬ ‫‪ -‬أو تطبيق أحد الفالتر علي جزء معين من الصورة و ليس علي كل الصورة‪.‬‬
‫الصورة ‪ Geometric selection‬الموجودة في ملفات عمل المحاضرة الثالثة‬
‫تابع مع المحاضر التطبيقات التي تم ذكرها ‪.‬‬
‫نختار أداة التحديد ‪Elliptical maequee tool‬‬
‫و نبدأ بالسحب من النقطة ‪ 1‬الي‬ ‫أدوات الـ ‪Selection‬‬
‫‪1‬‬ ‫النقطة ‪ 2‬كما هو موضح بالصورة‬
‫يوجد في الفوتوشوب ‪ 9‬أدوات ‪Selection‬‬
‫إذا اردنا تحريك الـ ‪Selection‬‬
‫مقسمة إالي أربع مجموعات ‪:‬‬
‫نراعي عدم استخدام أدة الـ‬
‫‪2‬‬ ‫‪Move tool‬‬
‫ولكن نستخدم أي أداة ‪selection‬‬ ‫‪ .1‬بشكل هندسي‬
‫إذا اردنا تكبير أو تصغير‬ ‫‪Geometric Selection‬‬
‫الـ ‪ Selection‬نذهب الي قائمة‬
‫‪Select > transform selection‬‬
‫‪ . 2‬بشكل حر‬
‫تابع مع المحاضر التطبيقات التي تم ذكرها ‪.‬‬ ‫‪Freehand Selection‬‬
‫بعد التحديد بشكل صحيح نقوم بعملية النسخ ‪Edit > Copy‬‬
‫ثم ‪ Edit > Paste‬في أي صورة أو تصميم ‪.‬‬ ‫‪ .3‬مليء مساحة‬
‫‪Edge-based Selection‬‬
‫األمر‬ ‫اختصار لوحة المفاتيح‬
‫‪Edit > Copy‬‬ ‫‪Ctrl + C‬‬ ‫‪ .4‬تحديد بكسالت لها‬
‫‪Edit > Cut‬‬ ‫‪Ctrl + X‬‬ ‫نفس الدرجات اللونية‬
‫‪Edit > Paste‬‬ ‫‪Ctrl + V‬‬ ‫‪color-based Selection‬‬

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

‫‪ .2‬التحديد بشكل حر ‪Freehand selection‬‬

‫نالحظ مع استخدام أي أداة ‪ Selection‬ظهور هذه االختيارات االربعة‬
‫لدينا ثالث أدوات في هذه المجموعة ‪:‬‬
‫‪39‬‬ ‫اختصار لوحة‬ ‫‪38‬‬
‫أداة الـ ‪Lasso tool‬‬ ‫األمر‬ ‫شرح‬ ‫شكل توضيحي‬
‫المفاتيح‬
‫نفتح‬
‫الصورة ‪ Lasso tool‬الموجودة في ملفات عمل‬ ‫كل ‪Selection‬‬
‫‪1‬‬
‫المحاضرة الثالثة‬ ‫‪New‬‬ ‫جديد يلغي‬ ‫=‬ ‫ال يوجد‬
‫نختار أداة الـ ‪Lasso tool‬‬ ‫الموجود‬
‫فكرة هذة األداة تعتمد علي‬
‫التحديدبشكل حر دون التقيد‬ ‫اضافة‬
‫‪Add‬‬ ‫=‬ ‫‪Shift‬‬
‫باشكال هندسية ‪.‬‬ ‫‪ Selection‬جديد‬

‫طريقة عمل األداة ‪:‬‬ ‫الـ ‪selection‬‬

‫‪2‬‬
‫نضغط كليك في المكان المناسب‬ ‫الجديد يلغي من‬
‫‪Subtract‬‬ ‫=‬ ‫‪Alt‬‬
‫للبداية و نبدأ بتحريك الماوس‬ ‫الـ ‪Selection‬‬
‫حتي نصل للنقطة التي بدأنا منها‬ ‫الموجود‬

‫أداة الـ ‪Polygonal Lasso tool‬‬ ‫يحدث تقاطع بين‬

‫‪Intersect‬‬ ‫الـ ‪selection‬‬ ‫=‬ ‫‪Alt + shift‬‬
‫نفتح‬ ‫الـجديد و الموجود‬
‫الصورة ‪ polygonal lasso‬الموجودة في ملفات‬
‫عمل المحاضرة الثالثة‬
‫نختار أداة الـ ‪Polygonal lasso‬‬ ‫اللغاء ‪ Selection‬نذهب لقائمة ‪Select > Deselect‬‬
‫فكرة هذة األداة تعتمد علي‬ ‫أو عن طريق اختصار لوحة المفاتيح ‪Ctrl + D‬‬
‫‪1‬‬ ‫التحديدبشكل خطوط هندسية‬
‫‪2‬‬ ‫كما نري في الصورة ‪.‬‬
‫لملئ ‪ Selection‬بلون نذهب‬
‫طريقة عمل األداة ‪:‬‬ ‫لقائمة ‪Edit > Fill‬‬
‫نضغط كليك في المكان المناسب‬
‫‪3‬‬ ‫للبداية‪ -‬رقم (‪ -)1‬ثم نضغط كليك‬ ‫أو عن طريق اختصار لوحةالمفاتيح‬
‫‪4‬‬ ‫مرة اخري عند النقطة رقم (‪ )2‬و‬ ‫‪Shift + F5‬‬
‫تابع مع المحاضر‬ ‫هكذا ‪...‬‬
‫حتي نصل للنقطة التي بدأنا منها‬

‫إذا اردنا التراجع عن نقطة قمنا بوضعها في المكان الخاطئ أثناء الـ ‪Selection‬‬
‫نضغط ‪ Deleelt‬اللغائها‬ ‫تابع مع المحاضر كيفية التعامل مع االمر ‪Fill‬‬

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

‫‪.3‬ملئ مساحة ‪Edeg-based selection‬‬

‫أداة الـ ‪Magnetic Lasso tool‬‬
‫‪41‬‬ ‫نفتح‬ ‫نفتح‬ ‫‪40‬‬
‫الصورة ‪ Quick selection‬الموجودة في‬ ‫الصورة ‪ Magnetic lasso‬الموجودة في ملفات‬
‫ملفات عمل المحاضرة الثالثة‬ ‫عمل المحاضرة الثالثة‬
‫نختار أداة الـ ‪Magnetic lasso‬‬
‫نختار أداة الـ ‪Quik selection tool‬‬
‫فكرة هذة األداة تعتمد علي أنها‬
‫تعتمد فكرة األداة علي ملئ‬ ‫تقوم بعمل ‪ Selection‬لحواف‬
‫مساحة معينة من الصورة بالـ‬ ‫مساحة معينة من الصورة و يستلزم‬
‫‪ Selection‬و يستلزم نجاح هذه‬ ‫نجاح هذه األداة وجود تباين لوني‬
‫األداة وجود تباين لوني بين‬ ‫بين الجزء الذي نقوم بتحديده و بين‬
‫الجزء الذي نقوم بتحديده و بين‬ ‫لون الخلفية كما نري في الصورة ‪.‬‬
‫لون الخلفية‬
‫طريقة عمل األداة ‪:‬‬
‫نضغط كليك في المكان المناسب‬
‫‪2‬‬ ‫‪1‬‬ ‫للبداية‪ -‬رقم (‪ -)1‬ثم نحرك‬
‫الماوس حتي نصل للنقطة التي‬
‫الخالصة‬
‫بدأنا منها ‪.‬‬
‫نالحظ انجذاب النقط الي المناطق‬
‫(د) ‪] -‬‬ ‫التي يوجد بينها و بين الخلفية‬
‫‪Add to Selection‬‬ ‫تكبير حجم الـ ‪Tip‬‬ ‫تباين لوني ‪.‬‬
‫‪Tool tip‬‬
‫شكل األداة‬ ‫يمكننا زيادة عدد النقاط لعمل ‪ Selection‬أكثر دقة عن طريق زيادة‬
‫قيمة الـ ‪ Frequency‬الموجودة في الـ ‪Tools Options bar‬‬
‫(ج) ‪[ -‬‬
‫‪Subtract from‬‬
‫‪Selection‬‬ ‫تصغير حجم الـ ‪Tip‬‬ ‫يمكننا زيادة الرقم حتي ‪100‬‬

‫إذا حدث ارتباك و ظهرت نقاط في غير مكانها‬

‫للتحويل بين الـ ‪ Add‬و الـ ‪ Subtract‬نسطيع الضغط علي زرار الـ ‪ Alt‬و الـ ‪Shift‬‬ ‫نضغط علي زرار ( ‪ ) Esc‬اللغاء النقاط و بدء التحديد من جديد‬

‫‪Shift‬‬ ‫العادة إعدادات أي أداة العدادتها األصلية نقف كليك يمين‬

‫‪Subtract from‬‬ ‫علي شكل األداة في اعلي يسار الـ ‪tools options bar‬‬
‫‪Add to Selection‬‬
‫‪Selection‬‬ ‫ونختار ‪Reset tool‬‬
‫‪Alt‬‬
‫او ‪ Reset all tools‬ألاعادة كل االدوات العدادتها االصلية ‪.‬‬

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

‫‪ Contiguous‬البكسالت المتجاورة‬ ‫االختيار الثاني‬ ‫‪ .4‬تحديد بكسالت لها نفس الدرجات اللونية ‪color-based Selection‬‬

‫‪43‬‬
‫‪x‬‬ ‫‪x‬‬ ‫‪x‬‬
‫علي البكسالت المتجاورة فقط‬
‫نالحظ أن المناطق المشار اليها بعالمة ‪x‬‬
‫لم يتم عمل ‪ Selection‬عليها‪.‬‬
‫نالحظ أن الـ ‪ Selection‬قد تم علي كل‬
‫البكسالت البيضاء دون النظر الي وجود‬
‫فواصل لونية‪.‬‬
‫في هذا التطبيق سنستخدم الـ ‪ Selection‬و االمر ‪ Fill‬في اخفاء الشخص الموجود‬
‫بعد تطبيق االمر ‪Fill with content aware‬‬
‫‪1‬‬ ‫نفتح‬
‫الصورة ‪ Magic wand‬الموجودة في ملفات‬ ‫‪42‬‬
‫في هذه الحالة‬
‫عمل المحاضرة الثالثة‬
‫‪x‬‬ ‫سيتم تطبيق الـ ‪Selection‬‬
‫نختار أداة الـ ‪Magic wand tool‬‬
‫و التي اليوجد بينها فاصل‬
‫لوني‬ ‫تعتمد فكرة األداة علي عمل‬
‫‪ Selection‬لبكسالت لها نفس‬
‫الدرجات اللونية‬
‫‪2‬‬
‫نضغط كليك‬
‫في هذه الحالة‬ ‫بأداة الـ ‪Magic wand tool‬‬
‫سيتم تطبيق الـ ‪Selection‬‬ ‫علي المنطقة البيضاء في الصورة‬
‫علي كل البكسالت التي لها‬ ‫نالحظ أن الـ ‪ Selection‬تم علي الخلفية‬
‫درجات لونية واحدة دون‬ ‫البيضاء النها لون واحد ‪.‬‬
‫النظرالي وجود فاصل لوني‬ ‫إذا اردنا عكس الـ ‪ Selection‬ليكون التحديد علي شكل الكرنبة‬
‫بينها‬
‫و ليس علي الخلفية البيضاء‬
‫نذهب الي قائمة ‪Select > Inverse‬‬
‫تطبيق‬ ‫‪Fill with content aware‬‬
‫‪Shift + Ctrl + i‬‬
‫بالصورة كما هو موضح‪.‬‬ ‫عند العمل بأداة الـ ‪ Magic wand tool‬اختيارين مهمين جدا ‪.‬‬
‫الصورة االصلية‬ ‫‪ Tolerance‬النطاق اللوني‬ ‫االختيار االول‬

‫نالحظ الرقم ‪32‬‬

‫معني هذا الرقم أن الفوتوشوب سيجعل‬
‫أداة الـ ‪ Magic wand‬تبحث عن بكسالت‬
‫بمقدار ‪ 32‬درجة افتح و ‪ 32‬درجة اغمق‬
‫‪tolerance‬‬
‫‪32‬‬ ‫من المكان الذي ضغطنا عليه باالداة‬

‫فلننظر الي هذا المثال بالصورة‬

‫‪tolerance‬‬ ‫كلما زاد الرقم زادت مساحة‬
‫‪80‬‬ ‫الـ ‪.Selection‬‬

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

‫ملحوظة هامة‬
‫شرط نجاح هذا األمر هو وجود بكسالت لها نس الشكل‬
‫الخطوات ‪:‬‬
‫‪45‬‬ ‫أو الملمس خارج الـ ‪Selection‬‬ ‫‪44‬‬

‫‪ .1‬نفتح‬
‫ناقش مع المحاضرامثلة آخري علي هذا االمر‬ ‫الصورة ‪ content aware‬الموجودة في‬
‫ملفات عمل المحاضرة الثالثة‬

‫‪ .2‬نختار أداة الـ ‪Lasso tool‬‬

‫‪ .3‬نقوم بعمل ‪ Selection‬حول الشخص‪.‬‬
‫‪ content aware 2‬موجودة في ملفات‬
‫عمل المحاضرة الثالثة‬

‫‪.4‬نختار األمر ‪fill‬‬

‫إما من قائمة ‪Edit > fill‬‬
‫أو نقف كليك يمين علي‬
‫الـ ‪ selection‬و نختار األمر ‪fill‬‬
‫‪.5‬من الـ ‪ Dialogue box‬لـ ‪Fill‬‬
‫نختار ‪.Contentaware‬‬
‫‪ .6‬نختار ‪.Ok‬‬

‫‪ .7‬سنالحظ اختفاء الشخص و يحل محله بكسالت من الخلفية‪.‬‬

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

‫‪47‬‬ ‫‪46‬‬

‫المحاضرة الرابعة‬

‫‪Selection 2‬‬ ‫التحديد ‪2‬‬

‫أهداف المحاضرة‬
‫ •‪Refine Edge‬‬
‫ • تطبيق عملي ‪ 1‬علي الـ ‪Refine Edge - Feather‬‬
‫ • تطبيق ‪ 2‬علي الـ ‪Refine Edge - Hair selection‬‬
‫ • ‪Expand &contract‬‬
‫ •تطبيق عملي علي ماسبق‬
‫ • مشروع عمل واجهة محل تجاري‬

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

‫التحديد ‪Selection 2‬‬

‫‪.3‬نختار األمر ‪refine edge‬‬ ‫‪Advance Selection‬‬
‫‪49‬‬ ‫من الـ ‪tools options bar‬‬ ‫‪Refine Edge‬‬ ‫‪48‬‬
‫و سيظهر اعدادات‬
‫الـ ‪Refine edge‬‬ ‫حينما نسمع كلمة ‪ Refine edge‬نعلم أننا سنتعامل مع حواف الـ ‪.Selection‬‬
‫و الغرض هنا هو تحسين الـ ‪ Selection‬الذي قمنا به‪.‬‬

‫‪ .4‬من مربع ‪ view‬نختار‬ ‫أين يوجد الـ ‪ Refine edge‬؟‬

‫اختيار رؤية ماتم تحديده‬
‫من الصورة علي خلفية‬ ‫‪ .1‬بعد عمل ‪ selection‬و مع اختيار أي أداة ‪selection‬‬
‫سوداء كما هو موضح‬ ‫سيظهر لنا اختيار الـ ‪ refine edge‬في الـ ‪tools options bar‬‬
‫بالصورة‪.‬‬
‫اللون االسود هنا للرؤية فقط و لم‬
‫تتغير خليفية التصميم‬

‫‪ .2‬أو من قائمة ‪Select > Refine Edge‬‬

‫‪.5‬نقوم بتعديل قيمة‬
‫الـ‪Feather‬‬
‫نالحظ ان حواف الـ ‪selection‬‬
‫تزداد نعومة مع زيادة قيمة‬
‫الـ ‪Feather‬‬
‫تطبيق ‪ 1‬علي الـ ‪Refine Edge‬‬

‫‪ .6‬نضغط ‪Ok‬‬ ‫‪ Feather‬نعومة حواف الـ ‪Selection‬‬

‫ثم نقوم بتنفيذ أي امر علي الـ ‪selection‬‬ ‫كلمة ‪ Feather‬معناها نعومة حواف الـ ‪Selection‬‬
‫مثال ‪Copy & Paste‬‬ ‫‪ .1‬نفتح‬
‫‪Feather‬‬ ‫بدون ‪Feather‬‬ ‫الصورة ‪ Feather‬الموجودة في ملفات عمل‬
‫المحاضرة الرابعة‬

‫‪ .2‬نختار أداة الـ ‪Elliptical marquee tool‬‬

‫لعمل ‪selection‬‬

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

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

‫تطبيق ‪ 2‬علي الـ ‪Refine Edge‬‬

‫‪ .7‬نالحظ استخالص الشعر من الخلفية‬
‫تحديد الشعر ‪Hair selection‬‬
‫‪51‬‬ ‫‪50‬‬
‫فكرة هذه األداة هي فض االشتباك‬ ‫‪ .1‬نفتح‬
‫بين لون الجزة الذي قمنا بتحديده و‬ ‫الصورة ‪ hair selection.psd‬الموجودة‬
‫بين الخلفية ‪.‬‬ ‫في ملفات عمل المحاضرة الرابعة‬

‫‪ .2‬نختار أداة الـ ‪Quick selection tool‬‬

‫لعمل ‪selection‬‬
‫‪.8‬سنالحظ ظهور بعض البكسالت من‬ ‫سنالحظ دقة الـ ‪ selection‬علي الجسم و‬
‫لون الخلفية علي حواف الجزء الذي قمنا‬ ‫الوجه و عدم دقته علي الشعر‪.‬‬
‫بتحديده‬
‫‪.3‬نختار األمر ‪refine edge‬‬
‫لذلك سنختار األمر ‪Decontaminate‬‬
‫من الـ ‪ tools options bar‬و سيظهر‬
‫‪ color‬الزالة اي لون متبقي من الخلفية‬
‫اعدادات الـ ‪Refine edge‬‬
‫مع بلون بكسالت الشعر ونقوم بتحريك‬
‫المؤشر يمينا و يسارا حتي نحصل علي‬ ‫‪ .4‬من مربع ‪ view‬نختار اختيار رؤية‬
‫النتيجة المناسبة‬ ‫ماتم تحديده من الصورة علي خلفية‬
‫قبل‬ ‫بعد‬ ‫شفافة كما هو موضح بالصورة‪.‬‬

‫‪ .5‬نختار أداة الـ ‪Refine raduis tool‬‬

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

‫‪.9‬من ‪ output‬نختار ‪new layer‬‬

‫‪.6‬نحرك األداة علي الحد الفاصل بين‬

‫الشعر و الخلفية‬

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

‫‪Expand & contarct‬‬

‫ملحوظة‬
‫المقصود بالـ ‪ expand‬و الـ ‪ contarct‬هو تكبير و تصغير الـ ‪selection‬‬ ‫إذا وجدنا ان استخدام أداة الـ ‪ refine raduis tool‬قد أحدثت عيبا بالصورة‬
‫‪53‬‬ ‫يوجد لدينا أاة الزالة هذا األثر و هي أداة ‪Erase refinments tool‬‬ ‫‪52‬‬

‫‪Expand‬‬ ‫‪Contract‬‬
‫تابع مع المحاضر كيفية استخدام أداة الـ ‪Erase refinments tool‬‬

‫ملحوظة هامة جدا‬

‫لنجاح هذا األمر يجب أن يتوفر شرطان في الصورة‪.‬‬
‫تابع مع المحاضر كيفية التعامل مع الـ ‪Expand & contarct‬‬ ‫أوال ‪ :‬أن يوجد تباين بين الجزء الذي نقوم بتحديده و بين الخلفية‪.‬‬
‫مثال يستحيل هذا االمر في تحديد شعر اسود خلفه خلفية‬
‫سوداء‪.‬‬
‫تطبيق عملي تحت اشراف المحاضر‬
‫ثانيا ‪ :‬أن تكون الصورةجيدة و اليوجد بها أي خلل في االلوان ‪Noise‬‬
‫أو تكون متناهية الصغر ( مبكسلة )‪.‬‬

‫ملف عمل ‪Five.psd‬‬ ‫تطبيق اضافي‬

‫الموجود في ملفات عمل المحاضرة الرابعة‬

‫الصور موجودة بملفات عمل المحاضرة الرابعة‬

‫مطلوب تصميم نموذج يافطة محل مالبس أطفال‬ ‫‪Task‬‬

‫مشروع‬
‫‪+‬‬
‫االسم‬ ‫متروك الختيارك‬
‫مقاس التصميم‬ ‫‪ 15‬سم طول‪ 45 x‬سم عرض‬
‫‪Resolution‬‬ ‫‪72 ppi‬‬
‫‪color mode‬‬ ‫‪CMYK‬‬
‫نوع الملف‬ ‫‪PSD + JPEG‬‬
‫موعد التسليم المحاضرة التالية‬

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

‫‪55‬‬ ‫‪54‬‬

‫المحاضرة الخامسة‬

‫أدوات الرسم و التلوين‬

‫‪Brushes & Gradient‬‬

‫أهداف المحاضرة‬
‫ • ‪Brushes‬‬
‫ • افضل مواقع تحميل الـ ‪Brushes‬‬
‫ • تطبيق عملي علي الـ ‪.Brushes‬‬
‫ •‪Gradient‬‬
‫ •فكرة عمل أداة الـ ‪Gradient‬‬
‫ • أشكال الـ ‪Gradient‬‬
‫ • تعديل الـ ‪Gradient‬‬
‫ تطبيق عملي علي الـ ‪.Gradient‬‬

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

‫‪Brushes & Gradient‬‬

‫أدوات الرسم و التلوين‬
‫‪57‬‬ ‫‪56‬‬
‫في هذه المحاضرة سنقوم بشرح أدوات الرسم و التلوين الموجودة في‬
‫كل اشكال الـ ‪ Brush‬و اعداداتها‬ ‫الفوتوشوب‪.‬‬
‫موجودة في القائمة الفرعية‬
‫الموجودة في الـ ‪tools options bar‬‬ ‫‪ Brushes‬الفرش‬

‫نختار أداة الـ ‪brush tool‬‬

‫شكل الـ ‪Brush‬‬ ‫االنتقال الي‬ ‫‪blend mod‬‬ ‫‪opacity‬‬

‫الـ ‪Brush panel‬‬

‫دائم ًا لون الـ ‪ Brush‬هو لون الـ ‪foreground color‬‬

‫) الموجودة في‬ ‫نالحظ عالمة (‬
‫القائمة الفرعية ‪.‬‬

‫هذة القائمة في غاية االهمية‬ ‫الخالصة‬

‫حيث تحتوي علي كل اعدادات‬
‫الـ ‪. Brushes‬‬ ‫‪Size‬‬ ‫(د) ‪] -‬‬
‫المقاس‬ ‫تكبير حجم الـ ‪Tip‬‬
‫‪Tool tip‬‬
‫شكل األداة‬

‫‪hardness‬‬ ‫(ج) ‪[ -‬‬

‫حدة الحواف‬
‫تصغير حجم الـ ‪Tip‬‬

‫‪0%‬‬ ‫‪100%‬‬
‫حواف ناعمة‬ ‫حواف حادة‬

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

‫في بعض االحيان يكون‬ ‫لمزيد من التحكم في الـ ‪ Brushes‬نذهب الي‬

‫شكل الـ ‪ Brush‬صغير‬ ‫قائمة ‪Window > brush‬‬
‫و للتحكم في طريقة‬ ‫) الموجودة في الـ ‪tools options bar‬‬ ‫أو نضغط علي أيكونة (‬
‫‪59‬‬ ‫‪58‬‬
‫رؤية شكل الـ ‪Brush‬‬
‫نضغط علي ايكونة‬
‫) ونختار الطريقة‬ ‫(‬
‫المناسبة لرؤية الـ ‪brush‬‬
‫ستظهر لنا الـ ‪Brushes panel‬‬

‫سنجد العديد من االعدادات من‬

‫من نفس القائمة السابقة سنالحظ وجود مجموعة‬ ‫حيث الشكل و الحجم و االستدارة‬
‫من الـ ‪ brushes‬و التي تكون موجودة بالفعل مع‬ ‫و التنوع في االلوان و زاوية‬
‫البرنامج‬ ‫الـ ‪ brush‬مما سيتيح لنا‬
‫وعند اختيار احد هذة المجموعات يظهر لنا هذا‬ ‫الحصول علي عدد ال نهائي من‬
‫الـ ‪Dialogue box‬‬ ‫النتائج ‪.‬‬

‫استبدال كل الـ ‪Brushes‬‬ ‫الغاء االمر‬ ‫اضافة مجموعة‬

‫الموجودة بهذه المجموعة‬ ‫الـ ‪ Brushes‬الي‬
‫المجموعة الموجودة‬

‫ال تقتصر الـ ‪ brushes‬علي المجموعات الموجودة في البرنامج‬ ‫تطبيق عملي‬

‫و انما يمكننا أيضا تحميل ‪ brushes‬من مواقع تحميل ملحقات الفوتوشوب‬ ‫قم بتجربة اعدادات الـ ‪brushes‬‬
‫للحصول علي شكل مشابه‬
‫‪myphotoshopbrushes.com‬‬
‫‪www.brushlovers.com‬‬ ‫تابع مع المحاضر‬
‫افضل مواقع تحميل الـ ‪Brushes‬‬
‫‪www.psbrushes.net‬‬
‫‪qbrushes.net‬‬

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

‫في بعض االحيان نريد تنظيم‬ ‫خطوات ادخال الـ ‪ Brushes‬التي تم تحميلها من االنترنت‬
‫الـ ‪brushes‬‬ ‫‪.1‬بعد تحميل ( ‪ ) Download‬الـ ‪ Brush‬علي جهاز الكمبيوتر‬
‫أو إلغائها أو إعادة تسميتها‪.‬‬
‫‪61‬‬ ‫‪60‬‬

‫)‬ ‫نضغط علي عالمة (‬

‫الموجودة في القائمة‬
‫الفرعية‬ ‫)‬ ‫‪ .2‬نضغط علي عالمة (‬
‫سنجد االمر‪Preset manager‬‬ ‫الموجودة في القائمة الفرعية‬
‫سنجد االمر ‪Load brushes‬‬

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

‫تابع مع المحاضر‬
‫كيفية التعامل مع‬ ‫‪ .3‬نختار الـ ‪ Brush‬التي قمنا‬
‫الـ ‪Preset manager‬‬ ‫بتحميلها علي جهاز الكمبيوتر و‬
‫نضغط عليها دبل كليك او نختار‬
‫االمر ‪Load‬‬

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

‫ملفات العمل موجودة في ملفات عمل المحاضرة الخامسة‬

‫‪ .4‬سنجد الـ ‪ brushes‬دخلت في‬

‫اخر قائمة الـ ‪ brush‬كما في‬
‫‪+‬‬ ‫الصورة‪.‬‬

‫‪old paper‬‬

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

‫‪ Gradient‬أداة التدريج اللوني‬

‫بالضغط علي السهم المشار اليه في‬ ‫فكرة عمل أداة الـ ‪Gradient‬‬
‫‪63‬‬ ‫‪62‬‬
‫الصورة تظهر لنا اشكال الـ ‪Gradients‬‬
‫المتاحة في قائمة فرعية‪.‬‬ ‫‪ .1‬نختار أداة الـ ‪Gradient tool‬‬
‫‪ .2‬نسحب من النقطة ‪ 1‬الي النقطة ‪ 2‬كما هو موضح بالصورة‪.‬‬

‫النتيجة‬

‫ال تقتصر مجموعات الـ ‪Gradient‬‬ ‫‪1‬‬ ‫‪2‬‬

‫الموجودة في الفوتوشوب علي هذه‬
‫المجموعة و انما يوجد مجموعات اخري‬
‫)‬ ‫وستظهر لنا عند الضغط علي عالمة (‬
‫و نختار المجموعة التي نريدها‬

‫أشكال الـ ‪Gradient‬‬

‫عندما نختار أداة الـ ‪ Gradient‬تظهر أشكال الـ ‪ gradient‬في الـ ‪tools options bar‬‬

‫وعند اختيار احد هذة المجموعات يظهر لنا هذا‬ ‫‪Linear‬‬

‫الـ ‪Dialogue box‬‬ ‫خطي‬ ‫‪Radial‬‬ ‫‪Angle‬‬ ‫‪Reflected‬‬ ‫‪Diamond‬‬
‫دائري‬ ‫زاوية‬ ‫منعكس‬ ‫‪gradient‬‬

‫استبدال كل الـ ‪Gradient‬‬ ‫الغاء االمر‬ ‫اضافة مجموعة‬

‫الموجودة بهذه المجموعة‬ ‫الـ ‪ Gradeint‬الي‬ ‫تابع مع المحاضر كيفية التعامل مع الـ ‪Gradient tool‬‬
‫المجموعة الموجودة‬

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

‫‪ .1‬لتعديل أحد الوان‬ ‫ال تقتصر الـ ‪ Gradients‬علي المجموعات الموجودة في البرنامج‬
‫الـ ‪ Gradient‬نضغط دبل كليك‬ ‫و انما يمكننا أيضا تحميل ‪ gradients‬من مواقع تحميل ملحقات الفوتوشوب‬
‫علي الـ ‪ color stop‬كما هو‬
‫‪65‬‬ ‫موضح في الصورة‪.‬‬ ‫‪myphotoshopbrushes.com‬‬ ‫‪64‬‬
‫افضل مواقع تحميل الـ ‪gradients‬‬
‫‪www.brusheezy.com‬‬
‫سيظهر لنا‬
‫‪Dialogue box‬‬
‫تعديل الـ ‪Gradient‬‬
‫‪color picker‬‬
‫للتعديل علي الـ ‪ Gradient‬نضغط علي الشريط الذي يوضح‬
‫و نختار منه اللون‬ ‫شكل الـ ‪ Gradient‬و الموجود في الـ ‪tools otions bar‬‬
‫المناسب ثم نضغط ‪OK‬‬
‫سيظهر لنا الـ ‪Dialogue box‬‬
‫و يعرف بـ ‪Gradient editor‬‬

‫تحميل ‪ Gradient‬جديد‬

‫‪ .2‬الضافة لون جديد للـ ‪Gradient‬‬ ‫اضافة ‪ Gradient‬تم‬

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

‫‪Opacity Stop‬‬

‫‪.3‬اللغاء لون نضغط كليك علي الـ ‪stop‬‬ ‫‪Color Stop‬‬

‫‪ color‬التي نريد الغاءها ثم نضغط‬
‫‪ Delete‬من لوحة المفاتيح‬

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

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

‫‪67‬‬ ‫‪66‬‬

‫المحاضرة السادسة‬ ‫ملفات العمل موجودة في ملفات عمل المحاضرة الخامسة‬

‫‪Masks & Blendmode & Smart object‬‬

‫أهداف المحاضرة‬
‫ •‪Masks‬‬
‫معني كلمة ‪Mask‬‬
‫إضافة الـ ‪Mask‬‬
‫الغاء الـ ‪Mask‬‬
‫عالقة الـ ‪ Mask‬بالـ ‪Selection‬‬
‫‪Properties Panel‬‬
‫تطبيق عملي تحت اشراف المحاضر‬
‫ •‪Blend mode‬‬
‫معني كلمة ‪Blend mode‬‬
‫ •‪Smart Object‬‬
‫معني ‪Smart object‬‬
‫الميزة االولي لـ ‪Smart object‬‬
‫الميزة الثانية لـ ‪Smart object‬‬

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

‫إضافة الـ ‪Mask‬‬

‫‪Masks‬‬
‫معني كلمة ‪Mask‬‬
‫‪69‬‬ ‫‪ .1‬نفتح‬ ‫‪68‬‬
‫الصورة‪ add mask.‬الموجودة في ملفات‬ ‫الـ ‪ Mask‬هو ‪ Layer‬اضافي بجانب الـ ‪ Layer‬االصلي‬
‫عمل المحاضرة السادسة‬

‫وظيفة الـ ‪ Mask‬االساسية‬

‫يخفي من الـ ‪Layer‬‬ ‫الرسم علي الـ ‪ Mask‬باللون االسود ‬
‫يظهر من الـ ‪Layer‬‬ ‫الرسم علي الـ ‪ Mask‬باللون االبيض ‬

‫‪ .2‬نضيف الـ ‪ Mask‬وذلك بالضغط‬

‫) الموجودة‬ ‫علي ايكون (‬
‫في أسفل الـ ‪. Layers panel‬‬
‫‪Layer‬‬ ‫‪Link‬‬
‫‪Mask‬‬
‫يربط بين الـ ‪ Layer‬و الـ ‪Mask‬‬

‫نتيجة اضافة الـ ‪Mask‬‬

‫‪ .3‬نالحظ اضافة الـ ‪Mask‬‬

‫‪.4‬اي شئ يجب ان نتأكد اننا نقف‬

‫علي الـ ‪ mask‬و ذلك بظهور االطار‬
‫االبيض حول الـ ‪ mask‬كما هو‬ ‫القاعدة‬
‫موضح بالصورة‪.‬‬ ‫يظهر‬ ‫ ‬
‫أبيض‬
‫يخفي‬ ‫ ‬
‫أسود‬
‫‪.5‬نختار أداة الـ ‪Brush tool‬‬
‫ويجب أن نتأكدة من ان لون الـ ‪ Foreground color‬اسود‬
‫ملحوظة هامة جدا‬
‫الرسم علي الـ ‪ mask‬باالسود و االبيض و درجات الرمادي فقط‬

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

‫عالقة الـ ‪ Mask‬بالـ ‪Selection‬‬

‫‪ .6‬نبدأ بالتلوين باللون االسود علي الـ ‪Mask‬‬
‫‪71‬‬ ‫نالحظ اختفاء الجزء المقابل للون االسود في‬ ‫‪70‬‬
‫الصورة‬

‫الغاء الـ ‪Mask‬‬

‫عند اضافة ‪ Mask‬في وجود ‪Selection‬‬

‫الجزء الذي تم تحديده سيظهر أما الجزء خارج الـ ‪ selection‬سيختفي‬
‫اللغاء ‪ Mask‬نمسك بالـ ‪ mask‬و نقوم‬
‫‪Link‬‬ ‫) الموجودة‬ ‫بسحبه الي ايكونة (‬
‫في اسفل الـ ‪layers panel‬‬
‫سنالحظ دائم ًا‬
‫وجود عالمة ( ) بين الـ‬
‫‪ Layer‬و بين الـ ‪Mask‬‬

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

‫يربط بين الـ ‪ Layer‬و الـ ‪Mask‬‬
‫عند تحريك الـ ‪ Layer‬او عمل ‪Transform‬‬
‫في حالة وجود عالمة الـ ‪ ) ( Link‬فان الـ ‪Mask‬‬
‫هو االخر سيتحرك و يتم عليه الـ ‪Transform‬‬

‫لفك الـ ‪ Link‬بين الـ ‪ Layer‬و الـ ‪ mask‬نضغط كليك‬

‫علي عالمة الـ ( )‬

‫في هذه الحالة سيمكننا تحريك او التعامل مع كل‬ ‫إلغاء الـ ‪ Mask‬و عودة‬ ‫إلغاء الـ‪ Mask‬الغاء‬
‫إلغاء االمر‬
‫من الـ ‪ Layer‬و الـ ‪ Mask‬علي حدا‪.‬‬ ‫الصورة الي اصلها‬ ‫الـ ‪ pixels‬التي كانت‬
‫يخفيها الـ ‪Mask‬‬
‫تابع مع المحاضر كيفية تطبيق هذا االمر ‪.‬‬ ‫تابع مع المحاضر كيفية تطبيق هذا االمر ‪.‬‬

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

‫‪Blend mode‬‬ ‫‪Properties Panel‬‬

‫معني كلمة ‪Blend mode‬‬
‫‪73‬‬ ‫تحتوي الـ ‪ properties Panel‬علي كل‬ ‫‪72‬‬
‫دمج ‪ Layer‬بالـ ‪ Layer‬الموجود تحته‬
‫اعدادات الـ ‪Mask‬‬
‫الظهار الـ ‪properties panel‬‬
‫‪ .1‬نفتح‬ ‫نذهب الي قائمة‬
‫الصورة ‪ Blend mode.psd‬الموجودة في‬
‫ملفات عمل المحاضرة السادسة‬ ‫‪Window > properties‬‬
‫أو نضغط دبل كليك علي الـ ‪mask‬‬
‫و سنالحظ ان هذا الملف‬

‫‪ .2‬نظهر الـ ‪Layer material‬‬ ‫تابع مع المحاضر شرح مفصل لكل ما يخص الـ ‪properties panel‬‬
‫)‬ ‫بالضغط علي عالمة الـ (‬
‫الموجودة بجانب الـ ‪Layer‬‬
‫تطبيق عملي تحت اشراف المحاضر‬
‫مطلوب كتابة أي كلمة و عمل انعكاس لها كما في الصورة‬

‫‪.3‬سيغطي الـ ‪ Layer material‬علي‬

‫الـ ‪ Layer‬الموجود تحته كما في‬
‫الصورة‬

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

‫الخالصة‬

‫‪75‬‬ ‫‪74‬‬
‫‪Blend mode‬‬ ‫‪Normal‬‬ ‫‪Darken‬‬ ‫‪Lighten‬‬ ‫‪Overlay‬‬

‫االشهر و االكثر‬ ‫االشهر و االكثر‬ ‫‪ .4‬نغير الـ ‪ Blend mode‬من اعلي‬

‫استخدام ًا‬ ‫استخدام ًا‬ ‫االبيض يعطي‬
‫‪Multiply‬‬ ‫‪Screen‬‬ ‫اضاءة للـ ‪Layer‬‬ ‫الـ ‪ layers panel‬كما هو موضح في‬
‫اليوجد تأثير علي‬
‫تأثير الـ ‪Blend‬‬
‫األبيض و االسود او‬ ‫أبيض أو أسود‬ ‫أبيض أو أسود‬ ‫الموجود تحته‬ ‫الصورة‬
‫‪mode‬‬ ‫لون فاتح أو لون‬ ‫لون فاتح أو لون‬ ‫و االسود يعطي‬
‫الدرجات اللونية‬
‫غامق‬ ‫غامق‬ ‫عتامة للـ ‪Layer‬‬
‫الموجود تحته‬

‫هو خليط بين‬

‫الـ ‪Multiply‬‬
‫يحافظ علي اللون‬ ‫يحافظ علي اللون‬
‫و الـ ‪screen‬‬
‫اليؤثر الـ ‪Layer‬‬ ‫االسود و االلوان‬ ‫االبيض و االلوان‬
‫االبيض يفتح ما‬
‫الشرح‬ ‫علي الـ ‪Layer‬‬ ‫الغامقة و يخفي‬ ‫الفاتحة و يخفي‬
‫تحته‬
‫الموجود تحته‬ ‫اللون االبيض و‬ ‫اللون االسود و‬
‫و‬
‫االلوان الفاتحة‬ ‫االلوان الغامقة‬
‫االسود يغمق‬
‫ماتحته‬
‫‪ .5‬نقوم بتجربة أكثر من ‪Blend mode‬‬
‫و فيما يلي نتائج دمج الـ ‪layer‬‬
‫تابع مع المحاضر التطبيقات العملية علي الـ ‪Blend mode‬‬

‫‪Normal‬‬ ‫‪Muliply‬‬ ‫‪Screen‬‬ ‫‪Overlay‬‬

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

‫التكبير و التصغير‬ ‫الميزة االولي لـ ‪Smart object‬‬ ‫‪Smart object‬‬

‫معني ‪Smart object‬‬
‫‪77‬‬ ‫‪76‬‬
‫‪ .1‬نفتح‬ ‫‪ Smart object‬هو ‪ Layer‬عادي يتكون من بكسالت‬
‫الصورة ‪ Smart object.psd‬الموجودة‬ ‫إنما لديه ميزة نوعية في حالتين ‪.‬‬
‫في ملفات عمل المحاضرة السادسة‬

‫عند تطبيق ‪Filter‬‬ ‫عند التكبير و التصغير‬

‫‪.2‬نقف علي الـ ‪pixel layer‬‬

‫و نطبق االمر ‪Free transform - Ctrl + T‬‬ ‫كيف نميز بين الـ ‪Smart objet‬‬
‫وبين الـ ‪ Layer‬العادي ؟؟‬
‫‪.3‬قبل اي شئ نالحظ في الـ ‪tools options bar‬‬
‫أن نسبة التكبير و التصغير هي ‪100%‬‬ ‫نالحظ هذه العالمة الموجودة‬
‫في اسفل يمين الـ ‪layer‬‬

‫‪ .4‬نقوم بالتصغير حتي نسبة ‪5%‬‬ ‫للتحويل بين ‪ Smart object‬و ‪ Layer‬عادي‬

‫كليك يمين علي الـ ‪Layer‬‬

‫‪ .5‬نضغط ‪ Enter‬لتأكيد الـ ‪Transform‬‬ ‫و نختار ‪Convert to smart object‬‬
‫‪.6‬علي نفس الـ ‪ Layer‬نطبق االمر ‪Free transform‬‬

‫‪.7‬عند التكبير نالحظ‬ ‫‪Pixel layer‬‬ ‫‪Smart object‬‬

‫الـ ‪ Distortion‬التشوية الذي‬
‫حدث علي‬
‫الـ ‪ Layer‬الننا قمنا بتكبيرها‬
‫زيادة عن مقاسها االصلي ‪.‬‬ ‫كليك يمين علي الـ ‪Layer‬‬
‫و نختار ‪Rasterize layer‬‬

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

‫نعيد نفس الخطوات السابقة علي الـ‪Smart object‬‬

‫‪ .3‬نختار من قائمة ‪Filter‬‬ ‫حتي نصل الي خطوة التصغير حتي ‪% 5‬‬
‫‪Filter > blur > Radial blur‬‬ ‫ثم نضغط ‪ Enter‬لتأكيد الـ ‪Transform‬‬
‫‪79‬‬ ‫‪78‬‬
‫‪ .4‬نطبق نفس‬
‫االعدادات الموجودة‬ ‫إذا طبقنا االمر ‪Free transform‬‬
‫في الصورة‬ ‫‪ -Ctrl + T‬مرة اخري و قمنا بتكبير‬
‫الـ ‪ smart object‬ستكون البداية‬
‫من ‪5%‬‬
‫وبالتالي حينما نقوم بالتكبير‬
‫سيعود الـ ‪ smart object‬مقاسه‬
‫االصلي دون اي تشويه للبكسالت ‪.‬‬
‫‪ .5‬سيظهر تحت الـ ‪Smart object‬‬
‫ما يعرف بـ ‪Smart filter‬‬ ‫تطبيق الـ ‪Filter‬‬ ‫الميزة الثانية لـ ‪Smart object‬‬

‫‪ .5‬سيظهر تحت الـ ‪Smart object‬‬ ‫اذا طبقنا اي ‪ filter‬من الموجودة في قائمة ‪ filter‬بشكل مباشر علي ‪layer‬‬
‫ما يعرف بـ ‪Smart filter‬‬ ‫عادي (‪ ) Pixel layer‬فإن تأثير الـ ‪ Filter‬سيكون بشكل مباشر علي البكسالت‬

‫‪Smart object‬‬ ‫‪filter‬‬ ‫‪ .1‬نفتح‬

‫‪Mask‬‬ ‫الصورة ‪ Radial blur‬الموجودة في ملفات‬
‫عمل المحاضرة السادسة‬

‫‪ .6‬نختار ‪ Brush‬ناعمة بمقاس مناسب‬

‫طبعا مع التأكيد ان يكون لون الـ ‪ Foreground color‬لون اسود‬

‫‪.7‬نقوم بالتلوين باداة الـ ‪ Brush‬علي الـ ‪ Mask‬باللون االسود‬

‫فتكون النتيجة كالتالي‪.‬‬
‫‪.2‬نحول الصورة الي ‪smart object‬‬
‫كليك يمين علي الـ ‪Layer‬‬
‫و نختار ‪ Convert to smart object‬كما‬
‫هو موضح بالصورة ‪.‬‬

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

‫الخالصة‬

‫ميزة تطبيق الـ ‪ Filter‬علي ‪Smart object‬‬ ‫‪80‬‬

‫‪81‬‬

‫المحاضرة السابعة‬
‫وجود ‪ Mask‬مما يتيح‬
‫اظهار او اخفاء تأثير‬
‫‪Pen tool & Shape tool‬‬ ‫الـ ‪ filter‬في اي جزة من‬
‫الصورة‬
‫الـ ‪ Filter‬قابل للتعديل‬
‫عندما نضغط دبل كليك‬
‫علي اسم الـ ‪Filter‬‬
‫و الموجود اسفل الـ‬
‫‪smart objet‬‬
‫الـ ‪ Filter‬منفصل‬
‫عن الـ ‪ Layer‬بمعني‬
‫أننا نحافظ علي البكسالت ‪.‬‬

‫أهداف المحاضرة‬ ‫تابع مع المحاضر لماذا ال نعمل علي الـ ‪ Smart object‬دائم ًا مادام‬
‫فيه كل هذه المزاايا‬

‫ • ‪Pen tool‬‬
‫تعريف الـ ‪Pen tool‬‬
‫ماهو الـ ‪ Path‬؟‬
‫الـ ‪ Pen tool‬و أخواتها ‪..‬‬
‫طريقة استخدام الـ ‪Pen tool‬‬
‫تكوين الـ ‪Path‬‬
‫استخدامات الـ ‪Path‬‬
‫استخدام الـ ‪ Path‬لعمل الـ ‪selection‬‬
‫تطبيق عملي تحت اشراف المحاضر‬
‫ •‪Shape tool‬‬

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

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

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

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

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

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

‫االدوات التي تتعامل مع الـ ‪Path‬‬ ‫الـ ‪ Pen tool‬و أخواتها ‪..‬‬

‫أداة رسم الـ ‪Path‬‬

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

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

‫استخدامات الـ ‪Path‬‬

‫‪Edit > copy.6‬‬
‫‪Ctrl + C‬‬
‫‪85‬‬ ‫‪84‬‬
‫‪Edit > Paste .7‬‬
‫‪Crtl + V‬‬
‫‪Selection‬‬ ‫‪Fill‬‬ ‫‪Stroke‬‬
‫سنالحظ دقة حواف‬ ‫االستخدام االكبر للـ ‪Path‬‬ ‫نستخد االمر ‪ Fill‬لملئ‬ ‫يصبح الـ ‪ Path‬مسار ًا‬
‫الـ ‪ Selection‬كما هو واضح‬ ‫داخل الفوتوشوب هو‬ ‫الـ ‪Path‬‬ ‫ألداة من أدوات البرنامج‬
‫بالصورة‬ ‫تحويله الي ‪selection‬‬ ‫مثل الـ ‪Brush‬‬

‫تطبيق ‪ 1‬علي الـ ‪Pen tool‬‬

‫ناقش مع المحاضر لماذا لم نستخدم في هذه الحالة اي أداة ‪Selection‬‬ ‫استخدام الـ ‪ Path‬لعمل الـ ‪selection‬‬

‫‪ .1‬نفتح‬
‫تطبيق عملي تحت اشراف المحاضر‬ ‫الصورة ‪ water drop‬الموجودة في ملفات‬
‫عمل المحاضرة السابعة‬
‫الصورة موجودة في ملفات عمل المحاضرة السابعة‬
‫‪.2‬المطلوب عمل ‪ Selection‬علي‬
‫المطلوب تحديد الكتاب‬ ‫نقطة الماء الموجودة بالصورة‬
‫باستخدام الـ ‪pen tool‬‬
‫و نقله الي هذة الصورة‬
‫‪ .3‬نختار أداة الـ ‪Pen tool‬و نبدأ‬
‫‪3‬‬ ‫برسم الـ ‪path‬‬

‫‪2‬‬ ‫‪ .4‬بعد اتمام رسم الـ ‪Path‬‬

‫نحول الـ ‪ Path‬الي ‪Selection‬‬
‫‪1‬‬
‫‪ .5‬كليك يمكن علي الـ ‪path‬‬
‫ونختار االمر ‪make selection‬‬

‫‪Ctrl + Enter‬‬ ‫اختصار لوحة‬

‫المفاتيح‬

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

‫سيظهر لنا هذا‬ ‫ملحوظة هامة جد ًا‬

‫الـ ‪ Dialogue box‬و نختار‬
‫أداة الـ ‪Pen tool‬هي أداة رسم الـ ‪Path‬‬
‫الـ ‪brush‬‬
‫‪87‬‬ ‫لكننا قد نحتاج لتعديل الـ ‪ Path‬الذي نرسمه‬ ‫‪86‬‬
‫ثم نضغط ‪ OK‬سنجد ان الـ ‪Brush‬‬
‫و أكثر االدوات استخداما في هذه الحالة‬
‫قد تم تطبيقها علي الـ ‪Path‬‬
‫هما الـ ‪ ( Direct selection tool‬السهم االبيض )‬
‫و الـ ‪ ( Convert point tool‬أداة تحويل الـ ‪) Anchor point‬‬
‫و للتنقل بين أداة الـ ‪ Pen tool‬و بين هاتين االداتين‬
‫نستخدم الـ ‪ Alt‬و الـ ‪Ctrl‬‬

‫‪ Simulate Pressure‬سنالحظ كلمة‬ ‫‪Ctrl‬‬

‫‪+‬‬

‫‪+‬‬
‫‪Alt‬‬

‫‪Stroke Path‬‬

‫المقصود بكلمة ‪ Stroke path‬هو استخدام الـ ‪ Path‬كمسار‬

‫تطبيق عملي تحت اشراف المحاضر‬ ‫الحدي أدوات البرنامج مثل أداة الـ ‪Brush tool‬‬
‫الصورة موجودة في ملفات عمل المحاضرة السابعة‬ ‫‪ .1‬نختار أداة الـ ‪Pen tool‬‬

‫‪ .2‬نرسم ‪ Path‬بهذا الشكل‪.‬‬

‫و نحدد االعدادات المناسبة ( شكل و مقاس )‬ ‫‪.3‬نختار أداة الـ ‪brush tool‬‬
‫المطلوب رسم هذا الشريط حول‬
‫الالعب كما هو موضح بالصورة‬
‫‪ .4‬نختار أداة الـ ‪ pen tool‬مرة اخري و‬
‫نقف كليك يمين علي الـ ‪ path‬و نختار االمر‬
‫‪Stroke path‬‬

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

‫‪Shape tool‬‬
‫سنالحظ تشوه الحواف ‪-‬بكسلة ‪ -‬وذلك الننا‬
‫‪89‬‬ ‫كبرنا الدائرة عن حجمها االصلي‬ ‫‪88‬‬

‫‪Shape‬‬ ‫‪Path‬‬ ‫‪pixels‬‬

‫كل شكل في ‪Layer‬‬ ‫مجرد ‪ Path‬فقط الغير‬ ‫عبارة عن بكسالت‬
‫مستقل‬

‫كل االختيارت موجودة في الـ ‪Tools options bar‬‬

‫و عند تكبير الـ ‪ Shape layer‬نالحظ عدم‬
‫حدوث اي تاثير علي الحواف‬
‫الن الـ ‪ Shape layer‬عبار عن ‪vector‬‬
‫لماذا دائما االفضلية للـ ‪ Shape‬و ليست االختيارات االخري ؟‬
‫االجابة ببساطة أن الـ ‪ Shape‬عبارة عن ‪ vector‬ال يتأثر بالتكبير و التصغير‬
‫مثال‪:‬‬
‫نختار أداة الـ ‪ Shape tool‬و نختار شكل‬
‫الـ ‪ Elips‬و نرسم دائرة‬
‫نضغط ‪ Shift‬أثناء الرسم للحصول علي دائرة‬

‫‪Vector & Raster‬‬ ‫نرسم دائرتين االولي ‪Shape‬‬

‫و الثانية ‪Pixel‬‬

‫شكل يتكون من خطوط و نقط‬ ‫شكل او صورة تتكون من‬

‫و ال يتأثر بالتكبير و التصغير‬ ‫بكسالت درجة نقائها تعتمد‬
‫علي الـ ‪ Resolution‬وتتأثر‬
‫بالتكبير و التصغير‬
‫نقف علي الـ ‪Pixel layer‬‬
‫و نطبق االمر ‪Free transform - Ctrl + T‬‬

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

‫‪Properties Panel‬‬

‫‪91‬‬ ‫‪90‬‬
‫يحتوي البرنامج علي اشكال موجودة‬
‫بالفعل مع البرنامج و هي مصنفة كما‬
‫هو موضح بالصورة‬ ‫طول و عرض الشكل‬
‫و الظار هذة التصنيفات نضغط علي عالمة‬
‫) لتظهر لنا القائمة الفرعية و‬ ‫الـ (‬
‫نختار منها ما نريد‬
‫‪Fill‬‬
‫‪Stroke‬‬
‫{‬ ‫مواصفات الـ ‪stroke‬‬

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

‫تظهر هذه االعدادات فقط مع الـ ‪ Shape‬و الـ ‪Path‬‬

‫يمكننا تحميل ‪ Costume shape‬من‬
‫االنترنت و ادخالها الي البرنامج‬ ‫‪Costume shape Tool‬‬

‫من خالل الـ ‪ Costume shape Tool‬نسطيع الحصول علي اشكال غير محدودة‬
‫أهم مواقع تحميل الـ ‪Costume shape‬‬ ‫و تتميز عن الـ ‪ Brush‬بانها ‪ Vector‬قابلة للتكبير ةو التصغير بدون بكسلة‪.‬‬

‫‪www.shapes4free.com‬‬

‫‪myphotoshopbrushes.com‬‬
‫نفتح القائمة التي تحتوي علي االشكال‬
‫المختلفة من المكان‬
‫‪www.brusheezy.com‬‬
‫المشار اليه في الصورة‪.‬‬

‫‪www.designyourway.net‬‬

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

‫‪Load Shape‬‬

‫‪93‬‬ ‫الدخال ‪Costume shape‬‬ ‫‪92‬‬

‫المحاضرة الثامنة‬
‫) الظهار القائمة‬ ‫‪ .1‬نضغط علي عالمة (‬
‫الفرعية و نختار االمر ‪Load shapes‬‬

‫‪ Type‬الكتابة‬

‫أهداف المحاضرة‬
‫ • ‪Type tool‬‬
‫‪ .2‬نختار الـ ‪ Shape‬الذي تم‬
‫أدوات الكتابة ‪Type tools‬‬
‫تحميله من المكان الموجود‬
‫إدخال ‪ Text‬‬
‫فيه علي الكمبيوتر ‪.‬‬
‫تعديل النص ‪Text Editing‬‬
‫تحويل الكتابة الي بكسالت ‪Rasterize text layer‬‬
‫‪Character panel‬‬
‫مشكلة االرقام العربية‬
‫‪Paragraph Panel‬‬
‫تمويج النص ‪Text warp‬‬
‫ تطبيق عملي‬ ‫‪.3‬ستظهر لنا مجموعة‬
‫إدخال صورة داخل نص ‪Clippin mask‬‬ ‫الـ ‪ Shapes‬في آخر االشكال‬
‫الموجودة‬

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

‫تعديل النص ‪Text Editing‬‬

‫‪ Type‬الكتابة‬
‫كليك‬ ‫نغير أداة الكتابة لبدء التعديل علي‬ ‫في هذة المحاضرة سنشرح بالتفصيل كل مايخص الكتابة في الفوتوشوب‬
‫‪95‬‬ ‫‪94‬‬
‫الـ ‪Text‬‬
‫أدوات الكتابة ‪Type tools‬‬

‫دبل كليك‬ ‫تحديد كلمة واحدة‬ ‫أداة الكتابة في اتجاه أفقي‬

‫أداة الكتابة في اتجاه رأسي‬
‫أداة الكتابة في اتجاه أفقي علي هيئة ‪Selection‬‬
‫‪Type tool‬‬ ‫أداة الكتابة في اتجاه رأسي علي هيئة ‪Selection‬‬
‫أداة الكتابة‬
‫‪ 3‬كليك‬ ‫تحديد السطر كله‬ ‫إدخال ‪Text‬‬
‫يوجد طريقتان الدخال النص أو الـ ‪Text‬‬

‫‪Ctrl + A‬‬ ‫تحديد كل النص‬

‫‪Paragraph Type‬‬ ‫‪Point Type‬‬

‫تحويل الكتابة الي بكسالت ‪Rasterize text layer‬‬ ‫‪ .1‬نختار أداة الـ ‪Type tool‬‬ ‫‪ .1‬نختار أداة الـ ‪Type tool‬‬
‫‪.2‬نضغط كليك و نسحب لعمل‬ ‫‪.2‬نضغط كليك لبدء الكتابة ‪.‬‬
‫ال نستطيع التعامل مع الـ ‪ Text layer‬اال بادوات الكتابة و أوامر الكتابة فقط ‪.‬‬ ‫مساحة كتابة ‪.‬‬ ‫‪.3‬نالحظ ظهور ‪Text layer‬‬
‫بمعني أننا النستطيع التعامل مع الـ ‪Text‬‬ ‫بشكل تلقائي ‪.‬‬
‫‪ layer‬بادوات الـ ‪ Brush‬او الـ ‪Gradient‬‬ ‫‪1‬‬
‫او أدوات الـ ‪ Retouching‬وغيرها‬
‫و ال يمكن تطبيق اي فلتر من الفالتر ايض ًا‬
‫و اذا بدأنا التعامل مع الـ ‪Text layer‬‬
‫باحدي هذه االوامر سيظهر لنا هذة‬ ‫‪2‬‬
‫الرسالة التحذيرية لتحويل الـ ‪Text layer‬‬
‫الي ‪ Layer‬عادي‬

‫و لتحويل ‪ Text layer‬الي ‪ layer‬عادي‬

‫نقف كليك يمين علي الـ ‪Text layer‬‬ ‫) الموجودة في الـ ‪Tools options bar‬‬ ‫النهاء الكتابة نضغط علي عالمة (‬
‫ونختار االمر ‪Rasterize layer‬‬
‫اختصار لوحة المفاتيح ‪Ctrl + Enter‬‬
‫أبراج فالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج فالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫فوتوشوب ‪CC‬‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثامنة‬ ‫المحاضرة الثامنة‬ ‫دبلومة الجرافيكس‬ ‫فوتوشوب ‪CC‬‬

‫خيارات تنسيق الحروف‬ ‫‪Window > Character‬‬ ‫‪Character panel‬‬

‫‪97‬‬ ‫‪96‬‬
‫‪1‬‬ ‫‪12‬‬
‫مثال‬ ‫الوظيفة‬ ‫االسم‬ ‫الرمز‬
‫‪2‬‬ ‫‪11‬‬
‫‪Text‬‬ ‫‪Text‬‬ ‫تحويل الحرف الي حرف عريض ‪Bold‬‬ ‫‪Faux Bold‬‬ ‫‪3‬‬ ‫‪10‬‬
‫‪4‬‬ ‫‪9‬‬
‫‪Text‬‬ ‫‪Text‬‬ ‫تحويل الحرف الي حرف مائل ‪italic‬‬ ‫‪Faux Italic‬‬ ‫‪5‬‬ ‫‪8‬‬
‫‪Text‬‬ ‫‪TEXT‬‬ ‫تحويل الحروف الي حروف كبيرة ‪Capital‬‬ ‫‪All Caps‬‬

‫تحويل الحروف الي حروف كبيرة ‪Capital‬‬

‫‪Text‬‬ ‫‪Text‬‬ ‫لكن بحجم اصغر‬
‫‪Small caps‬‬ ‫‪6‬‬ ‫‪7‬‬

‫‪22 1st‬‬ ‫رفع الحرف او الرقم ألعلي‬ ‫‪Superscript‬‬ ‫إعدادات الكتابة العربية‬
‫‪CO2‬‬ ‫خفض الحرف أو الرقم السفل‬ ‫‪Subscript‬‬

‫‪Text‬‬ ‫‪Text‬‬ ‫اضافة خط أسفل الحرف‬ ‫‪Undelined‬‬

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

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

‫تمويج النص ‪Text warp‬‬ ‫‪Paragraph Panel‬‬

‫من خالل الـ ‪ paragraph panel‬نستطيع التحكم في كل تنسيقات الفقرات‬

‫‪99‬‬ ‫‪98‬‬
‫‪.1‬نختار أداة الـ ‪Type tool‬‬
‫‪ .2‬نكتب كلمة مثال ‪...‬أهال بكم‬
‫‪ .3‬نختار الفونت و حجم الكتابة المناسب‪.‬‬ ‫‪1‬‬
‫‪ .4‬نحدد كل النص‬ ‫‪2‬‬ ‫‪7‬‬
‫‪3‬‬
‫‪4‬‬ ‫‪8‬‬
‫‪.5‬نختار االمر ‪ Text warp‬من الـ ‪Tools options bar‬‬ ‫‪5‬‬ ‫‪9‬‬
‫‪6‬‬

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

‫‪ .6‬سيظهر لنا‬
‫هذا الـ ‪Dialogue box‬‬ ‫تمثل رموز ضبط محاذاة النصوص‬ ‫‪Alignment and justification‬‬ ‫‪1‬‬
‫تحدد المسافة بين الكتابة و الحد االيسر‬
‫‪Indent left margin‬‬ ‫‪2‬‬
‫من مساحة الكتابة‬
‫تحديد المسافة التي سيبدأ بعدها اول‬
‫‪First line indent‬‬ ‫‪3‬‬
‫سطر في الـ ‪Paragraph‬‬
‫تحديد المسافة قبل الـ ‪Paragraph‬‬ ‫‪Add space before Paragragh‬‬ ‫‪4‬‬
‫تحديد اتجاه الكتابة من اليمين الي الشمال‬
‫أو العكس و هو اختيار مهم جدا في‬ ‫‪Text Direction‬‬ ‫‪5‬‬
‫كتابة اللغة العربية‬
‫هو االمر المسئول عن تكملة الكلمة في‬
‫‪ .7‬مثال ‪ :‬نختار االختيار ‪Arc‬‬ ‫السطر التالي اذا كانت الكلمة اكبر من‬ ‫‪Hyphenate‬‬ ‫‪6‬‬
‫المافة المتبقية في السطر‬
‫تحدد المسافة بين الكتابة و الحد االيمن‬
‫‪Indent right margin‬‬ ‫‪7‬‬
‫من مساحة الكتابة‬
‫تحديد المسافة قبل الـ ‪Paragraph‬‬ ‫‪Add space after Paragragh‬‬ ‫‪8‬‬
‫هو االمر المسئول عن مد الحرف‬
‫محمــــــــــــــــــــــــــد‬ ‫‪Kashida‬‬ ‫‪9‬‬
‫)ت( ‪Shift + j‬‬

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

‫إدخال صورة داخل نص ‪Clippin mask‬‬ ‫تطبيق عملي‬

‫‪101‬‬ ‫‪100‬‬
‫الخطوات ‪:‬‬
‫‪ .8‬نحصل علي هذه النتيجة‪.‬‬
‫‪ .1‬نفتح‬
‫الصورة ‪ Concrete‬الموجودة في ملفات عمل المحاضرة الثامنة‬

‫)‬ ‫‪.9‬لتأكيد االمر نضغط ‪ Enter‬او علي عالمة الـ (‬

‫‪.2‬نختار أداة الكتابة‬ ‫الموجودة في الـ ‪Tools options bar‬‬
‫ونكتب أي كلمة مثال ‪Creative .....‬‬
‫و نختار شكل و مقاس الفونت المناسبين‬

‫‪ .3‬نذهب لقائمة ‪ File‬و نختار االمر ‪Place‬‬

‫الدخال صورة ‪ Grass‬الموجودة في ملفات‬
‫العمل‬

‫اذا اردنا اعادة الكلمة كما‬

‫كانت بدون انخناء‬
‫نحدد الكلمة باداة الكتابة‬
‫و من نفس مكان‬
‫‪.4‬نضغط ‪ Enter‬الدخال الصورة‬ ‫الـ ‪Text warp‬‬
‫نالحظ ان ترتيب الـ ‪ Layers‬كما هو موضح‬ ‫ونختار االختيار ‪ none‬كما هو‬
‫بالصورة‪.‬‬ ‫موضح بالصورة‪.‬‬

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

‫‪ .5‬نقف كليك يمين‬

‫‪103‬‬ ‫علي ‪ Layer‬الـ ‪Grass‬‬ ‫‪102‬‬
‫ونختار االمر‬
‫‪ .8‬النتيجة النهائية‬ ‫‪Create clipping mask‬‬

‫‪ .6‬نحصل علي هذه النتيجة‬

‫كما نالحظ ان الصورة دخلت في‬
‫الكتابة العربي‬ ‫الكلمة‬

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

‫السبب االول ‪:‬‬

‫اثناء تحميل البرنامج هناك خطوة من خطوات الـ ‪ Setup‬يجب انا نراعي‬
‫فيها ان يدعم البرنامج اللغة العربية من االختيار الموضح بالصورة‬
‫‪Clipping mask‬‬

‫‪ .7‬العطاء بروز للكلمة‬

‫نقف علي الـ ‪Text layer‬‬
‫و نضغط علي عالمة ( ‪ ) fx‬الموجودة اسفل‬
‫الـ ‪Layers panel‬‬
‫و نختار االختيار ‪Bevel and emboss‬‬
‫باالعدادات الموضحة بالصورة‪.‬‬

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

‫السبب الثاني ‪:‬‬

‫قد تكون نسخة البرنامج داعمة للغة العربية و اليستجيب البرنامج للكتابة‬
‫باللغة العربية‬
‫‪105‬‬ ‫‪104‬‬
‫في هذه الحالة‬
‫المحاضرة التاسعة‬ ‫نذهب لقائمة‬
‫‪Edit > Prefrences < Type‬‬
‫و نتأكد من االختيار الموجود في الصورة‬

‫‪Adjustments‬‬

‫أهداف المحاضرة‬ ‫يجب اغالق البرنامج و فتحه مرة اخري لتفعيل هذا االختيار‬

‫ • معني كلمة ‪Adjustments‬‬ ‫النص االفتراضي ‪lorem ipsum‬‬

‫ • مقدمة البد منها ‪..‬‬ ‫في بعض االحيان قد نكون انتهينا من‬
‫ • طرق تطبيق الـ ‪Adjustments‬‬ ‫تصميم ما و اليوجد لدينا نص حتي نري‬
‫ • أوامر مهمة في الـ ‪Properties panel‬‬ ‫الشكل النهائي للتصميم‬
‫ أهم اوامر الـ ‪Adjustments‬‬ ‫في هذه الحالة نحن نحتاج مايعرف‬
‫‪Brightness and Contrast .1‬‬ ‫بالنص االفتراضي ‪. lorem ipsum‬‬
‫‪Levels.2‬‬
‫‪Curves.3‬‬ ‫‪ .1‬نختار أداة الكتابة و نقوم بعمل‬
‫‪Viberance .4‬‬ ‫مساحة كتابة‬
‫‪.2‬نذهب لقائمة‬
‫‪Hue and Saturation .5‬‬
‫‪Type > lorem ipsum‬‬
‫‪Black and white. 6‬‬
‫‪Color Balance .7‬‬
‫‪Gradient map.8‬‬
‫‪Threshold.9‬‬
‫‪ .2‬سنجد لدينا مساحة الكتابة قد ملئت‬
‫كما هو موضح بالصورة‪.‬‬

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

‫طرق تطبيق الـ ‪Adjustments‬‬ ‫‪Adjustments‬‬

‫هناك طريقتان لتطبيق الـ ‪ Adjustments‬علي الصورة ‪.‬‬ ‫معني كلمة ‪Adjustments‬‬
‫‪107‬‬ ‫‪106‬‬
‫تعديل علي الصورة في ألوانها أو درجاتها الظلية‪.‬‬

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

‫تطبيق الـ ‪Adjustments‬‬ ‫تطبيق الـ ‪Adjustments‬‬
‫بشكل منفصل‬ ‫بشكل مباشر علي الصورة‬ ‫هناك بعض المفاهيم يجب ان نوضحها عن تكوين‬
‫في ‪Adjustments layaer‬‬ ‫الصورة قبل البدء في شرح الـ ‪Adjustments‬‬
‫‪Window > Adjustments‬‬ ‫ •أي صورة تتكون من لون ‪ Color‬و درجات ظلية ‪Shades‬‬

‫الصورة ‪Photo‬‬

‫درجات ظلية ‪Shades‬‬ ‫لون ‪Color‬‬

‫نختار الـ ‪Adjustments‬الذي نريده‬

‫‪Shadows‬‬ ‫‪Midtones‬‬ ‫‪Highlights‬‬

‫اغمق درجات‬ ‫الدرجات‬ ‫افتح درجات‬
‫للتعديل علي الـ ‪Adjustments‬‬ ‫في الصورة‬ ‫الوسطية‬ ‫في الصورة‬
‫‪ layer‬نفتح الـ ‪Properties panel‬‬
‫‪Window > Properties‬‬

‫‪Highlights‬‬

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

‫التعامل مع‬
‫الـ ‪Adjustments Layer‬‬ ‫‪Shadows‬‬

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

‫‪Brightness and Contrast .1‬‬ ‫ •لدينا العديد من الـ ‪ Adustments‬التي يمكن ان نعدل بها الصور‬
‫و كلها موجودة في الـ ‪Adjustment Panel‬‬
‫فكرة االمر ‪ :‬زيادة او تقليل اضاءة الصورة ككل من خالل الـ ‪ Brightness‬و زيادة‬ ‫و هي مقسمة الي ‪ 3‬صفوف‬
‫‪109‬‬ ‫‪108‬‬
‫او تقلليل التباين بين الوان الصورة من خالل الـ ‪ Contrast‬العطاء عمق لوني في‬
‫الصورة ‪.‬‬

‫‪ .1‬نفتح ملف العمل ‪Brightness and‬‬ ‫تعديل الدرجات الظلية ‪Shades‬‬

‫‪contrast‬‬ ‫تعديل االلوان ‪Colors‬‬
‫‪ .2‬نختار ‪ Brightness and contrast‬من‬
‫تأثير علي الصورة ‪.‬‬
‫الـ ‪Adjustments panel‬‬

‫أوامر مهمة في الـ ‪Properties panel‬‬

‫‪ .3‬سيتم إضافة ‪Adjustment layer‬و تظهر االعدادات في الـ ‪Properties panel‬‬
‫سنالحظ في معظم اوامر‬
‫الـ ‪ Adjustments‬وجود‬
‫كلمة ‪Auto‬‬
‫و يقوم الفوتوشوب بظبط‬
‫الصورة‬

‫‪ .4‬نقوم بتعديل درجة االضاءة من خالل زيادة قيم الـ ‪ Brightness‬و الـ ‪contrast‬‬ ‫الغاء الـ ‪Adjustment layer‬‬
‫نالحظ النتيجة التالية‬
‫هذا االختيار يتم من‬ ‫التنقل مابين‬ ‫اعادة اعدادات‬ ‫اظهار او اخفاء تأثير‬
‫خالله تحديد تطبيق‬ ‫قبل و بعد‬ ‫الـ ‪Adjustments‬‬ ‫الـ ‪Adjustments‬‬
‫بعد‬ ‫الـ ‪ Adjustments‬علي‬ ‫التعديل علي‬ ‫الي االصل‬
‫كل الـ ‪Layers‬‬ ‫الصورة‬
‫او علي الـ ‪Layer‬‬
‫الموجود اسفل‬
‫الـ ‪Adjustment layer‬‬

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

‫‪Levels.2‬‬

‫‪111‬‬ ‫‪110‬‬

‫‪ .1‬نفتح ملف العمل ‪Levels‬‬

‫‪ .2‬نختار ‪ Levels‬من الـ ‪Adjustments panel‬‬

‫‪ .3‬سيتم إضافة ‪Adjustment layer‬و تظهر االعدادات في الـ ‪Properties panel‬‬

‫نقوم بتحريك المؤشر االبيض‬ ‫الشكل الصحيح للرسم البياني‬
‫حتي أول بكسالت نجدها‬ ‫بعد تحريك المؤشر االبيض‬

‫الخالصة‬

‫هناك ‪ 3‬حاالت عندما نراها نعلم ان الصورة غير متزنة في درجاتها الظلية و تحتاج‬
‫الي تعديل‬

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

‫غامقة‬

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

‫فاتحة‬

‫كيفية التعامل مع ‪Levels‬‬

‫صورة اليوجد بها درجات‬
‫غامقة أو فاتحة‬ ‫يظهر لنا رسم بياني يوضح‬
‫نسبة الدرجات الظلية‬
‫الموجودة في الصورة‬

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

‫الخالصة‬ ‫‪Curves.3‬‬

‫فكرة االمر ‪:‬ضبط الدرجات الظلية كما هو الحال في ‪ Levels‬الي جانب امكانية‬
‫‪113‬‬ ‫التحكم في زيادة العمق اللوني في الصورة‬ ‫‪112‬‬
‫و هو من اهم اوامر الـ ‪Adjustments‬‬
‫الصورة االصلية بدون أي‬
‫تعديل‬
‫‪ .1‬نفتح ملف العمل ‪Curves‬‬
‫‪ .2‬نختار ‪ Curves‬من‬
‫الـ ‪Adjustments panel‬‬

‫بسحب الخط العلي‬ ‫‪ .3‬سيتم إضافة ‪Adjustment layer‬و تظهر االعدادات في الـ ‪Properties panel‬‬
‫الصورة افتح‬

‫بسحب الخط السفل‬

‫الصورة اغمق‬

‫الـ ‪ Curve‬علي هيئة حرف ‪S‬‬

‫هو الشكل االفضل‬

‫الن هذا الشكل يدل علي‬
‫زيادة التباين بين االلوان ‪.‬‬
‫الدرجات الفاتحة اصبحت‬ ‫كيفية التعامل مع ‪Levels‬‬
‫افتح و الدرجات الغامقة‬
‫اصبحت اغمق‬
‫سيظهر لنا رسم بياني يمثل نسبة كل‬
‫نستطيع ان نلخص الـ ‪ Curves‬علي انها خليط بين الـ ‪ Levels‬و الـ ‪Contrast‬‬ ‫الصورة اغمق‬ ‫درجة موجودة في الصورة كما سنالحظ‬
‫ •ناقش مع المحاضر أهمية‬ ‫وجود خط مائل‬
‫هذين االمرين المشار اليهما‬ ‫الصورة افتح‬ ‫بالضغط عليه و سحبه العلي او السفل‬
‫في اعدادات الـ ‪Curves‬‬ ‫نستطيع التحكم في درجوة اضاءة الصورة‬

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

‫ •نالحظ وجود مؤشر للـ ‪ Saturation‬فما الفائدة منه ؟‬ ‫‪Viberance .4‬‬

‫و ما الفرق بين الـ ‪ Viberance‬و الـ ‪Saturation‬‬
‫فكرة االمر ‪ :‬زيادة زهاء ألوان الصورة حيث يقوم الفوتوشوب بالبحث عن‬
‫‪Viberance‬‬ ‫‪Saturation‬‬ ‫‪114‬‬
‫‪115‬‬ ‫البكسالت التي تحتاج الي تشبع لوني و يزيد من تشبعها مما يجعل الصورة اكثر‬
‫زهاء ًا في الوانها‪.‬‬
‫يعمل االمر علي زيادة التشبع اللوني‬ ‫يعمل االمر علي زيادة التشبع لكل‬
‫بكسالت الصورة سواء ًا كانت تحتاج الي للبكسالت التي تحتاج الي تشبع فقط و‬
‫ليس كل بكسالت الصورة‬ ‫تشبع ام ال‬ ‫‪ .1‬نفتح ملف العمل ‪Viberance‬‬
‫‪ .2‬نختار ‪ Viberance‬من‬
‫الـ ‪Adjustments panel‬‬
‫‪Hue and Saturation .5‬‬

‫فكرة االمر ‪ :‬يقوم هذا االمر بعمل تباديل بين الوان الصورة ‪.‬‬
‫و يمكننا ايض ًا اعطاء الصورة لون فتكون الدرجات الظلية في الموجودة في‬ ‫‪ .3‬سيتم إضافة ‪Adjustment layer‬و تظهر االعدادات في الـ ‪Properties panel‬‬
‫الصورةهي الفاتح و الغامق لهذا اللون و هو مايعرف بـ ‪Colorize‬‬

‫‪ .1‬نفتح ملف العمل ‪Hue and Saturation‬‬

‫‪ .2‬نختار ‪ Hue and Saturation‬من‬
‫الـ ‪Adjustments panel‬‬

‫‪ .3‬سيتم إضافة ‪Adjustment layer‬و تظهر االعدادات في الـ ‪Properties panel‬‬

‫كيفية التعامل مع ‪Levels‬‬

‫بعد‬ ‫مع زيادة قيمة‬

‫الـ ‪ Viberance‬نالحظ أن‬
‫الصورة اصبحت اكثر زهاء ًا‬

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

‫ •من أهم اوامر الـ ‪Hue and Saturation‬‬ ‫كيفية التعامل مع ‪Hue and Saturation‬‬
‫هو امر ‪Colorize‬‬
‫بتحريك المؤشر ‪ Hue‬المشار الية يمين ًا و يسار ًا نقوم بتبديل الوان الصورة ‪.‬‬ ‫‪116‬‬
‫‪117‬‬

‫هذا الشريط هو الجزء االهم‬

‫النة يوضح الوان الصورة االصلية و االلوان الجديدة التي‬
‫قمنا باستبدالها مكان االلوان االصلية‬

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

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

‫الصورة موجودة في ملفات عمل المحاضرة التاسعة‬

‫المطلوب تغيير لون العين‬

‫كما هو موضح‬

‫لون البيت‬
‫لون الورد‬
‫ناقش مع المحاضر‬ ‫في الشريط العلوي نجد ان‬ ‫في الشريط العلوي نجد ان‬
‫اهمية الـ ‪Mask‬‬ ‫الوان الصورة االصلية ( االزرق )‬ ‫الوان الصورة االصلية ( االحمر )‬
‫الموجود مع‬ ‫قد تم استبدالها في الشريط‬ ‫قد تم استبدالها في الشريط‬
‫الـ ‪Adjustment layer‬‬ ‫السفلي باحد درجات اللون‬ ‫السفلي باحد درجات اللون‬
‫االحمر‪.‬‬ ‫االخضر‪.‬‬

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

‫ •نالحظ كلمة ‪ Tint‬موجودة في اعدادات الـ ‪Black and white‬‬ ‫‪Black and white.6‬‬
‫و هي نفس فكرة الـ ‪ Colorize‬الموجودة في ‪Hue and saturation‬‬
‫فكرة االمر ‪ :‬تحويل الصورة الي ابيض و اسود ‪.‬‬
‫‪119‬‬ ‫‪118‬‬

‫‪ .1‬نفتح ملف العمل ‪Black and white‬‬

‫‪ .2‬نختار ‪ Black and white‬من‬
‫الـ ‪Adjustments panel‬‬

‫‪ .3‬سيتم إضافة ‪Adjustment layer‬و تظهر االعدادات في الـ ‪Properties panel‬‬

‫يغلب علي الصورة درجة لونية معينة و نستطيع تغيير اللون‬

‫عندما نضغط كليك علي هذا المربع‬

‫ناقش مع المحاضر كم االلوان الموجودة‬

‫في اعدادات الـ ‪Black and white‬‬
‫و التي من خاللها نستطيع تفتيح او تغميق تأثير االبيض و االسود من خالل‬
‫االلوان االصلية الموجودة في الصورة‬

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

‫كيفية التعامل مع ‪Levels‬‬
‫المطلوب‬
‫ان يكون الشخص الوان و باقي‬
‫الصورة ابيض و اسود‬

‫بعد‬
‫كما نالحظ تحولت الصورة‬
‫ناقش مع المحاضر‬ ‫الي ابيض و اسود بمجرد‬
‫اهمية الـ ‪Mask‬‬ ‫تطبيق االمر ‪.‬‬
‫الموجود مع‬
‫الـ ‪Adjustment layer‬‬

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

‫‪Gradient map.8‬‬ ‫‪Color Balance .7‬‬

‫فكرة االمر ‪ :‬هذا االمر يعطي تأثير للصورة بحيث ان افتح درجات في الـ ‪Gradient‬‬
‫‪121‬‬
‫تحل محل افتح درجات في الصورة و اغمق درجات في الـ ‪ Gradient‬تحل محل‬
‫اغمق درجات في الصورة ‪.‬‬
‫‪ .1‬نفتح ملف العمل ‪Gradient map‬‬
‫‪ .2‬نختار ‪ Gradient map‬من‬
‫الـ ‪Adjustments panel‬‬
‫فكرة االمر ‪ :‬هذا االمر مسئول ضبط الوان الصورة في حالة وجود لون غالب علي‬
‫الصورة و هذا العيب يعرف بـ ‪color cast‬‬ ‫‪120‬‬
‫‪ .1‬نفتح ملف العمل ‪Color Balance‬‬
‫‪ .2‬نختار ‪ Color Balance‬من‬
‫الـ ‪Adjustments panel‬‬

‫‪ .3‬سيتم إضافة ‪Adjustment layer‬و تظهر االعدادات في الـ ‪Properties panel‬‬

‫‪ .3‬سيتم إضافة ‪Adjustment layer‬و تظهر االعدادات في الـ ‪Properties panel‬‬

‫كيفية التعامل مع ‪Color Balance‬‬

‫نقوم بتحريك‬
‫الموشر االحمر بعيدا‬
‫عن اللون االحمر حيث‬
‫بعد‬ ‫ان اللون الغالب علي‬
‫الصورة هو الون‬
‫االحمر‬

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

‫‪Threshold.9‬‬

‫فكرة االمر ‪ :‬هذا االمر مسئول ضبط الوان الصورة في حالة وجود لون غالب علي‬
‫‪123‬‬ ‫الصورة و هذا العيب يعرف بـ ‪color cast‬‬ ‫‪122‬‬

‫المحاضرة العاشرة‬
‫‪ .1‬نفتح ملف العمل ‪Threshold‬‬
‫‪ .2‬نختار ‪ Threshold‬من‬
‫الـ ‪Adjustments panel‬‬

‫‪Photoretouching‬‬ ‫‪ .3‬سيتم إضافة ‪Adjustment layer‬و تظهر االعدادات في الـ ‪Properties panel‬‬

‫أهداف المحاضرة‬
‫ • معني كلمة ‪Photoretouching‬‬
‫ أدوات الـ ‪Photoretouching‬‬
‫‪Spot Healing Brush tool .1‬‬
‫‪Healing Brush tool . 2‬‬
‫‪Patch tool.3‬‬
‫كيفية التعامل مع ‪Threshold‬‬
‫‪Content-Aware Move tool.4‬‬
‫‪Red eye tool .5‬‬
‫‪Clone Stamp tool .6‬‬
‫‪Pattern Stamp tool .7‬‬
‫‪Dodge tool & Burn tool & Sponge tool‬‬ ‫بمجرد تطبيق االمر‬
‫تتحول الصورة الي‬
‫الشكل الذي نراه‬

‫بتحريك الـ ‪Slider‬يميناً و يسار ًا نزيد من نسبة االبيض او االسود‬

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

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

‫مثال ‪:‬‬ ‫‪Retouching‬‬

‫معني كلمة ‪Photoretouching‬‬
‫‪125‬‬ ‫‪ .1‬نفتح الصورة ‪Spot healing‬‬ ‫‪124‬‬
‫الموجودة في ملفات عمل المحاضرة‬ ‫هو تحسين او تعديل الصورة الخفاء او معالجة عيب معين بها و الفكرة‬
‫العاشرة‬ ‫االساسية الدوات الـ ‪ Retouching‬هي نقل بكسالت سليمة في الصورة الي‬
‫‪ .2‬نختار أداة الـ ‪Spot Healing Brush tool‬‬ ‫المكان الذي نريد معالجته‬
‫كإخفاء تجاعيد بالوجه أو ازالة عنصر او شخص غير مرغوب فيه من الصورة‪.‬‬

‫أدوات الـ ‪Photoretouching‬‬

‫‪.3‬نضغط كليك باالداة علي المكان المشار‬
‫اليه في الصورة ثم علي باقي االماكن التي‬ ‫سنقوم بشرح ثالثة مجموعات من االدوات‬
‫نريد معالجتها‪.‬‬ ‫‪Spot Healing Brush tool‬‬
‫‪Healing Brush tool‬‬
‫‪Patch tool‬‬
‫‪Content-aware move tool‬‬
‫ •نالحظ ظهور لون غامق أثناء استخدام االداة ممايشير الي المنطقة التي سيتم‬ ‫‪Red eye tool‬‬
‫تعديلها و خلط البكسالت من خارج الـ ‪ Tip‬بهذه المنطقة لينتج عنها بكسالت‬
‫وسطية ‪.‬‬ ‫‪Clone stamp tool‬‬
‫‪Pattern stamp tool‬‬

‫‪Dodge tool‬‬
‫‪Burn tool‬‬
‫‪Sponge tool‬‬

‫‪Spot Healing Brush tool .1‬‬

‫فكرة األداة ‪:‬‬
‫تقوم هذه االداة بخلط البكسالت‬
‫من خارج الـ ‪ Tip‬بالبكسالت التي‬
‫‪tip‬‬ ‫نريد معالجتها فنحصل علي‬
‫بكسالت لها درجات وسطية‬
‫كما هو موضح بالشكل‪.‬‬
‫قبل‬ ‫بعد‬
‫طريقة استخدام األداة ‪:‬‬
‫لتكبير و تصغير حجم الـ ‪ Tip‬أو االداة نستخدم اختصار لوحة المفاتيح‬ ‫نختار أداة الـ ‪Spot Healing Brush tool‬‬
‫و نضغط كليك فقط علي المكان الذي‬
‫تصغير (ج)‬ ‫تكبير (د)‬
‫نريد معالجته‪.‬‬

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

‫‪Healing Brush tool . 2‬‬ ‫ملحوظة هامة جد ًا‬

‫فكرة األداة ‪:‬‬ ‫لفصل البكسالت التي تنتج عن تعديل الصورة في ‪ Layer‬منفصل‬
‫‪127‬‬ ‫تقوم هذه االداة بخلط البكسالت من مكان سليم بالبكسالت‬ ‫نتبع الخطوات التالية ‪:‬‬ ‫‪126‬‬
‫التي نريد معالجتها فنحصل علي بكسالت لها درجات‬
‫وسطية‬ ‫‪ .1‬نفتح الصورة ‪Wrinkles‬‬
‫هي نفس فكرة االداة السابقة‪.‬‬ ‫الموجودة في ملفات عمل المحاضرة العاشرة‬
‫لكن الفرق بين األداتين ان أداة ‪Spot Healing Brush tool‬‬ ‫‪ .2‬نختار أداة الـ ‪Spot Healing Brush tool‬‬
‫يكون مصدر البكسالت السليمة فقط من حول األدة نفسها‬ ‫‪ .3‬نضيف ‪new layer‬‬
‫مما قد يسبب نتائج مرغوب فيها الختالف درجة الوان‬ ‫‪ .4‬نتأكد من اختيار االختيار ‪Sample all layers‬‬
‫البكسالت ‪.‬‬
‫أما ‪ Healing Brush tool‬فإننا نحدد مكان البكسالت‬
‫السليمة أو ًال من المكان الذي نراه مناسب ًا في الصورة‪.‬‬
‫‪ .5‬نبدأ العمل علي الـ ‪ Layer‬الجديد‬
‫‪ .6‬يفضل تقليل الـ ‪ opacity‬لهذا الـ‬
‫طريقة استخدام األداة ‪:‬‬ ‫‪Layer‬حتي النحصل علي شكل غير‬
‫تستخدم األداة علي خطوتين ‪:‬‬ ‫طبيعي للوجه‬
‫‪ .1‬نضغط ‪ + Alt‬كليك في المنطقة السليمة ( ‪. )Source‬‬
‫‪ .2‬نضغط كليك علي المكان الذي نريد معالجته ( ‪.) Traget‬‬
‫مثال ‪:‬‬
‫‪ .1‬نفتح الصورة ‪Spot healing‬‬
‫الموجودة في ملفات عمل المحاضرة‬
‫العاشرة‬
‫‪ .2‬نختار أداة الـ ‪Healing Brush tool‬‬
‫‪ + Alt‬كليك‬ ‫‪.3‬نضغط ‪ + Alt‬كليك علي المكان السليم‬
‫في الصورة ‪.‬‬

‫قبل‬ ‫بعد‬

‫‪Source‬‬ ‫‪.4‬نضغط كليك علي المكان الذي نريد معالجته‬

‫‪Target‬‬
‫كليك‬

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

‫‪.5‬نسحب الي المكان الذي سيكون مصدر‬

‫البكسالت السليمة‬
‫‪129‬‬ ‫‪128‬‬
‫نالحظ اختفاء البط و حل محله جزء من البحيرة‬

‫قبل‬ ‫بعد‬
‫لفصل البكسالت التي تنتج عن تعديل الصورة في ‪ Layer‬منفصل‬
‫نتبع الخطوات كما ذكرناها سابق ًا‬
‫يجب أن نتأكد من اختيار االختيار ‪ All layers‬من القائمة‬
‫الموجودة في الـ ‪Tools options bar‬‬

‫‪Patch tool.3‬‬
‫قبل‬ ‫بعد‬ ‫فكرة األداة ‪:‬‬
‫‪Content-Aware Move tool.4‬‬ ‫نفس فكرة األداتين السابقتين مع اختالف طريق العمل‪.‬‬

‫قد سبق لنا أن تعرفنا علي األمر‬ ‫طريقة استخدام األداة ‪:‬‬
‫‪ Fill with Content Aware‬في المحاضرة الثالثة ( ‪ ) Selection 1‬صفحة ‪ 41‬و ‪42‬‬ ‫‪ .1‬نحدد أو ًال الجزء الذي نريد معالجته‪.‬‬
‫فكرة األداة ‪:‬‬ ‫‪ .2‬نسحب الجزء الذي حددناه الي المكان الذي نراه مناسب ًا ليكون مصدر‬
‫للبكسالت السليمة‬
‫عبارة نقل بكسالت من مكانها الي مكان آخر‬
‫ثم ملئ أي فراغ يحدث نتيجة هذا النقل ببكسالت من حول التحديد‬ ‫مثال ‪:‬‬
‫‪ .1‬نفتح الصورة ‪Patch tool‬‬
‫طريقة استخدام األداة ‪:‬‬ ‫الموجودة في ملفات عمل المحاضرة‬
‫‪ .1‬نحدد أو ًال الجزء الذي نريد نقله أو ًال بأداة الـ ‪Content-Aware Move tool‬‬ ‫العاشرة‬
‫‪ .2‬نسحب الجزء الذي حددناه الي المكان الذي نراه مناسب ًا ‪.‬‬ ‫‪ .2‬نختار أداة الـ ‪Patch tool‬‬

‫مثال ‪:‬‬
‫‪ .1‬نفتح الصورة ‪content aware move‬‬
‫الموجودة في ملفات عمل المحاضرة العاشرة‬
‫‪ .4‬نحدد المكان الموضح في الصورة‬
‫‪ .2‬نختار أداة الـ ‪content aware move tool‬‬

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

‫‪Red eye tool .5‬‬

‫فكرة األداة ‪:‬‬

‫‪131‬‬
‫تعمل هذه األداة علي ازالة النقطة الحمراء التي تظهر في العين‬ ‫‪ .3‬نحدد الشخص كما هو موضح بالصورة‪.‬‬ ‫‪130‬‬

‫نتيجة استخدام الفالش اثناء التصوير‬

‫و ذلك عن طريق تحويل اللون االحمر الي درجة من درجات الرمادي‪.‬‬

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

‫نضغط باالداة كليك علي المكان الذي توجد به النقطة الحمراء‬
‫مثال ‪:‬‬ ‫‪ .4‬نسحب الشخص ناحية اليمين‪.‬‬
‫‪ .1‬نفتح الصورة ‪Red eye‬‬
‫الموجودة في ملفات عمل المحاضرة العاشرة‬
‫‪ .2‬نختار أداة الـ ‪Red eye tool‬‬

‫‪ .5‬نالحظ أن مكان الشخص قد ملئ‬

‫ببكسالت من حول التحديد‪.‬‬

‫‪.3‬نضغط كليك باألداة علي مكان العين‬

‫فتكون النتيجة كما نري بالصورة‬
‫إللغاء التحديد ‪Ctrl + D‬‬

‫سنجد اختيارين في الـ ‪Tools options bar‬‬

‫كلما زادت القيمة زادت درجة حساسية االداة الي‬ ‫كلما زادت القيمة زادت درجة‬
‫اللون االحمر و درجاته‬ ‫تحويل اللون االحمر الي رمادي‬
‫و الزيادة الي ‪ 90‬او ‪ 100‬قد تؤدي الي بعض‬ ‫غامق أو الي اسود‬
‫المشاكل‬

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

‫ملحوظة هامة جد ًا‬ ‫‪Clone Stamp tool .6‬‬

‫لفصل البكسالت التي تنتج عن تعديل الصورة في ‪ Layer‬منفصل‬ ‫فكرة األداة ‪:‬‬
‫‪133‬‬ ‫نتبع الخطوات التالية ‪:‬‬ ‫تعمل علي نقل بكسالت من مكان الي مكان آخر دون خلط البكسالت ببعضها‬ ‫‪132‬‬

‫كما هو الحال في األدوات السابقة مثل أداة الـ ‪Healing brush‬‬

‫‪ .1‬نفتح الصورة ‪old photo‬‬ ‫طريقة استخدام األداة ‪:‬‬

‫الموجودة في ملفات عمل المحاضرة العاشرة‬
‫‪ .2‬نختار أداة الـ ‪Clone Stamp tool tool‬‬
‫‪ .3‬نضيف ‪new layer‬‬
‫‪ .4‬نتأكد من اختيار االختيار ‪all layers‬‬
‫تستخدم األداة علي خطوتين ‪:‬‬
‫‪ .1‬نضغط ‪ + Alt‬كليك في المنطقة السليمة ( ‪. )Source‬‬
‫‪ .2‬نضغط كليك علي المكان الذي نريد معالجته ( ‪.) Traget‬‬
‫مثال ‪:‬‬
‫‪ .1‬نفتح الصورة ‪Clone Stamp tool‬‬
‫الموجودة في ملفات عمل المحاضرة العاشرة‬
‫‪ .2‬نختار أداة الـ ‪Clone Stamp tool tool‬‬

‫‪ .5‬نبدأ العمل علي الـ ‪ Layer‬الجديد‬

‫‪ .3‬نضغط ‪ + Alt‬كليك علي بكسالت‬

‫النجيل االخضر ‪.‬‬
‫‪ .4‬كليك علي مكان االشخاص‬
‫‪Source‬‬
‫كليك ‪Target‬‬
‫‪ + Alt‬كليك‬

‫قبل‬ ‫بعد‬

‫‪ .5‬النتيجة النهائية التي نحصل عليها‬

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

‫‪Dodge tool & Burn tool & Sponge tool‬‬ ‫ملحوظة هامة جد ًا‬
‫يجب ان نراعي االختيار ‪ align‬الموجود في الـ ‪Tools options bar‬‬
‫هذه المجموعة من األدوات ليست كاألدوات السابقة‬
‫‪135‬‬ ‫و فكرتها االساسية هي تعديل ألوان أو الدرجات‬ ‫‪134‬‬

‫الظلية لبكسالت معينة في الصورة‬

‫و فيما يلي شرح هذه األدوات ‪...‬‬
‫في حالة اختيار هذا االختيار تظل‬ ‫في حالة عدم اختيار هذا االختيار يظل‬
‫المسافة ثابتة بين المكان الذي‬ ‫المكان الذي تحديده أو ًال ( ‪) Source‬‬
‫األداة‬ ‫‪Dode tool‬‬ ‫‪Burn tool‬‬ ‫‪Sponge tool‬‬ ‫تحديده أو ًال ( ‪) Source‬‬ ‫ثابت و مع كل كليك بأداة‬
‫و بين المكان الذي يتم النقل اليه‬ ‫الـ ‪ Colne stamp tool‬نبدأ من نفس‬
‫تقوم هذه األداة‬
‫تقوم هذه األاداة‬ ‫( ‪)Target‬‬ ‫المكان‬
‫تقوم هذه األداة‬ ‫بزيادة أو تقليل‬
‫فكرة عملها‬ ‫بتغميق لون‬
‫بتفتيح البكسالت‬ ‫تشبع ألوان‬
‫البكسالت‬
‫البكسالت‬ ‫مسافة ثابتة‬
‫‪Traget‬‬
‫زاوية ثابتة‬
‫‪-‬‬
‫‪Source‬‬

‫‪Desaturate‬‬ ‫‪Pattern Stamp tool .7‬‬

‫معناها تقليل‬
‫أهم االعدادات‬ ‫بزيادة او تقليل‬ ‫بزيادة او تقليل‬ ‫فكرة األداة ‪:‬‬
‫تشبع االلوان‬
‫القيمة نحدد مدي القيمة نحدد مدي‬ ‫هي نفس فكرة الـ ‪Brush tool‬لكن االختالف اننا نقوم بالتلوين بـ‬
‫‪Saturate‬‬
‫زيادة تفتيح االداة‬ ‫زيادة تغميق‬ ‫‪ Pattern‬وليس بلون‬
‫معناها زيادة‬
‫للبكسالت‬ ‫االداة للبكسالت‬
‫تشبع االلوان‬ ‫طريقة استخدام األداة ‪:‬‬
‫نختار أداة ‪Pattern stamp tool‬‬
‫قبل‬ ‫و نبدأ في التلوين بها علي اي صورة‬
‫قبل‬ ‫‪Desaturate‬‬
‫نختار حجم و شكل الـ ‪Tip‬‬
‫و شكل الـ ‪Pattern‬‬
‫مثال‬ ‫بعد‬ ‫‪Saturate‬‬
‫بعد‬

‫النتيجة النهائية‬

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

‫‪137‬‬ ‫‪136‬‬

‫المحاضرة الحادية عشرة‬

‫) ‪Layer Style ( fx‬‬

‫أهداف المحاضرة‬
‫ •معني كلمة ‪Layer style‬‬
‫ • أين توجد الـ ‪Styles‬‬
‫ • تطبيق الـ ‪Styles‬‬
‫ • التعامل مع ‪Styles Panel‬‬
‫ • ‪Copy Layer style‬‬
‫ • ‪Clear Layer style‬‬
‫ • تكوين الـ ‪Style‬‬
‫ التأثيرات الـ ‪) fx ( 10‬‬
‫‪Bevel and emboss .1‬‬
‫‪Stroke .2‬‬
‫‪Inner Shadow.3‬‬
‫‪Inner Glow.4‬‬
‫‪Satin .5‬‬
‫‪ Color Overlay .6‬‬
‫‪Gradient overlay.7‬‬
‫‪Pattern overlay.8‬‬
‫‪Outer glow.9‬‬
‫‪Drop Shadow . 10‬‬

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

‫) ‪Layer Style ( fx‬‬

‫نالحظ ظهور عالمة ( ‪ ) fx‬في يمين الـ ‪Layer‬‬
‫معني كلمة ‪Layer style‬‬
‫‪139‬‬ ‫‪138‬‬
‫هو تأثير يتم اضافته إلي ‪ Layer‬معين و قابل للتعديل فيما بعد‪.‬‬
‫و تدل هذه العالمة علي تطبيق ‪ Style‬علي‬ ‫أين توجد الـ ‪Styles‬‬
‫هذا الـ ‪Layer‬‬
‫من قائمة ‪ Window‬نختار ‪Styles‬‬
‫سنجد مجموعة من الـ ‪ Styles‬الجاهزة‬
‫التعامل مع ‪Styles Panel‬‬
‫كما نري في الصورة ‪.‬‬
‫ال تقتصر الـ ‪ Styles‬علي الـ ‪ Styles‬الموجودة أمامنا‬
‫في الـ ‪Styles panel‬‬
‫و انما يوجد مع البرنامج ‪ Styles‬أخري تظهر في‬
‫تطبيق الـ ‪Styles‬‬
‫القائمة الفرعية للـ ‪Styles panel‬‬
‫و نختار أي مجموعة نريدها‪.‬‬ ‫يمكننا تطبيق الـ ‪ Style‬علي ‪ Layer‬عادي أو ‪ ( Text laye‬كتابة ) أو ‪Shape‬‬
‫مثال ‪:‬‬
‫وعند اختيار احد هذة المجموعات يظهر لنا هذا‬
‫الـ ‪Dialogue box‬‬ ‫‪ .1‬نفتح ملف عمل جديد ‪New Document‬‬
‫‪File > New‬‬
‫بأي مقاس مناسب‬
‫( مثال ‪ px 600‬طول * ‪ px 800‬عرض )‬

‫استبدال كل الـ ‪Styles‬‬ ‫الغاء االمر‬ ‫اضافة مجموعة‬ ‫‪ .2‬نكتب أي كلمة ( مثال ‪) Style‬‬
‫الموجودة بهذه المجموعة‬ ‫الـ ‪ Styles‬الي المجموعة‬ ‫بمقاس مناسب و الفونت الذي نختاره‬
‫الموجودة‬
‫‪ .3‬نتأكد أننا نقف علي الـ ‪Text layer‬‬
‫يمكننا تحميل ‪ Styles‬من االنترنت‬ ‫‪ .4‬نختار أي ‪ Style‬الموجودين في ‪Styles‬‬
‫حيث نجد االمر ‪Load styles‬‬ ‫‪panel‬‬
‫موجودة في القائمة الفرعية‬

‫أهم مواقع تحميل ‪Styles‬‬

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

‫تكوين الـ ‪Style‬‬ ‫نسخ‬ ‫‪Copy Layer style‬‬

‫لدينا في الفوتوشوب ‪ 10‬تأثيرات هي التي يتكون منها أي ‪Layer Style‬‬ ‫لنسخ ‪ Layer style‬من ‪ Layer‬سواء ًا كان ‪ Layer‬عادي أو كتابة أو ‪ Shape‬الي‬
‫‪141‬‬ ‫توجد هذه التأثيرات في أسفل الـ ‪Layers panel‬‬ ‫‪ Layer‬آخر ‪ ..‬نتبع الخطوات التالية ‪:‬‬ ‫‪140‬‬
‫‪ .1‬نقف كليك يمين علي الـ ‪ Layer‬الذي‬
‫يوجد به الـ ‪Style‬‬
‫عند اختيار اي تأثير منهم يظهر لنا هذا الـ ‪Dialogue box‬‬ ‫‪Copy layer style‬‬

‫‪ .2‬ثم نقف كليك يمين علي الـ ‪ Layer‬الذي‬

‫نريد نقل الـ ‪ Style‬إليه و نختار االمر‬
‫‪paste layer style‬‬

‫‪ Clear Layer style‬إلغاء‬

‫إللغاء ‪ Layer Style‬من أي ‪Layer‬‬

‫نقف كليك يمين علي الـ ‪ Layer‬الذي‬
‫سيظهر هذا‬ ‫نريد الغاء الـ ‪ Style‬منه‬
‫الـ ‪Dialogue box‬‬ ‫و نختار االمر ‪Clear Layer style‬‬
‫أيض ًا عندما نضغط دبل‬
‫كليك علي الـ ‪Layer‬‬ ‫من الممكن ايض ًا أن نسحب كلمة ‪fx‬‬
‫الموجودة في يمن الـ ‪ Layer‬الي عالمة‬
‫الـ ‪ 10‬تأثيرات التي يتكون منها أي ‪Layer style‬‬ ‫سلة المهمالت ( ) إللغاء الـ ‪Style‬‬
‫التأثيرات الـ ‪) fx ( 10‬‬

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

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

‫‪Bevel and emboss .1‬‬

‫نالحظ عند اختيار‬
‫‪Pillow emboss‬‬ ‫‪ .1‬نفتح ملف العمل ‪ layer style‬الموجود في‬
‫‪143‬‬ ‫من ‪Styles‬‬ ‫ملفات عمل المحاضر ‪11‬‬ ‫‪142‬‬
‫نحصل علي تأثير‬
‫الحفر كما هو‬
‫ويتكون هذا الملف من طبقتين‬
‫موضح بالصورة‬
‫كما و موضح بالصورة‪.‬‬

‫تطبيق عملي‬
‫كتابة كلمة محفورة علي الخشب‬ ‫نختار التأثير ‪ Bevel and emboss‬بالضغط علي عالمة ‪ fx‬الموجودة أسفل الـ‬
‫‪ Layers panel‬او بالضغط دبل كليك علي الـ ‪Layer‬‬
‫ليظهر لنا هذا الـ ‪Dialogue box‬‬
‫خطوات العمل ‪:‬‬
‫‪ .1‬نفتح الصورة ‪ Wood‬الموجودة في‬
‫ملفات عمل المحاضرة ‪11‬‬

‫فكرة التأثير‪:‬‬
‫اعطاء تجسيم للبكسالت‬
‫‪ .2‬نكتب كلمة ‪Wood‬‬ ‫عن طريق البروز ‪Bevel‬‬
‫بالفونت و المقاس و اللون‬ ‫و الحفر ‪Emboss‬‬
‫الذي نراه مناسب ًا‬

‫‪ .3‬نطبق علي كلمة‬

‫‪ Wood‬تأثير الـ ‪Bevel and emboss‬‬
‫باالعدادات الموضحة‬
‫ويجب ان نطبق من ‪Style‬‬
‫‪ pillow emboss‬للحصول علي‬ ‫نتيجة التأثير‬
‫تأثير الحفر‬

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

‫‪ .4‬من الـ ‪ Layers panel‬نقلل قيمة الـ ‪ Fill‬الي صفر كما هو موضح بالصورة‪.‬‬
‫أما االمر الفرعي ‪ Texture‬فيعطي ملمس لسطح‬
‫البكسالت عن طريق استخدام الفاتح و الغامق‬
‫‪145‬‬ ‫الموجود في ‪ Pattern‬معين دون استخدام االلوان‬ ‫‪144‬‬

‫نالحظ اختفاء لون الكلمة مع االحتفاظ بالتأثير‬

‫أما إذا قللنا قيمة الـ ‪ Opacity‬إلي صفر ‪...‬‬

‫‪Stroke .2‬‬

‫فكرة التأثير‪:‬‬
‫اعطاء تحديد خارجي الي شكل‬
‫سنالحظ اختفاء لون الكلمة و التأثير مع ًا‬

‫نجد مع تأثير الـ ‪Bevel and emboss‬‬

‫تأثير فرعي و هو ‪Countor‬و يعطي تأثير الحفر‬
‫علي حواف الشكل‪.‬‬

‫اليقتصر التحدي علي لون فقط و انما يمكن ان يكون التحديد بـ ‪ Pattern‬أو بـ‬
‫‪Gradient‬‬

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

‫‪Inner Shadow.3‬‬

‫فكرة التأثير‪:‬‬
‫‪147‬‬ ‫اعطاء ظل داخلي للشكل‬ ‫‪146‬‬
‫نختار شكل الـ ‪Stroke‬‬
‫من هذه القائمة‬

‫‪Solide color‬‬

‫تابع مع المحاضر الشرح المفصل لـ ‪Inner Shadow‬‬

‫‪Inner Glow.4‬‬

‫فكرة التأثير‪:‬‬ ‫‪Gradient‬‬

‫اعطاء وهج داخلي للشكل‬

‫‪Pattern‬‬

‫تابع مع المحاضر الشرح المفصل لـ ‪Inner Glow‬‬

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

‫‪Gradient overlay.7‬‬ ‫‪Satin .5‬‬

‫فكرة التأثير‪:‬‬
‫فكرة التأثير‪:‬‬
‫تغطية محتويات الـ ‪ layer‬بـ ‪Gradient‬‬
‫‪149‬‬ ‫اعطاء تداخالت بين الظل الدخلي‬ ‫‪148‬‬
‫للشكل كما هو موضح بالصورة‬

‫‪Pattern overlay.8‬‬
‫فكرة التأثير‪:‬‬ ‫‪Color Overlay .6‬‬
‫تغطية محتويات الـ ‪ layer‬بـ ‪Pattern‬‬
‫فكرة التأثير‪:‬‬
‫تغطية محتويات الـ ‪ Layer‬بلون‬

‫يمكننا اضافة ‪ Pattern‬إما من المجموعات‬

‫الموجودة مع البرنامج أو من خالل التحميل‬
‫من االنترنت عندما نختار األمر ‪load pattern‬‬
‫من القائمة الفرعية التي تظهر لنا عن الضغط‬
‫علي عالمة ( )‬

‫لتغيير اللون نضغط كليك علي المربع‬

‫المشار اليه و يظهر لنا الـ ‪Color‬‬
‫‪ picker‬ونختار منها اللون المناسب‬

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

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

‫‪.6‬من عالمة ( ‪) fx‬‬ ‫يمكننا عمل ‪ Pattern‬من صورة موجودة أو نقوم نحن بعمل ملف عمل جديد و‬
‫الموجودة اسفل الـ ‪Layers panel‬‬ ‫نحفظه علي هيئة ‪Pattern‬‬
‫‪151‬‬ ‫نختار من القائمة االمر ‪Pattern overlay‬‬ ‫‪150‬‬
‫مثال ‪:‬‬
‫نريد عمل عالمة مائية علي الصورة كما هو موضح‬

‫الخطوات ‪:‬‬
‫‪ .7‬سنالحظ ان الـ ‪Pattern‬‬ ‫‪ .1‬نفتح ملف عمل جديد بمقاس‬
‫تم تطبيقه علي الصور‬ ‫‪ 300‬بكسل * ‪ 300‬بكسل‬
‫‪File > new document‬‬
‫نراعي اختيار الخلفية شفافة ‪Transparent‬‬

‫‪ .8‬يمكننا تكبير او تصغير حجم الـ ‪ Pattern‬من المؤشر ‪ Scale‬و يمكن ايض ًا‬
‫التحكم في الـ ‪ Opacity‬من المؤشر المشار اليه في الصورة‬ ‫‪ .2‬نكتب كلمة ‪ITC‬‬
‫بفونت و مقاس و لون مناسب‬

‫‪ .3‬نختار من قائمة ‪ Edit‬األمر ‪Define Pattern‬‬

‫‪ .4‬نختار اسم مناسب للـ ‪Pattern‬‬

‫ونضغط ‪OK‬‬

‫‪.5‬نفتح أي صورة و نلغي عالمة القفل‬

‫الموجودة بجانب الـ ‪ Layer‬اما بسحب عالمة‬
‫القفل الي عالمة سلة المهمالت الموجودة‬
‫أسفل الـ ‪Layers panel‬‬
‫من الممكن أيض ًاان نضغط دبل كليك علي‬
‫الـ ‪ Layer‬لفك القفل‬

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

‫‪Outer glow.9‬‬
‫فكرة التأثير‪:‬‬
‫‪153‬‬ ‫اعطاء وهج خارجي للشكل‬ ‫‪152‬‬

‫المحاضرة الثانية عشرة‬

‫‪3D & Actions‬‬

‫‪Drop Shadow . 10‬‬

‫أهداف المحاضرة‬ ‫فكرة التأثير‪:‬‬

‫اعطاء ظل خارجي للشكل‬
‫ •‪Actions‬‬
‫ماهو الـ ‪ Action‬؟‬
‫أين توجد الـ ‪ Actions‬؟‬
‫تسجيل الـ ‪Action‬‬
‫‪Load action‬‬
‫ االشكال ثالثية األبعاد ‪3D‬‬
‫‪ 3D‬علي ‪Text layer‬‬
‫‪ 3D‬علي صورة‬
‫‪ 3D‬علي ‪Shape‬‬
‫االضاءة ‪Light‬‬ ‫‪New style‬‬
‫محاور تحريك الـ ‪3D‬‬ ‫يمكننا اآلن أن نكون الـ ‪ Style‬الخاص بنا‬
‫عندما نختار االمر ‪New Style‬‬
‫و سنجد هذا الـ ‪ Style‬في الـ ‪Styles panel‬‬

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

‫تسجيل الـ ‪Action‬‬ ‫‪Actions‬‬

‫لتسجيل ‪ Action‬نتبع الخطوات التالية ‪:‬‬ ‫إذا كان لدينا أكثر من صورة و سنقوم بتنفيذ نفس األوامر علي هذه الصور فإننا‬
‫‪ .1‬نفتح الصورة ‪ Actions 01 .jpeg‬الموجودة في ملفات عمل المحاضرة ‪12‬‬ ‫نحتاج إلي ما يعرف بالـ ‪Action‬‬
‫‪155‬‬ ‫‪154‬‬
‫‪ .2‬يفضل عمل ‪ Action set‬و ذلك عن طريق الضغط علي ايكونة ( ) الموجودة‬
‫اسفل الـ ‪Actions panel‬‬ ‫ماهو الـ ‪ Action‬؟‬
‫و للعلم هذه الخطوة لتنظيم العمل فقط و ليس لها أي تأثير علي تسجيل‬
‫عبارة عن مجموعة من الخطوات أو األوامر نقوم بتسجيلها لتطبيقها أكثر من مرة‬
‫الـ ‪ action‬و يمكننا تسجيل الـ ‪ Action‬مباشرة بدون هذه الخطوة‪.‬‬
‫علي أي صورة دون تنفيذ هذه األوامر بشكل يدوي ‪.‬‬

‫أين توجد الـ ‪ Actions‬؟‬

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

‫سنالحظ وجود ‪ Action set‬و التي‬

‫تحتوي علي مجموعة ‪Actions‬‬
‫موجودة مع البرنامج ‪.‬‬
‫‪ .3‬نضغط علي ايكونة ( ) الموجودة اسفل الـ ‪ Actions panel‬لبدء تسجيل‬
‫الـ ‪ action‬و سيظهر لنا هذا الـ ‪Dialogue box‬‬
‫و لبدء التسجيل نضغط علي كلمة ‪Record‬‬
‫كيفية التعامل مع الـ ‪Actions‬‬
‫اسم‬
‫الـ ‪action‬‬ ‫بدء التسجيل‬ ‫كل ما علينا هو أن نضغط كليك علي الـ ‪ Action‬المطلوب تطبيقه‬
‫الغاء التسجيل‬
‫اسم‬ ‫من الـ ‪ Actions panel‬كما هو موضح بالصورة ‪.‬‬
‫الـ ‪action set‬‬
‫) الموجودة باالسفل‬ ‫ثم نضغط علي عالمة (‬
‫لتطبيق الـ ‪ Action‬علي أي صورة ‪.‬‬
‫تحديد لون لتمييز‬
‫الـ ‪action‬‬

‫نالحظ هذه العالمة‬

‫و التي تشير الي بدء‬
‫تسجيل الـ ‪action‬‬

‫سنالحظ أن الصورة أصبح لها اطار ًا‬

‫و يمكننا تسجيل أي أمر من أوامر البرنامج في الـ ‪Action‬‬

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

‫سنجد الـ ‪ action‬موجود في ‪Actions panel‬‬ ‫‪ .4‬سنقوم بتسجيل أمرين فقط في هذا الـ ‪action‬‬
‫‪Image > adjustments > Brightness & contrast -‬‬
‫لتفتيح الصورة ‪.‬‬
‫‪157‬‬ ‫‪Image > adjustments > Desaturate -‬‬ ‫‪156‬‬
‫لتحويل الصورة الي ابيض و اسود‬
‫‪ -‬ثم نقوم بحفظ الصورة ‪File > Save as‬‬
‫و نحفظها علي صيغة ‪jpeg‬‬
‫‪ -‬ثم نغلق الصورة ‪.‬‬
‫‪ . 5‬سنجد كل االوامر التي استخدمناها في‬
‫الـ ‪ action‬موجودة في الـ ‪Action panel‬‬
‫) الموجودة باالسفل‬ ‫اليقاف تسجيل الـ ‪ action‬نضغط علي عالمة (‬
‫‪ . 5‬لتطبيق الـ ‪ action‬علي اي صورة‬
‫نفتح الصورة ‪ mayne.jpeg‬الموجودة في ملفات عمل المحاضرة ‪12‬‬
‫و نطبق نفس الـ ‪action‬‬

‫‪Load action‬‬
‫يمكننا تحميل ‪ actions‬من االنترنت و ادخالها الي البرنامج‬
‫نختار االمر ‪ load action‬من الـ ‪panel menu‬‬

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

‫سيظهر لنا في الـ ‪ tools options bar‬االدوات الخاصة بالـ ‪3D‬‬ ‫‪3D‬‬
‫يتميز برنامج الفوتوشوب بامكانيات كبيرة في التعامل مع ‪3D‬‬
‫‪159‬‬
‫تابع مع المحاضر شرح مفصل ألدوات الـ ‪3D‬‬ ‫و سنشرح أهم االوامر التي تساعدنا في التصميم و يسهل علينا التعامل معها‬ ‫‪158‬‬
‫حيث يمكننا تطبيق الـ ‪ 3D‬علي ‪ text‬أو ‪ layer‬عادي أو علي ‪Shape‬‬
‫و سنجد كل ما يخص الـ ‪ 3D‬في ‪:‬‬
‫‪ 3D‬علي ‪Text layer‬‬
‫‪Window > 3D‬‬ ‫‪Window > 3D‬‬ ‫الخطوات ‪:‬‬
‫يوجد بها كل ما يخص الـ ‪3D‬‬ ‫و تحتوي علي مواصفات كل أمر من‬ ‫‪ .1‬نفتح ‪ new document‬بمقاس مناسب أو نفتح صورة‬
‫أوامر الـ ‪ 3D‬الموجودة في الـ ‪3D‬‬ ‫‪ .2‬نختار أداة الـ ‪Type tool‬‬
‫‪panel‬‬ ‫‪ .3‬نكتب كلمة ‪ ITC ..‬بفونت و مقاس و لون مناسبين ‪.‬‬
‫‪ .4‬سيظهر لنا في الـ ‪ tools options bar‬رمز الـ ‪3D‬‬

‫سيظهر لنا هذا الـ ‪ Dialogue box‬و الذي يتيح لنا التحويل الي الـ ‪Workspace‬‬
‫الخاصة بـ ‪ 3D‬حيث يظهر لنا كل الـ ‪ Panels‬الخاصة بـ ‪3D‬‬

‫و ستظهر لنا الكلمة بهذا الشكل و الذي يدل علي ان الكلمة قد تحولت الي ‪3D‬‬

‫تابع مع المحاضر التطبيق العملي للـ ‪3D‬‬

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

‫‪ 3D‬علي ‪Shape‬‬ ‫‪ 3D‬علي صورة‬

‫في هذا المثال سنتعرف علي أحد األوامر الهامة في الـ ‪3D‬‬ ‫في هذا المثال سنشرح كيفية التعامل مع أشكال الـ ‪ 3D‬الجاهزة و الموجودة‬
‫و هو االمر ‪ Extrusion‬و معناه امتداد للشكل ‪.‬‬ ‫داخل البرنامج‬
‫‪161‬‬ ‫‪160‬‬
‫الخطوات ‪:‬‬ ‫الخطوات ‪:‬‬
‫‪ .1‬نفتح ملف عمل جديد بمقاس مناسب و ليكن ‪ 600 * 800‬بكسل‪.‬‬ ‫‪ .1‬نفتح الصورة ‪ green‬الموجودة في ملفات عمل المحاضرة ‪12‬‬
‫‪ .2‬نختار شكل الـ ‪ Polygon‬من أدوات الـ ‪Shape tool‬‬ ‫‪ .2‬نختار من الـ ‪ 3D Panel‬االمر ‪Mesh from Preset ...‬‬
‫أو من قائمة ‪3D‬‬
‫‪ .3‬من الـ ‪ 3D panel‬نختار األمر ‪Extrusion‬‬ ‫‪3D > New mesh from layer > Mesh preset‬‬

‫‪ .4‬سنجد كل مواصفات الـ ‪Extrusion‬‬

‫في الـ ‪Properties panel‬‬
‫كما هو موضح بالصورة ‪..‬‬

‫سنختار الشكل ‪.. Hat‬‬

‫فنحصل علي النتيجة التالية ‪...‬‬

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

‫محاور تحريك الـ ‪3D‬‬ ‫االضاءة ‪Light‬‬

‫عند تحويل اي شكل أو صورة الي شكل ‪ 3D‬ستظهر لنا محاور التحريك‬ ‫يوجد في الـ ‪ 3D panel‬جزء مخصوص للتحكم في االضاءة‪.‬‬
‫‪163‬‬ ‫‪162‬‬
‫المحور ‪X‬‬ ‫اللون االحمر ‬
‫المحور ‪Y‬‬ ‫اللون االخضر ‬
‫المحور ‪Z‬‬ ‫اللون االزرق ‬

‫يمكننا اضافة‬
‫مصدر اضاءة جديد‬

‫تحريك ‪Move‬‬ ‫سنالحظ محور االضاءة الموجود بالصورة و الذي يمكننا التحكم في اتجاه االضاءة‬
‫من خالله‪.‬‬
‫دوران ‪Rotate‬‬
‫تكبيرو تصغير ‪Scale‬‬

‫تكبيرو تصغير ‪Scale‬‬

‫في المحاور الثالثة‬

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

‫مالحظات‬
‫عميلنا العزيز ‪ ..‬إذا كانت لديك أي مالحظات تود ابالغنا بها فإنه من دواعي سرورنا أن نتلقي مقترحاتك ‪:‬‬

‫‪164‬‬

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