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

تسطيح وتعديل الدرجات اللونية

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

افتح الصورة في الفوتوشوب ثم ضاعف طبقة الخلفية مرتين باستخدام الاختصار CMD+J.

حدّد طبقة النسخة الأولى (أي الطبقة الوسطى) ثم اذهب إلى القائمة:

Filter > Blur > Average

حدّد طبقة النسخة الثانية (أي الطبقة العلوية) ثم اذهب للقائمة:

Filter > Other > High Pass

حرّك المزلاج إلى قيمة 250px.

غيّر خصائص المزج للطبقة الأخيرة إلى Linear Light وذلك للسماح للدرجات اللونية بالتفاعل مع الطبقات التي تحتها.

قد تكون النتيجة متباينة جدًّا لذلك خفف من Opacity لهذه الطبقة حتى تحصل على درجات لونية مشابهة للأصلية.

هذه الخطوات البسيطة ستقوم بتسطيح الصورة وتحويلها إلى خامة قابلة للاستخدام بشكل جيد. تبعًا لطبيعة الخامة قد تحتاج إلى تعديل المستويات Levels و Saturation لإعادة بعض التباين الذي فُقد في الصورة.

تصحيح تشويه العدسة

من المحتمل أن تتأثر صورك بسبب تشويه العدسة التي تعطي الصورة تأثير عين السمكة، إلا إن كنت تستخدم معدات تصوير باهظة الثمن حيث يمكنك اختيار العدسة المثالية لالتقاط الخامة.

اختر تصحيح العدسة Lens Correction من قائمة Filter في فوتوشوب. ستفتح نافذة خيارات Lens Correction.

هناك سلسلة من بيانات نماذج الكاميرات الجاهزة في أدوات تصحيح العدسة. اختر الأقرب إلى نموذج كاميرتك أو انتقل إلى إنشاء بيانات نموذج جديد Adobe Lens Profile Creator لإنشاء بيانات مطابقة لكاميرتك. بكل الأحوال، الخيارات المخصصة تسمح لك بضبط كل شيء يدويًّا من التحريف الهندسي Geometric Distortion إلى المنظور العمودي والأفقي.

ستكون هذه الأدوات مضبوطةً على التحجيم التلقائي Auto Scale بشكل افتراضي ولكن تكبير الصورة سيؤثر على جودتها. لنتائج أفضل اختر الحواف الشفافة وقص الصورة المُصححة يدويًّا بعد ذلك.

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

تحقيق الاستقامة في الخامة

الخامات التي تتضمن الخشب أو الطوب أو القرميد أو أي شيء بنقش خطّي يجب أن تكون دائمًا مستقيمة. قمتُ بذلك يدويًّا عبر سحب دليل من المسطرة وتدوير الصورة حتى تعلمتُ هذه الحيلة البسيطة.

اختر أداة المسطرة Ruler tool من أدوات فوتوشوب. هذه الأداة موجودة ضمن مجموعة أداوت القطّارة Eyedropper.

ارسم خطًّا عبر الصورة باستخدام المسطرة، اتبع أي خط طبيعي بحيث تكون الصورة محاذية له. ثم اذهب للقائمة:

Image > Image Rotation > Arbitrary

زاوية الدوران المطلوبة ستكون موضوعة بشكل سحري وذلك بفضل الخط الذي رسمناه باستخدام أداة المسطرة. اضغط فقط على موافق لتطبيق التدوير.

تحتاج الصورة الجديدة المُدَوّرة إلى قص الحواف الشفافة التي ظهرت كتأثير جانبي لعملية التدوير. اختر أداة القص Crop tool واستبعد هذه المساحات من التحديد.

إنّ تحقيق الاستقامة يعني أن ملف الصورة الكُلّي سيغدو أصغر قليلًا بسبب قص الحواف وهذا سيريح بال المصممين المصابين بالوسواس القهري تجاه الخامة غير المنضبطة.

ترجمة -وبتصرّف- للمقال: 3 Simple Photoshop Tips to Create Better Textures  لصاحبه: Chris Spooner.

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

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

افتح هذه الصورة في فوتوشوب ثم تأكّد من أن المسطرة مُفعّلة، فإن لم تكن مُفعّلة فاضغط Ctrl+R لتظهر المسطرة ثم استخدم أداة التحريك Move Tool من خلال الضغط على المفتاح V واسحب دليلًا من المسطرة العلوية الأفقيّة وضعه على الثلث السفلي من الصورة.

استعن بهذا الدليل وحدّد باستخدام أداة التحديد المستطيل Rectangular Marquee Tool الجزء العلوي من الصورة ابتداءً من الدليل ثم اضغط Ctrl+J لنسخ التحديد في طبقة جديدة ثم اقلب النسخة رأسًا على عقب من القائمة:

Edit > Transform > Flip Vertical

ثم حرّك النسخة أسفل الدليل مباشرة.

الآن اصنع نسخةً عن الطبقة الجديدة ثم اذهب للقائمة:

Filter > Blur > Gaussian Blur

وضع قيمة نصف القطر 5.

ثم نطبّق قناع Mask على هذه الطبقة المموّهة بحيث يكون الجزء العلوي من الطبقة شديد الوضوح على عكس الجزء السفلي.

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

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

وستكون النتيجة بهذا الشكل.

أنشئ طبقة لون فوق كل الطبقات في لوحة الطبقات.

اختر اللون الأزرق ذو القيمة 486eeb من لوحة الألوان.

اجعل خصائص المزج لهذه الطبقة Overlay.

هذا اللون يضفي رونقًا خاصًّا على المشهد الليلي للمدينة. الآن استخدم أداة رسم شكل المستطيل Rectangle Tool وارسم مستطيلًا أسود رفيعًا يقطع الصورة عرضيًّا عند الدليل تمامًا. ثم انقر على هذه الطبقة بالزر الأيمن واختر Rasterize Layer.

ارسم مستطيلًا طوليًّا هذه المرة يبدأ من أعلى الصورة وينتهي عند المستطيل الأفقي بعرض متقارب مع سماكة المستطيل الأفقي.

انسخ هذه الطبقة بالضغط على Ctrl+J ثم وزّع المستطيلات عرضيًّا بشكلٍ متوازن. تُشكّل هذه الأشكال منظر عدّة نوافذ عملاقة تُطلُّ على المدينة.

الآن ضاعف المستطيل العمودي الأوسط (الثاني من اليمين) وحرّك النسخة على يمين الأصل ثم حدّده بالنقر على مُصغّر الطبقة مع الضغط على مفتاح Ctrl ثم استخدم تدرجًّا لونيًّا من الأزرق إلى الأسود مع اختيار الخيَار Reflected من شريط أدوات التدرج اللوني العلوي واجعل التدرج يغطي جزءًّا صغيرًا وسط العمود الأسود.

طبّق تأثير الحدود من ضمن أنماط الطبقة على المستطيل واجعلها حدودًا سوداء قليلة السماكة بقيمة 2.

ضاعف هذه الطبقة الجديدة وحرّك النسخة الجديدة إلى يسار العمود الأوسط الأيمن. تُمثّل الأشكال الجديدة انعكاس إضاءة المدينة على جوانب الأعمدة. ولمنح الواقعية الهندسية على التصميم انسخ طبقتي الانعكاس وحرّكهما إلى جوانب الأعمدة الجانبية مع مراعاة جهة المحاذاة واستخدم أدوات التعديل Transform وذلك بالضغط على Ctrl+T ثم كبّرهما عرضيًّا فقط بشكل طفيف. هذا يمنح المشهد نظرة هندسية واقعية حيث يبدو العمودان في المنتصف مختلفان بالرؤية عن العمودين الجانبيين من حيث زاوية النظر.

حدّد جميع الأعمدة العمودية مع طبقات الانعكاس الخاصة بها من خلال النقر عليها مع الضغط على مفتاح Shift ثم انقر بالزر الأيمن عليها واختر Merge Layers وبذلك يتم دمجها في طبقةٍ واحدة تكون فوق طبقة العمود الأفقي الأرضي. طبّق تأثير الظلال Drop Shadow على طبقة العمود الأفقي الأرضي واجعل لون الظلال أزرق والزاوية -90 درجة وDistance بقيمة 4 والحجم Size بقيمة 7.

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

والآن سنُدرج خيالَ رجلٍ واقفٍ يشاهد منظر هذه المدينة من النافذة، وسنستخدم لأجل ذلك نموذجًا مرسومًا جاهزًا مجانيًّا من موقع Cliparts.co وقد اخترت هذه الصورة وبالتحديد الرجل الثاني من اليسار.

ضعه وسط أرضيّة الغرفة.

طبّق نمط التوهج الداخلي على الرجل Inner Glow بحيث يكون خصائص المزج Normal وقيمة Opacity نحو 70% وبلون أزرق داكن وبحجم 5.

وبذلك يظهر الرجل مع تأثير الإضاءة الزرقاء على حوافه ما يمنح التصميم مزيدًا من الواقعيّة.

اصنع نسخةً عن طبقة الرجل ثم اقلبها عموديًّا وحرّكها أسفل شكل الرجل الأساسي واجعل طبقة النسخة تحت الطبقة الأصل ثم استخدم أداة الممحاة لمسح أطرف الأقدام البارزة من تحت أقدام الأصل في النسخة المعكوسة.

ارسم خطًّا أبيض بسماكة 1 فقط عمودي من طرف الغرفة إلى أسفل الصورة.

ضاعف هذا الخط عدّة مرات ووزّع الخطوط بشكل متساوِ على عرض التصميم.

استخدم أدوات التحويل Transform من الاختصار Ctrl+T على كل خط من الخطوط وامنح كل خط زاوية انحراف بشكل متناظر مع ترك الخط الأوسط عموديًّا.

ارسم خطّين أفقيين وسط الجزء السفلي من الصورة.

أدمج جميع الخطوط في طبقة واحدة ثم خفّف مستوى Opacity لهذه الطبقة الجديدة لنحو 15% حيث تُمثّل هذه الخطوط شكل البلاط في الغرفة.

تعلّمنا في هذا الدرس استخدام تقنيات عديدة في فوتوشوب كأنماط الطبقات، عكس الصور، رسم الأشكال وتحويلها وتعديلها وفي النهاية يتطلب التصميم رؤية هندسية لتحقيق أكبر قدر من الواقعية من حيث زوايا الرؤية.

شاهدت مؤخرًا فيلم Tombstone الذي تم إنتاجه عام 1993 على التلفاز، وهو ما أوحى لي بفكرة تصميم ملصق فيلم عن الغرب المتوحش (فيلم ويسترن). اتبع الخطوات في هذا الدرس لتتعلم كيفية تصميم مُلصق بأسلوب جرونجي عن الغرب المتوحش، لاحظ أنّ عملية التصميم بكاملها من البداية وحتى النهاية عبارةٌ عن تلاعب بالصور والمواد للحصول على النتيجة النهائية.

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

افتح صورةً لورقة قديمة متّسخة في الفوتوشوب كقاعدة للملصق. اضغط CMD+Shift+U لإشباع الألوان ثم CMD+I لعكس الألوان فيصبح لدينا خامة داكنة. أخرج الأدلّة لتحديد منتصف الصورة وهوامش المنطقة الآمنة قرب الحواف.

ابحث في مخزن الصور عن صورة جمجمة بشرية وافتحها في الفوتوشوب. سنقوم بتحديد وعزل هذه الصورة عن الخلفية السوداء عبر استخدام أداة العصا السحرية Magic Wand too.

أشبع ألوان هذه الصورة واضبط مستوياتها لزيادة مستوى التباين.

انتقل إلى لوحة القنوات Channels واضغط على مفتاح CMD أثناء النقر على مُصغّر أي قناة لتحميل التحديد. اضغط CMD+C للنسخ.

ألصق التحديد داخل المستند الرئيسي. إن تحديد القناة يمنح تأثيرات رائعة حيث أنها تحدد الإضاءات highlights فقط وبذلك تظهر الجمجمة مندمجة تمامًا مع الظلام.

ابحث في مواقع الصور عن قبعة راعي بقر بحيث تكون بزاوية صحيحة وقُصّها باستخدام أداة القلم Pen tool.

ألصق القبعة المقصوصة داخل المستند الرئيسي واضبط حجمها لتتناسب مع الجمجمة. اضبط Opacity بحيث ترى الخطوط الخارجية للجمجمة ثم احذف المناطق الزائدة حتى تتلاءم القبعة مع شكل الجمجمة.

