كتاب الفوتوشوب من البداية حتى الاحتراف (الجزءالثانى)

Page 1

‫الفوتوشوب من البداية إلى االحتراف‬ ‫الجزء الثاني‬

‫‪1‬‬


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

‫‪2‬‬


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

‫أوالً اسكتمال أدوات القطع‬ ‫درسنا فى أولى محاضرات الفوتوشوب أداة ‪ Crop tool‬و التى نقطع بها جزء محدد من الصورة ‪،‬أما‬ ‫الٌوم فسندرس األداة التالٌة لها فى أدوات القطع و هى ‪:‬‬ ‫‪‬‬

‫‪perspective crop tool‬‬

‫و نقوم من خالل هذه األداة بقطع جزء من الصورة بعد تحدٌد المنظور أو الزاوٌة التى سنقوم بالقطع‬ ‫من خاللها كما هو موضح بالشكل التالً‪:‬‬

‫‪3‬‬


‫و تكون النتٌجة بعد ان نضغط ‪Enter‬‬

‫‪ ‬أداة ‪ Slice tool‬نقوم من خاللها بتقطٌع الشكل إلى عدة صور صغٌرة تستخدم لعمل ‪Puzzle‬‬ ‫أو فى تقطٌع مواقع الوٌب‪.‬‬

‫‪4‬‬


‫و نستخدم الحفظ مع هذه االداة ‪ save for web‬و تقوم بحفظ الصور فى مجلد على الجهاز فى‬ ‫المكان الذى نختاره‪.‬‬

‫و ٌالحظ هنا أن كل جزء تم تحدٌده له رقم معٌن و االجزاء التى لم ٌتم تحدٌدها ٌقوم البرنامج تلقائٌا ً‬ ‫باعطائها رقم لٌكون شكل المجلد الذى تم حفظه على الجهاز من الداخل‪.‬‬

‫و ٌالحظ هنا أن الحفظ ٌتم بمساحة صغٌرة للصور‪.‬‬ ‫ثانٌا ً أدوات التحدٌد‬ ‫‪ Spot healing brush ‬و هى من األدوات الرائعة فى البرنامج حٌث تقوم باصالح العٌوب‬ ‫ذات الحجم الصغٌر فى الصورة و معالجتها لتكون اشبه القرب جزء الٌها فى الصور‪،‬و سنأخذ‬ ‫مثال للمعالجة باستخدام تلك االداة فى إزالة حبوب الوجه‪.‬‬

‫‪5‬‬


‫الحظ معى صورة الفتاة السابقة سنختار االداة و بالضغط فقط مرة واحدة بالماوس علٌها ستكون‬ ‫النتٌجة كالتالً‪:‬‬

‫تم اختفاء أثر الحبوب تماما و ٌمكننا التحكم فى حجم فرشاة التعدٌل فى تلك االداة بتغٌ​ٌر الرقم‬ ‫المحدد للحجم ٌتم تغٌ​ٌر حجم الفرشاة لتتناسب و حجم الجزء المراد معالجته‪.‬‬

‫‪6‬‬


‫‪ ‬أداة ‪ healing brush tool‬و تستخدم لنسخ جزء من الصورة فى مكان آخر ‪،‬و ذلك بالضغط‬ ‫على ذر ‪ Alt‬مع الذر االٌسر للماوس لتحدٌد الجزء الذى ستبدأ منه النسخ ثم تبدأ باستخدام‬ ‫الماوس بنسخ الشكل فى مكان آخر و كأنك تمسك بالفرشاة و ترسم بها‪.‬‬

‫الحظ هنا سأحدد رأس الطفل الصغٌر كبداٌة للشكل الذى سأقوم بنسخه ‪ ،‬ثم انسخه فى مكان‬ ‫آخر بالصورة‪.‬‬

‫‪7‬‬


‫‪ Patch tool ‬و هى أداة سهلة االستخدام نقوم من خاللها بتحدٌد جزء معٌن من الصورة ثم‬ ‫نسحبه لمكان آخر فٌعمل كشكل المرآة التى تعكس األجزاء التى نمر علٌها من الصورة حتى‬ ‫ٌتم اختٌار الجزء الذى نرٌد نسخه فى المكان المحدد‪،‬و هنا ٌنتقل الشكل بنفس لون الجزء الذى‬ ‫كان علٌه التحدٌد و لتوضٌح الفكرة انظروا معى للصورة التالٌة قبل استخدام االداة‪.‬‬

‫و هنا على سبٌل المثال سأقوم بتحدٌد جزء من الخلفٌة التى تظهر بلون السماء‪.‬‬

‫‪8‬‬


‫بعد أن قمت بالتحدٌد سأسحب الجزء الذي تم تحدٌده على رأس األسد دون تغٌ​ٌر األداة‪.‬‬

‫الحظوا معً هنا تم نسخ رأس األسد فى الجزء الذى كان محدد سابقا ً و لكنه نسخ بلون الخلفٌة التى‬ ‫كانت محددة و لٌس بنصوع لون االسد‪.‬‬ ‫‪ Content adware move tool ‬و هى أداة ٌمكن من خاللها تحدٌد جزء من الصورة و نقله‬ ‫فى مكان آخر‪.‬‬

‫‪9‬‬


‫فهنا قمت فقط بتحدٌد رأس االسد و نقلتها فى مكان آخر لتظهر كما بالصورة التالٌة‪.‬‬

‫‪ Red eye tool ‬و تستخدم لتصحٌح لون العٌن الحمراء فى الصورة و الذى ٌتسبب عن‬ ‫انعكاس الفالش فى العٌن قبل اغالق عدسة الكامٌرا‪.‬‬

‫‪10‬‬


‫و فقط بالضغط على اللون االحمر فى العٌن بالماوس ٌصحح اللون االحمر و ٌعٌده للون العٌن‬ ‫الطبٌعى لتصبح الصورة السابقة بعد المعالجة كما ٌلً‪.‬‬

‫‪ Clone stamp tool ‬تقوم بنسخ جزء من الرسم فى مكان آخر و ذلك بتحدٌد الجزء المراد‬ ‫نسخة بالضغط على ‪ Alt‬مع ذر الماوس االٌسر ‪.‬‬

‫‪11‬‬


‫فهنا سأقوم بتحدٌد عٌن الفتاة الٌمنى‪.‬‬ ‫الحظ معً تم نسخ عٌنا الفتاة مرة أخرى فى منطقة الجبٌن باستخدام الماوس بعد أن تم تحدٌد نقطة بدء‬ ‫النسخ لٌظهر الشكل كالتالً‪.‬‬

‫‪ Pattern stamp tool ‬و تقوم بملء مساحة من التصمٌم بنموذج معٌن تم تكراره العدٌد من‬ ‫المرات و إما ان ٌكون الملء للشكل كله او نقوم بعمل تحدٌد لمنطقة معٌنة كى ٌكون الملء‬ ‫داخلها فقط و ٌمكن التحكم فى حجم الفرشاة لرسم الباترن على مساحة التصمٌم‪.‬‬

‫‪12‬‬


‫فهنا بعد ان قمت باختٌار تلك الاداة قمن بالرسم العشوائى فظهر الشكل كما ٌلً‪.‬‬

‫و ٌمكننى عمل ملء للشكل كله باستخدام ‪Edit-->fill-->pattern.‬‬

‫‪13‬‬


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

‫و ٌالحظ عند اختٌار احد المجموعات تظهر لنا رسالة ‪.‬‬

‫و هنا ٌعنً االمر اوك انه سٌتم تنزٌل مجموعة االشكال التى اخترتها لتظهر أمامك بدل المجموعة‬ ‫االفتراضٌة و تختار منها ما تشاء ‪ ،‬أما االمر ‪ Append‬فٌعنً انه سٌتم تنزٌل المجموعة التى تم‬ ‫تحدٌدها مع المجموعة الحالٌة لٌتم االختٌار بٌنهما‪.‬‬

‫‪14‬‬


‫كما ٌمكنك تعٌ​ٌن شكل باترن خاص بك من خالل رسم شكل بالفرشاة او بالقلم الحر و حفظه باسم ما‬ ‫فى البرنامج فمثال هنا قمت برسم شكل عشوائى بالفرشاة سأقوم بحفظه فى البرنامج الستخدامه مرة‬ ‫أخرى و ذلك باختٌار االمر ‪Edit-->define pattern‬‬

‫و ٌالحظ هنا بعد ان قمت بحفظه فى البرنامج حٌنما افتح لوحة الباترن الختٌار شكل ما سأجده آخر‬ ‫باترن فى المجموعة الموجودة‪.‬‬

‫‪ Eraser tool‬أداة الممحاة و تقوم بمسح أجزاء من الشكل ال نرٌدها ‪.‬‬

‫‪15‬‬


‫ٌمكن استخدامها أٌضا ً لتعطى شكل جمالى للتصمٌم ‪ ،‬ففى بعض االحٌان ٌتم مسح نصف الوجه االٌمن‬ ‫أو االٌسر ‪.‬‬

‫فهنا مثالً ٌمكن وضع كتابات فى الجزء االٌمن من التصمٌم ‪.‬‬ ‫‪ Magic eraser tool ‬و تقوم بمسح لون معٌن من الصورة فقط بالضغط علٌه‪.‬‬

‫‪16‬‬


‫فهنا سنقوم بالضغط بالذر االٌسر للماوس على الفستان االسود للفتاة و الحظ معى الفرق فى‬ ‫الصورة التالٌة‪.‬‬

‫تم مسح الفستان بالكامل ألنه كله له اللون االسود و لو توسطه لون أحمر لمسح اللون فى جزء واحد‬ ‫فقط ‪،‬و ترك الجزء الباقى بعد اللون األحمر ‪.‬‬ ‫و أخٌراً سندرس المسارات لننهى محاضرتنا الٌوم‪.‬‬ ‫‪ Pen tool ‬و نقوم من خاللها بتحدٌد االشكال تحدٌداً دقٌق حٌث ٌمكننا التحدٌد المستقٌم و تحدٌد‬ ‫المنحنٌات‪.‬‬

‫‪17‬‬