أشبع ألوان القبعة واضبط مستوياتها حتى تمتزج تمامًا مع درجات ألوان الجمجمة.

الصورة التالية في مجموعتنا ستكون لمسدس حربي قديم. يمكن إيجاد هذه الصورة في موقع Wikimedia Commons برخصة المشاع الإبداعي. قص المسدس باستخدام أداة القلم Pen tool وألصقها داخل المستند الرئيسي.

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

أضف ظلالًا كثيفة للمسدسات بحيث تبدو بعيدة عن الخلفية.

افتح صورة الدخان في خلفية سوداء. أشبع ألوان الصورة ثم بدّل خصائص المزج إلى Screen لتحويل الخلفية السوداء إلى شفّافة.

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

حدّد يدويًّا صورة الجمجمة ثم احذف التحديد من طبقة أوراق اللعب. لأن الجمجمة تم إلصاقها كقناة لذلك لا نستطيع تحميل التحديد ببساطة.

غيّر خصائص مزج طبقة أوراق اللعب إلى Vivid Light عند 30% لمستوى Opacity. إنّ Vivid Light بشكل خاص تُكثّف طبع الطبقة مع خامة الخلفية وتجعل الأوراق ملاءمة أكثر للمشهد العام للتصميم.

الصورة الرئيسية أصبحت جاهزة وسنُضيف العنصر النصّي عليها. اكتب عنوان الفيلم بالخط المناسب. أنا استخدمت هنا خط Clarendon Condensed.

إنّ استخدام نوعية خطوط Slab-erif والتي تتميز بكونها خطوط عريضة ومناسبة لهذا النوع من الملصقات يهدف إلى صناعة ملصق شبيه بملصقات المجرمين المطلوبين للعدالة.

استخدم العارضة الوسطى في حرف H كدليل لرسم خط عرضي بذات السماكة ولوّنها بالأبيض واصنع نسخة عن هذا الخط أسفل العنوان.

حمّل تحديد القبعة واحذف أجزاء النص المتداخلة عبره.

استخدم فرشاة الجرونجي المناسبة لتطبيقها على النص لمنحه جو الجرونجي العام للتصميم.

أضف ظلالًا كبيرة تحت النص بالكامل وتأكّد من أن خيار Choke في أعلى قيمة له لصُنع تأثير ظلال مسطّح.

أضف شعارًا نصّيًا أسفل الملصق لإنهاء التصميم.

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

حدّد الجميع ثم انسخها مدمجة Copy Merged وألصقها كطبقة جديدة فوق التصميم. اذهب إلى القائمة

Filter > Other > High Pass

واضبط الإعدادات حتى تكون التفاصيل بالكاد ظاهرة عبر الخلفية الرمادية. عدّل خصائص مزج هذه الطبقة إلى Linear Light عند 70% من Opacity لجعل التفاصيل تبرز من الصورة.

وبهذا ننتهي من تصميم هذا الملصق لفيلم الغرب الجرونجي. إنّ الدمج البسيط للصور يؤدي إلى نتائج رائعة بينما التلاعب بالخامات يساعد على دمج التصميم بدرجات ألوان مذهلة.

ترجمة -وبتصرّف- للمقال: Design a Grungy Western Movie Poster in Photoshop لصاحبه: Chris Spooner.

سنتعلم في هذا الدرس كيف نرسم التصميم العام لموقع معرض أعمال أنيق وجميل بواسطة برنامج فوتوشوب وباستخدام تأثيرات مختلفة وأساليب المزج وأنماط الطبقات.

يتمتع الموقع الذي سنصممه بالأناقة والبساطة بذات الوقت وسيجذب رأس الصفحة المتناقض اهتمام المستخدمين. من ناحية أخرى فإن الفكرة هي الأناقة مع أسلوب طباعة كبير وتفاصيل خفيفة في عناصر الواجهة. بعد الانتهاء من التصميم وتجهيز ملف PSD يمكنك الذهاب إلى الدرس التالي لتتعلم كيفية برمجة وترميز التصميم باستخدام HTML و CSS.

افتح ملفا جديدا على فوتوشوب. أنا اميل إلى العمل بأبعاد 1680×1050 للحصول على فكرة عما سيبدو عليه موقع الإنترنت في الشاشة العريضة. لوّن الخلفية باللون الرمادي الفاتح كلون الكْرِيم وطبّق فلتر noise من قائمة الفلاتر بقيمة 2%.

بالزر الأيمن حوّل transform التحديد إلى 960px ثم ارسم أدلة لتحديد المركز والجوانب.

استخدم أداة المستطيل مستدير الزوايا rounded rectangle لرسم منطقة المحتوى ولكن اترك حواف بقيمة 10px بعيدة عن الأدلة للسماح بظهور تأثير الظلال Drop Shadow التي سنضيفها لاحقًا.

ألصق شعارك في مركز التصميم.

استخدم أداة المستطيل مستدير الزوايا rounded rectangle tool لرسم زر في منطقة رأس الصفحة. غيّر خصائص المزج إلى Overlay للسماح بظهور الخامة الضمنية من خلال هذا الزر.

أضف ظل داخلي رقيق لإعطاء الانطباع بأنه محفور داخل الأرضية. المفتاح هو تخفيف opacity نحو 10%.

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

انقر مع الضغط على مفتاح CMD أو Ctrl على مُصغّر منطقة المحتوى البيضاء ثم اسحب مع الضغط على مفتاح ALT عبر الجزء السفلي مع أداة marquee tool لترك تحديد قصير. لوّن هذه المنطقة باللون الأسود.

افتح نافذة نمط الطبقة من أجل هذه الطبقة وأضف نقش متراكب. استخدمتُ هنا نمط الآيفون4 خامة القماش من Dr.Palaniraja.

ارسم حدود رفيعة 4px عبر أسفل منطقة رأس الصفحة ولوّنها بالرمادي الفاتح.

استخدم التدرج اللوني من الأسود إلى الشفافية لرسم ظلال قصيرة على طول حافة أسفل منطقة رأس الصفحة. خفف opacity لنحو 10%.

استخدم خط Georgia لكتابة عنوان تقديمي أنيق في منطقة رأس الصفحة. أضف لمسة من الظل الفاتح شبه الشفاف إلى الحروف.

ارسم زر باستخدام أداة المستطيل مستدير الزوايا rounded rectangle ثم استخدم نافذة نمط الطبقة لتجميل الزر. ابدأ مع تدرّج لوني مع الرمادي الداكن والفاتح القريب من ألوان أرضية منطقة رأس الصفحة.

أعطي الزر مظهرًا مشطوفًا عبر التلاعب بالتوهج الداخلي Inner Glow بحدود رمادية فاتحة ثم أضف حدودًا رمادية داكنة بقيمة 1px.

أكمِل تصميم الزر عبر إضافة النص واضبط الإعدادات لتأثير الظلال لإنشاء مظهر الإقحام داخل الأرضية.

ألصق مثال عن عمل تصميم موقعك في رأس الصفحة. اصنع تحديد من منطقة رأس الصفحة ثم أضف قناع الطبقة لقص لقطة الشاشة على حجم الملف.

أضف ظل Drop Shadow باستخدام تأثير أنماط طبقات الفوتوشوب ثم بالزر الأيمن اختر إنشاء طبقة Create Layer. استخدم خاصية الالتواء من ميزات التحول لثني الظل للخارج. خفف Opacity لمنحه مظهرًا وقعيًا.

استخدم أسلوب الطباعة من رأس الصفحة في منطقة المحتوى الرئيسي ودوّن نسخة الجسم الرئيسي بواسطة خط sans-serif الكبير الجميل.

ارسم مستطيل رمادي كقاعدة لمعاينة عنصر معرض الأعمال ثم اصنع زر مستطيل مستدير الزوايا بظلال داخلية.

أكمل عنصر معرض الأعمال بمصغّر يبدأ بعرض المشروع ثم أضف نص الرابط مستخدمًا نمط النص في أزرار القائمة.

اجمع Group وضاعف العناصر التي تمثل معرض الأعمال ووزعها بشكل صحيح مع استبدال الصورة المصغرة التي ستبرز آخر أعمالك.

أكمل منطقة أسفل الصفحة بملاحظة حقوق النشر والرابط لأعلى الصفحة. فكرة الصفحة الرئيسية اكتملت الآن لذا دعونا نصمم الصفحات الداخلية.

ضاعف ملف PSD وأطلق عليه اسم About. الصفحات الداخلية لا تحتاج إلى منطقة رأس كبيرة ولكن يمكننا أن نستخدم هذه المساحة لإظهار عنوان الصفحة. صغّر حجم منطقة رأس الصفحة.

اضبط النص في رأس الصفحة لتقديم الصفحة. في هذه الحالة صفحة About ستكون بعنوان "About Chris Spooner" أو قد تكون فكرة جيدة لو استخدمت اسمك.

ألصق نسخة جسم الصفحة لتملأ منطقة محتوى صفحة About. لا تنسَ أن تترك مساحة لوضع صورتك الشخصية.

صفحة معرض الأعمال يمكن أن تصمم من خلال مضاعفة عناصر معرض الأعمال واستبدال المصغّرات بتصاميم مشاريعك.

املأ الصفحة بعناصر معرض الأعمال المختارة. بما أننا بنينا هذا الموقع بنمط WordPress فسيكون علينا إنشاء مشاركة مدونة لكل من عناصر معرض الأعمال.

استخدم مجموعة مختلفة من المستطيلات مستديرة الزوايا لتنسيق نموذج الاتصال في صفحة الاتصال ثم أدرج مجموعة من الأيقونة التي تمثل مواقع التواصل الاجتماعي المفضلة لديك.

لا تنسَ أن تقرأ الدرس التالي لتتعلم كيف تحول ملف PSD هذا إلى موقع Html وCSS كامل.

ترجمة -وبتصرّف- للمقال: How To Build a Stylish Portfolio Web Design Concept لصاحبه Chris Spooner.

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

التصميم الذي عملتُ عليه يضم جنديًّا يقف في شوارع حرب مانهاتن الطاحنة. العنوان "Fight for your Freedom" (حارب من أجل حريتك) يعطي تصوّرًا عن موضوع سيناريو الكتاب القصصي. بكل الأحوال منحتُ التصميم مظهر جرونجي (الجرونج هو أسلوب تصميم معروف) مع ألوان باردة والكثير من الخامات القاسية.

للبدء بالعمل على مجموعة الصور علينا أولًا أن نجد المصدر المناسب لهذه الصور. لقد استخدمت المكتبة المجانية من DeviantArt من أجل الحصول على صور رائعة للجندي، وحصلت على معظم الغيوم والدخان من مجموعة freeimages.com المجانية ومجموعة ThinkStockPhotos الكاملة لباقي الصور اللازمة للتصميم.

الصورة الرئيسية هي شارع مانهاتن. إن المشهد المثلج مثالي لإظهار التأثير البارد للتصميم حيث تبدو الأبنية ضبابية وهطول الثلوج يساعد على منح الشعور بحطام الأبنية الذي يصدر عنه الدخان. 

طبعًا لا نحتاج إلى إشارات المرور الضوئية وسط اللقطة، لذا استخدم أداة النسخ Clone tool لمسح السارية الحاملة لها.

انسخ جزء من السماء المُثلِجَة وألصقه فوق الإشارات الضوئية. اضبط المستويات Levels لتُطابق درجة الألوان ثم امسح الحواف باستخدام فرشاة ناعمة لتمزج بين الجزء المُصَحّح والصورة الأصلية.

سننتقل الآن إلى صورة موقع الهدم وسنبدأ برسم مسار حول كومة الأنقاض بأداة القلم Pen tool. لسنا بحاجة لأن تكون الحدود الخارجية للكومة دقيقة لأننا سنقوم بالدمج والمزج لاحقًا مع الصورة الخلفية.

استخدم أداة الضبط Hue/Saturation لضبط درجة ألوان الأنقاض مع الخلفية. ومع تطبيق درجة كبيرة من عدم التشبع اللوني ستجعل الصورتين متطابقتين بالدرجة اللونية إلى أبعد درجة.