‫و ٌمكننا اختٌار اذا ما كنا سنرسم شكالً باستخدام أداة القلم أم سنرسم مسار من خالل الجزء المشار‬ ‫الٌه بالسهم االحمر فى الصورة السابقة‪.‬‬ ‫شاهدوا معى الفرق بٌن اختٌار ‪ Path‬و الذي سٌظهر فى الصورة التالٌة‪.‬‬

‫و ٌرسم كما اى أداة تحدٌد أخرى نقاط متواصلة ٌمكن التراجع عن احداها باستخدام الذر‬ ‫‪ Backspace‬من لوحة المفاتٌح‪ .‬أما استخدام االمر ‪ shape‬فٌقوم بعمل ما نراه فى الصورة التالٌة‪.‬‬

‫‪18‬‬


‫و هو عبارة عن كتلة لونٌة ٌتحدد شكلها بحسب النقاط التى نقوم برسمها و تأخذ اللون االمامى‬ ‫للتصمٌم‪.‬‬ ‫و ٌمكننا من رسم المنحنٌات باستخدام الماوس حٌث نقوم بمحاولة تعدٌل شكل المسافة الواصلة بٌن‬ ‫نقطتٌن فٌظهر لنا ذراع نقوم من خالله بالتحكم فى شكل المنحنى الذى نرٌده كالتالى‪.‬‬

‫و بعد رسم المنحنى نضغط بذر ‪ Alt‬على النقطة االخٌرة التى رسمت حتى ٌختفى شكل الذراع و‬ ‫نكمل الشكل الذى نقوم بتحدٌده‪.‬‬ ‫و ٌظهر الشكل التالى تحدٌد قمت بعمله باستخدام أداة القلم‪.‬‬

‫‪19‬‬


‫و ٌظهر الشكل التالً خٌارات التحكم فى المسار الذي قمنا برسمه‪.‬‬

‫‪ Add anchor point‬و ٌعنى إضافة نقطة للتحدٌد و ذلك أن ٌكون انتهى تحدٌد الشكل‪.‬‬ ‫‪ Delete anchor point‬و تعنً حذف نقطة من المسار الذي قمنا برسمه‪.‬‬ ‫‪ Convert point tool‬و تعنً التعدٌل على نقطة حالٌة‪.‬‬ ‫و ٌمكن الدخول للوحة المسارات للتحكم فى االعدادات الخاصة بها و هى تكون فى الوضع‬ ‫االفتراضى بعد لوحة الالٌرز‪،‬و الموضحة بالسهم االخضر فى الصورة السابقة‪.‬‬

‫‪20‬‬


‫و ٌقوم الخٌار الذى ٌقف علٌه الماوس فى الصورة السابقة بتحوٌل التحدٌد الموجود الى مسار للتحكم‬ ‫فى نقاطه‪.‬‬ ‫اما الصورة التالٌة فتعكس المسار لٌتحول الى تحدٌد‪.‬‬

‫التكلٌفات‪:‬‬ ‫‪ -1‬عمل اعالن ‪outdoor‬‬ ‫‪ -2‬عمل بانر لمحل تجاري‪.‬‬

‫الفصل السابع‬ ‫‪21‬‬


‫أعزائى دارسً الفوتوشوب سننتقل فى محاضرة الٌوم إلى مستوى متوسط أعلى من المستوى الذي‬ ‫أتممناه فى المحاضرات السابقة ‪،‬أتمنى أن ٌكون ذهنكم حاضر و تفاعلكم مع أدوات الٌوم جٌداً حتى‬ ‫نتخطى تلك المرحلة و ٌصبح لدى الجمٌع القدرة على إنشاء مشارٌع كاملة ناجحة على مستوى‬ ‫التصمٌم‪،‬و أساسٌاته‪،‬و مؤدٌة للهدف الذي صممت ألجله سواء أكانت مطبوع إعالنى أو دعائى أو‬ ‫غٌرها من التصمٌمات‪ .‬سنقوم الٌوم بدراسة‪:‬‬ ‫‪ -1‬كٌفٌة عمل ماسك سواء بالصور أو بالكتابات‪.‬‬ ‫‪ -2‬كٌفٌة تحدٌد الشعر و فصله عن الخلفٌة‪.‬‬ ‫‪ -3‬تلوٌن الصور األبٌض و األسود‪.‬‬

‫أوالً عمل ماسك بالصور‬ ‫نفتح صورة الرجل التالٌة على برنامج الفوتوشوب‬

‫نقوم بفتح الصورة التالٌة على البرنامج و نقوم بتعدٌل الرٌزولٌوشن لها لٌصبح ‪222‬‬

‫‪22‬‬


‫بعد أن قمنا بتعدٌل الرٌزولٌوشن لتلك الصورة نقوم بنقلها فى الملف الذي ٌحتوي صورة الرجل العجوز‬ ‫بحٌث تصبح هى الالٌر السفلى و صورة الرجل هى الصورة األعلى‪.‬‬ ‫نقوم بعد ذلك بتحدٌد صورة الرجل باستخدام أداة القلم و نحول المسار الذي حددنا به الى ‪selection‬‬

‫ثم نضغط على أداة عمل ماسك و المشار إلٌها بالسهم األحمر فى الصورة السابقة لٌصبح الشكل كالتالً‬

‫و ٌالحظ فى الصورة السابقة بقاء بقعة لونٌة لم ٌتم إزالتها فى صورة الرجل و المشار إلٌها بالسهم نقوم‬ ‫بتحدٌدها باستخدام أداة الماجٌك واند و إزالتها‪.‬‬

‫‪23‬‬


‫و ٌمكننا التحكم فى قٌمة ال ‪ tolerance‬و المشار إلٌها بالسهم فى الصورة السابقة إذا ما تم تحدٌد‬ ‫مساحة لونٌة أكبر من تلك التً نرٌد إزالتها أو أصغر‪.‬‬

‫ثانيا ً عمل ماسك بالكتابات‬ ‫سنقوم باستخدام طرٌقتٌن األولى و هى الطرٌقة التقلٌدٌة سنقوم فٌها باستخدام أداة ‪Type mask‬‬ ‫و على نفس الصورة السابقة للرجل العجوز سنضغط ‪ F12‬من لوحة المفاتٌح حتى تعود الصورة كما لو‬ ‫أننا لم نقم بأى إجراء علٌها ثم نختار أداة ‪ Type mask‬و سنختار الكتابة فى االتجاه األفقى‪.‬‬

‫بعد اختٌار تلك األداة نقوم بتعدٌل مقاس الخط لٌصبح ‪ 11‬و نكتب سطر واحد أفقى لٌصبح بهذا الشكل‪:‬‬

‫‪24‬‬


‫ثم نقوم بنسخ السطر و تكراره حتى تنتهى الصورة من اسفل ثم نضغك على أداة الماسك نالحظ أن‬ ‫الصورة تحولت إلى كتابات بنفس األلوان التى كانت موجودة فى الصورة و لتوضٌح الشكل نقوم بإشافة‬ ‫الٌر بلون رمادى فاتح و نسحبها لتكون اسفل الكتابات لٌصبح الشكل هكذا‪:‬‬

‫و إلٌكم الطرٌقة المتقدمة ‪ ...‬ركزوا معً جٌداً فى الخطوات التالٌة ‪.‬‬ ‫أوالً سنقوم بفتح الصورة التالٌة فى البرنامج‪:‬‬

‫‪25‬‬


‫ثم نختار من قائمة ‪Select-->color range-->shadow‬‬

‫بالضغط على اوك سٌقوم بعمل تحدٌد لجزء من الصورة نقوم بنسخه من لوحة المفاتٌح باستخدام‬ ‫االختصار ‪ Ctrl+C‬ثم نضعه فى الٌر مستقلة باستخدام االختصار ‪ Ctrl+J‬و نسمى الالٌر الجدٌدة‬ ‫‪Shadow‬‬ ‫بعد ذلك نرجع مرة أخرى و نقف على الٌر الصورة االصلٌة ثم نختار من قائمة‬ ‫‪Select-->color range-->midtones‬‬ ‫و فى هذه المرة أٌضا ً سٌقوم بتحدٌد أجزاء أخرى من الصورة نقوم بنسخها و وضعها فى الٌر مستقلة‬ ‫بنفس الطرٌقة السابقة و لكن فى هذه المرة سنسمى الالٌر الجدٌدة ‪midtones‬‬ ‫ثم نقوم بعد ذلك باختٌار أداة الكتابة و نكتب سطراً كامالً بمقاس ‪ 24‬و نقوم بتكراره حتى نمأل الصورة‬ ‫كلها لألسفل‪.‬‬

‫‪26‬‬


‫نسمى هذه الالٌر‪ Shadow text‬و نضعها تحت الٌر ‪ Shadow‬ثم نقوم بعمل ‪ Duplicate‬لالٌر و‬ ‫نسمً الالٌر الجدٌدة‪ midtone text‬و نضعها أسفل الٌر ‪midtone‬‬ ‫هنا أصبح لدٌنا أربعة طبقات تم إضافتهم فوق الصورة األصلٌة فنقوم بإخفاء الصورة األصلٌة و نقف‬ ‫على الٌر ‪ Shadow text‬ثم نضغط بأداة الماجٌك واند على الكتابة فتقوم بتحدٌد كل النص الذي لدٌنا‬ ‫ثم نقف على الٌر ‪Shadow‬و نضغط أداة الماسك ‪،‬و نفعل بالمثل مع الٌر الكتابة فى المٌدتونز لٌصبح‬ ‫الشكل كالتالى‬

‫و للتوضٌح سنضٌف الٌر اسفل تلك الطبقات و نعطٌها لون ٌبرز هذا الماسك‪.‬‬

‫ثالثا ً تحدٌد الشعر و فصله عن الخلفٌة‬ ‫ربما عانى الكثٌرون فى اإلصدارات القدٌمة من برنامج الفوتوشوب عندما حاولوا فصل بعض الصور‬ ‫التى تكون فٌها الشخصٌات لها شعر متطاٌر ‪،‬ففصله عن الخلفٌة ٌكون صعبا ً و مرهقا ً للغاٌة‪،‬و لكن‬

‫‪27‬‬


‫بفضل هللا تكمنت اإلصدارات الحدٌثة الفوتوشوب بتسهٌل هذا األمر علٌنا من خالل استخدام أداة بسٌطة‬ ‫لفصل الشعر عن الخلفٌة تابعوا معى شرح المثال التالً‪.‬‬ ‫أوالً نقوم بفتح الصورة التالٌة على برنامج الفوتوشوب‬