احفظ وافتح صورة الجندي من مجموعة Nemesis-19 أحد أعضاء موقع DeviantArt. ارسم مسارًا بدقة حول الجندي بواسطة أداة القلم Pen tool ثم اضغط بالزر الأيمن لتحوّله إلى تحديد Make Selection. انسخ وألصق هذا التحديد في المستند الرئيسي الذي نعمل عليه.

إن الإضاءة المطبّقة على الجندي والتي كانت داخل غرفة لا تتطابق مع مستويات الإضاءة الخارجية للشارع الذي نعمل عليه لذلك افتح نافذة توازن الألوان Color Balance بالضغط على CMD+B ثم اضبط مستوى Shadows و Midtones و Highlights. ولتصحيح الألوان قم بزيادة قيمة الدرجة اللونية للسماوي والأزرق.

افتح نافذة المستويات Levels واضبط مستويات الإضاءة لزيادة سطوع الصورة ثم استخدم أداة Dodge tool لإضافة المزيد من السطوع على منطقة وجه الجندي.

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

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

ألصق نسختين إضافيتين من صورة الدخان واجعل كل واحدة في موقع مختلف. سيساعد الدخان/الضباب على تمويه موقع الأقدام وتدمجها مع المحيط بشكل طبيعي أكثر.

درجة ألوان الساقين باهتة جدًّا بالمقارنة مع الخلفية لذلك أضف طبقة ضبط المستويات Levels لتزيد قتامة الصورة. استخدم طبقة قناع Mask على طبقة المستويات لتحديد تأثير المستويات وجعلها تؤثر فقط على القدمين وأسفل الساقين.

أضف طبقة قناع Mask لطبقة الأنقاض واستخدم فرشاة ناعمة لتمسح بدقة الحواف القاسية. هذا يساعد على دمجها مع الضباب وإخفائها في الخلفية.

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

أضف عنوان من اختيارك إلى التصميم. وقد قمت بتعديل مقاس عرض النص هنا ليكون متساويًا لكامل النص.

أضف طبقة قناع Mask لطبقة النص وابدأ باستخدام مختلف الفراشي عليها. أنا استخدمت نوعين من فرش الجرونج من موقع WeFunction وحزمة بقع الحبر من WeGraphics.

ألصق خامة جرونجي كهذه الخامة من LostandTaken واضبط المستويات Levels لتضيف المزيد من التباين. وغيّر خصائص المزج لهذه الطبقة إلى Linear Burn عند 50%.

املأ طبقة جديدة باللون الأزرق 43586e ثم غيّر خصائص مزجها إلى Overlay. هذا سيمنح التصميم تأثير بارد وأزرق غريب لإضافة النمط الدرامي إليه. أضف لطختين من اللون الأزرق الفاتح واضبطهما على Soft Light لإضافة بعض الاختلاف في اللون والنغمة.

أضف بعض اللطخات السوداء في أنحاء متفرقة في التصميم لجعل بعض المناطق داكنة وتضيف اختلافًا آخر للألوان. واضبط هذه الطبقة على Soft Light عند 60%.

لقد انتهينا من ضبط الألوان والآن اضغط CMD+A لتحديد الكل ثم اضغط CMD+Shift+C لتنسخها مندمجة. ألصق النسخة في أعلى لوحة الطبقات ثم اذهب للقائمة:

Filter > Other > High Pass

اضبط المزلاج حتى تصبح تفاصيل التصميم بالكاد يمكن رؤيتها من خلال الخلفية الرمادية.

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

الصورة النهائية اكتملت الآن.

المجموعة الأساسية للصور المختلفة تُشَكّل البنية الأساسية للتصميم، ولكنها أصبحت حيوية فعليًّا عندما بدأنا نضيف بعض الظلال اللونية والتأثيرات اللونية. الأزرق البارد والخامات القاسية هي حقيقة منحت التصميم شعور الحرب المدمرة الدراماتيكية.

ترجمة -وبتصرّف- للمقال: How To Create a Dramatic Action Scene in Photoshop لصاحبه Chris Spooner.

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

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

أنا لست مصورًا فوتوغرافيًّا ولست رحالة أو مستكشف لذلك لا أملك الكثير من الصور ولكن هناك العديد من المصورين المغامرين اللذين يشاركون صورهم ويسمحون للآخرين بتحميلها واستخدامها. هذه الصورة بالتحديد اسمها الهدوء والطمأنينة من موقع FreeImages.

السماء والغيوم في الصورة الأصلية تبدو جميلة وهادئة بما يتلاءم مع اسم الصورة ولكننا سنُدخِل كثافة فائقة عليها. استخدم أداة القلم Pen tool لرسم مسار دقيق على حواف الجبال في الصورة.

انسخ الجبال إلى طبقة جديدة واملأ الخلفية باللون الأسود.

ابحث في مخزن صور عن صورة لغيوم عاصفة وألصقها في المستند. ضع صورة السماء الجديدة في طبقة تحت طبقة الجبال وقم بإخفاء حقل الأعشاب من المشهد.

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

ارسم بقعًا بسيطة بيضاء بالفرشاة الناعمة على السماء لتغطي الفجوات بين الغيوم.

غيّر الطبقة إلى Overlay لمنحها انطباعًا عن أشعة الشمس البراقة خلف الغيوم. خفف قيمة Opacity إلى 70% لتخفيف التأثير.

اضبط الإعدادات للفرشاة الدائرية القاسية لتفعيل الحجم المتذبذب ثم أضف بقعًا مختلفة القياسات في السماء.

اذهب إلى القائمة:

Filter > Blur > Motion Blur

اضبط الزاوية إلى 60 درجة. خفف المسافة distance لتحول البقع الأساسية إلى أشعة ضوء ثقيلة.

غيّر خصائص المزج لطبقة أشعة الضوء إلى Soft Light لتتفاعل الألوان مع ألوان السماء وخفف Opacity لزيادة حدة الأشعة.

مقدمة الصورة داكنة على عكس الخلفية ولكننا سنبدل ذلك بالرسم بكثافة بفرشاة ناعمة بيضاء فوق منطقة المقدمة.

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

افتح صورة سرب الطيور واضغط CMD+Shift+U لتَشبُّع الألوان. افتح نافذة المستويات Levels واستخدم أداة ماصة الألوان eyedropper لتعيين النقطة البيضاء لعزل الطيور.

ألصق صورة الطيور في المستند وغيّر خصائص المزج إلى Multiply لجعل المناطق البيضاء شفافة. غيّر حجم وموضع صورة الطيور في المشهد لتضيف لمسة إضافية من التفاصيل.

حدد الكل CMD+A ثم استخدم الاختصار CMD+Shift+C لتنسخ جميع العناصر مدمجة. ألصق هذه النسخة في طبقة جديدة ثم أضف تأثير High Pass من القائمة:

Filter > Other > High Pass

اضبط القيمة على 1.5px حتى تظهر التفاصيل باللون الرمادي في شاشة المعاينة. غيّر خصائص المزج إلى Hard Light عند 50% لزيادة سطوع التفاصيل الدقيقة في الصورة.

ألصق نسخة أخرى من الصورة ولكن هذه المرة غيّر خصائص المزج إلى Overlay لإضافة التعديل الأخير للتباين العام والكثافة العامة. خفف من التأثير بضبط Opacity على 30%.

قم بإنهاء الصورة بإضافة الحدود المناسبة عبر إضافة حدود بيضاء بقياس 3px لطبقة جديدة ثم ضع خصائص المزج على Overlay.

أضف لمسة أخيرة على الصورة عبر نص كعنوان. اختر الخط المناسب وامزج النص مع الخلفية بمزيد من تأثيرات التغطية Overlay.

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

ترجمة -وبتصرّف- للمقال: How To Intensify Your Landscape Photos in Photoshop لصاحبه Chris Spooner.

بعد أن قمنا بتصميم الانعكاس المائي لشعار الأكاديمية في الدرس السابق سنقوم اليوم برفع علم الأكاديمية عبر تصميم العلم القماشي لأكاديمية حسوب بواسطة برنامج الفوتوشوب. الخطوات سهلة وبسيطة تابعوها خطوة خطوة. في البداية يجب أن نعلم أن نواة هذا الدرس هو تأثير (مُرشّح Filter) يدعى Displace ولتطبيق هذا التأثير سنحتاج إلى ملفين فوتوشوب الأول سيكون عبارة عن أساس القماش الذي سيأخذ العلم شكله الفعلي والثاني هو رسم العلم الأساسي البسيط. نبدأ أولاً مع الملف الأول حيث قمت بتحميل صورة قماش من بحث جوجل وحملت هذه الصورة المجانية.

سنقوم بتعديلها لتصبح مناسبة لتطبيق التأثير وأفضل حالات الصورة لمثل هذا الفلتر هو تدرجات الرمادي مع مستويات معينة.
اذهب للقائمة

Image > Adjustments > Desaturate

أو بالضغط على Ctrl+Shift+U لتحقيق نفس النتيجة حيث سنجرّد هذه الصورة من ألوانها ونحافظ على تدرجات الرمادي فيها فقط.

والآن احفظ الملف بإسم "قماش.PSD” وانتبه حيث يجب أن يكون الملف بتنسيق PSD.
وبهذا ننتهي من الملف الأول.
وسنبدأ بالملف الثاني والذي سنرسم فيه العلم. طبعًا بإمكانكم اختيار أي علم جاهز لأي دولة أو فريق رياضي أو غيره كما تشاؤون.
لنفتح ملف جديد بحجم 500×300.

سنرسم مستطيلين عرضيين بأي لون تشاء ولكنني اخترت اللون (00c9a5) وسنترك اللون الأوسط باللون الأبيض.

سندرج شعار الأكاديمية في الوسط كما في الصورة.

قم بدمج جميع الطبقات وذلك من القائمة:

Layer > Flatten Image

ثم ضاعف هذه الطبقة وحدد الطبقة الجديدة لتنفيذ التأثير عليها. والآن اذهب للقائمة:

Filter > Distort > Displace

فتظهر لنا أدوات هذا الفلتر، سنضع القيم والإعدادات كما في الصورة.

وبعد الضغط على Ok سيفتح نافذة لتحديد الملف فقم باختيار ملف "قماش.PSD” ثم اضغط موافق.
وستكون النتيجة بعدها بهذا الشكل:

الآن قم بإدراج ملف "قماش.PSD” على ملفنا الحالي ليكون طبقة جديدة.
ثم غيّر خصائص المزج لطبقة القماش إلى Hard Light لترى هذه النتيجة.

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

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

وسنحتاج إلى صورة تمثل علم منصة مستقل وهو عبارة عن شعار الموقع.

سنفتح ملف فوتوشوب جديد بنفس الحجم السابق لملفاتنا 500×300 وستكون الخلفية شفافة.

سنضع صورة القماش في أقصى الزاوية العليا اليسرى.

حدد طبقة القماش واذهب للقائمة:

Image > Adjustments > Desaturate

ملاحظة: إذا لم تكن خيارات القائمة مفعّلة فانقر بالزر الأيمن على الطبقة واختر Rasterize Layer.

احفظ الملف بإسم "قماش2.PSD” ثم أغلق الملف.
من جديد لنعد إلى ملف العمل الأصلي. وسنقوم بإدراج الملف "قماش2.PSD” كطبقة جديدة فوق جميع الطبقات.

والآن أضف صورة شعار مستقل كطبقة جديدة فوق الجميع.

اضغط Ctrl+T لنتمكن من تحويل الصورة كما نشاء ثم عدّل من زاوية الشعار وموضعه ليكون بزاوية 45 درجة تقريبًا وفي أقصى الركن فوق طبقة القماش الجديدة تمامًا.

مع الضغط على Ctrl انقر على طبقة القماش الثانية لتحدد مساحة القماش تمامًا.

 حدد طبقة شعار مستقل ثم اذهب للقائمة:

Select > Invert

وذلك لتعكس التحديد ويشمل التحديد الجديد كل مساحة العمل باستثناء القماش الجديد. انقر Delete لحذف الأجزاء الإضافية من الشعار الخارجة عن إطار القماش.

اذهب للقائمة:

Filter > Distort > Displace

وحافظ على ذات القيم الموضوعة ثم اختر ملف "قماش2.PSD”.
ستحصل بعض الإزاحة في صورة الشعار قم بتحريكها لإعادتها إلى مكانها.
الآن اسحب طبقة القماش الجديدة وضعها فوق طبقة الشعار وغيّر خصائص المزج لها إلى Hard Light.