‫ثم نقوم باختٌار أداة ‪Background eraser tool‬‬

‫نختار من أعلى ‪ sampling background swatch‬و المشار إلٌها بالسهم األحمر فى الصورة‬ ‫السابقة‪.‬‬ ‫و كذلك نقوم بتعدٌل قٌمة ال ‪ Tolerance‬المشار الٌها بالسهم األخضر لتصبح ‪42‬‬ ‫ثم نقوم باختٌار ‪ Protect foreground color‬المشار إلٌها بالسهم األزرق فى الصورة و هذا الخٌار‬ ‫ٌحافظ على اللون األمامى للصورة دون مسحه‪.‬‬

‫‪28‬‬


‫و بعد ذلك نقوم بتعٌ​ٌن اللون األمامى بلون الشعر ‪ ،‬و اللون الخلفى بلون الخلفٌة و نقوم بالمسح حتى‬ ‫نصل للنتٌجة المرغوبة ‪،‬و أحٌانا ً تحتوى الخلفٌة على أكثر من درجة نقوم بمسح الدرجة األولى أوالً ثم‬ ‫تغٌ​ٌر لون الخلفٌة و مواصلة المسح لٌصبح لنا الشكل بعد إزالة الخلفٌة عن الشعر هكذا‪:‬‬

‫و أخٌراً سنقوم بعمل أكثر جزء شٌق فى هذه المحاضرة أال و هو تلوٌن صورة أبٌض و أسود لتكون‬ ‫غالف مجلة و هو مشروع المحاضرة الٌوم ‪.‬‬ ‫أوالً نقوم بفتح الصورة التالٌة‪:‬‬

‫فى البداٌة نقوم باستخدام أداة القلم بتحدٌد أجزاء البشرة كلها و نضٌف الٌر جدٌدة نقوم فٌها بتلوٌن‬ ‫التحدٌد الذى قمنا بعمله ب لونا ً برتقالٌا ً‬

‫‪29‬‬


‫ثم نقوم بعد ذلك بتغٌ​ٌر الخٌار ‪ Normal‬لالٌر التى بها اللون إلى ‪ Color‬و نقوم أٌضا ً بتقلٌل شفافٌة‬ ‫الالٌر لتصبح ‪ %33‬فٌصبح الشكل هكذا‪:‬‬

‫بنفس الطرٌقة نقوم بتحدٌد الكتفان و إعطائهما لون البشرة ‪.‬‬ ‫بعد ذلك نقوم بتحدٌد الشعر و اختٌار الٌر جدٌدة فوق الشعر نقوم بملئها باللون األصفر و نغٌر أٌضا ً‬ ‫الخٌار ‪ Normal‬لالٌر التى بها اللون إلى ‪ Color‬و نغٌر الشفافٌة لتصبح قٌمتها ‪،%43‬و هنا ٌصبح‬ ‫الشكل كالتالً‪:‬‬

‫‪30‬‬


‫الحظ معً هنا اللون الذي اضفته للبشرة ٌؤثر على لون العٌنٌن و هنا سأقوم بتحدٌد العٌنٌن من الصورة‬ ‫األصلٌة و نسخهما فى الٌر جدٌدة اضعها فوق الٌر األلوان‪،‬الحظ معً الفرق فى الصورة التالٌة‪.‬‬

‫بعد ذلك اقوم بتحدٌد حدقة العٌن باستخدام أداة تحدٌد الدائرة و اقوم بوضع لون اخضر للعٌنٌن فى الٌر‬ ‫مستقلة فوق الٌر العٌنٌن نغٌر أٌضا ً الخٌار ‪ Normal‬لالٌر التى بها اللون إلى ‪ Color‬و نغٌر الشفافٌة‬ ‫لتصبح قٌمتها ‪.%25‬‬ ‫بعد ذلك نرجع لطبقة الصورة األصلٌة و نقوم بتحدٌد الشفاه ثم نضٌف الٌر جدٌدة نمألها بلون الشفاه –‬ ‫لون أحمر داكن‪ -‬و نقوم بتغٌ​ٌر الخٌار ‪ Normal‬لالٌر لٌصبح ‪ Linear light‬ثم نقلل الشفافٌة لتصبح‬ ‫‪.%25‬‬

‫‪31‬‬


‫بعد ذلك نقوم بتحدٌد الحواجب و نعمل معها كما عملنا سابقا فى الشعر نعطٌها اللون األصفر و نغٌر‬ ‫الخٌار ‪ Normal‬لالٌر التى بها اللون إلى ‪ Color‬ثم نقوم بتقلٌل الشفافٌة لتصبح ‪.%43‬‬ ‫و اآلن أصبح الشكل لدٌنا هكذا‪:‬‬

‫الفصل الثامن‬ ‫بالوصول إلى هذا الفصل نكون قد اجتزنا طرٌقا ً طوٌالً‪،‬و تمكننا من تصمٌم العدٌد من التصمٌمات‬ ‫التجارٌة لشتى األغراض‪،‬و استكماالً لما سبق دراسته سٌتم فى هذا الجزء دراسة‪:‬‬ ‫تحوٌل الصورة الملونة إلى صورة مرسومة بالرصاص أو الفحم‪.‬‬ ‫معالجة األلوان فى الصورة‪.‬‬ ‫عمل تأثٌرات على الطبقات‪.‬‬ ‫استخدام الفالتر‪.‬‬