خفف قيمة Opacity إلى 80%.
بقي لنا أن نضيف ظلالًا للقماش الجديد فوق القديم.
ضاعف طبقة شعار مستقل واسحب الطبقة الجديدة لتصبح تحت القديمة مباشرة ثم انقر على زر Add a Layer Style أسفل لوحة الطبقات واختر Stroke وأدخل القيم التالية كما في الصورة:

ثم انتقل إلى Color Overlay وأدخل القيم كما في الصورة أيضًا:

سنقوم الآن بالنقر بالزر الأيمن على هذه الطبقة ونختار Rasterize Layer Style ثم اذهب للقائمة:

Filter > Blur > Motion Blur

أدخل القيم التالية كما في الصورة:

اسحب طبقة الظلال هذه إلى تحت طبقة القماش الأولى ثم اذهب للقائمة:

Filter > Distort > Displace

واختر ملف القماش الأول:

خفف قيمة Opacity إلى 80%.

يمكن تحميل ملفات الدرس من هنا.

إن للفلاتر استخدامات هائلة وفلتر Displace ماهو إلا أحد هذه الفلاتر الرائعة وقد شاهدنا تأثيراتها المذهلة على انعكاس المياه في الدرس السابق وعلى الأقمشة وثنياتها في هذا الدرس.
قوموا بتجربة هذا الدرس وشاركوا تجاربكم عبر التعليقات في الأسفل.

والآن حان دورك. اختر علمًا ترغب في تنفيذ هذا الدّرس عليه، وارفع النّتيجة النّهائية في التّعليقات لنُشاهدها.

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

يتميز عملنا الفني باستخدامنا لصورة سماوية لمدينة، والتي سنقوم بعمل تغييرات على ألوانها وأيضا استخدام خامة texture لنحصل على تصميم لملصق أو مجلة يظهر وكأنه من حقبة السبعينيات.

بداية سنحتاج إلى صورة تكون أساس تصميمنا. صور المناظر الطبيعية أو الخاصة بالمدن تعتبر من أشهر الصور المستخدمة في هذا النمط من التصاميم الفنية. بالنسبة لي فقد اخترت صورة لمدنية لوس أنجلس في فترة المساء.

نُحدد خاصية التعديل على مستويات الطبقة Adjust the levels ونقوم بضبط المنحنى كما هو موضح في الصورة وذلك حتى نضيف بعض التباين لها.

نضغط على الاختصار CMD+A لتحديد الصورة كاملة، ثم ننقر على CMD+Shift+C لنسخها ووضعها في طبقة جديدة، ونتبع المسار التالي:

 Filter > Other > High Pass

نعدل قيمة radius إلى أن تصبح تفاصيل الصورة مرئية على الخلفية الرمادية.

نُغيّر نمط الطبقة من high pass إلى Linear Light لجعل الصورة أكثر وضوحا. ستجد أن الفرق رائع بين النتيجة التي تحصلنا عليها والصورة الأصلية.

في هذه الخطوة نقوم بتعديل منحنيات الطبقة باختيار الخاصية Curves adjustment وذلك للتعديل على ألوان الصورة وخلق تأثيرات عليها تجعلها تبدو قديمة. نعدل على المنحنى الأحمر ليظهر لنا على شكل حرف s، نعدل أيضا على المنحنى الأخضر قليلا أما المنحنى الأزرق فنحاول زيادة الظلال عليه.

نستخدم الأداة Elliptical Marquee tool لرسم تحديد حول الأفق الرئيسي للصورة، بعدها ننسخ ونلصق الجزء الذي قمنا بتحديده ونضعه في طبقة جديدة.

نستخدم الخطوط التوجيهية لتحديد مركز الصورة ثم نحرك الدائرة التي قمنا بتحديدها سابقا لتغطية جزء من الخلفية.

نضغط على المفتاح Ctrl) CMD  لمستخدمي ويندوز) ثم على الرمز المصغر للدائرة الموجود على الطبقة لإظهار الخيارات. نضيف خاصية التعديل على الطبقات Curves adjustment layer ونُعدّل على المنحنى أكثر لنحصل على ظلال حمراء تبرز على الدائرة والخلفية.

نستخدم فرشاة كبيرة ناعمة لتوزيع بعض النقاط الحمراء على حواف التصميم في طبقة جديدة، ثم نخفض قيمة الشفافية إلى 50% لعمل بعض التأثيرات الضوئية وخلق النمط trendy retro.

نضيف قناع Mask لطبقة الدائرة ثم نستخدم فرشاة صغيرة لحذف بعض الأجزاء الخارجة عن الصورة وبهذا نكون أنهينا أول تأثير يجعل الصورة تبدو قديمة.

نقوم بتحميل الخامة التالية:

ونضعها في طبقة جديدة تكون في الأعلى مع تغيير نمطها إلى Color Burn.

نضيف طبقة جديدة نضعها أعلى طبقة High Pass ونملأها باللون الأبيض ثم نغير نمطها إلى Soft Light لزيادة إضاءة الخلفية وخلق تأثير باهت washed out effect عليها.

نحمل الخامة noise texture التالية:

ونضعها في طبقة أعلى باقي الطبقات ثم نغير من نمطها إلى Screen لجعل الجزء الأسود شفافًا.

نقوم بملأ طبقة جديدة بلون أزرق خفيف نحدده من صورة الخلفية، ثم نغير نمطه إلى Pin Light لإضافة اللون إلى مجموعة الظلال. نضيف قليلا من اللون الأزرق إلى الأجزاء السوداء لخلق تأثيرات على التصميم تجعله يبدو قديما.

نستخدم الأداة Polygonal Lasso tool لرسم تحديد مثلثي على التصميم ثم ننسخه (CMD+Shift+C) ونلصقه مع تحريكه قليلا من مكانه الأصلي.

نكرر نفس العملية لخلق تصاميم أخرى وبشكل عشوائي.

ننهي تصميما بإضافة رقم وسط الدائرة، ثم نختار له الأزرق الغامق نحدده من الجزء الأسود من تصميمنا.

نضيف قناعًا layer mask للطبقة الموجود عليها الرقم ثم نستخدم الفرشاة لحذف أجزاء منه حتى يتناسب مع المظهر القديم للتصميم.

وهذه هي الصورة النهائية لهذا الدرس:

ترجمة وبتصرف للمقال Create a Trendy Retro Cityscape Design in Photoshop لصاحبه Chris Spooner.

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

في درسنا هذا سنستخدم برنامج فوتوشوب Photoshop لعمل تلك التأثيرات الكلاسيكية بشكل رقمي عن طريق استخدام خاصية Color Balance adjustments وعمل تعديلات لونية وأيضا خلق نفس التدرجات الزرقاء والصفراء.

استخدامنا لتأثير لوني بني داكن سيضيف للصورة مظهرًا كلاسيكيًا برتقاليًا/بني اللون وبالتالي فإن النتيجة التي سنحصل عليها ستكون أكثر دفئا ونعومة من استخدمنا للتأثير اللوني الأبيض والأسود. وعلى الجانب الآخر فإن استخدام تقنية Split toning ينتج عنه تأثيرات تجعل الصورة أكثر وضوحا عن طريق خلق تركيبات لونية مميزة.

من أشهر التقنيات المستخدمة في معالجة الصور نجد تقنية تفتيح الأجزاء المُضاءة باستخدام اللون البني الداكن، ثم معالجة الأجزاء المضللة باستخدام selenium لخلق مزيج حاد بين اللونين الأزرق والأصفر فينتج لنا تأثير باهت على الصورة. تعتبر هذه التقنية مناسبة لصور الأماكن المهجورة أو المناطق الحضرية. وهذا مثال لذلك النوع من التأثيرات مطبق على صورة لصديق لي

تأثير Sepia/Selenium split سيظهر بشكل جيد لو تم تطبيقه على صورة لمناطق خالية أو معزولة لإعطائها بعض الأجواء القاتمة. في درسنا هذا سنستخدم صورة من ذلك النمط والتي قام بالتقاطها صديق لي.

الغرض من تعتيم الصورة الفوتوغرافية هو إضافة بعض الألوان إلى الصورة البيضاء والسوداء قبل إضافة الألوان المتاحة على الشريط. لذلك فإن أول خطوة سنقوم بها باستخدام فوتوشوب هو تحويل صورتنا الرقمية الحديثة إلى صورة أحادية اللون.

أفضل طريقة لفعل ذلك دون أن نفقد جودة الصورة هو عن طريق الضغط على زر New adjustment layer الموجود أسفل لوحة الطبقات، ثم نحدد الخيار أسود وأبيض Black & White.

نضيف خاصية Adjustment Layer مرة ثانية ونحدد الخيار Color Balance. هناك أيضا طرق أخرى لتغيير ألوان الصورة مثل خاصية Gradient Maps أو خاصية Curves adjustments. إلا أن الخيار Color Balance يُعتبر الأسهل لتحديد قيم الألوان كاللونين الأزرق السماوي والأصفر

نتأكد من أننا حددنا خانة الحفاظ على اللمعان Preserve Luminosity، بعدها نُحدّد الخيار Shadows للخاصية Tone.

نزيد من قيمة اللونين الأزرق السماوي Cyans والأزرق العادي لخلق التأثير Selenium effect عن طريق سحب المؤشر وتحديد القيمة 30 للأزرق السماوي و40 للأزرق العادي.

بعدها نحدد الخيار Highlights، ثم نغير المؤشر لإظهار اللون البني الداكن أي نحدد قيمة اللون الأحمر 25 والقيمة 35 للون الأصفر.

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

أنهينا عمل التأثير اللوني الغامق split toning، لكني دائما أحب أن أجعل الصورة أكثر وضوحا وأيضا أن استخدم المُرشّح High Pass filter. ننقر على CMD+A لتحديد الصورة كاملة ثم نتبع المسار:

Edit > Copy Merged

ونلصق نسخة الصورة في طبقة جديدة تكون أعلى باقي الطبقات.

نتبع المسار:

Filter > Other > High Pass

ثم نعدل على المؤشر إلى غاية ظهور تفاصيل الصورة على الخلفية الرمادية.

نُغيّر نمط الطبقة من high pass إلى Linear Light ثم نخفض قيمة الشفافية إلى 30% للتخفيف من درجة التأثير فتبدو الصورة طبيعية أكثر.

حين نستخدم التأثير اللوني sepia/selenium split فإننا نغير جميع ألوان الصورة إلى اللونين الأزرق والأصفر بالإضافة إلى إنشاء تأثير لوني قاتم والذي سيعزز هذا النمط خصوصا إذا استخدما صورًا لأماكن مهجورة.

ترجمة -وبتصرف- للدرس: How To Give Your Photos a Gloomy Split Toning Effect لصاحبه: Chris Spooner.

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

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

سنحتاج في البداية إلى حفظ الصور في مجلّد واحد، وبعد القيام بذلك افتح برنامج الفوتوشوب ثم اذهب إلى القائمة:

File > Automate > Photomerge

في خانة Layout اختر Auto، وأبقِ الخيار Files من قائمة Use في خانة Source Files محدّدًا ثم اضغط Browse. اذهب إلى المجلد الذي يحتوي على الصّور الخمسة لقلعة ألنويك ثمّ حدّدها جميعًا واضغط OK. تأكد من تحديد المربّعات الثلاثة في أسفل مربّع الحوار ثمّ اضغط OK.

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

بعد انتهاء الفوتوشوب من عملية دمج الصور، حدّد جميع الطبقات في لوحة الطبقات Layers، اذهب إلى القائمة:

Layers > Merge Layers

أو اضغط (CTRL+E أو CMD+E في الماك).

اختر أداة القصّ Crop Tool وارسم مربعًا للقصّ من حافة النقطة السفلية في السّماء أقصى يسار الصورة إلى ما تحت الخيمة بقليل أسفل يمين الصورة، ولا تقلق بشأن المناطق الشفافة إذ سنعالجها في الخطوة القادمة. إن كنت راضيًا عن التحديد اضغط Enter او Return.

لنتعامل الآن مع المساحة الفارغة أسفل اليمين. على الرغم من أنّ ما سنقوم به سريع وغير احترافيّ إلا أنّ النتائج ستكون جيّدة. ارسم حول المساحة الشفافة باستخدام أداة الحبل (Lasso Tool (L (وابق قريبًا من العشب قدر المستطاع عند مرورك فوقه)، وارسم كذلك فوق الدرابزين لأنّه بشع أيضًا. سترى الآن ما يسمى في الفوتوشوب بـ (النمل الزاحف Marching Ants) وهو يزحف حول المنطقة التي حدّدتها للتوّ.

اختر من القائمة:

Edit > Fill

أو اضغط (SHIFT+F5) وفي خانة Contents تأكد من اختيار Content Aware من قائمة Use المنسدلة، ثم اضغط OK. يا للروعة لقد أصبح لدينا عشب جديد. مع أنّه ليس جيّدًا جدًّا إلا أنّه أفضل بكثير مما كان موجودًا في هذه المساحة سابقًا. كرّر هذه الخطوة لأيّ بقعة في العشب تعتقد بأنها غير جميلة.

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

لنقم ببعض التعديلات على الصورة لجعلها أكثر حيويّة. في لوحة Adjustments اضغط على أيقونة Curves، سيضيف البرنامج طبقة تعديل Adjustment Layer جديدة يمكن تحريرها في أي وقت تشاء. غيّر مواضع نقاط التحكم في المنحني إلى أن تصل إلى نتيجة مرضية، أو استخدم أحد الإعدادات المعرّفة مسبقًا تحت قائمة Preset المنسدلة مثل الإعداد Lighter.

بقي أن نضيف بعض الحدّة إلى الصّورة باستخدام المرشّح High Pass. اضغط على CTRL+A لتحديد الصورة بأكملها، ثم من قائمة Edit اختر Copy Merged أو اضغط SHIFT+CTRL+C. الصق الصّورة فوق بقيّة الطبقات.

اذهب إلى القائمة:

Filter > Other > High Pass

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

هذا كل شيء، لقد اكتملت الصورة البانوراميّة لقلعة ألنويك، ومن المؤكد أنّك لن تعاني مجدّدًا في التقاط الصّورة المثاليّة في إجازاتك القادمة.

ترجمة -وبتصرّف- للمقال How to stitch a panorama in Photoshop لصاحبته Liz Canning.

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

نبدأ أولاً بفتح ملف جديد في الفوتوشوب وقد اخترت الحجم 1024×683 لهذا الدرس.

سنقوم باستخدام أداة سطل الدهان Paint Bucket Tool أو نضغط على مفتاح G ثم نلوّن الصورة باللون الأسود.

والآن سنستخدم صورة الأمواج المائية وقد اخترت هنا الصورة التالية الرائعة التي التقطتها MALIZ ONG وسنقوم بإدراجها ضمن الملف وتعديل حجمها لتتناسب مع حجم العمل.

بعد ذلك سنذهب الى القائمة:

Layer > New Adjustment Layer > Hue and Saturation

وسندخل القيم التالية:

• Hue = 0
• Saturation = -71
• Lightness = 0

Layer > New Adjustment Layer > Levels

أدخل القيم: 0 - 0.5 - 255.

Layer > New Adjustment Layer > Brightness and Contrast

أدخل القيم:

• Brightness = 0
• Contrast = -35

والآن نحفظ الملف باسم "Hsoub-Water.PSD" وانتبه يجب أن تكون صيغة الملف PSD.

والآن سنقوم بإدراج الشعار.

Filter > Distort > Displace

أدخل القيم وتأكد من اختيار جميع الخيارات الموجودة تماماً كما في الصورة:

وعند الضغط على OK سيفتح نافذة لاختيار ملف وهنا نختار الملف الذي حفظناه قبل قليل "Hsoub-Water.PSD".

والآن انسخ طبقة الشعار نسخة ثانية ثم طبق الفلتر على طبقة الشعار الأصلية وليس المنسوخة من القائمة:

Filter > Blur > Gaussian Blur

وضع القيمة 3.

وستكون النتيجة كما في الصورة:

والآن أدمج طبقتي الشعار معاً بتحديد الأولى ثم اضغط على Shift وحدد الثانية ثم اضغط Ctrl+E.

ثم طبق خصائص المزج لطبقة الشعار Overlay.

ثم ننقر مرتين على طبقة الشعار لتفتح نافذة التأثيرات ونطبّق التأثير Color Overlay وندخل القيمة 70% مع المحافظة على خصائص المزج داخل النافذة كما هي Normal.

والآن نفتح طبقة جديدة فوق كل الطبقات ونلونها بالكامل باللون الأسود ثم ننقر مرتين على الطبقة لأجل التأثيرات ونضع الإعدادات كما في الصور:

لتكون النتيجة حتى اللحظة:

وأخيراً نضيف طبقة جديدة فوق كل الطبقات ونلونها بالكامل باللون الأزرق بحسب القيم في الصورة:

ثم نغير خصائص المزج للطبقة إلى Overlay.

والنتيجة النهائية هي:

بإمكانكم تجربة الأمر مع شعاراتكم الخاصة وتجربة تغيير الإعدادات كما تشاؤون واستمتعوا بالنتائج المذهلة.

في درسنا هذا سنقوم بعمل تأثير نصي جميل على صورة شخص وذلك باستخدام شريط نصي طويل حيث سينحني ويتشكل حسب ملامح الوجه، هذا النمط من التأثيرات يطلق عليه اسم "Calligram"، كما يعتبر طريقة قوية للتعبير عن اقتباسات أو مقولات شهيرة لكتاب أو متحدثين. الفلتر Displace هو المفتاح الرئيسي في هذا الدرس والذي سيسمح للكتابة النصية بأن تلتف وتنحني حسب الشكل.

في هذا المثال قمت باختيار صورة رئيسية مع كلمات من الفيلم الأمريكي (The American President (1995 لعمل خطاب رئاسي وهمي، إلا أن هذا التأثير سيكون مناسبا جدا لعمل سلسلة لأشهر مقولات الرئيس الأمريكي السابق.

نبدأ باختيار صورة مناسبة ثم نقوم بقصها حتى تلاءم أبعاد الملصق الذي ننوي عمله.

أضف طبقة تعديلات الأبيض والأسود وأضف المزيد من التباين للصورة عبر تعتيم قناة اللون الأحمر. وعلى عكس تعديلات المستويات والاضاءة والتباين فإن تعديل القناة الحمراء فقط هو ما يُنتج درجات ألوان محببة.

نحدد طبقة الصورة ثم نختار Gaussian Blur من قائمة Filter أما قيمة radius فنحددها بـ: 20px للتخفيف من درجة التشويش على الصورة.

اذهب إلى القائمة

File > Save As

ونقوم بحفظ الملف على شكل psd، ثم نستخدم الاختصار CMD+Alt+Z للرجوع بخطوة إلى الوراء لإلغاء تأثير التشويش على الصورة.

استخدم أداة النص وارسم مربع نص كبير يغطي كامل مساحة الصورة. ألصق الخطاب المطلوب واحذف جميع الفواصل بين الفقرات لجعل النص مستمر ومتواصل كجدار من الكلمات. ألغِ تفعيل Hyphenate من خيارات paragraph واختر نمط Justified.

حتى نقوم بملأ الصورة كل ما علينا فعله هو نسخ ولصق العبارات التي قمنا بكتابتها، ثم نختار نمط خاص بالخط الذي نستخدمه، بالنسبة لي فقد اخترت النمط Montserrat Bold. أخيرا نقوم بتصغير حجم النص حتى لا يظهر بشكل مكتظ.

نحدد طبقة الكتابة ثم نذهب إلى القائمة

Filter > Distort > Displace

ونختار نفس القيم التي تظهر في الصورة ونضغط على زر موافق ثم ننتقل للملف الذي قمنا بحفظه سابقا.

انقر على مصغر النص الذي طبّقنا عليه الفلتر للتو في لوحة الطبقات مع الضغط على مفتاح CMD أو Ctrl لتحميل التحديد الخاص به ثم نجعل الطبقة مخفية. اذهب إلى القائمة

Edit > Copy Merged

أو اضغط على الاختصار CMD+Shift+C للحصول على قصاصة من الوجه باستخدام الخطوط الخارجية للكلمات.

نفتح ملف جديد فنلاحظ أن البرنامج يحفظ تلقائيًّا الحجم بحسب أبعاد النص المقصوص. ألصق العمل الفني المنسوخ سابقًا، ثم لوّن الخلفية باللون الأسود لرؤية الصورة الأصلية حيث قمنا بعملها بواسطة مجموعة من الكلمات والتي التفت حول ملامح الوجه.

نلاحظ أن الصورة لا تزال واضحة بالرغم من امتلائها بمجموعة كبيرة من الكلمات. من بعيد قد يظهر وكأنه تركيب بسيط إلا أن الفضول قد يدفعك للاقتراب وقراءة تلك الكلمات الصغير.

ترجمة -وبتصرف- للمقال How To Create a Text Portrait Effect in Photoshop لصاحبه Chris Spooner.

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

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

نقوم باختيار صورة ونفتحها باستخدام برنامج أدوبي فوتوشوب Adobe Photoshop. بالنسبة لي فقد اخترت صورة لوجه شخص. نضيف طبقة لتحديد المنحنيات Curves adjustment، بعدها نقوم بتغميق الأجزاء السوداء وتفتيح البيضاء لزيادة التباين فيما بينها.

نضغط على CMD+J لمضاعفة طبقة الخلفية مرّتين ثم نحدد الطبقة الموجودة في الأعلى، ونطبق عليها التأثير High Pass الموجود في قائمة التأثيرات effect.

نقوم بضبط قيمة radius الخاصة بالتأثير High Pass حتى تبدأ تفاصيل الصورة تظهر على الخلفية الرمادية، نحاول أن تكون القيمة من 1-3px كي لا يكون هناك هالة.

نغير نمط الطبقة الموجودة في الأعلى (الذي يوجد عليها التأثير High Pass) إلى Linear Light لزيادة حدة الصورة حيث سيساعدنا ذلك إنشاء تأثيرات لطلاء فرش تكون رفيعة خاصة على الشعر.

نقوم بدمج الطبقة التي يوجد عليها التأثير High Pass مع طبقة الخلفية التي قمنا بمضاعفتها وذلك لجعل التأثير موجود بشكل دائم على الصورة، ثم نختار المسار التالي:

Filter > Stylize > Diffuse

الآن نقوم بتغيير نمط Diffuse إلى النمط Anisotropic، حيث تعتبر هذه الخطوة المفتاح الرئيسي لإعطاء الصور مظهرا يوحي بأنها مرسومة بالفرشاة.

إذا أمعنا النظر في الصورة سنلاحظ وجود بعض التشبيك المزعج ، لذلك سنقوم بعمل طريقة بسيطة لتعديل ذلك.

نتبع المسار التالي:

Image > Image Rotation > 90° CW

ثم نستخدم الاختصار  CMD+F لمضاعفة الفلتر Diffuse filter.

نقوم بتدوير الصورة مرة أخرى بزاوية 90° ثم نطبق مرة أخرى عليها الفلتر Diffuse filter، نكرر العملية ثلاث مرات ونقوم بتدوير الصورة مرة أخرى لوضعها على الشكل الصحيح.

الفلتر Diffuse filter يعطينا تأثير جميل للطلاء على الصورة إلا أنه لا يظهر بوضوح، نتبع المسار التالي:

Filter > Sharpen > Smart Sharpen

لإظهار بعض التفاصيل، ثم نحدد قيمة amount بـ: 100% أما قيمة Radius فنقوم بتخفيضها لتجنب الإفراط في معالجة الصورة.

النتيجة ستكون جميلة كما في الصورة، واستخدام الخامة الموجودة في Diffuse filter يضيف الكثير من الالتفاف الدائري على الجلد مما يجعلها تبدو وكأنها رسمت بطريقة تقليدية. ومع ذلك فهناك خطوة صغيرة ستعالج الصورة أكثر والنتيجة ستجعلها تظهر كصورة رقمية مرسومة، حيث نختار الخاصية Surface Blur بعد إتباعنا للمسار:

Filter > Blur menu

ونعدل قيمة Radius بـ:  50px وقيمة Threshold بـ:15  فنلاحظ أن الأجزاء الصغيرة التي تكون مسطحة هي فقط التي تتأثر.

النتيجة رائعة وهي تحاكي الصورة المرسومة بطريقة رقمية، حيث أن مزج بخات الألوان ومظهر الطلاء حدود التصميم الرفيع يساعد فعلا في جعل الصورة تظهر على أنها رسمة حقيقية.

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

ترجمة -وبتصرّف- للدرس How To Create a Realistic Painted Effect in Photoshop لصاحبه: Chris Spooner.

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

جدول التسعير

الخطوة 1

أنشئ ملفًّا جديدًا بالأبعاد 1200px في 600px. ستكون أبعاد جدول التّسعير 1000px في 340px ولكنّنا سنحتاج إلى بعض المساحة الّتي ستحيط بالجدول، لذا ستكون أبعاد الملفّ أكبر قليلًا من أبعاد الجدول.

الخطوة 2

بواسطة أداة المستطيل ذو الأطراف المدوّرة (Rounded Rectangle Tool (U، ارسم مستطيلًا بالأبعاد التّالية: 1000px في 340px، ثمّ أضف إليه بريقًا خارجيًا خفيفًا Outer Glow بواسطة أنماط الطبقات Layer Styles بالإضافة إلى حدّ خارجيّ Stroke بسماكة 1px، كذلك أعط الحدّ الخارجيّ لونًا أغمق بقليل من لون المستطيل.

الخطوة 3

سنقسّم جدول التّسعير إلى ثلاثة أقسام. التّرويسة، المحتوى ومساحة لزرّ الإجراء.

سيحتوي قسم التّرويسة على اسم الخطّة فقط. باستخدام أداة المستطيل (Rectangle Tool (U، ارسم شكلاً بعرض 1000px وارتفاع 70px. لوّن المستطيل باللّون (#e0e3e3) وأضف إليه ظلًّا للحصول على نفس التّأثير الذي ينتج من تطبيق (البريق الخارجيّ Outer Glow) باستثناء إمكانية تحديد اتّجاه الظّلّ (بتغيير مقدار الزّاوية).

الخطوة 4

سيحتوي جدول التّسعير على 4 خطط يمكن التّسجيل في الموقع من خلالها، ومن الشّائع أن تقوم بتمييز إحدى الخطط وتسميتها بـ (الخطة الأفضل) أو ما شابه ذلك. استخدم أداة المستطيل ذي الحوافّ المدوّرة (U) وارسم شكلاً بالأبعاد 250px في 290px، ثم طبّق نفس التأثيرات الّتي طبّقتها على الطّبقة الأساسيّة.

الخطوة 5

كرّر الخطوة 3، باستثناء تلوين التّرويسة بلون رماديّ غامق (#d1d1d1).

الخطوة 6

سنستخدم نوعين من الخطوط في جدول التّسعير، (Open Sans) و (Helvetica)، استخدم الوزن متوسّط السّماكة لخط (Open Sans) في اسم الخطّة في قسم التّرويسة.

الخطوة 7

استخدم الخط (Helvetica) في قائمة الأسعار لكلّ خطّة، وبما أنّنا نرغب في تمييز (الخطة المتقدّمة)، سنعطي وسم السّعر لونًا أحمر برّاقًا.

الخطوة 8

ننتقل الآن إلى قسم (المحتوى)، والّذي سيحتوي على ثلاث مزايا ستقدّمها لزبائنك، وسيكون ذا بنية جميلة وبسيطة. سنستخدم خطّ (Open Sans)، سيكون خطّ الأرقام بحجم 24pt سميك، أما خطّ النّصوص سيكون بحجم 14pt عاديّ. ستكون المزايا مفصولة عن بعضها البعض بخطوط منقّطة، ويمكن استبدالها بكلّ سهولة بخطّ بسيط.

الخطوة 9

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

الخطوة 10

طبّق تأثير التدرّج اللوني Gradient Overlay واختر نمط المزج Soft Light، والشّفافية بمقدار 40%.

الخطوة 11

أضف إلى الزرّ حدًّا خارجيًّا من النّوع المتدرّج Gradient.

الخطوة 12

مستخدمًا الخطّ (Open Sans Bold) وبحجم 24pt، أضف بعض الكلمات إلى الزرّ، سنضيف عبارة (Choose Plan). ضاعف قسمي (المحتوى) و(وزرّ الإجراء) مرّتين، وضعهما في المكان المخصّص لكلّ منهما. يمكنك الرجوع إلى الشّكل النهائيّ لمعرفة الأماكن المخصّصة لهذين القسمين.

الخطوة 13

لا تختلف (الخطّة المتقدمة) عن الخطط الأخرى سوى أنّ لون وسم السّعر وزرّ الإجراء أكثر بريقًا. زرّ الإجراء الأحمر مشابه بشكل كبير للأزرار الرماديّة، ولكنّه يختلف عنها بلونه الأساسيّ #ed161c، ولون الحدّ الخارجيّ المبيّن في الصّورة أدناه.

الخطوة 14

أخيرًا، غيّر ألوان الحدّ الخارجيّ من الألوان الرماديّة إلى الألوان الحمراء التّالية.

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

ترجمة -وبتصرف- للدرس Create a Pricing Table Using Photoshop in bout 20 Minutes لصاحبه Dainis Graveris.

اللوموغرافي أو تأثير اللومو منتشر بشكل واسع في أوساط عالم التصوير الفوتوغرافي. تعود أصول تسمية تأثير اللومو إلى الكاميرا الروسية الاقتصادية Lomo LC-A. ولكن بإمكاننا تطبيق هذا التأثير على مجموعة صورنا الرقمية باستخدام كاميرتنا العادية الرخيصة باستخدام برنامج فوتوشوب. تابع معي هذا الدرس خطوة خطوة للعمل على برنامج فوتوشوب وتعديل خصائص تأثير اللوموغرافي الحيوية.

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

تأثير اللومو على الصور

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

تأثير اللوموغرافي في الفوتوشوب

افتح صورة من اختيارك لنطبّق تأثير اللوموغرافي في الفوتوشوب. أنا اخترت صورة لشاحنة قديمة صدئة من موقع ThinkStock.

إنّ صور اللومو غالباً ما تكون مصبوغة بألوان غير اعتيادية من الأزرق، الأخضر والأصفر، يمكننا أن نقلّد هذا التأثير في الفوتوشوب عبر تطبيق خريطة تدرّجات Gradient Map من قائمة تعديل الطبقة Adjustment Layer ثم تغيير التدرّج ليبدأ من الأزرق الداكن 030629 # إلى أزرق وسطي 1f6393 # إلى أخضر فاقع 14e2af #.هذه الألوان ستطبّق على الظلال shadows، الألوان الوسطية midtones والإضاءات highlights في الصورة.

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

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

أنشئ طبقة جديدة وقم بتعبئتها باللون الأسود. عدّل اسمها إلى "Vignette" ثم استخدم أداة التحديد البيضوي Elliptical marquee لرسم تحديد من الزاوية وحتى الزاوية.

اذهب إلى القائمة:

Select > Modify > Feather

وأدخل قيمة 100 بيكسل لنصف القطر. هذا سيسبب تلاشي حدود التحديد وهو عكس إنشاء حواف قاسية للتحديد.

اضغط على delete لمسح المنطقة الوسطى من التحديد لإضفاء تأثير الصورة الرمزية المصغرة ابتداءً من حواف الصورة. غيّر خصائص المزج إلى Multiply وعدّل opacity إلى 80%.

آخر مزايا اللومو التي سنضيفها هنا هي الضبابية الغريبة. اضغط CMD+A لاختيار الجميع ثم CMD+Shift+C لنسخ نسخة مدمجة. ألصق هذا التحديد على طبقة جديدة فوق جميع الطبقات ثم أضف فلتر Gaussian Blur بقيمة 3 px.

نحن لا نريد تطبيق الضبابية على كامل الصورة لذلك سنضيف طبقة قناع Layer Mask إلى طبقة الضبابية وارسم شكلاً بيضوياً حول المركز. طبّق Feather على التحديد ثم قم بتعبئة المساحة باللون الأسود لتحقيق الشفافية بحسب طبقة القناع.

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

ترجمة -وبتصرّف- للمقال: How To Create a Lomography Photo Effect in Photoshop لصاحبه Chris Spooner.

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

بعد أن أنهيت مشروع تعديل دراجتي مؤخراً قام صديقي ريك (Urbanpixels) باستخدام مهاراته في التصوير حيث صَوَّر بعض اللقطات الرائعة لي ولدراجتي في قصرٍ جورجيٍ أثري (لمشاهدة مجموعة الصور كاملة). لقد قام صديقي ريك بعمل ممتاز من خلال معالجة الصور والقيام بتعديلات دقيقة للإضاءة، التباين وتوازن الألوان ولكن لدي أفكار خيالية لإضافة بعض التأثيرات المذهلة للألوان والإضاءة وانعكاساتها لتحسين الصورة بمهارة عالية.

هذه هي الصورة التي سنعمل عليها في هذا الدرس. إنها نسخة عن مشهد حياة حقيقية ولكن إضافة بعض تأثيرات الإضاءة ستجعل الدراجة تنبض بالحياة وتزيد من روعتها وتأثيرها.

افتح الصورة ببرنامج فوتوشوب واتبع تعليماتي خطوة خطوة.

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

أضف طبقة خريطة تدرجات Gradient Map adjustment layer. قم بتعيين التدرج اللوني ليبدأ من الأزرق الداكن  020413 # إلى الأزرق الرمادي  2b4a61 # إلى الأصفر الباهت  fce9bb #. كل ألوان الصورة سيتم استبدالها بالقيم التي قمت بتحديدها هنا.

غيّر خصائص المزج لطبقة التدرجات اللونية إلى وضعية Overlay لتسمح للألوان الجديدة بالتفاعل ولتغير نغمة الصورة الأصلية، وتولّد ملامح الألوان الجديدة ببراعة. خفف Opacity لتخفيف التباين ولتخفيف آثار التأثيرات.

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

بدّل خصائص المزج للتوهج إلى Screen لتحويل الخلفية السوداء إلى شفافة، والآن غيّر حجم وموقع التوهج فوق المصباح لتزوير إنارة هذا المصباح. غيّر Opacity لتضبط إضاءة المصباح ولإعادة بعض التفاصيل الخاصة بالمصباح.

انسخ طبقة الإضاءة وبدّل الحجم والموقع لتكون فوق المصباح الصغير الثاني. اضغط CMD+T وغيّر دوران صورة الضوء حتى لا تبدو أنها صُنِعَت بصيغة نسخ/لصق.

افتح التوهج الأصفر من حزمة التوهجات البصرية وألصقها فوق المصباح الرئيسي. 

هذه الصورة الاستثنائية لديها توهج إضافي يحتاج للإزالة. ارسم تحديداً حوله واحذفه.

أضف توهجاً إضافياً يمثّل الانعكاس في عدسة النظارات الشمسية.

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

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

أضف طبقة تعبئة لونية Color Fill adjustment layer مستخدماً الأزرق الداكن  0c1329 #. بدّل خصائص المزج لهذه الطبقة إلى Lighten حتى تحصر هذا اللون في الظلال وتحولهم من الأسود إلى ذلك الأزرق الداكن.

هذه التعديلات اللونية الخفيفة وتأثيرات الإضاءة المُزَوَّرة تعطي الصورة تأثير مجلة روك أند رول بكفاءة عالية.

ترجمة -وبتصرّف- للمقال: How To Enhance a Photo with Color & Lighting Effects لصاحبه Chris Spooner.

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

اختيارات سريعة ورديئة

أحياناً تحتاج إلى قص شيء ما بسرعة من الخلفية وبدون طرح أية أسئلة. إن لم يكن من المفترض أن تكون النتيجة النهائية دقيقة تماماً فهناك عدة أدوات في الفوتوشوب تقدم لك حلولاً سريعة وسهلة.

أداة الممحاة Eraser

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

كيف نستخدم أداة الممحاة

اختر فرشاة الممحاة واضبط إعدادات النعومة والحواف. بإمكانك بعدها أن ترسم مساحة الخلفية مع الانتباه والحذر حول حواف المواضيع التي تهمك والتي لا تريد تخريبها.

متى نستخدم أداة الممحاة

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

أداة العصا السحرية Magic Wand

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

كيفية استخدام أداة العصا السحرية

انقر على الجزء الذي تريد تحديده والفوتوشوب سيقوم بكل العمل من أجلك. يمكنك أيضاً أن تتلاعب بمستوى التسامح Tolerance لتضبط التحديد بشكل دقيق إلّا أنّ القيمة الافتراضية غالباً ما تفي بالغرض.

متى نستخدم أداة العصا السحرية

إنّ هذه الأداة رائعة لتحديد مساحات في صورة ذات حواف متنافرة بين أجزاءها ولتحديد الألوان الجامدة وأيضاً التباين المرتفع.

أداة التحديد السريع Quick Selection

أداة التحديد السريع تتبع أداة العصا السحرية. وبدلاً من السماح للفوتوشوب باتخاذ كافة القرارات (كما في العصا السحرية) فإنّ هذه الأداة تُمَكّنُك من الرسم بالضبط فوق المنطقة التي تريد تحديدها والفوتوشوب سيقوم بتطبيق التحديد وفقاً لتعليماتك. إنّها أسهل بكثير من التجريب والخطأ في إعدادات Tolerance للعصا السحرية.

كيف نستخدم أداة التحديد السريع

نجدها في نفس مجموعة الأدوات التي تضم العصا السحرية وهي تستعمل أسلوب الفرشاة لرسم التحديد. سيقوم الفوتوشوب باحتساب المنطقة المراد تحديدها وفقاً للحواف القريبة. اضبط حجم الفرشاة باستخدام [ و ] مفاتيح الأقواس لتتحكم بالدقة. بإمكانك إلغاء تحديد بعض المناطق بالضغط على مفتاح Alt والنقر على المناطق المراد إزالة التحديد عنها.

متى تُستَخدم أداة التحديد السريع

عندما تحتاج لقدرة تحكّم أكبر من العصا السحرية ولكنك لا تزال غير مهتم بالدقة العالية للنتيجة النهائية عندئذ ستكون فرشاة التحديد السريع هي الأداة المناسبة لهذه المهمة.

التحديد اليدوي

قد تكون مملة، ولكن أفضل نتائج القص غالباً ما تأتي من الرسم اليدوي للتحديد حول موضوعك. سرعان ما أصبح مصممو الرسوميات محترفين في استخدام أداة القلم وذلك من خلال الاستخدام اليومي لهذه الأداة.

أداة الحبل المضلّع Polygonal Lasso

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

كيف نستخدم أداة الحبل

لهذه الأداة ثلاثة أنواع وهي الرسم الحر Freehand، المضلّعات Polygonal والخيارات المغناطيسية Magnetic. أداة الحبل المضلّع هي الأكثر استخداماً. كل ما عليك القيام به هو تتبع الصورة من خلال سلسلة من النقرات حتى تصل لنقطة البداية مجدداً وذلك لكي تغلق التحديد أو بالنقر المزدوج حيث يغلق التحديد مع حافة مستقيمة تمتد بين نقطتي البداية والنهاية. وفي حالة الاستمرار بالضغط على مفتاح Shift أثناء التحديد فإنه سيتم التحديد باتجاه الزاوية 45° والزاوية 90° لرسم تحديدات متّجهة بدقة.

متى نستخدم أداة الحبل

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

أداة القلم Pen tool

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

كيفية استخدام أداة القلم

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

هذا المسار يمكن تعديله بواسطة أداة التحديد المباشر أو يمكنك حفظه بإعطائه اسماً جديداً في لوحة المسارات Paths panel.

يمكنك تحويل مسارك الذي قمت برسمه بهذه الأداة إلى تحديد في أي وقت. يمكنك حتى إضافة جوانب لإلغاء الحواف المزعجة.

متى نستخدم أداة القلم

أداة القلم هي بمثابة سكين الجيش السويسرية بالنسبة لأدوات الفوتوشوب. لا يوجد الكثير من الحالات التي لا يمكن استخدامها فيها ولكن قد يكون هناك تقنيات أخرى أسرع وخصوصاً عندما تحاول معالجة الأشياء المعقدة مثل الشعر والفراء أو التفاصيل الدقيقة.

الاختيارات اللونية

الاختيارات اللونية هو اسم استخدمته لوصف التقنيات التي تستخدم التباين والألوان في الصورة لصنع التحديد. هذه الطرق عظيمة للتفاصيل الشديدة التعقيد في الصور حيث لن ينفع معها رسم التحديد يدوياً.

القنوات Channels

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

كيفية استخدام القنوات

شاهد قنوات الأحمر، الأخضر والأزرق بشكل فردي لتجد الأكثر تبايناً بين المناطق التي تريدها وبين المناطق التي لا تريدها. اسحبها إلى فوق new icon (أيقونة جديدة) لصنع نسخة جديدة منها.

يمكنك زيادة التباين أيضاً عن طريق ضبط المستويات Levels أو المنحنيات Curves لتعتيم الألوان السوداء وتفتيح الألوان البيضاء.

عندما تحقق التباين الجيد بين التفاصيل الدقيقة لصورتك ستحتاج لتعبئة المناطق المتبقية من التحديد المرغوب يدوياً بالفرشاة السوداء.

حمّل تحديد قناتك بواسطة الضغط على CMD أو Ctrl مع الضغط على القناة اللونية المحددة من لوحة القنوات.

متى نستخدم القنوات

كلّما كان لديك صورة واضحة التباين بين الموضوع المراد قصّه وبين الخلفيّة كلّما كان أسلوب القنوات للتحديد أفضل وتقدّم لك أنظف تحديد ممكن وخصوصاً عند تحديد الشعر أو الفرو ولكن بشرط أن تكون الخلفية واضحة ونظيفة.

مجال اللون Color Range

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

كيفية استخدام مجال اللون

اذهب إلى قائمة: Select > Color Range لتفتح خيارات مجال اللون. يمكنك الاختيار بين الألوان البسيطة (لون المقدمة الذي قمت باختياره) أو اختيار الأضواء الساطعة (الأجزاء الفاتحة) Highlights، الدرجات اللونية النصفية Midtones أو الظلال (الأجزاء الداكنة) Shadows إذا أردت فقط اختيار المناطق الفاتحة أو الداكنة في الصورة.

متى نستخدم مجال اللون

إنّ أفضل استخدام لهذا الأسلوب هو التحديد السريع للخلفيات البيضاء من لقطات الاستوديو وبعد ذلك سنقوم بعكس التحديد من قائمة التحديد لتحديد الموضوع المطلوب بسهولة.

تحديد القناع Mask

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

أقنعة الطبقة Layer Masks

وتطبّق على طبقة واحدة بالضغط على أيقونة Add Layer Mask أسفل لوحة الطبقات. وستكون المناطق السوداء في القناع هي المناطق المخفية من الطبقة.

كيفية استخدام أقنعة الطبقة

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

متى نستخدم أقنعة الطبقة

إنّ أفضل طريقة لاستخدامها هي أن تستخدم مع تقنيات أخرى للتحديد وذلك لضمان التعديل غير المُخَرّب.

أقنعة القُصَاصَة Clipping Masks

إنّها شبيه بأقنعة الطبقة إلّا أنّها يمكن تطبيقها على مجموعة من الطبقات. مبدأ العمل واحد لكلا الأسلوبين حيث المناطق السوداء مخفية والبيضاء ظاهرة.

كيفية استخدام أقنعة القُصَاصَة

بالضغط على مفتاح Alt وبالنقر بين طبقتين في لوحة الطبقات أو بالزر الأيمن على الطبقة المعينة ومن ثم اختيار Make Clipping Mask من القائمة. تذكّر أن تضع قناع القصاصة تحت الصورة الرئيسية ضمن مجموعة طبقات.

متى نستخدم أقنعة القُصَاصَة

إنّها فعّالة بشكل خاص مع التحديد اللوني. قم بتعبئة طبقة أحادية اللون أو تحديد مجال اللون بالأسود في طبقة جديدة ثم طبّق هذه الطبقة كقناع قُصَاصَة.

نصائح احترافية

الآن أصبح لديك ترسانة كاملة من تقنيات التحديد التي ستجعلك جاهزاً للتصدّي لأي نوع من أنواع الصور في مشاريعك ولكن لدي بعض نصائح التحديد الإضافية التي ستساعدك على تحقيق نتيجة أفضل.

استخدام أداة تنعيم الحواف Refine Edge لقص الشعر والفرو

تقنية القنوات ممتازة لقص نموذج لقطات بخلفيات استوديو مثالية ولكن بالنسبة لبقية الأوضاع التي لا تكون فيها الخلفية مثالية فإننا سنستخدم أداة تنعيم الحواف Refine Edge والتي ستكون الخَيَار الأفضل. هذه الأداة يجب تسميتها فعلياً "أداة الشعر" حيث أن استخداماتها تتمحور حول الشعر بشكل خاص. هي تتناغم مع التحديد الأساسي للعصا السحرية / القلم / الحبل وتمدّد هذا التحديد بذكاء ليشمل تلك التفاصيل الدقيقة.

تتبع المسار حول الموضوع المراد تحديده ولكن بشكل قريب من حدود مناطق الشعر أو الفرو بدون أن نقلق بشأن تنعيم الشُعَيرَات.

اذهب إلى القائمة Select > Refine Edge وقم بزيادة قيمة نصف القطر لرؤية الشعر يظهر بشكل سحري في التحديد.

وسّع خيارات الفرشاة وارسم فوق مناطق أطراف الشعر التي تريدها ضمن التحديد مع أداة تنعيم نصف القطر Refine Radius tool. انتقل إلى أداة تحسينات الممحاةErase Refinements tool وارسم حول أي منطقة لا تتطلب تعديلات تنعيم الحواف التي قمنا بها للتو.

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

القيام بعملية Defringe لإزالة الهالات والحدود

في بعض الأحيان عندما تقوم بلصق ما قمت بقصّه داخل خلفية داكنة ستلاحظ أن لها حواف رقيقة فاتحة أو هالة. هناك طريقة رائعة وسهلة لإزالتها باستخدام خَيَارDefringe.

اذهب إلى القائمة Layer > Matting > Defringe وأدخل القيمة px 1 في الخيارات. بمجرد النقر مرة واحدة على هذا الأمر ستختفي كل الحدود البشعة على الفور. كن حذراً فقد تخرّب لك القواطع ذات التفاصيل الدقيقة جداً.

استخدام أدوات Dodge و Burn على الصورة لضبط التباين

أسلوب التحديد اللوني التي تَستَخدم القنوات يمكنها أن تُولّد تحديدات ممتازة إذا كان فقط التباين والدرجة اللونية في الصورة بالشكل الصحيح. المستويات Levelsوالمنحنيات Curves ستعدّل الصورة كاملة ولكن يمكنك تنعيم المناطق المحددة بأدوات Dodge و Burn.

استخدم أداة Dodge لتفتيح مناطق في الخلفية كالسماء مثلاً. فالسماء الزرقاء ستبدو بلون رمادي متوسط في تحديدات القنوات ولكن يمكن تفتيحها بإضافة المزيد من التباين بينها وبين موضوعك الأساسي.

أداة Burn ستساعدك على تعتيم مناطق داخل التحديد والتي تكون دقيقة جداً ولا يمكن رسمها بالفرشاة السوداء. قم بتغيير الوضع إلى Shadows، Midtones أو Highlights لاستهداف المنطقة الصحيحة بأمان.

إعادة رسم الشعر مجددا

في بعض الأحيان سيكون من المستحيل إنشاء تحديد نظيف ودقيق لشعر شخص ما بسبب الخلفية الشديدة التعقيد وكثيفة التفاصيل. في تلك الحالة يوجد نصيحة أخيرة يمكنها أن تنقذ الوضع وهي رسم بعض الشُعَيرَات الجديدة.

اصنع تحديد قاسي حول خط شعر موضوعك وألصق ما قمت بقصّه في طبقة جديدة. ثم قم بتخفيف مستوى شفافية الصورة الأصلية الموجود في الأسفل في لوحة الطبقات.

استخدم أداة Smudge مع فرشاة ناعمة لرسم شُعَيرَات منفردة. ابدأ مع فرشاة ناعمة بمقاس 3-4 px لتجسيد القاعدة السميكة ثم خفف الفرشاة تدريجياً لرسم نهايات الشعر الناعمة. سيبدو هذا العمل مملاً للغاية ولكنه لن يستغرق وقتاً طويلاً خصوصاً إذ استخدمت الجهاز اللوحي Wacom Graphics tablet.

اشتري إضافات فوتوشوب Photoshop plugin

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

ترجمة -وبتصرّف- للمقال: The Ultimate Guide to Cutting Stuff Out in Photoshop لصاحبه Chris Spooner.

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

التأثير الذي سنطبقه على الصورة سيُكسبها لونا دافئا خمريا مستوحى من تأثيرات الأفلام القديمة وذلك باستخدام برنامج أدوبي فوتوشوب Photoshop adobe، من خلال إنشاء تعديلات على الطبقات ومزج الأنماط لعمل العديد من التلاعبات والمعالجات للصورة التي نعمل عليها.

نقوم بفتح الصورة باستخدام برنامج فوتوشوب، بالنسبة لي فقد استخدمت صورة لدراجة نارية بألوانها الأصلية (أي دون إضافة أي تأثيرات)، أما التأثير اللوني الذي سنستخدمه في درسنا هذا فمن شأنه أن يُكمّل اللمسة الكلاسيكية للدراجة بشكل جميل، وذلك عن طريق إضافة مستويات من التعديلات على الطبقات بواسطة تحديد الخيارات الموجودة على أيقونة adjustment layer أسفل لوحة الطبقات Layers panel واختيار الخاصية Levels.

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

نضيف مجددا الخاصية adjustment layer لكن هذه المرة سنحدد كل من الخيارين الأبيض والأسود. نحتفظ بالخيارات الافتراضية، لكن مع تخفيض قيمة opacity للطبقة إلى 40% من أجل السماح لبعض من اللون الأصلي بالظهور عند إضافة التأثيرات اللونية.

نقوم بإضافة بعض الألوان الدافئة على الصورة وذلك باستخدام Color Balance adjustment layer حيث نقوم أولا بتحديد الخاصية Shadows واختيار قيمة اللون الأحمر بـ: +20 أما قيمة اللون الأصفر فنحددها بـ: -30 دون أن ننسى وضع علامة أمام الخيار Preserve Luminosity لتحقيق أفضل نتيجة.

في هذه الخطوة نحدد الخاصية Midtones ثم الخاصية Highlights ونختار قيمة اللون الأصفر بـ: +30 لإضافة بعض التأثيرات الذهبية على الصورة.

نقوم بتغيير نمط لون الطبقة إلى Lighten حتى يتفاعل اللون الأصفر مع التأثيرات الأصلية وإكساب الصورة لونا دافئا.

بإمكاننا إضافة تأثيرات لونية ذهبية وذلك عن طريق إضافة تدرج لوني مركب واستخدام درجات اللون البني، بالنسبة لي فقد اخترت اللونين 5b3c2c # و efdbcd# أما قيمة الزاوي فنحددها بـ: 45°.

نغير نمط التدرج اللوني إلى Vivid Light حتى يُضفي اللون البني مزيدا من الإضاءة على الصورة ويجعلها أكثر حيوية.

نخفض من قيمة الشفافية للتدرج اللوني Vivid Light للتخفيف من التأثيرات التي قمنا بعملها.

لا يكتمل درسنا دون إضافة التأثير grit & grain لجعل الصورة تبدو وكأنها قديمة، لهذا نقوم تحميل وفتح الخامة ثم نغير نمط الطبقة إلى Screen لجعل الخلفية السوداء شفافة، ثم نخفف من قيمة الشفافية إلى 30 بالمئة.

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

ترجمة وبتصرف للمقال How To Create a Washed Out Vintage Matte Photo Effect.

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

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

هذه هي النتيجة النهائيّة التي سنحصل عليها.

الخطوة 1

سنبدأ العمل برسم شكل بسيط، وليس من الضروري أن يكون كبيرًا لأننا سنستخدمه في الشريط الجانبي للموقع، اختر ما يتراوح بين 200px-300px للعرض والارتفاع. سنعمل في هذا المشروع على قياس 235px للارتفاع، و230px للعرض. أظف ظلًّا خفيفًا بمقدار 1px وبشفافية قدرها 50% لأننا نعمل على خلفية رمادية داكنة ولن يكون هناك تباين مع الظلّ الأسود.

الخطوة 2

سنبدأ بتكوين الشكل الأساسيّ والذي سيحتوي على مربعات التاريخ، وسيكون هذا الشكل بسيطًا جدًّا حتى وإن بدا غريباً بعض الشيء. سنرسم مستطيلًا (بارتفاع 35px تقريبًا) ثم نضيف إليه تدرّجًا لونياً Gradient Overlay بشفافية قدرها 6%. يبدو هذا المقدار قليلًا ولكنّنا لا نريد أن تكون المربعات بارزة جدًّا، فمهمّتها احتواء الأرقام التي تمثّل التاريخ. لتقسيم المربّعات سنضيف 6 خطوط بيضاء بلون الخلفيّة وبسمك 2px.

الخطوة 3

كرّر ذلك 5 مرات، لتحصل على 35 مربعًا لعرض التاريخ. هذا العدد أكبر من عدد أيام الشهر بكلّ تأكيد، ولكن لا تقلق سنقوم بإضافة بعض أيام الشهرين السابق واللاحق للشهر الحاليّ.

الخطوة 4

سنضيف مستطيلين متساويين في الارتفاع، ونعطي المستطيل العلويّ لونًا أغمق من المستطيل السفليّ. يمكن تلوين المستطيل العلويّ بأيّ لون وذلك لأنّنا سنغطيه بتأثير النقش Pattern effect بعد قليل. يمكنك إضافة تأثير الظلّ Drop Shadow لاحقًا إذا ما جعلت المستطيل العلويّ أصغر بمقدار 1px ولكن هذه الخطوة اختيارية.

الخطوة 5

طبّق تأثير الظلّ على المستطيل العلويّ، وتأكّد من وضع القيمة 0 في خانة الحجم، وأعط الظلّ شفافية بمقدار 50% ليميل إلى اللون الرمادي أكثر من اللون الأبيض.

الخطوة 6

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

الخطوة 7

سنضيف نقشًا جميلًا من موقع SubtlePatterns إلى المستطيل العلويّ، يمكنك اختيار أي نقش فاتح الألوان من المجموعة التي يقدمها الموقع. أضف كذلك تأثير التدرج اللوني Gradient Overlay بشفافية قدرها 20%.

الخطوة 8

أدخل السنة والشهر الحاليّين في وسط المستطيل العلويّ، ، باستخدام خطّ Helvetica Neue بقياس 14px، ثم لوِّن النص بلون رماديّ غامق وأضف تأثير الظلّ بشفافيّة قدرها 50%. ارسم شكلين بواسطة أداة الأشكال الخاصة (Custom Shape Tool (U ثم ادمجهما (Ctrl+E) ثم ضاعفهما ثم اعكسهما (Ctrl+T). سيشير هذا الشكل إلى الشهرين السابق واللاحق للشهر الحاليّ.

الخطوة 9

بالانتقال إلى المستطيل الرماديّ السفليّ، سنضيف أسماء أيام الأسبوع بالشكل المختصر، باستخدام خطّ Helvetical Neue بوزن Regular وقياس 12px.

الخطوة 10

ارسم مستطيلًا رمادي اللون باستخدام أداة المستطيل (Rectangle Tool (U فوق أي من مربعات التاريخ، ثم أضف تأثير الظل الداخليّ بشفافيّة قدرها 50%، ونمط مزج Overlay، وقياس 10px ومسافة 3px.

الخطوة 11

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

الخطوة 12

أدخل بقية الأرقام باستخدام خط Helvetica Neue بوزن Regular وبقياس 12px، أضف كذلك أرقام الشهر السابق والشهر اللاحق واجعل لون هذه الأرقام أغمق قليلًا من لون الخلفية.

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

يمكن إنهاء العمل برسم شكلين دائريين باستخدام أداة القطع الناقص (Ellipse Tool (U مع الضغط على مفتاح Shift بصورة مستمرّة للحصول على الشكل الدائريّ. أعط القيمة 0 للتعبئة Fill ثم طبّق حدًّا خارجيًا ذا لون رمادي داكن بقياس 1px، وضع هذين الشكلين الدائريّين فوق أسهم التنقّل بين الشهر السابق واللاحق لتحسين مظهرهما قليلًا.

ترجمة -وبتصرف- للدرس Design an Elegant Calendar Using Adobe Photoshop in 15 Minutes لصاحبه Dainis Graveris.

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

الخطوة 1

أحد المقاسات الأكثر شيوعًا في مجال تصميم اﻷشرطة اﻹعلانية هو 300px * 250px. افتح برنامج فوتوشوب Photoshop وأنشئ مستندًا جديدًا بخلفيّة رماديّة وبمقاسات أكبر.

الخطوة 2

ارسم مستطيلًا رماديًّا داكنًا باستخدام أداة المستطيل (U)، وكما قلنا سابقًا فإنّ أبعاد المستطيل يجب أن تكون 300px * 250px. أضف تأثير التوهّج الخارجيّ Outer Glow باللون (#343434).

الخطوة 3

طبّق كذلك تأثير التوهّج الداخليّ، قد يبدو التّأثير مشوّشًا اﻵن ولكنه سيعطي لمسة جميلة للمستطيل في النّهاية.

الخطوة 4

سنطبّق نقشًا على المستطيل وسيكون شفّافًا تقريبًا، لذا سنطبّق نمط المزج Soft Light وشفافيّة بمقدار 5%.

الخطوة 5

سننهي العمل على المستطيل بإضافة تأثير الحدّ الخارجيّ Stroke، بحجم 1px بلون أغمق من لون المستطيل اﻷساسيّ.

الخطوة 6

يمكن استخدام أي مجموعة زخرفيّة تتوفّر لديك، ويتوفّر الكثير من هذه المجاميع مجّانًا على شبكة اﻹنترنت وبمختلف الأشكال واﻷنواع. سنعتمد الخطّ (Bebas Neue) بحجم 48px كخطّ للعنوان، ثمّ نطبّق تأثير الظلّ Drop Shadow على العنوان وعلى اﻷشكال الزخرفيّة كذلك.

الخطوة 7

ارسم مستطيلاً باﻷبعاد 260px * 125px بواسطة أداة المستطيل مدوّر الحوافّ Rounded Rectangle Tool بمقدار 2px، ثم طبق تأثيرّ الظلّ عليه، سنضاعف الشّكل مرّتين، ثمّ نقلّل حجم الشكل اﻷوّل بنسبة 1% والثّاني بنسبة 2%.

الخطوة 8

سنعتمد الخطّ (Museo Slab) باللّون (#887e7e)، اختر اﻷيقونات التي ترغب بها وباﻷبعاد 16px * 16px من مجموعة IconSweets 2 وضعْها في أماكنها المخصّصة لها. ارسم خطّين دقيقين باللّون (#e6e6e6)، ليكونا بمثابة حدّ فاصل للحدود الخارجيّة للنص.

الخطوة 9

ارسم مستطيلًا أحمر اللّون (#dc4027) بواسطة أداة المستطيل مدوّر الحواف (U)، سيكون الشكل اﻷساسي الذي سيمثّل زرّ اﻹجراء. طبّق تأثير الظلّ Drop Shadow.

الخطوة 10

طبّق تأثير الظلّ الداخليّ Inner Shadow بشفافيّة مقدارها 15%.

الخطوة 11

طبّق تأثير التّدرّج اللونيّ Gradient Overlay ونمط مزج الطّبقة Soft Light بشفافيّة مقدارها 35%.

الخطوة 12

طبّق تأثير الحدّ الخارجيّ على الزرّ، واختر التدرّج اللونيّ من قائمة نوع التّعبئة Fill Type لكي نطبّق لونًا أحمر غامق للجزء السفليّ من الزرّ ولونًا فاتحًا للجزء العلويّ منه.

الخطوة 13

اكتب بعض الكلمات على الزرّ مستخدمًا الخطّ (Bebas Neue)، يمكن أن تكتب ما تشاء، وسنختار العبارة (Sign Up)، ثمّ طبّق تأثير الظلّ على النصّ.

الخطوة 14

أخيرًا سنضيف بعض النّصوص التي تشبه كتابة اليد إلى زرّ اﻹجراء، ويمكن استخدام الخطّ (Journal) للحصول على هذا التّأثير.

إضافة السّهم سهلة كذلك، إذ يمكن رسم أيّ شكل، خطّ مائل على سبيل المثال، ثمّ باستخدام خاصّيّة لوي النّص Warp Text للحصول على هذا التّأثير.

ترجمة -وبتصرّف- للمقال Create an All-Purpose Banner in Photoshop لصاحبه Dainis Graveris.