‫أوالً تحويل الصورة الملونة إلى صورة مرسومة بالرصاص‪:‬‬ ‫سنقوم بتحوٌل صورة الفتاة التالٌة إلى صورة مرسومة الحظ معً الخطوات‪.‬‬

‫‪32‬‬


‫سنقوم بعمل ‪ Duplicate‬للطبقة التى تحتوي صورة الفتاة‪.‬‬

‫سنقوم بتغٌ​ٌر الخٌار ‪ normal‬للطبقة ‪ layer 0 copy‬لٌصبح ‪color dodge‬‬

‫بعد أن أصبح الشكل كالسابق نقوم بتغٌ​ٌر مود الصورة من القائمة ‪image --> mode-->grayscale‬‬

‫‪33‬‬


‫و باختٌار هذا األمر تظهر لنا النافذة التالٌة‪.‬‬

‫نختار منها األمر ‪Don't merge‬‬ ‫ثم تظهر بعدها النافذة التالٌة‬

‫نختار منها األمر ‪Discard‬‬ ‫نضغط من لوحة المفاتٌح ‪ CTRL+I‬فنالحظ اختفاء الصورة تماماً‪.‬‬ ‫نقوم بعد ذلك باختٌار ‪Filter-->Blur-->Gaussian blur‬‬

‫و من خالل هذا األمر نقوم بالتحكم فى درجة لون الصورة التى تظهر و كأنها مرسومة‪.‬‬

‫‪34‬‬


‫و توضح هذه الصورة درجة ‪11.4 radius‬‬ ‫و هنا ٌمكننى أبراز التفاصٌل المطمسة باستخدام أداة ‪Burn‬‬

‫ثانيا ً معالجة األلوان فى الصورة‪:‬‬ ‫فى بعض االحٌان ٌطغى لون على الصورة بشكل ٌجعلها تبدو غٌر مرٌحة للعٌن‪،‬كما ٌمكن أن نلتقط‬ ‫بعض الصور لٌالً فتصبح قاتمة و تحتاج لبعض اإلضاءة ‪،‬و هذا كله ٌمكن أن نعدله باستخدام التصحٌح‬ ‫اللونى فى برنامج الفوتوشوب‪.‬‬ ‫ ‪Auto color‬‬‫و هى من ضمن التطبٌقات‬ ‫التً تقوم بتخفٌف اللون‬ ‫الطاغى على الصورة حتى‬ ‫تبدو طبٌعٌة و نختارها من‬ ‫‪Image-->Auto color‬‬ ‫الحظ معى فى الجهة المقابلة‬ ‫نموذج لصورة تم استخدام‬ ‫هذا التطبٌق معها‪.‬‬

‫‪35‬‬


Auto tone Image-->Auto tone

Auto contrast ‫تقوم بعمل إبراز للون و‬ ‫تعمل على زٌادة حدة‬ .‫التباٌن بٌن األلوان‬ Image-->Auto contrast

36


‫تقوم بإجراء بعض التعدٌالت على الصور منها اإلضاءة و التباٌن و‬ ‫‪Adjustment‬‬ ‫أهم خٌارات هذا التطبٌق ‪ Brightness/contrast‬و التً تقوم بالتحكم فى مستوى اإلضاءة فى‬ ‫الصورة و كذلك تباٌن األلوان ‪Image-->Adjustment-->Brightness/contrast‬‬ ‫‪ Levels‬و نقوم من خاللها بالتحكم أٌضا ً فى مستوى اإلضاءة فى الصورة بالتحكم فى نسبة الضوء‬ ‫األبٌض ‪Image-->Adjustment-->Levels‬‬ ‫‪ Curves‬تسمح لنا بالتحكم فى منحنى اإلضاءة و التباٌن فى الصورة ‪Image-->Adjustment--‬‬ ‫‪>Curves‬‬ ‫‪ Exposure‬تتحكم باألرقام فى تعرٌض الصورة للضوء و كذلك التباٌن بٌن عناصرها‪.‬‬ ‫التحكم فى ألوان الكتابات و الخلفيات‪ :‬ستصادف معنا أن نستخدم لون معٌن فى الكتابات أو‬ ‫الخلفٌات و نرٌد استخدامه مرة أخرى و ال نستطٌع تحدٌد نفس اللون مرة أخرى بدقة و لتفادى هذا‬ ‫األمر‪ٌ،‬مكننا حفظ اللون الذى نرٌد استخدامه مرة أخرى فى ‪ Swatches‬و هى إحدى ال ‪panels‬‬ ‫المستخدمة فى البرنامج و نقوم بفتحها من القائمة ‪. window‬‬ ‫تحتوى على العدٌد من األلوان ٌمكننا اختٌار اللون الذى نرٌده‬ ‫لتلوٌن نص معٌن‪،‬و نستطٌع حفظ اللون الذى اخترناه مسبقا‬ ‫كلون أمامً فى البرنامج فى هذه النافذة بالضغط على عالمة‬ ‫جدٌد من أسفل و نحدد اسم اللون الذى نرٌد حفظه فٌكون آخر‬ ‫تلك األلوان‪،‬كما ٌمكننا اختٌار مجموعة لونٌة أخرى بالضغط‬ ‫على السهم الصغٌر أعلى هذه النافذة لٌفتح لنا قائمة تحتوى على‬ ‫العدٌد من ال ‪ pantone‬و ٌمكننا حذف اللون الذى نرغب‬ ‫بحذفه و ذلك بالوقوف علٌه و ضغط على عالمة سلة‬ ‫المحذوفات اسفل النافذة‪،‬كما ٌمكننا الضغط على ‪ color‬و‬ ‫اختٌار اللون بمعرفة درجاته االحمر و االزرق و االخضر كما‬ ‫نشاء‪.‬‬ ‫عمل ‪ Style‬للكتابات و األشكال‪ٌ :‬مكننا تطبٌق بعض االستاٌالت على الكتابات و االشكال فى برنامج‬ ‫الفوتوشوب منها ماهو بارز و ما هو غائر‪،‬منها ما ٌعطى احساس بملمس معٌن‪،‬و ٌمكننا فتح ال ‪panel‬‬ ‫الخاصة باالستاٌالت من قائمة ‪ window‬و تشبه كثٌراً ‪ Swatches‬باختالف النماذج المقدمة و ٌمكن‬ ‫أٌضا ً عمل استٌل جدٌد بنفس الطرٌقة السابقة و كذلك فتح مجموعات مختلفة من االستاٌالت‪،‬جربها‬ ‫بنفسك و ستالحظ الفرق فى التصمٌم‪،‬و لكن علٌك باالبتعاد عن الزخرفة الزائدة فى الخطوط حتى ال‬ ‫تبدو بشكل فوضوى‪.‬‬

‫ثالثا ً عمل تأثيرات على الطبقات‪:‬‬

‫‪37‬‬


‫نستطٌع عمل تأثٌرات مختلفة على الطبقة منها إبراز الطبقة للخارج قلٌالً أو عمل ظالل و غٌره و ذلك‬ ‫بالوقوف على الطبقة التى نرٌد على التأثٌر علٌها و الضغط على ذر الماوس األٌمن ثم اختٌار‬ ‫‪ Blending options‬أو بالضغط على ‪ FX‬أسفل نافذة الطبقات و ٌكون شكل النافذة المفتوحة كالتالً‪:‬‬

‫ٌشٌر السهم األحمر فى الصورة السابقة إلى مربع عرض التأثٌر الذى نختاره‪،‬و ٌتم تغٌ​ٌر شكل المربع‬ ‫باختٌار كل تأثٌر لنرى شكله قبل الضغط على اوك‪،‬و ال ختٌار أٌا ً من الخٌارات فى الجزء االٌسر‬ ‫نضغط على الكلمة نفسها من المنتصف حتى ٌظهر لنا اللون األزرق على الخٌار المحدد و تظهر نافذة‬ ‫التحكم للخٌارات الخاصة به‪.‬‬ ‫‪ :Bevel & Emboss‬تقوم بعمل‬ ‫إبراز للشكل من خالل األمر‬ ‫‪ Contour‬و وضع مالمس للشكل من‬ ‫خالل األمر ‪، Texture‬و ٌمكن‬ ‫التحكم فى بروز الشكل للداخل أو‬ ‫للخارج و الزاوٌة أٌضا ً الحظ معى‬ ‫الشكل االٌسر بعد تطبٌق هذٌن‬ ‫االمرٌن علٌه‪.‬‬

‫‪38‬‬


‫‪ :Stroke‬تقوم بعمل إطار للصورة و‬ ‫ٌمكن التحكم فى لونه و مقاسه‪.‬‬

‫‪ :Inner shadow‬تقوم بعمل ظالل‬ ‫داخلٌة للصورة باللون الذى نحدده‪.‬‬

‫‪ :Inner glow‬تقوم بعمل توهج‬ ‫داخلى على الصورة باللون الذي‬ ‫نختاره‪.‬‬

‫‪39‬‬


‫‪ :Satin‬تقوم بإضفاء لون على‬ ‫الصورة ٌمكن التحكم فٌه‪.‬‬

‫‪:Color overlay‬تقوم بإضفاء لون‬ ‫معٌن على الصورة ٌمكن التحكم فى‬ ‫شفافٌته‪.‬‬

‫‪ :Gradient overlay‬تقوم بتلوٌن الشكل بتدرج لونى ٌمكننا اختٌار ألوانه‪.‬‬ ‫‪ :pattern overlay‬تكسو الشكل بنموذج باترن معٌن و ٌمكن اختٌار شكل الباترن الذي نرٌده‪.‬‬ ‫‪:Outer glow‬توهج خارجى ٌتم إضافته للشكل و نختار اللون الذى نرٌده‪.‬‬ ‫‪:Drop shadow‬تضٌف ظالً للشكل أو الكالم‪.‬‬

‫رابعا ً استخدام الفالتر‪:‬‬ ‫ٌتٌح لنا البرنامج مجموعة من الفالتر التى تضٌف تأثٌرات مختلفة على الصور ‪،‬و قد نحتاج للمزٌد فٌتم‬ ‫تحمٌل الفالتر التى نرٌدها من االنترنت و نقوم بوضع ملف الفلتر داخل المسار التالً ‪:‬‬ ‫‪C:\Program Files\Adobe\Adobe Photoshop CS5 (64 Bit)\Plug-ins\Filters‬‬ ‫و بعد وضع الملف داخل المسار السابق فى الجهاز ٌتم استدعاؤه من البرنامج من القائمة ‪Filter‬‬ ‫و من القائمة فلتر ٌمكن اختٌار ‪ Filter gallery‬و التى تضم مكتبة متنوعة تشتمل أكثر من مجموعة‬ ‫من الفالتر ٌمكن تجرٌبها لمالحظة الفرق‪،‬بعضها نحتاجه فى التصمٌم و بعضها قد ال نستخدمه أبداً و‬ ‫ٌمثل هذا الشكل نافذة فٌلتر جالٌرى و صورة مطبق علٌها أحد تأثٌر أحد الفالتر‪.‬‬

‫‪40‬‬


‫‪ :Lens correction‬و هو أحد الفالتر الذى‬ ‫ٌضفى تأثٌر العدسة المحدبة أو المقعرة على‬ ‫الشكل و ٌوضح الشكل التالً صورة تم تطبٌق هذا‬ ‫الفلتر علٌها‪.‬‬

‫‪ٌ:Liquify‬حتوى هذا الفلتر على مجموعة أدوات دعونا نذكرها بالتفصٌل‪.‬‬

‫‪41‬‬


‫تقوم بتضٌ​ٌق حدود الصورة‪.‬‬ ‫‪Forward warp‬‬ ‫‪ Reconstruct tool‬تقوم بإعادة الصورة لوضعها الطبٌعى بعد أن نفذنا بعض التقلٌص على‬ ‫حوافها‪.‬‬ ‫تقوم بتنحٌف المناطق التى تتوقف علٌها و ٌمكن عمل تنحٌف للجسم أو الوجه‬ ‫‪Puker tool‬‬ ‫بتلك األداة‪.‬‬ ‫تقوم بعمل تسمٌن للمناطق التى نحددها‪،‬و ٌمكن عمل تسمٌن للخدود‬ ‫‪Bloat tool‬‬ ‫باستعمالها أو العضالت‪.‬‬ ‫تقوم بالسحب ألجزاء الصورة و تجعلها أشبه برسم كارٌكاتٌر‪.‬‬ ‫‪Push left tool‬‬ ‫تقوم بالتكبٌر و التصغٌر‪.‬‬ ‫أداة العدسة‬ ‫‪ :Oil paint‬تقوم بعمل تأثٌر الصورة المرسومة بألوان الزٌت‪.‬‬ ‫‪ :Blur‬تقوم بعمل تموٌه للشكل و ٌمكن التحكم فى درجة هذا التموٌه‪،‬و تستخدم هذه الصور أحٌانا ً فى‬ ‫اعالنات تصحٌح النظر لتوضٌح الفرق بٌن الرؤٌة قبل و بعد إجراء العملٌة‪.‬‬ ‫‪:Distort‬تقوم بعمل تأثٌر حركة أو مٌل معٌن فى الصور و فٌما ٌلً صورة قبل و بعد عمل فلتر‬ ‫‪ Twirl‬علٌها ‪.‬‬

‫‪42‬‬


‫‪ :Noise‬تقوم بعمل تشوٌش على الصورة‪.‬‬ ‫‪ :Clouds‬فلتر ٌقوم بعمل شكل مزج بٌن األلوان لتعطى تأثٌر السحب و نقوم باختٌار من ‪Render--‬‬ ‫‪ >Clouds‬و فٌما ٌلً تدرج لونى بٌن االبٌض و االزرق تم تطبٌق هذا الفلتر علٌه‪.‬‬

‫‪ Lens flare‬تقوم بعمل تأثٌر إضاءة مركز فى مكان ما بالصورة و نختاره من قائمة فلتر ‪Render--‬‬ ‫‪ >Lens flare‬و فٌما ٌلً صورة توضح تأثٌره‪.‬‬

‫‪43‬‬


‫‪ :Lighting effects‬تقوم بعمل إضاءة على الصورة نستطٌع التحكم فى لونها و مداها‪.‬‬ ‫و بعد أن شرحنا أهم أدوات البرنامج و كٌفٌة التعامل معها سأقدم لكم بعض من األعمال الممٌزة‬ ‫المطروحة على االنترنت لتروا أفكار الغٌر ‪،‬و حتى تكونوا حقا ً متمٌزٌن حاولوا دائما ً رؤٌة الكثٌر من‬ ‫تصمٌمات الغٌر و نقدها حتى ٌكون لدٌكم رؤٌة نقدٌة و تتجنبوا الوقوع فى االخطاء التى مر بها الغٌر و‬ ‫مارسوا التصمٌم بشكل ٌومى لتتقنوا كل االدوات و ٌصبح العمل لدٌكم أمر طبٌعى و هللا الموفق‪.‬‬

‫‪44‬‬


45


46


47


48


49


50


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.