سنتعلم في هذا المقال تقنيات مختلفة يمكن استخدامها لحل مشاكل الأيقَنة Iconography وتصميم واجهة المستخدم UI وتخطيط صفحات الويب web layouts، وذلك باستخدام برنامج الفوتوشوب Photoshop، الذي يُعَد من أقوى برامج التصميم المتوفرة، فبمجرد أن تبدأ في تعلم كيفية استخدامه، ستدرك أنه لا حدود لما يمكنك فعله.

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

إليك النتيجة النهائية التي سنحصل عليها بعد اتباع جميع الخطوات:

أنشئ مستندًا جديدًا في برنامج الفوتوشوب، بحيث يكون حجمه 800px x 800px على الأقل.

أنشئ دليلًا عموديًا vertical guide وآخرًا أفقيًا horizontal guide، ثم حاذِهما في منتصف المستند، وذلك بالنقر على قائمة View ثم New Guide. اختر دليلًا أفقيًا horizontal، ثم طبق تموضعًا بمقدار 50%. طبق الخطوات نفسها للدليل العمودي.

يجب علينا أولًا محاكاة شكل علبة المياه الغازية، يمكنك استخدام مخيلتك لفعل ذلك، لكننا استخدمنا صورةً جاهزةً لتكون مرجعًا لنا (على الرغم من أننا لم نتبع الشكل بدقةٍ تامة).

سنرسم نصف العبوة، ثم ننسخها للحفاظ على تناسق جانبي العبوة، استخدم اداة القلم Pen tool (P) وارسم نصف الشكل كما يلي:

حدِّد طبقة الشكل الأحمر، ثم اضغط على مفتاحي alt+shift واسحب الشكل إلى الجانب، بعد ذلك اضغط على مفتاحي ctrl+T وانقر بالزر الأيمن للفأرة على الشكل، واختر "اقلب أفقيًا Flip Horizontal" واضغط بعدها على مفتاح Enter. يمكنك تنفيذ ذلك بطريقةٍ أخرى أيضًا، وذلك بالضغط على قائمة تحرير Edit، ثم تحويل المسار Transform Path واختيار "اقلب أفقيًا Flip Horizontal".

ضع نصف العبوة بجانب النصف الآخر، ثم حدد الطبقتين من قائمة الطبقات Layers الموجودة على اليسار، ثم اختر أداة القلم Pen tool وانقر بزر الفأرة الأيمن على أحد جانبي العبوة، مع اختيار توحيد الأشكال Unite Shapes لتحصل بذلك على شكل واحد.

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

انسخ جسم العبوة الأحمر، ثم ضع مؤشر الفأرة بين الطبقتين، واضغط باستمرار على مفتاح Alt لإنشاء قناع قطع ** Clipping mask**، وسَمّي الطبقتين باسم مناسب، أو كما في الصورة التالية:

سنبدأ الآن بتنفيذ الجزء الممتع ونمنح العبوة مظهرًا واقعيًا. حدد طبقة جسم العبوة Main Shape، ثم انقر بزر الفأرة الأيمن على الطبقة، ثم على خيارات المزج Blending options. ستظهر لك نافذة خيارات المزج، اختر منها "تدرج لونيGradient Overlay"، وطبق الاعدادات التالية:

أنشئ شكلًا أسودًا باستخدام أداة القلم Pen tool (P)، وضعه كما في الصورة التالية:

انقر بالزر الأيمن على طبقة الشكل الجديد وحولها إلى كائن ذكي Smart object، ثم انتقل إلى قائمة المرشحات Filter. بعد ذلك اختر ضبابية Blur، ثم تمويه ضبابي GaussianBlur، وطبق قيمةً بمقدار 14، ثم حوّل الطبقة الجديدة إلى قناع قطع Clipping Mask كما في الخطوة السابقة، وغَيّر خيار التعبئة Fill إلى القيمة 70%.

أنشئ شكلًا جديدًا باستخدام أداة القلم Pen tool (P) كما في الصورة التالية:

حول طبقة الشكل الجديد إلى كائن ذكي Smart Object، ثم طبّق عليه تمويهًا ضبابيًا GaussianBlur بقيمة 2 وغير خيار التعبئة Fill إلى القيمة 40%. حول الطبقة الجديدة إلى قناع قطع Clipping Mask كما في الخطوة السابقة، وغَيّر نمط الدمج blending mode إلى Overlay.

أنشئ شكلًا جديدًا، ضعّه أعلى العبوة كما في الصورة التالية، وسَمِّ الطبقة ‘Horizontal div1‘، أو أي اسم معبر:

حوّل طبقة الشكل الجديد إلى كائن ذكي Smart Object ثم إلى قناع قطع Clipping Mask كما في الخطوات السابقة، وغَيّر نمط الدمج blending mode إلى ضوء خفيف Soft Light، مع تطبيق تمويه ضبابي Gaussian Blur بقيمة 4.

انقر على طبقة الشكل الرئيسي Main Shape مع الضغط على مفتاح Ctrl/Cmd وذلك لتحديد الشكل، ثم أنشئ طبقةً جديدةً وارسم خطًا مستقيمًا مكان الشكل الأسود باستخدام فرشاة ذات حواف ناعمة soft edge brush بحجم 24 بكسل.

غَيّر نمط الدمج blending mode في الطبقة الجديدة إلى ضوء خفيف Soft Light وأضف إليها قناعًا، ثم اختر اللون الأسود ليكون لونًا للمقدمة Foreground. حدد الطبقة وارسم باستخدام فرشاة ذات حجم 60 بكسل على أعلى وأسفل المنطقة السوداء، دون الرسم في المنتصف. سَمِّ الطبقة ‘Horizontal div2‘.

انقر على طبقة الشكل الأحمر مع الضغط على مفتاح Ctrl/Cmd، وذلك لتحديد الشكل، ثم أنشئ طبقةً جديدةً واختر اللون eeb946‏# ليكون بمثابة لون للمقدمة، ثم ارسم خطًا مستقيمًا من أعلى العبوة إلى أسفلها باستخدام فرشاة ذات حواف ناعمة soft edge brush بحجم 100 بكسل.

حدد الطبقة الجديدة، ثم غَيّر نمط الدمج blending mode إلى ضوء خفيف Soft Light والشفافية Opacity للقيمة 70%، ثم أضف قناعًا واختر اللون الأسود ليكون لون المقدمة، وغَيّر حجم الفرشاة إلى 65 بكسل والتدفق Flow للقيمة 30%.

لوّن الطرف الأيمن باللون الأصفر الفاتح لتجعله أقل ظهورًا من الطرف الأيسر، كما يلي، لكن لا تمحه كاملًا:

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

حوّل المثلث إلى كائن ذكي Smart Object، ثم طبق تمويهًا ضبابيًا Gaussian Blur بقيمة 15، مع تغَيير نمط الدمج blending mode إلى تراكب Overlay.

أنشئ طبقةً جديدةً، وضعها في المنتصف كما في الصورة أدناه، وسمِّها 'Middle dark'.

حوّل طبقة الشكل الجديد إلى كائن ذكي Smart Object، ثم غَيّر نمط الدمج blending mode إلى ضوء خفيف Soft Light مع تطبيق تمويه ضبابي Gaussian Blur بقيمة 10 . اضغط على Ctrl/Cmd + J لنسخ الطبقة، واجعل قيمة الشفافية Opacity 40%.

أنشئ طبقتين جديدتين، وضعهما كما يلي:

حوّل الشكلين إلى كائن ذكي Smart Object، ثم غَيّر نمط الدمج blending mode إلى ضوء خفيف Soft Light، وطبق تمويهًا ضبابيًا Gaussian Blur بقيمة 10. طبق ذلك على كلا الطبقتين.

أنشئ شكلًا جديدًا كالتالي:

حوّل الشكل إلى كائن ذكي Smart Object، ثم غَيّر نمط الدمج blending mode إلى تراكبOverlay وطبق تمويهًا ضبابيًا Gaussian Blur بقيمة 7.

سنركز الآن على الجزء الأحمر العلوي من العبوة. حدّد القناع للطبقة Horizontal div1 واختر اللون الأسود للمقدمة، ثم استخدم فرشاةً ذات حواف مدورة ناعمة soft round edge brush بحجم 45 بكسل وتدفق بمقدار 30%، وذلك لحذف المنطقة التي يعبر منها الضوء، كما يلي:

أنشئ طبقةً جديدةً ثم اختر فرشاةً ذات حواف مدورة ناعمة soft round edge brush بحجم 48 بكسل وتدفق Flow بمقدار 100%. انقر بالفأرة لإنشاء دائرة في الأعلى فوق الخط. غَيّر نمط الدمج blending mode إلى تراكبOverlay، وانسخ الطبقة.

نحتاج الآن إلى تخفيف سطوع الحواف. حدِّد الطبقة الأساسية Main Shape وطبق ظلًا داخليًا Inner shadow وفق الاعدادات التالية:

سنزيد عتامة الجزء السفلي من الشكل الأحمر أيضًا. اضغط مفتاح Cmd / Ctrl، وانقر بزر الفأرة فوق الشكل الرئيسي لتحديد شكله، وإنشاء طبقة جديدة. اختر فرشاةً ذات حواف مدورة ناعمة soft round edge brush بحجم 48 بكسل وتدفق Flow بمقدار 30%، وارسم خطًا مستقيمًا أسفل العبوة، ثم غَيّر نمط الدمج blending mode إلى ضوء خفيف Soft Light.

سنضيف انعكاس نافذة باستخدام أداة المستطيل Rectangle Tool (U) لإضفاء مظهر واقعي على العبوة. أنشئ مستطيلين كما في الصورة التالية، ثم استخدم أداة القلم Pen toop (p) لتوحيد الشكلين كما في الخطوة السادسة.

انسخ الطبقة الجديدة، التي تحتوي الشكلين مرتين، ورتب الأشكال كما يلي:

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

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

اضغط مع الاستمرار على مفتاح Alt/Option، واسحب طبقة القناع إلى طبقات الشكلين الآخرين لتطبيق نفس التأثير عليهما. غَيّر نمط الدمج blending mode للطبقات الثلاثة إلى تراكبOverlay، واضبط قيمة الشفافية Opacity على 18%.

عين اللون eeb946‏# ‏لونًا أماميًا، ثم أنشئ طبقة شكل جديد كما في الصورة التالية:

حوّل الشكل إلى كائن ذكي Smart Object، ثم غَيّر نمط الدمج blending mode إلى تراكبOverlay، وطبق تمويهًا ضبابيًا Gaussian Blur، ثم اضبط قيمة الشفافية Opacity على 70%.

سنصلح الآن الإضاءة في أعلى العبوة الحمراء. اضغط مفتاح Ctrl/Cmd، وانقر بالفأرة على طبقة الشكل الرئيسي، ثم انقر على أداة الفرشاة Brush tool واختر فرشاةً ذات حواف مدورة ناعمة بحجم 30 بكسل وتدفق بمقدار 30%. مرّر الفرشاة على الحواف العلوية اليمنى واليسرى للعبوة وذلك لتعتيمها، كما في الصورة التالية:

سنكثّف المناطق المظلمة في منتصف العبوة. حدد الشكل الذي أنشأناه سابقًا باسم Middle dark وانسخه، واضبط قيمة الشفافية Opacity على 25%.

حدد طبقة الشكل العلوي وطبق الاعدادات التالية في نافذة خيارات الدمج Blending Options:

حدِّد اللون الأبيض ليكون لونًا للمقدمة، واختر فرشاةً ذات حواف مدورة ناعمة بحجم 30 بكسل وتدفق بمقدار 100%. اضغط على مفتاح Ctrl/Cmd وانقر بالفأرة على طبقة الشكل العلوي لتحديد الشكل، ثم أنشئ طبقةً جديدةً وارسم ثلاثة خطوط أفقية مستقيمة، مع ترك فراغ بينها، كما في المثال التالي، وطبق تأثير التراكب Overlay في خيارات الدمج:

كرّر ما فعلناه في الخطوة السابقة على الحافة العلوية للعبوة، لكن لا تترك فراغا بين الخطوط:

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

ارسم خطًا رفيعًا لإضفاء مظهر ثلاثي الأبعاد على الشكل، كما يلي:

سنعمل الآن على الجزء السفلي. طبق الاعدادات التالية في نافذة خيارات الدمج Blending Options:

سنستخدم نفس الطريقة التي طبقناها على الجزء العلوي. اضغط على مفتاح Ctrl/Cmd وانقر بالفأرة على طبقة الشكل السفلي وأنشئ طبقة جديدة، ثم باستخدام فرشاةً ذات حواف مدورة ناعمة بحجم 21 بكسل وتدفق بمقدار 100%، ميز الجزء العلوي من الشكل، ثم طبّق تأثير التراكب Overlay في خيارات الدمج. بعد ذلك أنشئ طبقةً ثانيةً وكرر الخطوات، ولكن ارسم خطًا رأسيًا يغطي الشكل بالكامل. غَيّر خيارات المزج للطبقة الجديدة إلى Soft Light.

استخدم نفس الطريقة لتعتيم الحواف السفلية اليمنى واليسرى. غَيّر نمط الدمج blending mode تراكبOverlay، واضبط قيمة الشفافية Opacity على 70%.

كرّر الطريقة المستخدمة في الخطوات السابقة لتعتيم المنتصف كما يلي، وغَيّر نمط الدمج blending mode تراكبSoft Light، مع ضبط قيمة الشفافية Opacity على 60%.

أنشئ طبقةً جديدةً كما يلي، واختر اللون 311010#:

حوّل الشكل إلى كائن ذكي Smart Object وطبق تمويهًا ضبابيًا Gaussian Blurبقيمة 5، ثم غَيّر نمط الدمج blending mode إلى تراكبOverlay، واضبط قيمة الشفافية Opacity على 20%.

أنشئ شكلًا جديدًا كالتالي، ثم أضف قناعًا لطبقة الشكل، استخدم أداة التدرج اللوني Gradient Tool (G) لمحو المنطقة العلوية والسفلية الشكل تمامًا كما في الخطوتين الرابعة والثلاثين والخامسة والثلاثين.

غَيّر نمط الدمج blending mode إلى تراكب Overlay، واضبط قيمة الشفافية Opacity على 20%.

حدّد شعار العبوة، ثم افتح قائمة التحويل Transform بالضغط على مفتاحي **Cmd/Ctrl + T **، ودوّر الشعار حتى تحصل على الوضعية الصحيحة.

سنضيف قطرات ماء باستخدام الأداة Elipse Tool واختصارها U. أنشئ شكلًا دائريًا وطبق الاعدادات التالية:

انسخ تنسيق الطبقة السابقة ثم أنشئ أشكالًا دائريةً باستخدام أداة Pen Tool، وأداة Elipse Tool، ثم الصق تنسيق الطبقة على الأشكال، جَمّع الطبقات في مجلد وانسخ القطرات على العبوة.

ختامًا

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

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

ترجمة -وبتصرف- للمقال How to Create a Realistic Coca-Cola Can Using Adobe Photoshop من الموقع.

اقرأ أيضًا

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

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

• تصميم الخلفية: أنشئ مستندًا جديدًا بقياس 30x50 بوصة، ثم أنشئ طبقة layer جديدة ولونها بأي لون تختاره، ثم طبق تراكب تدرجي Gradient Overlay من نافذة خيارات المزج Blending options وفق الاعدادات التالية:

تصميم شكل القبضة: أنشئ طبقةً جديدةً ثم استخدم أداة المستطيل ذات الحواف المستديرة Rounded rectangle Tool واختصارها U بنصف قطر Radius بمقدار 22 بكسل، لإنشاء شكل القبضة.

استخدم إعدادات المزج التالية للحصول على نفس النتيجة:

عملية إضافة اللمعان: أنشئ طبقةً جديدةً لإضافة بعض اللمعان على القبضة، وارسم خطًا أبيضًا مستقيمًا مثل التالي:

حدد الطبقة الجديدة، واضغط باستمرار على مفتاح CTRL، ثم انقر على طبقة جسم القبضة؛ أو حدد الطبقة الجديدة، ثم اضغط على تحديد Select، ثم تحميل التحديد Load Selection، وانقر على موافق.

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

اضغط مفتاحي Ctrl + D لإزالة تحديد الشكل، ثم طبق شفافية Opacity للطبقة بمقدار 50%، ثم اختر أداة الممحاة واختصارها E وخفض شفافيتها، ثم استخدمها لمسح القليل من اللمعان:

إضافة مكبرات الصوت: أنشئ طبقةً جديدةً واختر اللون التالي #3a3a3a، ثم أنشئ مجموعة دوائر باستخدام أداة الفرشاة، وذلك باتباع الأحجام الموضحة في الصورة التالية:

انسخ الطبقة بالضغط على مفتاحي Ctrl + J وطبق عليها إعدادات المزج التالية:

ضع الطبقة المنسوخة تحت الطبقة القديمة للحصول على نتيجة مماثلة لما يلي:

أضواء الليد: أنشئ طبقةً جديدة وارسم مستطيلًا أسفلها باستخدام اللون 858585#، ثم انسخه مرتين.

أنشئ طبقة جديدة لإضافة اللمعان على المستطيلات التي ستكون بمثابة أضواء الليد LED، وذلك بتطبيق إعدادات المزج التالية:

ستحصل على النتيجة التالية:

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

نحتاج إلى اختيار نفس لون جسم القبضة، لكننا سنطبق تأثير التراكب اللوني Color Overlay لنستطيع تمييز ما نفعله، وعند الانتهاء، ألغِ تأثير التراكب اللوني Color Overlay وطبق تأثير Bevel and Emboss وفق الإعدادات التالية:

مفتاح التشغيل: أنشئ طبقةً جديدةً، ثم ارسم دائرة باستخدام أداة الفرشاة.

طبق عليها إعدادات المزج التالية:

ستحصل على نتيجة مماثلة لما يلي:

أنشئ الآن طبقةً جديدةً لإنشاء رمز التشغيل، وارسم دائرةً رماديةً صغيرةً داخل المفتاح، كما يلي:

ثم أنشئ تحديدًا دائريَا صغيرًا كالتالي، ثم احذفه:

أنشئ الآن تحديدًا مستطيلًا، ثم احذفه:

أنشئ الآن تحديدًا عاموديًا صغيرًا واملأه:

يجب أن تحصل على نتيجة مشابهة لما يلي:

طبق إعدادات المزج التالية:

اكتب كلمة POWER باستخدام أداة النص Text Tool واختصارها T، استخدم الخط Kartika واللون 8a8888#.

تصميم الشعار: استخدم أداة النص لكتابة شعار "Wii" باستخدام الخط Sony Sketch EFF واللون #989898.

مفتاح القائمة الرئيسية: أنشئ طبقة جديدة، ثم ارسم دائرةً فوق المكبر:

طبق إعدادات المزج التالية:

انسخ الطبقة وأضف إلى الطبقة الجديدة الإعدادات التالية:

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

أنشئ طبقةً جديدة، ثم ارسم فيها منزلًا صغيرًا باللون #31befa، ثم اكتب "HOME" أسفل المفتاح الرئيسي باستخدام الخط Kartika أو الخط Simplified Arabic واللون 878686#.

زر التخفيض (-):

طبق إعدادات المزج التالية:

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

أنشئ طبقةً جديدةً وارسم خطًا أفقيًا مستقيمًا باللون الرمادي.

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

إضافة الزر (A): أنشئ طبقةً جديدةً فوق زر القائمة، ثم أنشئ دائرةً أكبر ولوّنها بالاسود.

طبق الإعدادات التالية:

يجب أن تحصل على النتيجة التالية:

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

أنشئ طبقةً جديدةً أصغر من حجم الزر بقليل، واملأه باللون الأبيض، ثم امسح بعض أجزائه كما يلي:

اكتب الحرف A باللون الرمادي داخل الزر باستخدام الخط Simplified Arabic.

إضافة الزرين 1 و 2: أنشئ طبقةً جديدةً وارسم عليها دائرةً باللون الرمادي.

انسخ الدائرة وحركها لليمين قليلًا:

طبق الإعدادات التالية:

أضف تأثير اللمعان:

اكتب الرقم 2 داخل الزر باستخدام الخط Kartika.

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

إضافة لوحة التحكم: استخدم أداة المستطيل ذات الحواف المستديرة بحجم 2 بكسل لإضافة أزرار التحكم، أنشئ طبقةً جديدةً واتّبع الخطوات التالية:

أنشئ مستطيلًا عموديًا:

ثم أنشئ مستطيلًا أفقيًا:

طبق اعدادات المزج التالية:

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

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

أضف طبقةً جديدةً لإضافة بعض الظلال واللمعان أعلى القبضة، واستخدم فرشاة ذات لون رمادي:

إضافة انعكاس: حدد جميع الطبقات عدا طبقة الخلفية، وذلك بالضغط على مفتاح Ctrl أو Shift والنقر على الطبقات، ثم انقر على إحدى الطبقات بالزر الأيمن واختر دمج الطبقات Merge Layers، ثم انسخ الطبقة بالنقر على مفتاحي Ctrl + J وانقر على قائمة تحرير Edit ثم Transform ثم اقلب عاموديًا Flip horizontal. ضع الطبقة الجديدة خلف القديمة واخفض قيمة الشفافية Opacity.

لتحصل على النتيجة التالية:

ختامًا

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

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

ترجمة -وبتصرف- للمقال How to Recreate the Nintendo Wii Controller in Photoshop من الموقع.

اقرأ أيضًا

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

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

1. أنشئ نسخة عن الصورة الأصلية

سترى الصورة عندما تدرجها في البرنامج على طبقة الخلفية الموجودة ضمن لوحة الطبقات Layers panel. أزل بدايةً العيوب التي تراها قبل أن تنتقل إلى مرحلة تنعيم البشرة. انسخ طبقة الخلفية، وذلك بالضغط على المفتاحين ALT+WIN في لوحة المفاتيح، ثم النقر على طبقة الخلفية وسحبها إلى رمز الطبقة الجديدة New Layer الموجود في الناحية السفلية من لوحة الطبقات.

سمِّ النسخة الجديدة Spot Healing ضمن مربع النص الذي يُدعى "مضاعفة الطبقة Duplicate Layer". ستظهر نسخة جديدة من الصورة باسم Spot Healing أعلى الصورة الأصلية، وسننجز عملية التنظيف الضرورية للبشرة ضمن طبقة منفصلة.

2. استخدم فرشاة معالجة البقع

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

3. استخدم فرشاة معالجة البقع مع خيار الانتباه للمحتوى Content-Aware

تتوفر ثلاثة خيارات مع فرشاة معالجة البقع:

• التطابق التقريبي Proximity match: تأخذ الأداة وفق هذا الخيار البكسلات حول محيط المنطقة المحددة لانتقاء البكسلات التي ستستخدم للترميم.
• إنشاء نسيج Create texture: حيث تأخذ الأداة بكسلات من المنطقة المحددة لتنشئ نسيجًا ترميميًا، فإن لم تنجح المحاولة، جرِّب أن تختار نفس المنطقة مجددًا.
• الانتباه إلى المحتوى Content-Aware: يوازن الخيار محتوى المنطقة المجاورة ليملأ المنطقة المحددة بما يطابق للمحتوى المدروس، ويبقي على التفاصيل الرئيسية مثل الظلال وحواف الكائنات.

عليك هنا اختيار Content-Aware من صندوق الخيارات، وهو الخيار الافتراضي، لكن عليك التأكد من اختياره.

4. أزل اللطخات عن البشرة بالنقر عليها

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

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

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

سنتابع العمل بنفس الطريقة لإزالة بقية العيوب (الاندفاعات الجلدية) على الجبين محافظين على حجم فرشاة معالجة البقع لاستهداف العيوب بدقة.

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

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

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

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

5. أنشئ نسخة جديدة عن الطبقة التي عنونتها بـ Spot Healing

سنحاول الآن تنعيم البشرة بعد إزالة جميع البقع من الصورة، لذلك علينا إنشاء طبقة جديدة مختلفة. سننسخ الطبقة Spot Healing داخل لوحة الطبقات بالضغط على المفتاح ALT في لوحة المفاتيح، ثم النقر على الطبقة Spot Healing وسحبها إلى أيقونة "طبقة جديدة New Layer" أسفل لوحة الطبقات.

امنح الطبقة الاسم "Smoothen skin"، ثم انقر على الزر "OK". لدينا الآن الصورة الأصلية في الخلفية تعلوها طبقة إزالة العيوب spot healing، ومن ثم تأتي طبقة Smoothen skin في الأعلى.

6. استخدم مرشح التمرير العالي على الصورة

يمكنك استخدام مرشح التمرير العالي High Pass filter لتنعيم مناطق البشرة التي أزلنا عيوبها، وذلك لكي تبدو صحيةً وأكثر إشراقًا. انقر على قائمة "مرشح Filter"، ثم انتقل إلى الخيار "High Pass":

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

لا يحتوي نسيج البشرة عمومًا على الكثير من التفاصيل، ويعطي تدرجًا لونيًا ناعمًا بين مناطقه المختلفة التي لا تُعَد في هذه الحالة حوافًا. لن يميّز المرشح هذه المناطق بل سيملؤها فقط ببكسلات تحمل اللون الرمادي الحيادي neutral grey.

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

قيمة نصف القطر

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

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

انقر الآن على الزر "Ok" لإغلاق مربع حوار "تمرير عال High Pass"، وسترى أنّ الصورة قد تحولت إلى اللون الرمادي. تبدو المناطق الواسعة التي لا تمتلك حوافًا باللون الرمادي، وهي مناطق قليلة التفاصيل، لكن المناطق التي تمتلك هالات لونية عالية التباين هي من تساهم في تمييز الحواف.

7. استفد من مرشح التغشية منتظم التوزع

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

اضبط قيمة نصف القطر Radius value في مربع الحوار الذي سيظهر لتكون ثلث القيمة السابقة في مرشح التمرير العالي. وطالما أننا ضبطنا تلك القيمة على 24 بيكسل، فستكون الأخيرة 8 بيكسل. انقر بعد ذلك على "Ok".

سيبدو أثر مرشح التمرير العالي على النحو التالي بعد التغشية:

8. استخدم نمط المزج الخطي على طبقة التنعيم

غيِّر قيمة الخيار "نمط المزج Blend Mode" للطبقة Smooth Skin في لوحة الطبقات من عادي normal إلى خطي Linear. سيدمج هذا الأمر نتيجة الترشيح العالي مع الصورة مكوّنًا بصورة عالية التباين مع تأثيرات أعلى وضوحًا.

9. لابد الآن من تغيير ألوان الصورة

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

10. انتقل إلى خيارات المزج Blending Options

لتخفيف أثر الهالة، انتقل إلى خيار تنسيق الطبقات Layer styles الموجود أسفل لوحة الطبقات، ثم اختر "خيارات المزج Blending Options".

11. عدل إعدادات خيار المزج Blend If

افتح مربع الحوار "تنسيق الطبقات Layer styles"، وابحث عن خيار المزج Blend If في النصف السفلي من الصندوق. ستجد مجموعتين من الخيارات هي: "هذه الطبقة This Layer"، و"الطبقة الأدنى Underlying Layer". استعمل الخيار العلوي.

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

العمل على الهالات الفاتحة

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

تخفيف الهالات الأكثر قتامة

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

12. إضافة قناع على الطبقة

للحد من التأثيرات التي تظهر في الصورة السابقة، لا بدّ من إضافة طبقة قناع layer mask جديدة. افتح لوحة الطبقات واضغط باستمرار على الزر Alt، ثم انقر على الأيقونة "إضافة طبقة قناع Add Layer Mask". ستظهر عند ذلك صورة مصغّرة عن طبقة القناع مملوءة بالأسود فوق الطبقة Smooth Skin.

13. اختر أداة الفرشاة

اختر الفرشاة من شريط الأدوات.

14. اختر اللون الأبيض للفرشاة

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

15. لون فوق البشرة

تحقق من خيارات الفرشاة المتاحة ضمن شريط الخيارات Options bar قبل أن تبدأ التلوين، ثم تحقق من أنّ النمط قد ضبط على الخيار عادي Normal، وأنّ العتامة Opacity قد ضبطت على القيمة 100%؛ أما الخيار انسياب Flow، فعلى 100%. بعد ذلك استخدم الفرشاة للتلوين على البشرة، وذلك لكي يظهر أثر التنعيم. انتق الفرشاة ناعمة الحواف soft-edged لتبدو تأثيرات التدرج أكثر نعومةً.

انظر إلى نتيجة عملك بالكامل عند انتهاء العمل.

خلاصة

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

ترجمة -وبتصرف- للمقالة 15 Tips to Get Skin Smoothing and Retouching Right in Photoshop لكاتبها Harsh Raval.

اقرأ أيضًا

• كيفية تصميم تأثير الجلد على النصوص في الفوتوشوب
• كيفية قص الشعر من الخلفيات المعقدة في الفوتوشوب
• كيفية تطبيق تأثير الإضاءات المختلفة على الصور الشخصية في الفوتوشوب

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

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

يمكنك إنشاء تصميم قميص قديم لعلامتك التجارية من خلال فتح برنامج فوتوشوب Adobe Photoshop، ثم إنشاء مستند جديد كما في الشكل السابق. الأبعاد الشائعة للجزء الأمامي القابل للطباعة من القميص هي 12‎×14 إنشًا، لذلك أنشئ مستندًا بهذا الحجم، واضبط الدقة resolution على 300 بكسلًا لكل إنش ppi، إذ يُحتمَل أن يُطبَع عملك الفني على القميص. وبما أننا نصمم بهدف الطباعة، فيُفضَّل استخدام نمط الألوان CMYK، وعلى الرغم من أن هذا التصميم يستخدم اللونين الأبيض والأحمر فقط، فسيكون هذا التصميم مخصَّصًا للقمصان ذات الألوان الداكنة مثل اللون الأسود، لذلك يمكن تعبئة لوحة الرسم canvas باللون الأسود الافتراضي الأمامي من خلال استخدم الاختصار ALT+Backspace.

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

بعد البحث عن نسخة EPS لهذا الرسم وفتحها، ستتمكّن من عرضها بالأبعاد المطلوبة، وسيكون هذا الرسم بحجمه القياسي افتراضيًا، ولكن يمكن تغيير حجم الملفات المتجهة vector إلى أي حجم تريده، حيث يمكنك مضاعفة حجمه بفعالية من خلال وضع ‎*2 في نهاية البُعد العرضي width.

انقر نقرًا مزدوجًا على الطبقة وأضِف التأثير Color Overlay كما في الشكل السابق. سنختار الآن اللون الأحمر بالقيم 20c و100m و100y و0k، وبما أننا نستخدم نمط الألوان CMYK، فيُفضَّل ضبط قيم محددة للحبر لتتأكّد من طباعة ألوانك بالشكل المتوقع.

الرسم السابق كبير بعض الشيء، ولكن يمكنك تصغيره بأمان على الرغم من تحويل إلى نقطيّ rasterized، لذلك لا يمكنك تكبيره مرةً أخرى بعد ذلك، إن لم تنشئ كائنَا ذكيًا Smart Object أولًا.

اختر أداة شكل المستطيل ذي الزوايا المنحنية Rounded Rectangle Shape وغيّر نصف قطر الزاوية إلى القيمة 1000 في شريط الأدوات العلوي، وغيّر خيار القائمة إلى مسار Path، ثم ارسم شكلًا على لوحة الرسم كما في الشكل السابق.

استخدم الآن أداة الكتابة Type، ثم مرّره فوق المسار إلى أن ترى رمز الكتابة عليه، ثم انقر لبدء كتابة اسم علامتك التجارية. بدّل بين لوني المقدمة والخلفية ليُكتَب النص باللون الأبيض.

العلامة التجارية الخيالية التي سنستخدمها هي شركة Sleeping Serpent Supply Co، وسنستخدم الخط Trade Gothic بأنماطه المتعددة. اختر نمط الخط العريض المضغوط Heavy Compressed، ثم فعّل الخيار كل الأحرف الكبيرة All Caps من لوحة Character، وتأكّد من أن نمط الفقرة paragraph متمركز centered.

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

قد يكون هناك عنصر نص واحد فقط في كل مسار، لذلك استخدم الاختصار CMD+J لتكرار طبقة النص هذه والمسار المرتبط بها. بعدها عدّل النص واستخدم أداة تحديد المسار لسحب النص إلى أسفل المسار.

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

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

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

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

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

استمر في الضغط على مفتاح Shift وانقر على كل الطبقات التي تشكل عنصر النص هذا مع الخطين، ثم استخدم الاختصار CMD+J لتكرارها. انقل هذه العناصر إلى الجانب الآخر من تخطيط الشعار وعدّله كما في الشكل السابق.

ضع عنصر نص آخر في المساحة الموجودة أسفل رسم الثعبان، واستخدم هذه المرة مستطيلًا لتخطيط النص مع إعداد الحد نفسه بمقدار 10 بكسلات. تأكد من محاذاة كل شيء مع الدليل باستخدام الاختصار CMD+T للتحقق من المقبض المركزي كما في الشكل السابق.

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

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

اربط هذا العنصر بنظام الألوان من خلال إعطائه تأثير طبقة colour overlay باللون الأحمر.

أضِف طبقةً جديدةً وارسم حدودًا محيطةً حول التصميم باستخدام أداة المستطيل ذي الزوايا المنحنية Rounded Rectangle، ويجب أن يكون مركزيًا عن طريق محاذاته مع الدليل.

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

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

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

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

ستحتاج عناصر النص الأصغر إلى قيمة أقل بكثير، لذلك اضبط الإعدادات لكل عنصر على حِدة.

بما أننا نصمم قميصًا، فلنستفِد من خامات Washed and Worn التي تضفي على عملك الفني المظهر القديم لقماش متشقق وحبر متناثر بسبب غسلها وارتدائها لسنوات عديدة.

جمّع كل الطبقات لوضعها في مجلد واحد، ثم طبّق قناع طبقة layer mask على هذه المجموعة. افتح أحد الخامات المغسولة والبالية Washed and Worn ثم انسخه، ثم استمر في الضغط على مفتاح ALT، وانقر على قناع الطبقة لتعديل محتوياته. الصق الخامة ثم استخدم الاختصار CMD+T لتغيير حجمها وموضعها وتدويرها للعثور على أفضل تخطيط لها.

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

لا تنسَ إخفاء طبقة الخلفية السوداء قبل تصدير عملك الفني، لأنك سترغب في أن تكون خلفية الطباعة هي نسيج القميص الفعلي.

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

ترجمة -وبتصرّف- للمقال How to Create a Vintage Logo T-Shirt Design in Photoshop لصاحبه Chris Spooner.

اقرأ أيضًا

• تصميم ملصق لشعار فيلم Deadpool ببرنامج الفوتوشوب
• مقدمة إلى برنامج أدوبي فوتوشوب Adobe Photoshop
• كيفية تصميم شعار نصي للطباعة على الملابس
• خطوات تطوير شعار باستخدام برنامج سكريبوس Scribus
• النسخة الكاملة من كتاب أساسيات تصميم الرسوميات

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

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

1. التصميم دون استراتيجية وخطة واضحة

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

2. إهمال تنوع أبعاد الشاشات

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

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

3. الاختيار الخاطئ لمكان الأيقونات

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

4. التصميم دون استخدام الشبكات Grids

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

5. كثرة العناصر

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

6. أخطاء المنظور والظلال

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

7. استخدام النصوص

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

8. أخطاء التناسق

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

9. عدم أخذ تغيير الأبعاد بالحسبان

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

10. عدم التركيز على الفئة المستهدفة

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

11. اختيار لوحات ألوان غير ملائمة

تُعَد الألوان عنصرًا أساسيًا في أي تصميم، ويمكن مساهمة مخطط ألوان Color Scheme جيّد بتحسين تصميمك إلى مستوىً أفضل، وبالعكس، فقد يدمّر مخطط ألوان سيء تصميمًا رائعًا، لذا في تصميم الأيقونات عليك عدم العبث بالألوان كثيرًا، وهذا لا يقلل من أهميّة اللون بأي شكل، حيث يجب أن تتميّز تصاميمك عن تصاميم الآخرين لتبقى في ذهن المستخدِمين ويتمكّنوا من تذكّرها بسهولة، ولهذا تجنّب التصاميم أحادية اللون Monochromatic colors والألوان الباهتة Bland Colors في الأيقونات، واستخدم مخططات لونية Color Schemes جذّابة ومؤثرة لجذب الانتباه المطلوب والتميّز عن المنافسين. وفي نقطة أخرى، لا تغير اللون من أيقونة لأخرى ضمن نفس المجموعة، فقد يخلّ ذلك بعنصر التناسق.

12. الأيقونات المتشابهة كثيرا

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

13. تعقيد التصميم

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

14. التصميم من الصفر

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

خاتمة

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

لقد شملت القائمة المذكورة بالأعلى كل تفصيل دقيق ومهم عليك معرفته بصفتك مصممًا، ويكمن دورك الآن في توظيف هذه المعرفة في تصميم أفضل للأيقونات.

ترجمة -وبتصرّف- للمقال 14 Things Not To Do When Designing Icons.

اقرأ أيضًا

• تصميم عالم صغير في زجاجة بالفوتوشوب
• تصميم ملصق لشعار فيلم Deadpool ببرنامج الفوتوشوب
• تصميم ملصق فضاء ذو أسلوب قديم مع أضواء ملونة بالفوتوشوب

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

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

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

أدرج صورةً لزجاجة في ساحة العمل، وأزل أي شعار موجود عليها.

سمِّ هذه الطبقة "زجاجة"، واضغط عليها مرتين من أجل فتح إعدادات الطبقة Layer Style، ثم اسحب منزلق المزج Blending حتى تقلل من الشفافية.

غيّر لون الزجاجة من Image > Adjustments > Photo Filter.

ولتعديلٍ أفضل لدرجة اللون اختر Image > Adjustments > Selective Color.

أدرج صورةً لغطاء من الفلين وضَعه في فوهة الزجاجة.

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

خفّف الإضاءة بسحب خط منحنيات الإضاءة للأسفل من Image > Adjustments > Curves.

واجعل أجزاء الزجاجة الملامسة للماء داكنةً، وذلك عن طريق سحب الخط كما في الصورة الموالية.

الماء وسطح المحيط

حدّد لأي مستوى في الزجاجة ترغب ملئ الماء به.

لوّن الماء بفرشاة زرقاء وفق الشكل الذي رسمته، ثم غيّر نمط الدمج Blend mode إلى Multiply.

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

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

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

غيّر صبغة لون سطح الماء Hue من Adjustments > Hue/Saturation، ثم غيرّ تألقه من Adjustments > Curves إلى ما يلائم عملنا.

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

الصياد والمركب

أدرج صورةً لصياد ثم غيّر أبعادها ومكانها.

أخفِ أجزاء الصورة غير المطلوبة، وعدّل ألوانها لتلائم باقي العناصر من Adjustments > Curves.

خفّف التعتيم إلى نحو 75% مما يعطي تأثيرًا بوجودها تحت الزجاج.

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

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

طيور النورس وتفاصيل البحر

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

ولدمج الصورة سريعًا، عدّل نمط الدمج.

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

أدرج صورة دلافين وألغِ إشباعها اللوني.

غيّر نمط الدمج إلى Overlay.

امسح الأجزاء الزائدة.

أدرج صورةً لقناديل بحر بنفس الطريقة التي أُضيفت بها الدلافين.

أدرج صورةً لشعب مرجانية، وحرّكها إلى قاع الزجاجة.

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

سنملأ المنطقة الفارغة أسفل المرجان ببعض الرمال، ثم نحددها بأداة التحديد Select Tool ونلوّنها بالأبيض، بعد ذلك غيّر لون المقدمة Foreground color ولون الخلفية Background color إلى درجتين من اللون البني، ثم من شريط الأدوات بالأعلى اختر Filter > Add Noise، أضف تمويهًا Blur أو زد وضوح الصورة Sharpen بحسب ما تفضل.

يمكنك إضافة أصداف ونجم البحر فوق الرمال لإبراز المزيد من التفاصيل.

الفقاعات

ارسم دائرةً واضحة الحواف بفرشاة قاسية Hard brush، ثم أزل المركز بفرشاة ناعمة Soft brush كما في الصورة، وبعد الانتهاء أدرجها مثل فرشاة جديدة من خلال تحديد مساحة تحوي الشكل المطلوب، ثم اختر Edit > Define Brush Preset.

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

أشعة الضوء والهالة المحيطة

ما سنفعله باختصار هو إدراج السُحُب عبر Filter > Render > Clouds وFilter > Render > Difference Clouds، وتطبيق تأثير التمويه Blur filter عليها، ثم إزالة الأجزاء الإضافية، وتغيير نمط الدمج إلى Overlay وتخفيف التعتيم Opacity.

والخطوات ذاتها بالنسبة لأشعة الضوء.

عناصر إضافية

إدراج خلفية باهتة لسماء وغيوم.

أخفِ الأجزاء الواقعة خارج الزجاجة، وخفّف التعتيم إلى 20%.

ولكسر الزجاجة، أدرج صورةً كالآتية.

ضعها في موقع مناسب بتحريكها Edit > Free Transform، وامنحها تأثير الالتفاف من Edit > Puppet Wrap، حتى تصل إلى شكل كالتالي:

امسح الأجزاء الزائدة عن حواف الزجاجة.

وغير نمط الدمج إلى Soft Light.

ضاعف الطبقة وحرّك الطبقة الجديدة بضع بكسلات للأسفل، مما يعطي انطباعًا بسماكة الزجاجة.

وبالعودة إلى طبقة الزجاجة، امسح جزءًا منها يوافق الكسر.

أدخل أشعة شمس من فتحة الكسر وذلك بتحديد مسار الأشعة، ثم اختر Image > Adjustments > Curves واضبط الإعدادات كما في الصورة.

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

زِد الظلال وانعكاسات الضوء على سطح الزجاجة، وبهذه الخطوة ينتهي عملنا.

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

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

نتمنى أن الدرس قد مفيدًا وممتعًا.

ترجمة -وبتصرّف- للمقال Create A Tiny World In A Bottle Photoshop Tutorial.

اقرأ أيضًا

• تصميم ملصق فضاء ذو أسلوب قديم مع أضواء ملونة بالفوتوشوب
• تصميم ملصق لشعار فيلم Deadpool ببرنامج الفوتوشوب

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

1. أنشئ مستندا جديدا بالفوتوشوب

أنشئ مستندًا جديدًا بالفوتوشوب Ctrl/Cmd + N واضبط الإعدادات كما يلي:

ثم اختر أداة دلو الطلاء Paint Bucket Tool واختصارها B، ولوّن الخلفية بالأسود ذو الدرجة #000000.

2. أضف تدرجا لونيا للخلفية

لإضافة تدرج لوني Gradient Overlay، اضغط مرتين على طبقة الخلفية من نافذة الطبقات لإلغاء القفل عنها، ثم كرر الضغط عليها مرتين لفتح نافذة الإعدادات Layer Styles، واضبط الإعدادات مثل الصورة التالية:

3. أضف المزيد من الألوان إلى الخلفية

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

حوّل هذه الطبقة إلى طبقة ذكية، وذلك بالنقر عليها بالزر الأيمن ثم اختر Convert to Smart Object، ولدمجٍ أفضل للألوان، طبّق مرشح تمويه الحركة Motion blur filter من شريط الأدوات بالأعلى Filter > Blur > Motion Blur وفق الإعدادات المرفقة بالصورة التالية، ثم غير اسم الطبقة إلى "ألوان 1" واجعل التعتيم Opacity 15%.

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

4. استمر بإضافة المزيد من الألوان إلى الخلفية

أدرج طبقةً جديدةً، وكرر الخطوات السابقة بألوان مختلفة، وللحفاظ على ترتيب وتنظيم العمل، سمِّ هذه الطبقة "ألوان 2".

5. ادمج بنية أضواء النجوم

ابحث في الإنترنت عن صورة مشابهة لصورة الإضاءة بموقع Star-Light، ثم افتحها على فوتوشوب وحرّكها إلى ساحة العمل بأداة التحريك Move Tool ذات الاختصار V، بعد ذلك حوّلها إلى طبقة ذكية Smart object، ثم اجعل الصورة أصغر باختيار Edit > Free Transform أو الاختصار Ctrl/Cmd + T، ثم قلِّل الأبعاد أثناء ضغط زر Shift دون إفلاته، وذلك للحفاظ على تناظر الصورة. غيّر الآن اسم الطبقة إلى "بنية أضواء النجوم" ثم غيّر نمط الدمج Blending mode إلى Overlay وتعتيم 20%.

6. أضف صورة الفضاء

ابحث عن صورة فضاء مناسبة وافتحها على الفوتوشوب، وبما أننا نريد بُنية الصورة فقط دون ألوانها، فألغِ إشباعها اللوني من شريط الأدوات بالأعلى Image > Adjustment > Desaturate، أو بالاختصار Ctrl/Cmd + Shift + U. حرّك الصورة إلى ساحة العمل الأساسية بأداة التحريك Move Tool، ثم حوّل الطبقة إلى طبقة ذكية واستخدم التحريك الحر Ctrl/Cmd + T لتغيير حجم الصورة وتدويرها بالزاوية التي تجدها مناسبة، ثمّ سمِّ هذه الطبقة "بنية الفضاء"، وغيّر نمط الدمج إلى Soft Light وتعتيم 30%.

7. إنشاء النجوم

أدرج طبقةً جديدةً ولوّنها بالأسود #000000 بأداة دلو الطلاء Paint Bucket Tool التي اختصارها G، وانقر على هذه الطبقة بالزر الأيمن وحوّلها إلى طبقة ذكية، ثم من شريط الأدوات بالأعلى اختر Filter > Noise > Add Noise واضبط الإعدادات مثل الصورة الآتية، وسمِّ الطبقة "نجوم"، مع تغيير نمط الدمج إلى Screen لإزالة اللون الأسود، والآن أصبح لديك الكثير من النقاط البيضاء لكنها لا تشبه النجوم بعد.

أدرج طبقة ضبط المستويات Levels adjustment layer لإنقاص عدد النقاط البيضاء، وذلك عبر Layer > New Adjustment Layer > Levels واستخدم الإعدادات الموضحة بالصورة، ولإنقاص عدد النجوم أكثر ومنح التأثير المزيد من الواقعية، يمكنك إضافة قناع Mask إلى طبقة النجوم Layer > Layer Mask > Reveal All والرسم بفرشاة سوداء B لإزالة المزيد.

8. ابدأ تصميم تأثير الأضواء الملونة

أدرج طبقةً جديدةً أعلى الطبقات Shift + Ctrl/Cmd + N، واختر أداة مستطيل التحديد Rectangular Marquee Tool التي اختصارها M، وحدد شكلًا كما في الصورة، واضبط اللون إلى الأبيض #ffffff، ثم اختر أداة التدرج Gradient Tool التي اختصارها G، وتأكد من نافذة الخيارات بأن التدرج هو بين اللون الأبيض والشفافية، ثم اضغط زر Shift. وبدون إفلاته اسحب الخط الأفقي لأداة التدرج من الحافة اليسرى لإطار التحديد إلى حافته اليمنى، ثم اختر Select > Deselect أو الاختصار Ctrl/Cmd + D لإزالة التحديد. حافظ على ترتيب العمل بتسمية هذه الطبقة "خط"، ولإضافة قناع إلى هذه الطبقة اضغط Layer > Layer Mask > Reveal All، واضبط اللون إلى الأسود #000000 مع التأكد من أن أداة التدرج ما زالت بوضع التدرج بين اللون الأبيض والشفافية، ثم أضف تدرجًا يبدأ هذه المرة من أعلى الخط الأبيض، ثم تدرجًا آخرًا من أسفل هذا الخط كما توضح الصورة:

9. العمل على الخط

انقر بالزر الأيمن على طبقة "خط" التي أنشأتها في الخطوة السابقة، واختر Convert to Smart Object، ثم ضاعف هذه الطبقة Ctrl/Cmd + J واختر Edit > Transform > Flip Horizontal، ثم حدد طبقتي الخطين معًا من قائمة الطبقات من خلال الضغط على الطبقات المطلوبة مع زر Shift أو Ctrl/Cmd، وبعد تحديد طبقتي الخطين اضغط Edit > Free Transform أو الاختصار Ctrl/Cmd + T، ثم اسحب الحافة العلوية للأسفل لتقليل ارتفاعهما فلا نريد أن تصل الخطوط إلى نهاية الحافة العلوية للّوحة.

10. تغيير إعدادات الطبقة

ضع طبقتي الخطين معًا في مجموعة جديدة وسمّها "1". يمكنك إنشاء المجموعة بالاختصار Ctrl/Cmd + G، ثم غيّر تعتيم المجموعة "1" إلى 80%، ولإنشاء تأثير الإضاءة ضع المجموعة "1" ضمن مجموعة جديدة وسمّها "خطوط"، ثم غيّر نمط الدمج إلى Color Dodge. الآن يفترض أنك حصلت على خطين ملونين شبيهين بالصورة الموالية:

11. ضاعف الخط

سنستخدم الخط المُنشأ مثل قالب للخطوط الأخرى، ثم نعدل كل منها لمنحه هيئةً واقعيةً، بدايةً ضاعف المجموعة "1" وذلك بسحبها ووضعها فوق أيقونة إدراج الطبقة الجديدة أسفل نافذة الطبقات، ثم حرّك عناصر المجموعة الجديدة إلى اليمين بأداة التحريك Move Tool واختصارها V، وذلك حتّى تتقاطع مجموعتا الخطوط كما في الصورة. قلّل ارتفاع المجموعة الثانية بتحديدها، ثم اضغط على Edit > Free Transform أو الاختصار Ctrl/Cmd + T، ثم اسحب الخط العلوي لمربع التحريك إلى الأسفل قليلًا، وغيّر تعتيم المجموعة إلى 70%.

12. أنشئ المزيد من الخطوط

كرر الخطوة السابقة لإنشاء المزيد من الخطوط، وغيّر ارتفاع كل مجموعة باستخدام التحريك الحر واختصاره Ctrl/Cmd + T، خفّض تعتيم كل مجموعة بالتدريج مع الاقتراب إلى طرفي اللوحة.

13. أنشئ خطوطا أصغر

أنشئ مجموعةً جديدةً وسمِّها "خطوط صغيرة"، وغير نمط الدمج إلى Color Dodge وضعها أسفل مجموعة "خطوط"، ثم ضاعف إحدى طبقات الخطوط من مجموعة "خطوط" Ctrl/Cmd + J، وضعها في المجموعة الجديدة.

اجعل الطبقة أصغر بتحريكها بينما تضغط زر Shift من Edit > Free Transform، أو الاختصار Ctrl/Cmd + T. ضاعف هذه الطبقة Ctrl/Cmd + J ثم اختر Edit > Transform > Flip Horizontal. وأخيرًا ضع هذين الخطين منتصف اللوحة كما في الصورة الآتية.

14. إنهاء الخطوط

استمر بإضافة خطوط صغيرة بين الخطوط الكبيرة، وغير التعتيم لكل طبقة منها ضمن المجال 40-70%.

15. تخصيص فرشاة جديدة

خصص فرشاةً جديدةً لإضفاء بعض التفاصيل على الملصق، وذلك باختيار أداة الفرشاة Brush Tool التي اختصارها B، ثم اختر فرشاةً قاسيةً مثل نقطة بداية ننطلق منها، ثم افتح نافذة الفرشاة F5 واضبط الإعدادات مثل الصورة التالية لتخصيص فرشاتك، بعدها احفظها بالضغط على زر Create new brush الموجود أسفل هذه النافذة:

16. استخدم الفرشاة الجديدة

ضاعف طبقة "خطوط" وحولها إلى طبقة ذكية بالضغط عليها بالزر الأيمن واختيار Convert to Smart Object، بعدها أدرج قناعًا لهذه الطبقة Layer > Layer Mask > Reveal All، وغير اللون إلى الأسود #000000، ثم اختر الفرشاة التي أنشأتها، ولوّن بها القناع لإزالة أجزاء من هذه الطبقة، مما يعطي الإضاءة تفاصيل أنيقة، بعد ذلك استخدم الفرشاة بقطر رئيسي حوالي 50px في مركز الخطوط، ثم أصغر من ذلك بالاتجاه نحو أطراف الخطوط. غيّر نمط الدمج إلى Overlay بتعتيم 25%، وأضف تأثير تمويه من Filter > Blur > Motion Blur، مع ضبط الإعدادات كما في الصورة، ثم أضف بعض التشويش من Filter > Noise > Add Noise.

17. أدرج صورة الفضاء

ابحث في الإنترنت عن صورة لمجرة كونية وافتحها على الفوتوشوب، ثمّ ألغِ إشباعها اللوني بالاختصار Ctrl/Cmd + Shift + U وحرّكها إلى لوحة العمل، سمّ هذه الطبقة "بنية"، ثم حوّلها إلى طبقة ذكية، واجعلها أصغر ودوّرها من Edit > Free Transform أو بالاختصار Ctrl/Cmd + T، واضغط على زر Shift دون إفلاته أثناء تصغير الحجم. ضع هذه الطبقة ضمن مجموعة جديدة Ctrl/Cmd + G سمّها "فضاء"، واضبط نمط الدمج إلى Color Dodge، مع الضغط على طبقة "بنية" لتفعيلها وأضف قناع أسود اللون من Layer > Layer Mask > Hide All، الآن اختر فرشاةً بيضاء ناعمةً لأداة الفرشاة Brush Tool واختصارها B بتعتيم 50% وقطر رئيسي 100px، ثم لوّن باستخدام الفرشاة ضمن الجزء العلوي من اللوحة لإظهار الأجزاء التي ترغب بها من صورة الفضاء.

18. اجعل درجات الألوان ذات طابع قديم

احفظ ملف العمل بالصيغة التي تريدها، ويفضّل بصيغة PSD (صيغة فوتوشوب)، ثم حمّل مجموعة تأثيرات الفوتوشوب الجاهزة من صفحة DeviantART، وجرّبها للحصول على ألوان متنوعة، وعندما تجد ما يناسبك تكون قد أنهيت العمل.

حدّد كامل العمل Ctrl+A ثم انسخه وادمج عناصره Ctrl+Shift+C وألصقه، ثم اختر Filter > Sharpen > Unsharp Mask > OK مما يجعل الشكل أوضح، وحاول عدم المبالغة باستخدام هذا التأثير.

ختاما

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

اقرأ أيضًا

• تصميم ملصق لشعار فيلم Deadpool ببرنامج الفوتوشوب
• كيفية تصميم ملصق مستوحى من فيلم حرب النجوم باستخدام فوتوشوب
• كيفية إنشاء تأثير كاريكاتيري مضحك في Adobe Photoshop
• كيفية قص الشعر من الخلفيات المعقدة في الفوتوشوب

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

هذه الصورة لمعاينة النتيجة النهائية:

عُرض فيلم Deadpool من إنتاج شركة Marvel في السينما بتاريخ 12\2\2016 ولعب الممثل Ryan Reynolds دور شخصية Deadpool، وكان شعار الفيلم مبتكرًا ومثيرًا للاهتمام لذلك قررنا إعادة تصميم الشعار باستخدام الفوتوشوب.

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

عناصر التصميم

العناصر المستخدمة:

• texture1 خلفية بالأبيض والأسود من موقع wallpoper.
• paper2 بنية الورق الأسود المتصدع من موقع wildtextures.
• cracked3 بنية ملمس صلب متصدع أسود من موقع colourbox.
• metal4 خلفية معدن مخدوش من موقع wallpaperfx.
• scraped5 بنية معدن من موقع malkowitch.
• grunge6 بنية جرونجي سوداء من موقع pixshark.
• dust7 بنية جرونجي الغبار مجانية من موقع zerofiction.
• dripping8 بنية تقطير من موقع dmertl.

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

1. البدء

أنشئ ملفًا جديدًا ضمن الفوتوشوب بقياس 1000x1000px بالإعدادات الآتية:

2. إنشاء قاعدة الشعار

ابدأ بتشكيل قاعدة الشعار برسم شكل دائري بأداة الدائرة Ellipse Tool بأبعاد 840x840px واختر إطار الشكل Stroke بسماكة 50px، مع تفريغه من الداخل باختيار Fill > No color، ثم ارسم شكلًا آخر يعامده بأداة المستطيل Rectangle tool بارتفاع 100px.

ادمج الشكلين بتحديد طبقتيهما، ثم انقر بالزر الأيمن واختر Rasterize، ثم انقر به مجدّدًا واختر Merge layers.

انسخ طبقة قاعدة الشعار التي حصلت عليها لاستخدامها لاحقًا؛ حيث ستحتاجها عند إنشاء تأثير الصدأ على الطلاء، انقر مرتين على الطبقة الجديدة ثم اضبط الإعدادات كالآتي:

للتدرج gradient استخدم درجتي اللون التاليتين #a0a0a0 و#828282، وستجد نسخة التدرج مرفقةً في نهاية المقال للتحميل.

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

لنُضِف الآن بنيةً ذات ملمس لهذه القاعدة، لهذا حدِّد طبقات القاعدة الخمس، ثم انقر بالزر الأيمن واختر Convert to smart object، أدرج صورة texture1 إلى ساحة العمل واختر فرشاةً كبيرةً لأداة الممحاة Eraser tool، بحيث تكون بحجم 270px وقساوة 0% hardness، ثم احذف بعض أجزاء الصورة، وغيّر نمط الدمج blend mode لطبقة الملمس إلى Vivid Light والتعتيم opacity إلى 20%، ثم تأكد من تخفيف حدة إضاءة القاعدة. والآن اجعل الصورة طبقة قناع مرتبط Clipping mask وذلك باختيار الطبقة ثم استخدام الاختصار Ctrl+Alt+G \ Cmd-Option-G.

3. أنشئ طلاء الصدأ

للحصول على تأثير الصدأ على الطلاء الأحمر سنستخدم أكثر من بنية ونعدل أنماط الدمج مع تصحيح الألوان بالفُرش، سنعود إلى طبقة القاعدة التي نسختَها قبل قليل، لهذا انقر عليها مرتين لفتح نافذة الإعدادات layer style، ثم غير Color overlay إلى اللون #a51f3b، وانقر على الطبقة بالزر الأيمن ثم اختر rasterize layer style، ثم افتح نافذة layer style مجددًا وطبّق التعديلات الآتية:

الخطوة التالية هي وضع صورة texture1 أعلى الطبقات الأخرى ثم تغيير نمط الدمج إلى Overlay والتأكّد أنها طبقة قناع مرتبط وذلك باستخدام الاختصار Ctrl+Alt+G / Cmd-Option-G.

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

أدرج طبقةً جديدةً أعلى الطبقات الأخرى، واختر أداة الفرشاة Brush Tool بحجم Size 300px وقساوة 0% Hardness، واختر اللون #a51f3b، ثم لوّن ضمن الطبقة لتعتيم الخلفية قليلًا، ثم غيّر تعتيم الطبقة opacity إلى 60%.

لنُضِف بنية الورق، أدرج صورة paper2 أعلى الطبقات وغير نمط الدمج إلى Color Dodge وارفع تعتيم الطبقة إلى حوالي 90%، ثم تأكّد من مسح الأجزاء غير المرغوبة، واجعلها طبقة قناع مرتبط كما في الخطوات السابقة.

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

تأكّد من أن كل طبقات البُنى هي طبقات أقنعة مرتبطة من طبقة القاعدة الأساسية، وهنا اختر كل طبقات البُنى ثم اضغط على "Ctrl+Alt+G / Cmd-Option-G".

4. تقشير الحواف

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

لدينا طبقة الطلاء الجميلة، والخطوة التالية هي إعادة تأثير التقشير للحواف؛ بخطوات بسيطة ولا تحتاج أي فرشاة جديدة. بالعودة إلى الطبقة الرئيسية للطلاء الأحمر الصدئ، اختر أداة الممحاة Eraser Tool، واختر فرشاةً صغيرةً بقطر حوالي 3px ثم أغلق نافذة الفرشاة brush panel وطبّق الخطوات الآتية:

احذف أجزاءً صغيرةً وجرّب حتى تصل لنتيجة ملائمة، وحاول أن تغطي كل الحواف لكن دون مبالغة، وتذكّر أهميّة التفاصيل، يمكنك أخذ هذه التجربة مثالًا لذلك:

5. رسم العينين

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

لتلوين الشكل انقر بالزر الأيمن في أي مكان من اللوحة واختر Fill Path، واملأه باللون الأبيض، ولإغلاق أداة القلم اختر Pen Tool ثم اضغط زر Esc.

بهذا نكون قد رسمنا الشكل الأساسي للعينين، لهذا احفظ نسخةً منها لاستخدامها لاحقًا، ولتلوين العينين أدرِج طبقةً جديدةً في الأعلى، واجعلها بوضع قناع مرتبط باستخدام الاختصار Ctrl+Alt+G / Cmd-Option-G، ثم اختر فرشاةً سوداء صغيرة بحجم 10px وقساوة 0%، وارسم بعض الخطوط في زوايا العينين، ثم من شريط الإعدادات في الأعلى اختر Filter > Blur > Gaussian Blur واضبط القطر Radius 3.4 pixels.

استخدم أداة التلطيخ Smudge Tool لإبراز اللون الأسود بحجم 17px وقوة 50%.

قد ترغب بتمويه خفيف للشكل قبل الاستمرار بالتلطيخ Smudging، وإن شعرت بحاجة لإضافة لون رمادي، فاستخدم الدرجة #4b5358 وأكمل العملية، وعند الانتهاء اختر Filter > Sharpen > Smart Sharpen واضبط الإعدادات كالآتي: Amount 476% وRadius 3.8px وReduce Noise 30%.

لإبراز الحواف أضِف تأثير ظل داخلي Inner Shadow أبيض اللون إلى إعدادات الطبقة، وبإمكانك زيادة تأثير الظل الداخلي حتى تصل لنتيجة مُرضية.

سنضيف الآن الحواف السوداء حول العينين، لهذا كرر العملية كما في الخطوات السابقة؛ ارسم الشكل بأداة القلم Pen Tool، ولوّنه بالأسود، ثم أدرج الصورة metal4 أعلى الطبقات مثل قناع مرتبط بالاختصار Ctrl+Alt+G.

انقر مرتين على الطبقة لفتح الإعدادات الخاصة بها Layer Style، واستخدم الإعدادات الآتية: إطار Stroke واحد، وظل خارجي Drop Shadow مرتين.

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

الخطوات هي ذاتها لرسم العين الأخرى، عدا تعديلات بسيطة ضمن إعدادات الطبقة Layer style، حيث يمكنك نسخ الطبقات واستخدام تأثير المرآة للحصول على العين الثانية Edit > Transform > Flip Horizontal، لكن تذكر أن عليك ضبط إعدادات الطبقة Layer Style كما في الصورة:

6. تأثير الطلاء المتناثر للخلفية

أدرج صورة scraped5 خلف الشعار وحدد دائرةً بأداة Elliptical Marquee Tool، بعدها انسخ التحديد ثم ألصقه بمكانه دون تحريك.

اختر أداة الحرق Burn Tool بإعدادات الحجم size 250px ونطاق الظلال Range Shadows، والتعرّض Exposure: 25%، واجعل الأجزاء حول العينين والحواف الداخلية للشعار داكنةً أكثر.

لإضفاء بعض التفاصيل على الخلفية أدرج صور grunge6 وdust7 وdripping8، واستخدم أجزاءً من هذه الصور، إذ ستحتاج لتفاصيل أكثر، ولدمج كل العناصر معًا سنستخدم أنماط الدمج الآتية:

• صورة grunge6: نمط Screen بعتامة 100%
• صورة dust7: نمط Lighten بعتامة 100%
• صورة dripping: نمط Divide بعتامة 25%

7. الضبط النهائي

أدرجنا كل العناصر وحان وقت تلوين الشعار، لهذا أدرج طبقة ضبط حيوية Vibrance adjustment layer لتحسين الشعار النهائي بضبط الحيوية Vibrance 52+ والإشباع Saturation -4، ثم أدرج طبقةً جديدةً وادمج نسخةً من كل العناصر فيها وذلك باستخدام الاختصار Ctrl+Alt+Shift+E / Cmd+Option+E. اختر من شريط الأدوات بالأعلى Filter > Sharpen > Smart Sharpen، واضبط الإعدادات مثل الصورة:

أضف بعض التشويش من Filter > Noise > Add Noise.

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

بهذا نكون قد أنهينا العمل، والموضح بالصور الموالية.

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

ترجمة -وبتصرّف- للمقال Deadpool Logo Movie Poster Photoshop Tutorial.

اقرأ أيضًا

• كيفية تصميم ملصق مستوحى من فيلم حرب النجوم باستخدام فوتوشوب
• كيفية إنشاء تأثير كاريكاتيري مضحك في Adobe Photoshop
• كيفية قص الشعر من الخلفيات المعقدة في الفوتوشوب

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

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

سنستخدم خيارات مختلفة لتغيير الحجم لمعرفة كيفية عمل كل من هذه الخيارات.

تغيير حجم عنصر باستخدام عملية التكبير Scale

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

حدّد طبقة المربع الأبيض ثم انقر على قائمة Edit ثم اختر Transform، ثم Scale.

سيظهر مربع يحيط به مقابض جانبية حول المربع الأبيض.

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

يمكنك أن ترى أن المربع لا يناسب لوحة الرسم تمامًا، لذلك نحتاج إلى تخصيص الحجم ليتناسب مع لوحة الرسم، ويمكن فعل ذلك من خلال الانتقال إلى شريط الخيارات Options Bar في الجزء العلوي من الشاشة، ثم إلغاء النقر على زر الحفاظ على نسبة الطول إلى العرض Maintain Aspect Ratio (أيقونة الارتباط)، والذي يحدد تناسبية العنصر.

وبالتالي يمكنك إمساك مقبض أحد الجوانب وسحبه دون تغيير الجوانب الأخرى.

أصبح الآن المربع الأبيض يملأ لوحة الرسم بأكملها، وبالتالي انتهينا من تغيير حجم تلك الطبقة.

تغيير حجم عنصر باستخدام التحويل الحر Free Transform

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

اذهب إلى قائمة Edit ثم اختر التحويل الحر Free Transform.

يحيط بالشمس الآن مربعٌ يحيط به مقابض يمكنك استخدامها لتغيير الحجم كما فعلنا سابقًا مع المربع الأبيض.

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

هناك خيار آخر لتحديد الحجم، حيث يمكنك استخدام المقابض الموجودة على المربع المحيط بالشكل كما هو موضح أعلاه، أو يمكنك ضبط النسب المئوية للطول H والعرض W يدويًا من شريط الخيارات، سواءً اخترت الخيار Scale أو الخيار Free Transform.

سنختار الآن الطبقة التي تحتوي الزهرة، لهذا تأكّد من تحديد أيقونة Maintain Aspect Ratio وزِد نسبة الطول إلى 325%، وبالتالي سيُعدَّل العرض تلقائيًا إلى نفس نسبة الطول المئوية لأن الارتباط مفعَّل.

تغيير حجم عنصر باستخدام خيارات التحويل الفرعية

يحتوي الأمر Transform على خيارات متعددة أخرى مثل التدوير rotate والانحراف skew والتشويه distort، وكذا المنظور perspective والالتواء warp، والتي تُعَد طرقًا أخرى لتغيير حجم عنصر في الفوتوشوب بهدف إنشاء تأثيرات مختلفة.

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

نقدّم فيما يلي وصفًا سريعًا لما سيفعله كل خيار فرعي:

• التدوير Rotate: يدوِّر هذا الخيار الصورة حول نقطة مرجعية ثابتة، فإذا حرّكت المؤشر خارج الحدود المحيطة بالعنصر، فإن هذا المؤشر سيصبح سهمًا منحنيًا ذا وجهين، بعدها سيمكنك سحب المؤشر لتدوير الصورة. اضغط على المفتاح Shift من لوحة المفاتيح لنقل الدوران بزيادة قدرها 15 درجة.
• الانحراف Skew: يؤدي هذا الخيار إلى إمالة العنصر رأسيًا وأفقيًا من خلال سحب المقبض الجانبي لإمالة المربع المحيط بالعنصر.
• التشويه Distort: يسمح هذا الخيار بتمديد العنصر الخاص بك في جميع الاتجاهات، حيث يمكنك استخدام مقابض الزاوية لتشويه الشكل.
• المنظور Perspective: يطبّق هذا الخيار منظورًا من نقطة واحدة على العنصر المختار، لهذا أمسِك بمقبض زاوية واسحبه لتطبيق المنظور الذي تريده.
• الالتواء Warp: يسمح هذا الخيار بمعالجة تفصيلية لشكل العنصر، حيث يظهر رسم بياني "شبكي" فوق الصورة عند تفعيل هذا الخيار. اسحب نقاط التحكم أو الخط أو المنطقة داخل الشبكة لتغيير شكل الشبكة، وسيتبع ذلك تغيّر شكل العنصر.

اختصارات لوحة المفاتيح

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

• استخدم الاختصار Ctrl + T مع نظام التشغيل Windows، أو الاختصار Command + T مع نظام التشغيل Mac لتفعيل التحويل الحر، حيث سيؤدي ذلك إلى تشكّل مربع يحيط بالطبقة أو العنصر المحدَّد.
• اضغط مع الاستمرار على مفتاح Alt لنظام التشغيل Windows، أو مفتاح Option لنظام التشغيل Mac أثناء سحب المقبض لإعادة تشكيل العنصر من مركزه.
• اضغط مع الاستمرار على مفتاح Shift عند سحب مقبض المربع المحيط بالعنصر باستخدام الطريقة Free Transform، والذي سيقيّد نسبة الطول إلى العرض مثل بديلٍ للنقر فوق أيقونة Maintain Aspect Ratio.
• سيؤدي الضغط مع الاستمرار على Shift + Alt في نظام Windows أو Shift + Option في نظام التشغيل Mac مع النقر على المقبض وسحبه؛ إلى تغيير حجم العنصر تغييرًا متناسبًا من مركز العنصر إذا نقرت على مقبض زاوية، أو سيعدِّل الجوانب المتقابلة بالتساوي إذا استخدمت مقبضًا جانبيًا.
• انقر على زر الفأرة الأيمن في نظام التشغيل Windows، أو اضغط على المفتاح Control مع زر الفأرة الأيسر في نظام التشغيل Mac، وذلك عندما يكون المربع المحيط بالعنصر مرئيًا، لعرض القائمة الفرعية لخيارات التحويل التي تحتوي على التدوير والانحراف والتشويه وما إلى ذلك. فإن حدَّدت أيًا من هذه الخيارات الفرعية، فيمكنك الضغط مع الاستمرار على المفتاح Alt في نظام Windows، أو المفتاح Option في نظام التشغيل Mac مع النقر والسحب لتطبيق هذه الخيارات.
• يمكنك التبديل مؤقتًا إلى الأوضاع Skew أو Distort أو Perspective مباشرةً من لوحة المفاتيح دون الحاجة إلى تحديدها من أي قائمة عند تفعيل التحويل الحر كما يلي:
  • بالنسبة إلى وضع Skew أو Distort: ما عليك سوى الضغط باستمرار على مفتاح Ctrl في نظام Windows، أو مفتاح Command في نظام Mac، وذلك أثناء سحب مقبض جانبي أو مقبض زاوية.
  • بالنسبة إلى وضع Perspective: اضغط باستمرار على Shift + Ctrl + Alt في نظام Windows، أو على المفاتيح Shift + Command + Option في نظام Mac، واسحب مقبض الزاوية.
  • يعيدك رفع يديك عن المفاتيح السابقة إلى وضع التحويل الحر الأساسي.
  • يؤدي الضغط على المفتاح Enter من لوحة المفاتيح إلى الخروج من عملية التحويل الحر.

الخلاصة

طريقتا التحويل Transform والتحويل الحر Free Transform، هما أبسط الطرق التي تُستخدَم لتغيير حجم العناصر في برنامج الفوتوشوب، حيث سيصبح استخدامها سهلًا بمجرد استخدامها مرتين، كما يمكنك أيضًا استخدام تحويلات متعددة للحصول على التأثير المناسب لك.

ترجمة -وبتصرّف- للمقال How to Scale, Transform, and Resize an Object in Photoshop لصاحبته Amber Fogel.

اقرأ أيضًا

• كيفية تخفيض حجم ملفات الصور من النوع JPEG وأنواع الصور الأخرى
• كيفية إنشاء أنماط Patterns رسومية تفصيلية باستخدام برنامج فوتوشوب
• كيفية قص الشعر من الخلفيات المعقدة في الفوتوشوب

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

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

تغيير نوع الملف

يشير حجم ملف الصورة إلى عدد البكسلات في الإنش، فكلما زاد عدد البكسلات في الإنش، زادت المعلومات التي يحتفظ بها الملف، وبالتالي يزيد حجمه.

أنواع ملفات الصور الأكثر شيوعًا هما JPG وPNG:

• رسوميات الشبكة المحمولة Portable Network Graphics أو اختصارًا PNG: يُستخدَم هذا النوع من الملفات غالبًا مع الملفات الرسومية، مثل الشعارات والأيقونات والرسوم التوضيحية والنصوص، حيث لا تفقد هذه الملفات بيانات كثيرة عند معالجتها أو ضغطها أثناء تحريرها باستخدام أحد تطبيقات تحرير الصور مثل برنامج الفوتوشوب، لذلك يُشار إليها على أنها غير فاقدة للبيانات lossless، وبالتالي تميل هذه الملفات إلى أن تكون ذات حجم أكبر.
• المجموعة المشتركة لخبراء التصوير Joint Photographic Experts Group أو اختصارًا JPEG: من أكثر أنواع ملفات الصور التي ستجدها على الإنترنت شيوعًا. يمكن لهذا النوع من الملفات أن يحتوي على ملايين الألوان، ويمكن ضغطه كثيرًا مع الحفاظ على الجودة. يشار إلى هذا النوع من الصور على أنها فاقدة للبيانات lossy، لأن عملية الضغط تزيل بكسلات من الصورة.

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

لقد كان تنسيق الصورة التالية الأصلي ملف JPG على سبيل المثال:

ولكننا غيرنا نوع الملف من خلال الذهاب إلى قائمة ملف File في برنامج الفوتوشوب، ثم اختيار Save As، بعدها اختيار التنسيق PNG، وإكمال عملية حفظ الملف في النهاية، وبهذا تغيَّر حجم الملف من 646 كيلوبايت إلى 1.3 ميجابايت عند تغيير نوعه إلى ملفات PNG الأكبر كما ذكرنا سابقًا، لذلك يُفضَّل استخدام الصورة ذات النوع JPEG لضمان أوقات تحميل أسرع، لأن هذه الصورة مليئة بالألوان والتفاصيل. وإذا أردت أن تكون الصورة قادرةً على أن تكبر أكثر دون فقدان دقتها، فاستخدم الصور بتنسيق PNG.

هناك تنسيقات ملفات أخرى متعددة متاحة، لكن ركزنا على النوعين JPEG وPNG لأنهما الأشهر.

تغيير حجم الصورة يدويًا في برنامج الفوتوشوب

يمكنك تغيير حجم الصورة يدويًا في برنامج الفوتوشوب، وذلك من خلال الذهاب إلى قائمة Image ثم اختيار حجم الصورة Image Size، إذ تبدو هذه الأداة كما في الشكل التالي:

يوجد حجم الصورة Image Size الحالي والأبعاد Dimensions، حيث كلاهما مقدَّر بالبكسل أعلى هذه الأداة، كما في الشكل السابق. ستغير التعديلات التي تجريها هذا الحجم.

القائمة Fit To هي قائمة منسدلة تحتوي على أحجام محددة مسبقًا وإعدادات متعلقة بالبكسل.

إن اخترت الخيار الأول في قائمة Fit To لضبط الأبعاد وعدد البكسلات في الإنش ppi، فيمكنك رؤية تغير حجم الملف.

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

عملية حفظ الملف للويب Save for Web

تختلف طريقة حفظ الملف Save for Web عن طريقة الحفظ Save As، من حيث أن خيار الويب يزيل البيانات الوصفية metadata من الملف، والبيانات الوصفية هي تفاصيل تحتوي نوع الصورة وأصلها.

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

يمكن الوصول إلى الخيار Save for Web من خلال الانتقال إلى قائمة File ثم اختر Export ثم Save for Web:

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

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

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

أدوات WordPress لتحسين الصور

يُعَد برنامج الفوتوشوب خيارًا رائعًا إن أردت تقليل حجم ملف الصورة بنفسك، ولكن إن أردت شيئًا آليًا لمساعدتك في تغيير حجم صورك، فهناك عدد كبير من خيارات إضافات WordPress التي يمكن أن تساعدك، وفيما يلي قائمة ببعض هذه الخيارات الشائعة ووصف موجز لفوائدها:

• الإضافة Imagify: تحسّن جميع صورك دفعةً واحدة، وتغير حجمها بسهولة وتستعيد نسخ الصور الأصلية عند الحاجة. يًعَد سعر هذه الإضافة مقبولًا، فهي مجانية للتنزيل وتتضمن 20 ميجابايت من مساحة الملف، وتوجد خيارات أخرى هي 5 دولارات شهريًا مقابل 500 ميجابايت و10 دولارات شهريًا لمساحة غير محدودة.
• الإضافة ShortPixel: تتيح هذه الإضافة التعامل مع حجم ملف غير محدود، ويضيف استخدام مفتاح API واحد مع مواقع متعددة إيجابيات على هذه الإضافة، كما أنها توفر خطط دفع مرنة لمرة واحدة وشهرية.
• الإضافة Optimole: تقدّم هذه الإضافة بالنسبة للبيانات الموجَّهة، لوحة تحكم dashboard، حيث يمكنك مراجعة إحصائيات التحسين، وتسمح خطة هذه الإضافة المجانية بحوالي 5000 زائر شهريًا وحيز نطاق تراسلي bandwidth غير محدود.

موارد الويب التي تساعد في تحسين الصور

هناك الكثير من أدوات تحسين الصور المجانية على الإنترنت التي يمكنك استخدامها إن لم يكن لديك المال و/أو الوقت الكافي، ومن هذه الأدوات، نجد أداة Compressjpg: تتيح لك هذه الأداة رفع ملفات متعددة وتغيير حجمها جميعًا مرةً واحدة، كما أن لديها ميزةً تتمثّل بتحويل الصور من تنسيق iPhone HEIC إلى تنسيق JPEG، وتوجد مواقع أخرى مماثلة لهذه الأداة، مثل Tinypng وImage Compressor.

اللمسات الأخيرة

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

ترجمة -وبتصرّف- للمقال How to Reduce the Size of JPEG and Other Image Files لصاحبته Amber Fogel.

اقرأ أيضًا

• قواعد التعامل مع الصور والرسوميات
• كيفية إنشاء أنماط Patterns رسومية تفصيلية باستخدام برنامج فوتوشوب
• تعلّم بعض الإجراءات السريعة لتعديل الصور على GIMP

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

كيفية إنشاء أنماط تعبئة رسومية عشوائية

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

يمكنك تنزيل رسومات مجانية من مكتبة Heritage Type Co الضخمة، والتي تُعَد مثاليةً لإنشاء أنماط طبيعية، وسنستخدم ملفات من مجموعة Fresh Fruits من هذه المكتبة في المثال التالي.

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

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

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

املأ طبقة الخلفية Background باللون الأسود باستخدام الاختصار ALT+Backspace من لوحة المفاتيح، ثم أنشئ طبقةً جديدةً واذهب إلى قائمة Edit ثم اختر Fill كما في الشكل السابق.

عيِّن الخيار Pattern مثل خيار للمحتويات Contents، ثم حدّد أول نمط من بين أنماط رسوماتك المخصصة custom pattern، بعدها حدّد الخيار Script وغيّر الإعداد إلى تعبئة عشوائية Random Fill.

تحتوي شاشة التعبئة العشوائية Random Fill على مجموعة متنوعة من الخيارات لتخصيص التأثير، حيث أن أهم هذه الخيارات هو مقدار الكثافة Density الذي يحدّد عدد نسخ الشكل الموجودة. اضبط قيم المقياس scaling values بالقيمتين 0.75 و1 كما في الشكل السابق بحيث يكون هناك اختلاف طفيف في الحجم بين هذه الرسومات، وفعّل خيار "تدوير النمط Rotate Pattern"، بحيث لا تتموضع جميع الرسومات بنفس الشكل. يمكنك وضع القيمة 0.2 مثل قيمةٍ للتحكم بالسطوع Brightness، لإضافة اختلاف بسيط في السطوع بين الرسومات، ولكن هذه الخطوة اختيارية.

أنشئ طبقةً جديدةً ثم انتقل إلى قائمة Edit، ثم اختر Fill مرةً أخرى، وذلك لإنشاء نمطٍ آخر باستخدام رسمٍ ثانٍ. استخدم إعدادات التعبئة العشوائية Random Fill ذاتها.

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

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

والنتيجة هي نمط معقد بتفاصيل كثيفة، إذ وُضِعت مئات الرسومات ضمن طبقات في اتجاهات عشوائية.

يحسّن تأثيرُ الظل Drop Shadow البسيط (الموضَّح في الشكل السابق) الذي يُطبَّق على الطبقة، النمطَ من خلال تحديد الطبقة التي نريد تطبيق هذا التأثير عليها، ونختار الحجم Size الأكبر لهذا التأثير ليتوافق مع الأبعاد الكبيرة لهذا النمط.

انقر زر الفأرة الأيمن واختر Copy Layer Style لنسخ التأثير، ثم انقر على جميع طبقات النمط مع الضغط على مفتاح Shift من لوحة المفاتيح، ثم ألصِق التأثير من خلال النقر على زر الفأرة الأيمن واختيار Paste Layer Style من أجل تطبيق نفس تأثير الظل drop shadow على جميع الطبقات.

يُحسَّن النمط تحسينًا أكبر عن طريق إضافة طبقة ضبط السطوع / التباين Brightness/Contrast adjustment بعد كل طبقة من هذا النمط.

انقر على أيقونة clip mask لقص طبقة الضبط adjustment layer قصًا يتناسب مع الطبقة التي تحتها، ثم اضبط قيمة السطوع Brightness عشوائيًا لإنشاء طبقات تظليل خفيفة بين طبقات الرسوميات.

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

كيفية إنشاء أنماط مكررة

إذا أردت تكرار تصميم نمطك بسلاسة، فيمكنك استخدام تقنية مماثلة للتقنية السابقة، ولكن مع إضافة بعض الخطوات الإضافية. سنستخدم في المثال التالي مجموعةً مختارةً من رسومات Tropical Watercolour.

أنشئ مستندًا جديدًا يحتوي على تصميم النمط الخاص بك، وسنستخدم في هذا المثال نفس حجم المستند 5000x5000px، ولكن يمكنك استخدام الحجم المناسب للنمط الذي تصممه.

اسحب الأدلة guides من المساطر rulers التي يمكنك إظهارها من قائمة View ثم اختيار Rulers، وذلك من أجل تحديد حواف edges لوحة الرسم الأصلية.

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

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

نحتاج هذه المرة إلى التأكد من أن مستوى الكثافة Density منخفض بما يكفي لتجنب تداخل الرسومات الكثيرة، لهذا جرّب قيمة للكثافة أصغر من 1px مثل القيمة 0.5px، ومع ذلك لا تعطي المعاينة النتيجة النهائية، لذلك اضغط OK لرؤية النتيجة وتراجع إن لم تناسبك هذه النتيجة.

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

اذهب إلى قائمة Edit ثم نسخ Copy، ثم اذهب إلى قائمة Edit مرةً أخرى واختر لصق خاص Paste Special، ثم Paste in Place لإنشاء نسخة من الرسوميات على طبقة جديدة.

اضغط على CTRL+T (أو CMD+T) من لوحة المفاتيح لتفعيل خاصية التحويل Transform، ثم انقر على رمز المثلث في شريط الأدوات العلوي كما في الشكل السابق، بعدها أدخل قيم حجم مستندك ضمن حقل X أو Y المناسب لإزاحة الرسوميات المتكررة إلى الجانب الآخر.

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

أزِح هذه العناصر بنفس الطريقة باستخدام الاختصار CTRL+T، ولكن بقيمة سالبة لتحريكها في الاتجاه الآخر.

ادمج جميع الطبقات ضمن طبقة نمط واحدة من خلال الانتقال إلى قائمة Layer، ثم اختر دمج الطبقات Merge Layers، أو من خلال الاختصار CTRL+E من لوحة المفاتيح.

كرّر العملية نفسها على المحور الآخر لعكس العناصر من اليسار إلى اليمين، ومن اليمين إلى اليسار كما في الشكل السابق.

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

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

اجعل طبقة النمط الأولى التي أنشأتها غير مرئية، وكرّر الخطوات ذاتها لإنشاء نمط متكرر مع الرسم التالي.

طبّق التعبئة العشوائية random fill أولًا، ثم انسخ أي عناصر موجودة على طول الأدلة، بحيث تظهر على الجانب الآخر أيضًا من الدليل.

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

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

انتقل إلى قائمة العرض View، ثم اختر معاينة النمط Pattern Preview لتتحقق من تكرار النمط بسلاسة مرةً أخرى. سيقسّم برنامج الفوتوشوب النمط حتى تتمكن من رؤية كيفية تكرار الحواف بسلاسة.

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

كيفية إنشاء أنماط يدويا

يُعَد الإعداد "معاينة النمط Pattern Preview"، أداةً مفيدة لإنشاء الأنماط يدويًا دون استخدام تعبئة عشوائية، وبالتالي يمكنك التحكم بتصميم النمط بالكامل. ابدأ بنسخ كل العناصر الموجودة في الطبقات الفردية.

إذا حرّكت الرسوم باتجاه حافة لوحة الرسم مع تفعيل الخيار معاينة النمط Pattern Preview، فإن برنامج الفوتوشوب سيكرّر ما تفعله على الجانب الآخر أليًا.

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

انتقل إلى قائمة Edit بمجرد اكتمال النمط الخاص بك، ثم اختر "تعريف نمط Define Pattern"، لحفظ التصميم في مكتبة الأنماط في فوتوشوب، حيث يمكن أن تصل مجموعة من الأدوات إلى هذا النمط.

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

ترجمة -وبتصرّف- للمقال How to Create Detailed Graphic Patterns in Photoshop لصاحبه Chris Spooner.

اقرأ أيضًا

• مقدمة إلى برنامج أدوبي فوتوشوب Adobe Photoshop
• كيفية تصميم تأثير الجلد على النصوص في الفوتوشوب

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

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

1. إفتح ملفا جديدا

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

2. اضبط اللون الأساسي

عيّن لونًا أساسيًا للخلفية، وأنشئ طبقةً جديدة، مع ملئها باللون ذي الرمز #c8d4d7 باستخدام أداة دلو الطلاء. أضف حوالي 2٪ من الضجيج Noise إلى الصورة عبر Filters>Noise>Add Noise، وبمجرد الانتهاء من الخطوة السابقة، انقر مرتين فوق الطبقة، وستفتح نافذة نمط الطبقة Layer style. اذهب إلى قسم Pattern Overlay وأضف نمطًا دقيق المظهر إلى الإطار، بحيث تضمن هذه الخطوة وجود قاعدة مناسبة لخامتك.

3. أدخل النص

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

4. أضف عمقا إلى النص

لا يزال النص الذي أدخلته يتطلب قدرًا معينًا من العمق Depth ليبدو أكثر واقعيةً. ولضبط إعدادات العمق، انقر مرتين فوق طبقة النص، لتظهر نافذة نمط الطبقة Layer style. حدد Bevel and Emboss، واضبط المستويات مثل ما هو موضح في الصورة، مع تحديد خيار Drop Shadow، إلى جانب واضبط الخيارات على النحو التالي.

5. أنشئ قناع قص

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

6. أضف التفاصيل

سنبدأ الآن في العمل على تفاصيل التصميم، ولإنشاء تفاصيل صغيرة مستطيلة الشكل على حرف D، أنشئ مستطيلًا دائريًا باستخدام أداة المستطيل، مع اضبط الحجم وكذلك اتجاه الشكل باستخدام أداة التحويل CTRL+T. انقر مرتين فوق طبقة المستطيل، وحدد Bevel and Emboss، ثم اضبط مستوى الخيارات مثل الصورة.

7. إضفاء تأثير ثلاثي الأبعاد

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

8. أضف المزيد من التفاصيل

كرّر شكل المستطيل وعدّل على انحناءه وفقًا لشكل حرف D، بعدها أضف خيار Texture، وBevel and Emboss، وكذلك Drop Shadow، تمامًا مثل الإعدادات المذكورة سابقًا، بحيث ستعطي هذه التفاصيل عمقـًا معينًا لخامة الجلد.

9. أضف حرف D آخر

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

10. أضف المزيد من التفاصيل للحرف D

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

11. أضف المزيد من العمق

أنشئ D آخر باستخدام أداة الكتابة -وهو بحجم أصغر من حجم الحرف الثاني-، ثم ضعه داخل حرف D الثاني، وانقر مرتين لفتح نافذة نمط الطبقة، بعدها اضبط مستويات Bevel and Emboss، وStroke، وDrop Shadow كما في الصورة.

12. أضف الخامة

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

13. أضف حرف D آخر

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

14. الخامة والتأثيرات

الآن، باستخدام نفس الخامة البنية اللون المستخدَمة سابقًا، عيّن على الحرف، وأنشئ قناع قص والصقه بالحرف. لكن من أجل إنشاء تأثير العمق، فسيتعين علينا تغيير اللون البني إلى لون أفتح قليلًا. وانقر مرتين فوق طبقة خامة الجلد، بعدها حدد Color Overlay من نافذة أنماط الطبقة، وإختر اللون ذو الرمز #ff7200، ثم اضبط وضع المزج Blend mode على Overlay.

15. أنشئ الغرز

يجب أن نبدأ الآن بالغرز على الجلد. لهذ اضبط اللون الأمامي Foreground color أولًا على اللون #f8f8f8 الأساسي، بعدها تابع هذه الخطوة بتحديد الفرشاة الصلبة Hard مستديرة الشكل، واضبط حجم الفرشاة وفقًا لتصميمك لجعلها تبدو وكأنها غرز. انتبه للمسافة بين الحدود، ثم أنشئ طبقة جديدة. وحدد مسارًا على النص باستخدام أداة القلم، ثم انقر فوقه بزرّ الفأرة الأيمن وحدد حدود المسار "Stroke Path".

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

16. أنشئ وأعد الكرة

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

17. ارسم أربطة جلدية

سوف ننتقل الآن إلى الجزء الثالث من التصميم، والذي يشرح كيفية رسم الأربطة الجلدية في الفوتوشوب. ولإكمال هذا الجزء، أنشئ طبقةً جديدةً باستخدام فرشاة مستديرة وصلبة، وارسم خطًا عموديًا باللون #4b4b4b، ثم اذهب إلى المرشحات Filters، واختر مرشح Gaussian Blur الموجود في Blur، مع ضبط القيمة على 5.5 بكسل. إذ سيعطي هذا إحساسًا ضبابي العمق للخيط بحيث يجعله يبدو مستديرًا.

18. ارسم الحلقة المعدنية

لرسم الحلقة المعدنية (ثقب الرباط) في الحرف، حدد فرشاةً صلبةً ومستديرة الشكل، واستخدم اللون #363636 لإنشاء نقطة بسيطة، ثم تأكد من أنّ حجم الفرشاة مناسب لتغطية حجم الحلقة. الآن وباستخدام أداة الممحاة Eraser، ما عليك سوى مسح مركز النقطة لجعلها تبدو وكأنها حلقة. والآن حدد هذه الطبقة وانقر مرتين لفتح نمط الطبقة، بعدها اضبط كلًا من: Bevel and Emboss، وStrokes، وDrop Shadow مثل ما هو مبين في الصورة.

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

19. أضف التأثيرات

أنشئ الآن طبقةً جديدةً أخرى، وحدِّد الفرشاة الصلبة مستديرة الشكل، مع تحديد اللون #d8d8d8، بعدها ارسم خطًا عموديًا. ومن أنماط الطبقة، أضف Drop Shadow، وBevel and Emboss، وفقًا لهذه القيم الموجودة في الصورة.

20. أضف الضجيج

أضف الآن بعض الضجيج إلى الطبقة باستخدام Filter> Noise> Add Noise، ويمكنك استخدام أدوات Burn، وDodge لتعتيم أو تفتيح الأربطة، وبهذا نكون قد انتهينا من الأربطة.

21. أضف التمويه والضجيج

بالانتقال نحو اللمسات الأخيرة للتصميم، يجب ألا ندمج الظلال مع الحروف، وذلك لجعلها بارزةً. لهذا، وباستخدام أداة النص، أنشئ نفس الحرف باللون #949494، ثم انقر بزرّ الماوس الأيمن على الطبقة، واختر الخيار Rasterize Layer، ثم انقر فوق هذه الطبقة وطبّق مرشح Gaussian Blur من Filter> Blur> Gaussian Blur، بعدها أضف بعض الضجيج إلى الظل من قائمة المرشحات Filter>Noise>Add Noise.

22. أعد الكرة وأنجز التصميم

كرر الآن الخطوات السابقة مع الحروف الأبجدية الأخرى، وسيكون كل شيء على ما يرام.

الخاتمة

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

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

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

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

ترجمة وبتصرّف للمقال Crafting a Leather Text Effect in Photoshop لصاحبه Harsh Raval.

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

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

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

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

اتجه إلى قائمة المرشحات Filter، ثم Camera Raw Filter لتطبيق سلسلة من التعديلات لتحسين الصورة، بعدها استخدم المنزلقات Sliders لتعديل كل من Temperature، وTint مثل الصورة لزيادة حدة نظام الألوان الزهري والأزرق، والذي يُعَدّ مكونًا أساسيًا في تأثيرات ألوان سايبر بانك.

خفّف التمييز اللوني Highlights، وزد الظل Shadows للتحكم في السطوع Brightness والتباين Contrast الكليين للصورة، مع إبراز التفاصيل بنمط HDR-Style، أين ستلاحظ الفرق فورًا.

خفّف Clarity قليلًا لتخفيف توهج الأضواء، ثم زد Dehaze لإعادة بعض التباين إلى الصورة.

انتقل إلى قسم Split Toning الموجود في ذات النافذة المرشح Camera Raw Filter، وزِد منزلقات التشبع Saturation مؤقتًا إلى أعلى قيمة، حتى نجد تدرج اللون Hue المناسب، أي لون زهري فاتح لقسم Highlights، والأزرق المتشبع لقسم الظل Shadows، ثم أعد إنقاص قيم التشبع Saturation للتقليل من حيوية التأثير.

اُنقر ضمن ذات المرشح على تبويب Fx، وأضف Vignette لتعتيم حواف الصورة، ثم زِد من قيمة Feather قليلًا حتى يتلاشى بنعومة تأثير Vignette الذي أضفته.

تعمل تعديلات Camera Raw Filter على تغيير كلي لمظهر الصورة الأصلية، مما يمنحها مظهرًا أنيقًا ومتدرج اللون، ولكن يمكننا تحسين الصورة أكثر مع بعض التعديلات الإضافية.

أضف طبقة Levels adjustment layer، ثم استخدم منزلق Output Levels لتغيير Shadows، بحيث تضبط القيم كما في الصورة، حيث سيعدِّل النقطة السوداء لإزالة المناطق القاتمة في الصورة. بعدها عتّم تلك المناطق قليلًا باستخدام منزلق Shadow level الإعتيادي.

بعد ذلك، اُنقر من شريط القوائم العلوي على Select، ثم اختر Color Range لعمل نسخة من المناطق الأكثر سطوعًا في الصورة، بعدها اختر Highlights، ثم اضبط النطاق Range إلى القيمة 200، واستخدم أوامر النسخ واللصق لوضع نسخة من Highlights على طبقة جديدة.

انقر مرتين فوق طبقة Highlights الجديدة، وأضف نمط التوهج الخارجي Outer Glow الموجود ضمن نافذة Layer Style، ثم اضبطه على Linear Dodge باللون الأبيض، وأنقص من قيمة الانتشار Spread إلى أقل ما يمكن، مع ضبط الحجم size كما في الصورة لإعطاء توهج ناعم، ثم قلل التعتيم Opacity لتقليل حدة التأثير.

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

غيّر وضع المزج Blending mode لهذه الطبقة إلى Screen، ثم خفّض Opacity إلى حوالي 40٪.

لا شيء يضفي إضاءةً جذابةً للصورة مثل تحويل اللافتات والإعلانات الموجودة داخل الصورة إلى أضواء النيون، ولذلك عليك إضافة طبقة جديدة، مع اختيار أداة الفرشاة برأس صغير، بعدها اضبط Hardness بقيمة 100%، ثم فعّل التنعيم Smoothing في إعدادات الفرشاة، واضبط القيمة على حوالي 50٪ في شريط الأدوات العلوي لتسهيل تتبع الأحرف داخل الصورة. ولا تنسَ إعادة ضبط قيمة Flow إلى 100٪.

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

ثم من نفس نافذة Layer Style أضف توهجًا داخليًا Inner Glow، مع ضبط الإعدادات على Linear Dodge بلون أبيض، واضبط المصدر Source على Center، مع اضبط قيم Choke، وSize لجعل الوسط بلون أبيض، بحيث يعطي تلاشيًا نحو اللون الأزرق باتجاه حواف الأنبوب.

يساعد تأثير التوهج الخارجي Outer Glow على إضاءة ضوء النيون، لهذا اضبطه على Linear Dodge مع تدرج أزرق اللون، واجعل Spread أقل ما يمكن للحصول على توهج ناعم، ثم اضبط قيمة الحجم Size لتتلائم معه.

من غير الممكن تكرار تأثير التوهج الخارجي Outer Glow، ولكن يمكن ضبط Drop Shadow بنفس قيمه. لهذا استخدم قيمًا مماثلةً من حيث Linear Dodge، وتدرج hue أزرق اللون، ثم قلل المسافة Distance والانتشار Spread إلى الصفر، لكن زِد الحجم Size لإعطاء توهج محيطي أكبر حول أضواء النيون.

كرّر العملية على طبقة جديدة من أجل أضواء النيون الأخرى، وانقر بزرّ الفأرة الأيمن لنسخ نمط الطبقة Layer Style لأضواء النيون الزرقاء، والصقها على الطبقة الجديدة لتكرار تأثيرات التوهج Glow effect. ثم عدّل تدرّج الألوان hue لتعطي ألوان نيون أخرى.

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

أضف طبقةً جديدةً، وطبق بعض تأثيرات الضباب باستخدام مجموعة من فرش الدخان smoke brushes في لمسة نهائية.

اضبط Blending mode لطبقة فرشاة الدخان التي أضفتها على Color Dodge وقلّل قيمة التعبئة Fill للسماح للألوان بالتفاعل، حيث ستعطي تأثيرًا حيًا للضباب.

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

ترجمة وبتصرّف للمقال How to Apply Cyberpunk Style Color Grading & Neon Effects to Your Photos لصاحبه Chris Spooner.

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

قص الشعر القصير أو الفرو

إذا كان لديك صورة شخص بشعر قصير نسبيًا أو فرو لحيوان له تباين جيد مع الخلفية، مثل هذه الصورة بواسطة Ayo Ogunseinde، فإن أداة Select and Mask هي الأداة الأفضل لأداء المهمة. ابدأ بتتبع الخلفية باستخدام أداة Quick Selection، واتبع حدود الخلفية مع الشعر والجسم بدقة للسماح للقناع بالانطباق على الحواف.

صحّح الأخطاء في التحديد بالضغط على مفتاح ALT وباستخدام أداة Quick Selection لإضافة أجزاء من الموضوع مرةً أخرى. إذا لم يكن هناك تباين كافٍ لكي تعمل أداة Quick Selection، فأضف يدويًا المزيد من المساحات إلى التحديد باستخدام أداة Polygonal Lasso.

طبّق التحديد مثل قناع طبقة، ثم انقر بزرّ الماوس الأيمن على الصورة المصغرة للقناع واختر Select and Mask لإظهار بعض الخيارات المتقدمة لتحسين القص.

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

قص الشعر الطويل من الخلفيات المثالية

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

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

استخدم أدوات Levels أو Curves من قائمة Image > Adjustments، لتحويل الخلفية إلى لون أبيض صافٍ، ليمكن بعد ذلك قص الظلال من خلال الشعر الداكن، لكن لا تتمادى كثيرًا، وإلا فستترك حدودًا بيضاء حول تحديد الشعر.

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

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

اضغط مع الاستمرار على مفتاح CMD (أو مفتاح CTRL في Windows) أثناء النقر فوق الصورة المصغرة للقناة الجديدة لتحميل التحديد، ونشِّط قناة RGB لإعادة الصورة الملونة بالكامل من أجل النسخ واللصق على طبقة جديدة أو لتطبيق قناع الطبقة.

قص الشعر من الخلفيات المعقدة

لا تُلتقط الصور في العالم الواقعي ضمن خلفيات مثالية كما في الاستديوهات، بل عادةً ما تكون الخلفيات معقدةً وغير مثالية للقص، كما لا يكون هناك تباين بين الموضوع وخلفيته بالعادة. في هذه الصورة بواسطة Ana-Maria Nichita، تجعل الألوان المرقطة العثور على حدود متباينة من خلال القنوات أو العثور على الحواف باستخدام أداة التحديد أمرًا مستحيلًا.

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

بدلاً من محاولة تحديد الشعر من الصورة الأصلية، علينا فقط إضافة بعض الشعر الجديد. حدد أداة Smudge وجهِّز الفرشاة مع ضبط التحكم في الحجم على Pen Pressure ضمن قسم Shape Dynamics في إعدادات الفرشاة.

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

قص الشعر الطويل من الخلفيات المعقدة

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

حَدِّد الشعر بدقة قدر الإمكان، ثم طبّق قناع الطبقة، واستخدم فرشاةً ناعمةً لإخفاء الشعر في مواضع التقائه بالخلفية.

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

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

يمكن تغيير حجم كل فرشاة وتدويرها عن طريق ضبط أيقونة الزاوية داخل لوحة إعدادات الفرشاة، كما يمكنك استخدام خيار Flip X لقلب اتجاه الفرشاة أفقيًا لتتبع التدفق الطبيعي للشعر.

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

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

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

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

قص أنماط أخرى مختلفة من الشعر

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

ارسم مسارًا حول الشخص باستخدام أداة القلم Pen، وحدِّد الخطوط العريضة للشعر تقريبًا، ثم طبّق قناع الطبقة.

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

قص مساحة العمل لاحتواء صورة ظليلة للشعر، ثم انتقل إلى Edit > Define Brush Preset.

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

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

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

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

ترجمة وبتصرّف للمقال How To Cut Out Hair in Photoshop (Even Difficult Backgrounds لصاحبه Chris Spooner.

يعد برنامج أدوبي فوتوشوب Adobe Photoshop أشهر وأهم برنامج بتحرير الصور والتصميم في العالم، وأصبح البرنامج أيقونة في عالم التصميم وتعديل الصور. على الرغم من وجود العديد من برامج تحرير ومعالجة الصور، بعضها ممتاز وغير مجاني أمثال كورل درو Corel Draw وباينت شوب برو Paint Shop Pro وأفينيتي فوتو Affinity Photo ودكسو فوتولاب DxO Photolab وغيرها، والبعض الآخر جيد ومجاني أمثال جيمب GIMP ودارك تيبل DarkTable وبكسلر Pixlr وغيرها. لكن جميع هذه البرمجيات غير مؤهلة لتكون بديلًا كاملًا لبرنامج أدوبي فوتوشوب الذي شق طريقه بقوة ليصبح الأسطورة في عالم برمجيات معالجة الصور في العالم، وأصبح يعرف اسمه الكبير والصغير، فما هو هذا البرنامج.

ما هو أدوبي فوتوشوب Adobe Photoshop؟

أدوبي فوتوشوب Adobe Photoshop هو معالج صور ومحرر رسوميات نقطية (Raster) طورته ونشرته شركة أدوبي Adobe لنظامي التشغيل ويندوز وماكنتوش. أنشأه وطوّره الشقيقان توماس وجون نول عام 1988. يمكن أن يعمل فوتوشوب على تحرير وإنشاء صور نقطية في طبقات متعددة ويدعم الأقنعة وتركيب ألفا (وهو تقنية تُستخدم ضمن الطبقات اللونية لأغراض التحديد الدقيق) والعديد من نماذج الألوان بما في ذلك النموذج اللوني RGB وCMYK وLAB وغيرها من النماذج والمساحات اللونية المختلفة.

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

مجموعة تطبيقات السحابة الذكية Creative Cloud من أدوبي

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

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

بدء العمل على برنامج أدوبي فوتوشوب Adobe Photoshop وفتح مستند جديد

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

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

ملاحظة مهمة: لماذا علينا العمل على برنامج أدوبي فوتوشوب Adobe Photoshop بالواجهة الأصلية الإنجليزية؟

هناك عدة أسباب تدفعنا للعمل باستخدام الواجهة الإنجليزية تحديدًا ومنها:

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

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

في كل مرة تبدأ فيها بتشغيل أدوبي فوتوشوب Adobe Photoshop تظهر لك شاشة بدء العمل (الشكل التوضيحي 1) والتي تتضمن شريط القوائم العُلوي (1) وصور مصغرة عن آخر الملفات التي عملت عليها (2). إذا أردت مشاهدة ملفاتك على حسابك ضمن السحابة الإبداعية Creative Cloud والتي يرمز لها اصطلاحًا CC فعليك اختيار CC Files أي ملفات السحابة الإبداعية (3)، ولفتح أي ملف قديم انقر عليه فقط، وفي حال أردت فتح ملف غير موجود ضمن قائمة هذه النافذة انقر على فتح Open لتبحث عنه (4)‎، ولفتح مستند جديد انقر على Create New أنشئ مستند جديد (5).

(الشكل التوضيحي 1)

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

(الشكل التوضيحي 2)

عند النقر على أي من هذه الخيارات ستظهر لنا المقاسات القياسية وأيضًا قوالب جاهزة للعمل عليها (الشكل التوضيحي 3).

(الشكل التوضيحي 3)

ويتضمن الجانب الأيمن من النافذة لوحة خيارات يدوية لتحديد مواصفات المشروع الذي سنعمل عليه (الشكل التوضيحي 4)، ويتضمن اسم مجموعة الإعدادات المعدّة مسبقًا حيث يمكنك تسميتها لتعود إليها لاحقًا (1)، ثم خيار تحديد عرض المشروع Width ووحدة القياس المعتمدة مثل المتر ومشتقاتها والبوصة والبكسل والنقطة (2)، ومن ثم خيار تحديد الارتفاع Height بنفس وحدة القياس المختارة سابقًا إضافة إلى خيار تحديد اتجاه العمل Orientation بحيث يكون عموديًا أو أفقيًا عرضيًا، وهناك خيار Artboards في حال تضمن المشروع أكثر من لوحة رسم واحدة (3).

ثم نختار مستوى دقة التفاصيل في المشروع أو الصورة ووحدة قياس هذه الدقة (4)، وهنا يجب أن نعلم الهدف من التصميم، فإذا كنّا نستهدف التصاميم الطباعية والصور فإن 300 بكسل في البوصة هو الخيار المثالي لهذا التصميم، وإن كنّا نستهدف العمل على تصاميم تعرض على شاشات الحواسيب أو الهواتف المحمولة، فإن 72 بكسل في البوصة هو الخيار الصحيح لهذه التصاميم.

ثم نأتي على خيار نموذج الألوان المستخدم (5)، ويتضمن مجموعة من نماذج الألوان التي تتغير بحسب نوعية التصميم الذي اخترته في الأعلى (الشكل التوضيحي 3)، إذا اخترت سابقًا خيار الصور Photo أو بقية الخيارات باستثناء خياري الويب Web أو الهاتف المحمول Mobile فإن القائمة ستتضمن كلًا من نماذج الألوان التالية (RGB, CMYK, LAB, Bitmap, Grayscale)، بينما في حال اختيارك لتصاميم الويب Web أو الهاتف المحمول Mobile فلن تجد في القائمة سوى نموذج RGB فقط لأن التصميم للويب وللهاتف المحمول لن يتطلب سوى هذا النموذج اللوني، وقد سبق وشرحنا جميع هذه النماذج اللونية في مقال الألوان في تصميم الرسوميات ونظرية الألوان باستثناء Bitmap، وهو نموذج لوني يتضمن لونين فقط أبيض وأسود، وGrayscale وهو نموذج لوني يتضمن تدرجات الرمادي بدون الألوان.

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

وأخيرًا سيكون علينا اختيار لون خلفية التصميم (6)، فإما أن يكون أبيض أو أسود أو باللون الخلفي المحدد للتصميم أو شفافًا (وهذا ضروري لملفات PNG و GIF) أو بلون مخصص تختاره أنت.

(الشكل التوضيحي 4)

يوجد خيارات إضافية Advanced Options تظهر بالنقر عليها وتتضمن الخيار الأول Color Profile ويمكن من خلاله تحديد ملف تعريف اللون للمستند من مجموعة واسعة من الخيارات، والخيار الثاني هو Pixel Aspect Ratio ومن خلاله نحدد نسبة العرض إلى الارتفاع لبكسل واحد في إطار.

واجهة برنامج أدوبي فوتوشوب Adobe Photoshop

(الشكل التوضيحي 5)

تتضمن واجهة برنامج أدوبي فوتوشوب Adobe Photoshop شريط القوائم في الأعلى (1) وتحته شريط خيارات الأدوات (2) وتتغير محتويات هذا الشريط تبعًا للأداة التي نستخدمها، شريط الأدوات على الجهة اليسرى (3) ولوحات العمل على الجهة اليمنى (4). وبالإمكان تحريك شريط الأدوات واللوحات ووضعها في أي مكان على الشاشة. وتتضمن قوائم أدوبي فوتوشوب Adobe Photoshop العديد من المهام والأدوات والخيارات، سنشرح أهمها بدون إجراء تطبيقات عملية قدر الإمكان.

شريط القوائم في أدوبي فوتوشوب Adobe Photoshop

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

• قائمة الملف File والتي تحوي كل ما له علاقة بفتح الملفات وإغلاقها وحفظها وخيارات الاستيراد والتصدير والخصائص والطباعة وغيرها.
• قائمة التعديل Edit تحوي خيارات النسخ والقص واللصق وأدوات التعديل المختلفة.
• قائمة الصورة Image تحوي خيارات حجم الصور ومقاس العمل وأنظمة الألوان وخصائص أخرى.
• قائمة الكتابة Type وتتضمن خيارات تحرير النصوص.
• قائمة التحديد Select وتحوي خيارات التحديد وخصائصه وتعديلاته.
• قائمة المرشحات Filter والتي تتضمن جميع المرشحات الأساسية الموجودة في البرنامج وأيضًا المرشحات التي يمكن إضافتها يدويًا لاحقًا.
• قائمة التصميم ثلاثي الأبعاد 3D وهي أحدث إضافة إلى قوائم البرنامج وتتضمن خيارات التصميم ثلاثي الأبعاد.
• قائمة النوافذ Window وتحوي خيارات نوافذ ملفات الصور ضمن البرنامج إضافة إلى جميع اللوحات المتاحة.
• قائمة المساعدة Help والتي تحوي ملف المساعدة والدروس ومعلومات حول البرنامج وغير ذلك.

تتضمن خيارات القوائم اختصارات لتنفيذ بعض المهام مثال Ctrl + N المقابل لأمر New وهو لفتح مستند جديد.

سنشرح تاليًا أغلب محتويات قوائم ملف File وتعديل Edit والصورة Image حتى نأخذ فكرة واضحة عن ماهية محتويات القوائم بشكل عام في الفوتوشوب.

قائمة الملف File

ونجد فيها التالي:

• New جديد: يقوم هذا الأمر بإنشاء مستند جديد حيث تظهر النافذة كما في (الشكل التوضيحي 3).
• Open افتح: يقوم هذا الأمر بفتح ملف أو صورة موجودة سابقًا من خلال تحديد موقعه على إحدى وسائط التخزين المستخدمة.
• Browse in Bridge تصفح في بريدج: بريدج هو برنامج مصاحب لفوتوشوب وبقية منتجات السحابة الإبداعية من أدوبي، يطلق عليه أيضًا مدير الوسائط، ويمنح هذا البرنامج طرقًا قوية للعثور على مجموعة الصور المتزايدة باستمرار وإدارتها وتنظيمها، إضافة لملفات برامج أدوبي فوتوشوب Adobe Photoshop وأدوبي إليستريتور Adobe Illustrator وأدوبي إن ديزاين Adobe InDesign وغيرها.

صورة برنامج بريدج Bridge من مدونة أدوبي

• Open AS افتح كـ ويفيد هذا الأمر في فتح ملفات الصور التي تم حفظها بتنسيق غير صحيح عن طريق الخطأ، مثل أن تفتح ملف بتنسيق GIF كان قد حفظ عن طريق الخطأ بتنسيق JPG، ما يفقده مزايا وخصائص ملفات GIF وبذلك يتم الفتح بالتنسيق الصحيح وإصلاح الخطأ بحفظه مجدّدًا.
• Open as Smart Object افتح كـ كائن ذكي ويفيد هذا الأمر بفتح الملفات ككائنات ذكية، ولكن ما هو الكائن الذكي Smart Object؟

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

• Open Recent افتح الملفات الأخيرة ويفيد في فتح آخر الملفات المفتوحة سابقًا باستخدام البرنامج دون الحاجة للبحث عنها عبر المتصفح.
• Close أغلق: ويفيد في إغلاق الملف الذي نعمل عليه.
• Close All أغلق الجميع: ويفيد في إغلاق جميع الملفات المفتوحة.
• Close and Go to Bridge أغلق واذهب إلى بريدج: ويفيد في إغلاق الملف المفتوح والذهاب إلى برنامج أدوبي بريدج لتصفح الوسائط.
• Save احفظ: ويفيد في حفظ الملف الذي نعمل عليه.
• Save As احفظ كـ: ويفيد في حفظ الملف بتنسيق مختلف عن تنسيقه الحالي مثل أن نحفظ ملف PSD كملف PNG.
• Revert أرجع: ويفيد في إعادة الملف المفتوح إلى شكله الأساسي عند فتحه قبل القيام بكافة التعديلات الجديدة عليه شريطة ألا نكون قد حفظنا تلك التعديلات.
• Export تصدير: ويفيد في تصدير الملف إلى تنسيقات معينة بخيارات إضافية، أو تصدير الطبقات إلى ملفات مختلفة، أو تصدير خاص لصفحات الويب بخيارات خاصة، وخيارات تصدير أخرى.
• Generate أنشئ: وله فائدة عظيمة في تصميم واجهات المستخدم سواء للويب أو للهاتف المحمول، حيث يكفي أن تعمل على تسمية الطبقات مع وضع تنسيقات الملفات في التسمية ذاتها مثل أن تسمي طبقة الشعار مثلًا Logo.png بدلًا من تسميتها Logo فقط، وسيقوم البرنامج آليًا في حال تفعيل خيار Generate Image Assets إلى إنشاء مجلد جديد ضمن موقع ملف التصميم، ويحفظ بداخله ملف صورة Logo.png، وسيفعل الأمر ذاته مع بقية الطبقات بمجرد تسميتها مع ذكر التنسيق، وفي حال وجود مجموعة طبقات ضمن لوحة الطبقات فإن البرنامج سيحفظها بمجلد جديد ضمن المجلد الذي أنشأه سابقًا باسم المجموعة وبداخله الطبقات على شكل ملفات، وهكذا.
• Share شارك: ويفيد في مشاركة الملف باستخدام أحد التطبيقات المثبتة على الحاسوب أو باستخدام البلوتوث أو الواي فاي أو أي طريقة متوفرة.
• Share on Behance شارك على بيهانس: ويقوم بمشاركة الملف على منصة بيهانس Behance وهي المنصة الأشهر في الويب لمشاركة التصاميم والصور وإنشاء معارض الأعمال للمصممين.
• Search Adobe Stock ابحث في مخزن أدوبي: وينقلك هذا الأمر إلى مخزن أدوبي للبحث عن صور أو رسومات هناك.
• Place Embedded ضع بشكل متضمن: وفيه يتم إدخال ملف صورة أو رسم إلى تصميمك بطبقة منفردة ككائن ذكي ويسبب زيادة في حجم الملف بمقدار الملف المضاف، ويمكن نقله إلى أي حاسوب آخر بدون مشاكل، ولا يتأثر الملف المضاف بأية تعديلات تجري على ملف المصدر الأساسي.
• Place Linked ضع بشكل مرتبط: وهو مماثل للأمر السابق من حيث إضافة ملف ككائن ذكي إلا أنه لا يتسبب في زيادة حجم تصميمك ولن يظهر ضمن التصميم في حال نقله إلى حاسوب آخر ما لم يتم إعادة ربطه بالملف المصدر مجدّدًا، وتطبّق أية تعديلات تجري على الملف المصدر مباشرة على هذا الكائن.
• Package تحزيم: ويفيد في حالة وجود طبقات مرتبطة بملفات خارجية بحيث يضع الملف الحالي ضمن مجلد يتضمن أيضًا مجلدًا آخر يحوي جميع الملفات المصدرية للطبقات المرتبطة ضمن التصميم لسهولة نقله وفتحه على أي حاسوب آخر دون ضياع للارتباطات.
• Automate أتمتة: وتتضمن قائمة فرعية تحوي أدوات تنفذ عمليات معقدة آليًا.
• Scripts سكريبت: وتتضمن كافة الإضافات التي كُتبت لأداء مهام محددة مع أدواتها.
• Import استيراد: وتتضمن الاستيراد من الماسح الضوئي أو استيراد إطارات فيديو إلى طبقات الفوتوشوب وغيرها.
• File Info معلومات الملف: وتتضمن كافة البيانات والمعلومات عن الملف أو الصورة المفتوحة.
• Print اطبع: وتفيد في طباعة الصورة أو الرسم مع خيارات تتعلق بالطابعة.
• Print One Copy اطبع نسخة واحدة: وتفيد بطباعة نسخة واحدة من التصميم أو الصورة بشكل سريع دون إعدادات مخصصة.
• Exit خروج: وتفيد في إغلاق برنامج الفوتوشوب.

قائمة التعديل Edit

ونجد فيها التالي:

• Undo تراجع: للتراجع عن آخر عملية نفذتها.
• Step Forward خطوة للأمام: إعادة تنفيذ العمليات التي تراجعت عنها خطوة خطوة.
• Step Backward خطوة للخلف: للتراجع عن العمليات المنفذة خطوة خطوة.
• Fade تلاشى: ويؤدي وظيفة زيادة الشفافية على آخر عملية تم تنفيذها لرؤية الفارق بين ما قبل وما بعد تنفيذ العملية.
• Cut، Copy، Paste، ...الخ: في هذا الجزء من القائمة نجد خيارات القص والنسخ واللصق وما يتعلق بها.
• Search بحث: وتتضمن خيارات البحث عن كلمة في أي مكان كإسم ملف أو قائمة أو أمر أو لوحة أو ضمن مخزن أدوبي أو الدروس.
• Check Spelling: ويفيد في التدقيق الإملائي للنصوص ضمن التصميم شريطة وجود طبقات نصوص.
• Find and Replace Text: وتفيد في إيجاد واستبدال النصوص أيضًا.
• Fill املأ: وهي أداة مفيدة للغاية بحيث تملأ جزءًا محددًا ضمن التصميم آليًّا بهدف مسح عنصر أو كائن محدد، على سبيل المثال في الصورة التالية نجد مجموعة من الكرات، وبتحديد أحدها بإحدى أدوات التحديد ثم تنفيذ الأمر Fill عليها، تُملأ المساحة المحددة آليًا من نفس نمط المحيط بالتحديد، لتُحذف الكرة كما في الصورة التالية.

لاحظ عملية إزالة الكرة الموجودة في الصورة الأساسية في الأعلى باستخدام الأمر Fill الصورة بواسطة Tima Miroshnichenko من موقع Pexels

• Stroke الحدود: ويفيد في إنشاء حدود (إطار) للمنطقة المحددة بإحدى أدوات التحديد.

بقية الأوامر والخيارات ضمن القائمة تفيد في تحويل التحديد أو الصورة بالكامل Transform وتعديل إعدادات الفرش Brush والأنماط Pattern وخيارات الألوان والمحاذاة والإعدادات العامة للبرنامج.

قائمة الصورة Image

ونجد فيها التالي:

• Mode النموذج اللوني: ويتضمن جميع النماذج اللونية التي يوفرها الفوتوشوب لتحويل الصور أو التصميم إلى نموذج لوني مختلف كتحويل صورة معدّة للشاشة من نموذج RGB إلى صورة معدّة للطباعة بنموذج CMYK أو غير ذلك.
• Adjustments تعديلات: وتتضمن التعديلات الخاصة على الصور مثل تحويل الصورة إلى نظام اللونين الأبيض والأسود أو إلى نظام تدرجات الرمادي أو تعديل الصبغات اللونية للصورة أو مستويات الإضاءة أو الظلال أو عكس الألوان وغير ذلك من التعديلات.
• Auto Tone: ويفيد في ضبط الدرجة اللونية للصورة آليًّا.
• Auto Contrast: ويفيد في ضبط تباين الصورة آليًّا.
• Auto Color: ويفيد في ضبط ألوان الصورة آليًّا، حيث أنه يعمل بنفس طريقة Auto Tone من حيث تعزيز التباين في قنوات الأحمر والأخضر والأزرق بشكل مستقل، ولكنه يحاول أيضًا تصحيح أي لون غير مرغوب فيه من خلال تحييد الدرجات اللونية النصفية.
• Image Size حجم الصورة: ويفيد بتعديل حجم الصورة.
• Canvas Size حجم لوحة التصميم: ويفيد بتعديل حجم لوحة العمل دون المساس بحجم الصورة.
• Image Rotation تدوير الصورة: ويفيد في تدوير الصورة.
• Crop اقتصاص: بعد تحديد جزء من العمل نستخدم هذا الأمر لقص الصورة إلى حجم التحديد تمامًا.
• Trim تقليم: ويفيد في حال وجود مساحات شفافة أو بيضاء أو بلون محدد حول عناصر التصميم، حيث يُصغّر حجم التصميم حتى تلامس أطراف العناصر حدود التصميم، ويزيل تلك المساحات بناء على إعدادات مخصصة.
• Reveal All كشف الكل: ويفيد في حال وجود أجزاء من العناصر ضمن الطبقات خارج مجال مساحة العمل، حيث يُكبّر حجم مساحة العمل لإظهار جميع هذه العناصر.
• Duplicate ضاعف: ويفيد في مضاعفة الملف المفتوح وفتح نسخة جديدة منه.
• Apply Image تطبيق الصورة: وهو أمر خاص بتطبيق شريحة أو طبقة لونية أو أمور أخرى على صورة أو شريحة أخرى بغية الحصول على تأثيرات معينة.
• Calculations الحسابات: يتيح لك أمر الحسابات دمج قناتين فرديتين من صورة واحدة أو أكثر، وتُطبّق النتائج على صورة جديدة أو على قناة جديدة أو تحديد في الصورة النشطة. لا يمكنك تطبيق أمر الحسابات على القنوات المركبة.

شريط أدوات أدوبي فوتوشوب Adobe Photoshop

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

سنتحدث عن هذه الأدوات من الأعلى إلى الأسفل:

• Move Tool أداة التحريك: وتستخدم لتحريك أي عنصر أو طبقة أو تحديد أو صورة بالكامل.
• Artboard Tool أداة لوح الرسم: ويمكن من خلاله إنشاء لوح رسم أو أكثر ضمن الملف الواحد.

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

• Quick Selection Tool أداة التحديد السريع: والتي تحدد المنطقة ذات الدرجات اللونية المتقاربة حول مكان المؤشر أثناء حركته.
• Magic Wand Tool أداة عصا التحديد السحرية: والتي تحدد كامل المنطقة المتقاربة من حيث الدرجة اللونية مكان النقر بالمؤشر.

• Crop Tool أداة الاقتصاص: تقص الصورة بحسب تحديد هذه الأداة.
• Perspective Crop Tool أداة اقتصاص المنظور: وتقوم بقص الصورة من خلال تحديد منظور معين.
• Slice Tool أداة الشرائح: تنشئ الشرائح والتي تفيد في تصاميم الويب.
• Slice Select Tool أداة تحديد الشرائح: والتي تحدد الشرائح.

• Eyedropper Tool أداة القطارة: والتي تنسخ اللون وتضعه كلون أمامي ليتم استخدامه مباشرة، وتفعّل هذه الأداة آليًا عند تحديد خيار تغيير اللون للعناصر مثل الأشكال والنصوص حيث تنسخ اللون الجديد إلى العنصر المُفعّل.
• 3D Material Eyedropper Tool أداة قطارة المادة ثلاثية الأبعاد: والتي تنسخ المادة (المادة في التصميم ثلاثي الأبعاد هي الخامة أو اللون أو النسيج أو الملمس المطبق على العنصر) في التصميم ثلاثي الأبعاد.
• Color Sampler Tool أداة تحديد الأمثلة اللونية: والتي تحدد أمثلة عن اللون على التصميم ويتم حفظ قيمها ضمن لوحة المعلومات info.
• Ruler Tool أداة المسطرة: وتستخدم لقياس طول وإحداثيات معينة باستخدامها.
• Note Tool أداة الملاحظات: وتستخدم لإضافة ملاحظات ضمن التصميم.
• Count Tool أداة التعداد: وتستخدم لإضافة إشارات مرقمة مرجعية ضمن التصميم.

• Spot Healing Brush Tool: تزيل العيوب والكائنات.
• Healing Brush Tool: ترسم على عينة أو نقش لإصلاح العيوب في الصورة.
• Patch Tool: تصحّح العيوب في منطقة محددة في صورة باستخدام النقش.
• Content-Aware Move Tool: تيح لك هذه الأداة اختيار عنصر لنقله من صورة إلى أخرى، ووضعه بسلاسة بحيث يبدو أنه ينتمي بشكل طبيعي.
• Red Eye Tool: تزيل الانعكاس الأحمر الناتج عن وميض ضوء الكاميرا.

• Brush Tool أداة الفرشاة: وتطلي باستخدام ضربات الفرشاة، ويستخدم مصطلح (الضربات) أسوة بمستخدميها الفنانين اللذين يستخدمون فرشاة حقيقية للرسم.
• Pencil Tool أداة قلم الرصاص: تنشئ ضربات رسم حادة الحواف.
• Color Replacement Tool أداة استبدال اللون: تستبدل لونًا محددًا بلون جديد.
• Mixer Brush Tool أداة الفرشاة المختلطة: تحاكي تقنيات الرسم الحقيقية مثل مزج ألوان قماش الرسم وتنويع درجة بلل الطلاء.

• Clone Stamp Tool أداة ختم الاستنساخ: تنسخ نموذجًا من صورة إلى موقع آخر.
• Pattern Stamp Tool أداة ختم الأنماط: تنسخ جزءًا من صورة وترسمه كنقش.

• History Brush Tool أداة فرشاة التاريخ: وهي أداة ترسم نسخة من حالة أو لقطة محددة سابقة إلى إطار الصورة الحالية.
• Art History Brush Tool أداة فرشاة فن تاريخي: وهي أداة تنشئ ضربات فرشاة نمطية تحاكي أنماط رسم مختلفة باستخدام الحالة أو اللقطة المحددة حيث تبدو المنطقة الجديدة كما لو أنها رسمت باستخدام الفراشة.

• Eraser Tool أداة المسح: تمسح وحدات البكسل وتستعيد أجزاءً من الصورة إلى حالتها المحفوظة في السابق.
• Background Eraser Tool أداة مسح الخلفية: تمسح مناطق للوصول إلى الشفافية من خلال سحب المؤشر.
• Magic Eraser Tool أداة المسح السحرية: تمسح المناطق ذات الألوان المتقاربة للوصول إلى الشفافية بنقرة واحدة.

• Gradient Tool أداة التدرج اللوني: تنشئ تدرجًا لونيًّا ضمن بأساليب معينة كالخطية والدائرية وغيرها، والتي يتم تحديدها من شريط خيارات هذه الأداة.
• Paint Bucket Tool أداة سطل الدهان: تملأ المناطق متشابهة الألوان بلون المقدمة.
• 3D Material Drop Tool أداة إسقاط المادة ثلاثية الأبعاد: انقر باستخدام هذه الأداة مع الضغط على Alt على مادة لتحميلها، ثم انقر في أي مكان لإسقاطها في جزء آخر من النموذج أو شبكة ثلاثية الأبعاد أخرى أو طبقة ثلاثية الأبعاد أخرى.

• Blur Tool أداة التمويه: تموّه الحواف الحادة في الصورة.
• Sharpen Tool أداة الحدّة: تزيد وضوح وحدة الحواف الناعمة في الصورة.
• Smudge Tool أداة الطمس: تطمس البيانات في الصورة.

• Dodge Tool أداة دودج: تعمل على جعل المساحات المحددة فاتحة (ساطعة) أكثر.
• Burn Tool أداة الحرق: تظلل مساحات في الصورة (تصبح داكنة أكثر).
• Sponge Tool أداة الإسفنجة: تغيّر إشباع اللون في المساحة.

• وتتضمن هذه القائمة جميع أدوات القلم Pen التي ترسم مسارات ورسومات شعاعية.

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

• وتتضمن هذه القائمة أدوات تحديد المسارات.

• وتتضمن هذه القائمة جميع أدوات رسم الأشكال المختلفة.

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

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

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

لوحات أدوبي فوتوشوب Adobe Photoshop

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

(الشكل التوضيحي 6)

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

ولعل من أكثر اللوحات استخدامًا وشيوعًا هي لوحة الطبقات Layers والتي تحوي كل ما يتعلق بالطبقات ومعالجتها وتحريرها، ولوحة القنوات Channels والتي تتضمن كل ما يتعلق بالقنوات اللونية، ولوحة تحرير النصوص والفقرات Character وParagraph، ولوحة الألوان Color لاختيار اللون الأمامي والخلفي، ولوحة التعديلات Adjustments والتي تتضمن كافة التعديلات التي يمكن إضافتها كطبقات، ولوحة التاريخ History التي يمكن من خلالها التراجع عن العديد من العمليات الأخيرة المنفذة.

شريط المعلومات السفلي

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

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

خاتمة

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

لا شك أن شركة أدوبي (Adobe) تتربع على عرش العالم في برامج التصميم. إنها توفر كل شيء بدءًا من تصميم الفكتورات (الصور المتجهة Vectors) وصولًا إلى الأعمال المطبوعة، ومع إصدارها لبرنامج أدوبي إكس دي (Adobe XD)، فإنها تقدم الآن نماذج الويب الأولية (Prototypes).

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

Craft

أبدأ قائمة الإضافات بحديثي عن InVision Craft والتي تعتبر إلى حد بعيد أكبر إضافة. فهي متوفرة للفوتوشوب (Photoshop) وسكتش (Sketch)، واللذيْن يوفران نفس الميزات.

وتمثّل Craft مكتبة من المكونات الإضافية مع العديد من الميزات المختلفة المدمجة معًا. فيمكنك تصميم نماذج أولية prototypes، وأتمتة "المحتوى الوهمي المولّد" أو ما نطلق عليه اسم (لوريم-إيبسوم Lorem Ipsum)، ومزامنة موارد التصميم تلقائيًا مع السحابة. كل ذلك من لوحة الإضافة Craft.

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

Fontea

يشكّل فن صياغة الحروف وطباعتها (التايبوغرافي) جزءًا كبيرًا من تصميم الويب، وبواسطة خطوط جوجل للويب Google Web Fonts يمكنك الذهاب إلى أبعد من خطوط النظام الافتراضية (default system fonts). لهذا السبب بالضبط تم بناء Fontea؛ لمساعدة مصممي الويب في صياغة الطباعة الجميلة دون الاعتماد على عائلات الخطوط المثبتة مسبقًا.

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

Block HTML

تتيح لك الإضافة المجانية HTML Block كتابة التعليمات البرمجية وتحويلها مباشرةً إلى عناصر في Photoshop، ويشبه هذا عكس ما يقوم به البرنامج المساعد لتصدير الكود، حيث يمكنك الآن استيراد الكود مباشرة إلى ملفات Photoshop.

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

PS Pen Panel

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

إن التنقل بين أدوات القلم المختلفة وفتح قائمة التفضيلات لتشغيل / إيقاف تشغيل "أدوات Snap Vector Tools" يمثل إزعاجًا كبيرًا بالنسبة لنا، PS Pen Panel ستحل هذه المشكلة تمامًا.

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

ملاحظة: هذه الإضافة مجانية 100٪ لكنها لا تزال تخضع لعملية اختبار من الموقع. إنها الطريقة التي تم بها تصميم منظومة الإضافات، لكن لوحة القلم هذه مجانية للتنزيل، لذا لا تدع الموقع يربكك!

AI2Canvas

يمكنك القيام بالكثير باستخدام لوح الرسم (HTML5 Canvas) ورسومات الويب المتجهة من نوع SVG. لكن هذه الخطوة الإضافية لتصدير ملفات SVG وترميزها إلى عناصر لوح الرسومات (canvas elements) تستنزف الكثير من الوقت.

مع الإضافة AI2Canvas، يمكنك أتمتة ميزة تصدير Illustrator بكل سهولة. حيث يتيح لك ذلك إنشاء رسومات متجهة وتصديرها إلى لوح رسم HTML5 Canvas تلقائيًا. ويمكنك حتى إضافة ميزات الدوران لإنشاء تأثيرات متحركة، وكل ذلك من Illustrator!

Copio

إذا كنت تريد نسخ طبقة في Photoshop ، فيمكنك تكرار ذلك دائمًا بنقرة زر واحدة. لكنك لن تتمكن مطلقًا من نسخ طبقة من ملف واحد ولصقه في ملف مختلف.

يمكن مع Copio أن يتغير كل شيء. فهذا البرنامج المساعد البسيط المجاني يمكِّنك من النسخ / اللصق الكامل لأية طبقات ترغب في نقلها من ملف إلى ملفات فوتوشوب PS أخرى.

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

Cut&Slice Me

زادت أجهزة رتينا (منتجات شركة Apple) من الوقت اللازم لتصميم تطبيقات الهواتف الذكية. لكنها أيضًا جلبت هذه المتطلبات إلى تصميم الويب المتجاوب حيث تحتاج حتى مواقع الويب إلى صور بمقاسات @2x و @3x لتبدو واضحة على كل شاشة.

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

Composer

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

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

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

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

Long Shadow Generator

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

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

CSS3Ps

لايمكن ختام هذه المقالة دون ذكر أداة تصدير الكود المهمة CSS3Ps. فهي تُعتبر أفضل خيار مجاني متاح مع الدعم الكامل لخصائص CSS3 الحديثة.

قم أولاً بتصميم عناصر في Photoshop، ثم حدد تلك الطبقات وانقر فوق الزر CSS3Ps. ستقوم الإضافة تلقائيًا بإخراج شفرة CSS3 الخالصة جنبًا إلى جنب مع الأصناف (classes) لإعادة إنشاء هذه العناصر في صفحتك. يمكنك تطبيق هذا المكون الإضافي على كل شيء بدءًا من طبقات النص وصولًا إلى الأزرار، كما أنه يدعم طبقات متعددة في آنٍ واحد. يمكنك مشاهدة هذا الفيديو التوضيحي للتعرف على كيفية استعمال هذه الإضافة.

كل هذا ليس إلا نزرًا يسيرًا من الإضافات المفضلة لمصممي الويب، ولكن توجد هناك إضافات جديدة دائمًا يتم إصدارها، لذا كن على اطلاع وانتظر المزيد من مكونات Adobe CC الإضافية في المستقبل القريب.

ترجمة -وبتصرف- للمقال ‎10 Free Web Design Plugins For Adobe Photoshop لصاحبه Jake Rocheleau

كنت أود الخوض في تجربة التصميم تبعًا للأسلوب (low-fi style) منخفض الدقة والذي يرتبط عادة بالأسلوب الدعائي الجريء والثوري، لكنني لم أقرر بعد ما الفكرة الأساسية التي سيتمحور حولها التصميم. صادف ذلك مشاهدتي لإعلان فيلم Rogue one حينها لمعت في رأسي فكرة التصميم المستوحاة من الفيلم وتتابع أحداث حرب النجوم! تابع الشرح التوضيحي التالي لتتعرف على طريقة تصميم بوستر دعائي باستخدام برنامج الفوتوشوب وذلك بالاعتماد على تأثيرات الطلاء المرشوش والخلفيات المعتمة وبتأثير العمل اليدوي رخيص المظهر.

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

1- ابدأ بتنزيل صورة لخامة ورقية وافتحها باستخدام برنامج الفوتوشوب. 2- اضغط على CMD+A لتحديد الكل متبوعًا بضغطة واحدة على زر الفأرة الأيمن، من القائمة التي ستظهر اختر transfer selection لتحرير منطقة التحديد ثم اضغط ضغطة مطولة على مفتاح Alt وصغّر منطقة التحديد لعمل حاشية. املأ المنطقة المحددة بدرجة لونية dcbd88# وغير وضعية دمج الطبقة إلى Multiply.

3ـ ابحث على صورة Darth Vader في محرك بحث جوجل والصقها في منطقة العمل. سنقوم بتجاوز حقوق الملكية في هذا الشرح التوضيحي ونأمل أن شركة ديزني لن تبدي غضبها على ذلك! 4ـ قلل الإشباع اللوني للصورة، ومن ثم اذهب إلى قائمة filter واختر منها noise ثم add noise. أدخل القيمة 5% وحدد الخيار Gaussian and Monochromatic.

5ـ لإضافة تأثير الصور المطبوعة اذهب لقائمة filter واختر sharpen ثم smart sharpen. واملأ الحقول كالتالي **Amount 400% ،radius 15px ،0% noise **.

6ـ استخدم أداة التحديد (polygonal lasso tool) وتتبع حدود الشكل الخارجي ثم اذهب إلى قائمة select واختر inverse. من لوحة المفاتيح اضغط على backspace لإزالة الخلفية.

7ـ حمل الفرشاة ذات التأثير الخشن rough and grungy photoshop brushes أو استخدم فرشاة جافة Dry brush strokesوحدد الحجم وزاوية التأثير من مربع الإعدادات واصنع بعض اللطخات على الوجه.

8ـ استخدم نمط خط مناسب لإضافة تأثيرات الكتابة اليدوية الحرة، بإمكانك استخدام نمطAgainst مثلًا والذي يعكس نمط كتابة فوضوية.

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

10ـ ألصق صورة لجنود العاصفة في فيلم حرب النجوم وضعْها أسفل صورة Darth Vader وعدل حجمها بحيث تظهر خلف رأسه، ليس من الضروري أن تكون الصورة منخفضة الجودة لإعطاء التأثير المطلوب. قلل إشباع الألوان في الصورة وأضف تأثير grain 5% كما في الخطوات السابقة.

11ـ تابع التأثيرات بعمل smart sharpen filter لإعطاء تأثير الصور المطبوعة، واضبط القيمة على 250% لتلاشي ظهور النقاط البيضاء بشكل مبالغ فيه.

12ـ استخدم أداة التحديد polygonal lasso tool على حدود صورة الجنود لإظهار تأثير حواف مقصوصة حادة ثم اعكس التحديد واحذف الخلفية.

13ـ استخدم إحدى تأثيرات الفرشاة بزاوية مناسبة لعمل بعض اللطخات على وجوه الجنود، غير شكل التأثير كل مرة لتلاشي التكرار.

14ـ افتح صورة خامة الورق الأولى في نافذة جديدة وارسم تحديد بشكل مربع حاد الأطراف باستخدام أداة التحديد (polygonal lasso tool) انسخ والصق هذا التحديد إلى منطقة العمل.

15ـ باستخدام أداة الكتابة أضف المزيد من النصوص على العمل الفني. الإعلانات الشبيهة بالتي نصممها هنا تستعمل خيارات عشوائية لحروف مقصوصة من الجرائد، لكن نمط الكتابة المستعمل هنا Blackout Noon سيمنحك المظهر المطلوب للمطبوعات منخفضة الجودة.

16ـ اضغط على CMT+T للتحكم في حجم قصاصات الورق بحيث تتلاءم مع حجم الكتابة وامنحها بعض العشوائية.

17ـ انقر نقرة مزدوجة على الطبقة التي تحتوي على صورة القصاصات الورقية واضبط إعدادات الظلال (drop shadow) كالتالي:

• colour‏: black
• blind mood‏: linear burn
• opacity‏: 35%
• distance:‏ 2px
• spread‏: 1px
• size‏: 3px

وهنا ستحصل على تأثير مشابه لتأثير فن الملصقات (collage).

18ـ أكمل إدخال كلمات "Destroy the empire" كل كلمة على حدة بأحجام مختلفة، ثم أضف صورة لشريحة ورقية وأدرجها في الخلفية ووحد تأثير الطبقات من خلال ونسخ ولصق التنسيق copy and paste layer style

19ـ نفس التأثير السابق الذي تم تطبيقه على النص من الممكن تطبيقه مرة أخرى على أي عنصر في البوستر لكن بعكس التأثير فتصبح الخلفية باللون الأسود والكتابة باللون الأبيض وذلك بالضغط على CMD+I من لوحة المفاتيح.

20ـ حمل صورة لشعار Rebel alliance وضعها في مكان مناسب في التصميم. اضغط على CMD وانقر على الطبقة لتحميل التحديد الخاص بها، ومن ثم اذهب إلى قائمة select واختر modify ثم feather، وأضف قيمة 10 px ثم أخف تلك الطبقة.

21ـ أدرج طبقة جديدة واستخدم تأثير الفرشاة spray paint Photoshop brushes لملء التحديد بلون أحمر ‎#cc0705. وبذلك يتم تعبئة منطقة التحديد بتأثير لوني مرشوش وليس كطبقة لونية مصمتة.

22ـ غير إعدادات الفرشاة وغيّر حجمها لإضافة بعض اللطخات حول الحواف.

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

24ـ قلل نسبة التعبئة إلى 96% للسماح بالعناصر الخلفية بالظهور، فيبدو وكأن الشعار قد تم تنفيذه بطريقة الاستنسل (stencil).

25ـ ألصق نسخة من شعار الإمبراطورية المستوحى من الفيلم ثم ارسم دائرة باستخدام أداة رسم الشكل البيضاوي، أضف تأثير stroke بلون أحمر كبداية لتصميم علامة الرفض (NO).

26ـ ارسم خط قطري يتقاطع مع الدائرة ووحّد خصائص كل منهما، بعدها حدد الشكلين وقم بـتنقيطها (rasterize) ثم ادمجهم في طبقة واحدة من خلال الضغط على CMD+E.

27ـ حمل مجددًا تحديد الشعار وعدل قيمة feather واتبع الخطوات السابقة لعمل تأثير الاستنسل المطبوع.

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

29ـ لإنهاء العمل بمزيد من الخامات والتأثيرات الحادة قم بنسخ الخلفية الورقية واسحبها إلى أعلى الطبقات، اذهب إلى قائمة Filter وأضف قيمة 5% noise.

30ـ غير نظام دمج الطبقة (blending mode) إلى multiply وأضف تأثير smart sharpen filter لإظهار التفاصيل وإضافة المزيد من الحدة للتصميم. تحقق من العمل ككل واختر قيمة مناسبة للحصول على نتيجة مرضية.

هكذا إذن نحصل على تصميم بروح ثورية متمردة اعتمادًا على أسلوب تصميم (low-fi poster) حيث تظهر تأثيرات الطباعة اليدوية الرخيصة لكن بطريقة رقمية وبتنوع ملهم في الخامات والمواد المستعملة. وكل ذلك أبرز بطل التصميم وكأنه الثائر الأكثر فوضى في المجرة.

ترجمة -وبتصرف- للمقال How To Create a Grungy Star Wars Propaganda Poster in Photoshop لصاحبه Chris Spooner

أرسل لي أحد القراء بريدًا إلكترونيًا يقترح عمل درس تعليمي قائم على رسم أحد الخطوط ويسمى بـ Manrope). العمل المذكور يتضمن مجموعة من الأحرف مع أشكال ثلاثية الأبعاد بارتفاعات مختلفة مجتمعة بكثافة في المشهد. ويتضح أنه قد تم استخدام بعض برمجيات تشكيل الأجسام ثلاثية الأبعاد للحصول على المفهوم الأصلي، ولكنني جربت أدوات 3D الموجودة في Photoshop لرؤية ما إذا يمكن عمل نفس التأثير. اتبع درس اليوم لتعلم كيفية استخدام قدرات Photoshop لعمل التأثيرات ثلاثية الأبعاد بنفسك.

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

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

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

رتب الأحرف بإتقان لتكون متقاربة، ويمكن إضافة الأرقام لملئ الفجوات.

اجمع كل الأحرف في طبقة واحدة عن طريق تفعيل أعلى طبقة، والضغط على Shift ثم اختيار آخر طبقة. استخدم E+CMD لدمج الطبقات ثم أعد تسميتها ب 'Letters'.

ولتحويل هذا العمل إلى ثلاثي الأبعاد، اذهب إلى 3D ‏> New 3D Extrusion من الطبقة المحددة. ثم ستتحول مساحة العمل في Photoshop إلى وضع 3D.

في لوحة 3D فعّل الأحرف، ثم في لوحة Properties اجعل قيمة دوران X تصبح 90 تحت قسم Coordinates.

فعّل Current View في لوحة 3D، ثم في لوحة Properties اختر Top من لائحة View.

استخدم أدوات التصفح في شريط الأدوات الموجود في الأعلى لتعديل مدار وشدة وحجم المنظر لوضع النص في زاوية مناسبة.

وبشكلٍ افتراضي، فإن العمل المُنشأ هو منظر نصي، ولكن تحديد خيار Perspective في لوحة Properties ينتج تأثيرًا مماثلًا.

حدد الأحرف مرة أخرى في لوحة 3D ثم اذهب إلى قائمة 3D واختر Split Extrusion لتقسيمها إلى أحرف منفردة.

انقر على كل حرف حرف بالدور واستخدم رأس السهم الأزرق لأداة 3D لتحريك الأحرف للأعلى أو الأسفل على محور X.

حرك كل حرف عشوائيًا لتكون الأحرف بارتفاعات غير منتظمة.

وللتأكد بأنه لا يوجد أحرف عائمة، اضغط على Shift وانقر بالفأرة لتحديد كل الأحرف في لوحة 3D، بعدها انقر على زر Move to Ground في قسم Coordinate من لوحة Properties.

فعّل Current View مرةً أخرى وأعد ضبط المشهد إذا لزم الأمر لتوسيط المنظر ثلاثي الأبعاد في اللوحة.

حدد عنصر Infinite Light من لوحة 3D وحرك المقبض الأصغر للأيقونة الموجودة على الشاشة لإعادة ضبط مكان الضوء.

وفي لوحة Properties، زد Softness الخاصة بالظل لتصبح 70٪ تقريبًا.

عد إلى لوحة 3D واختر First Front Inflation Material، ثم اضغط على Shift وانقر على Last Back Inflation Material لتحديد كل واحدة بينها.

غير لون Specular من لوحة properties إلى اللون الأبيض وخفض قيمة Shine لتصبح 0٪.

ولتجنب عمل أي تغيير على طبقة 3D، استخدم E+Shift+CMD لعمل نسخة مدمجة من العمل في طبقة جديدة.

النتيجة النهائية هي تركيب ثلاثي الأبعاد لأشكال الأحرف مع تأثيرات حقيقية للظلال والإضاءة:

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

ترجمة - وبتصرف - للمقال How to create a stack of 3D characters in Adobe Photoshop

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

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

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

تحتاج أولًا أن تقص الرأس لجعله أكبر حجمًا. استخدم أداة Pen لرسم خط حول الشعر، ثم ارسم حول الذقن بتأنٍ.

كبِّر الصورة واستخدم Smooth Bezier Curves لعمل خط دقيق حول الوجه، ثم انقر على زر الفأرة الأيمن واختر Make Selection مع Feathering بمقدار 0. اضغط على C+CMD و V+CMD لنسخ الرأس ولصقه في مكانه.

انقر نقرًا مزدوجًا على طبقة الخلفية لتحويلها إلى طبقة منتظمة غير مغلقة.

وبدلًا من تكبير حجم الرأس الذي قد يؤدي إلى تخفيض جودة الصورة بسبب الاستقراء، اختر الطبقة الأصلية وصغر حجمها باستخدام T+CMD.

استخدم أداة Crop لقص الملف وإزالة الإضافات.

إذا كان هناك أي جزء فارغ في أعلى الصورة، فحدده باستخدام أداة Marquee، واذهب بعدها إلى Edit ‏> Fill Menu ، واختر Content Aware لملئ هذه المساحة بخلفية مطابقة تمامًا.

طبِّق Mask على طبقة الرأس، وبعدها استخدم Soft Tipped Brush لمزج الحواف الحادة عن طريق الرسم بالأسود داخل طبقة الـ Mask.

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

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

استخدم أداة Crop لقص الصورة وإزالة النقاط الزائدة حول حافة الصورة.

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

تحت قائمة Layer، اضغط على Alt وانقر على Merge Visible لإنشاء نسخة مسطحة من العمل في طبقة جديدة.

اذهب إلى Filter ‏> Liquify واختر أداة Bloat. اعمل بعض التعديلات الخفيفة مع بعض النقرات بالفأرة لتكبير حجم الخدين، والأنف، والعيون والفم لتغيير أجزاء الوجه أكثر.

اذهب إلى أداة Forward Wrap وعدل الوجه للمبالغة في تعبير الوجه. مثلًا، حرك الحاجبين للأعلى لجعل الوجه يبدو متفاجئًا أو زد الابتسامة لجعله سعيدًا.

طبق تأثير Liquify وكرر الطبقة باستخدام J+CMD. اذهب بعدها إلى Filter ‏> Other ‏> High Pass وأدخل 2 بكسل.

اعكس هذه الطبقة باستخدام I+CMD أو اذهب إلى Image ‏> Adjustments‏ > Invert Menu Option.

غير Blending Mode ليصبح Overlay ليخفف الصورة مع Blur خفيف. بينما يساعد هذا في تنعيم البشرة، لا نرغب أن نطبق التأثير على ملامح الوجه.

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

استخدم الصورة المدمجة والمطبق عليها تأثير Liquify مرةً أخرى وكررها. أضف High Pass Filter مرةً أخرى بمقدار 2 بكسل.

غير Blending Mode لهذه الطبقة ليصبح Overlay بدون عكسها أولًا، مما سيصقل الصورة.

أضف طبقة Mask، ولكن استخدم هذه المرة Backspace+Alt لملئها تمامًا باللون الأسود، الذي سيمسح التأثير كاملًا. استخدم الآن فرشاة ناعمة وارسم باللون الأبيض لإعادة صقل هذه المساحات الرئيسية من العيون، والأنف، والفم والشعر.

أنشئ طبقة جديدة فارغة واسحبها لأعلى مجموعة الطبقات. اذهب إلى Edit‏ > Fill واختر Gray بنسبة 50٪. غير Blending Mode لهذه الطبقة ليصبح Overlay.

اختر أداة Burn واضبط الإعدادات في شريط الأدوات على Shadow و Exposure بحوالي 20٪. ارسم على الشخص وحدد كل المساحات الأغمق.

اذهب الآن إلى أداة Dodge واختر Highlight مع Exposure بمقدار 20٪. لون الأجزاء اللامعة من الشخص. ثم صغر رأس الفرشاة لتحديد العيون والأسنان بدقة وإضافة اللمعان لها.

قلل Opacity لطبقة Dodge و Burn لتخفيض تأثير التباين العالي لتبدو طبيعية أكثر.

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

ترجمة - وبتصرف - للمقال How To Create a Funny Caricature Effect in Adobe Photoshop

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

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

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

حمل الصورة من الكاميرا الخاصة بك وأجرِ التعديلات الضرورية لتصحيح الألوان وتوازنها.

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

وعلى العموم، أنشئ مسارًا أسفل السيارة، وبعدها اتبع الرسم إلى نقطة البداية لتشكيل مسارًا مستمرًا.

انقر على زر الفأرة الأيمن واختر Make Selection، وبعدها انسخ والصق السيارة في طبقة جديدة.

يمكن الآن لصق خلفية جديدة بين طبقة الخلفية الأصلية والسيارة. يجب أن تكون الصورة الجديدة مأخوذة بزاوية تطابق زاوية الصورة الأصلية، كما يجب أن تناسب إضاءة المشهد. هذه الصورة لـ Jimmy Yan من موقع Shutterstock، وتوضح طريقًا في المدينة بنفس اتجاه صورتي الأصلية، كما أن المساحة مظللة كما هي تمامًا في الصورة الأصلية.

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

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

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

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

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

خذ صورة ذهنية لدرجة Blur من صورة الكاميرا، وبعدها أعد تفعيل الطبقة واذهب إلى Filter ‏> Blur Gallery ‏> Field Blur.

زد قيمة Blur لمحاكاة عمق تأثير مجال الصورة الأصلية. وبطبيعة الحال، ستكون قيمة صغيرة لا تزيد عن 10 بكسل.

بعض تأثيرات Blur Gallery لديها أدوات إضافية، من شأنها أن تساعد في مطابقة الصورتين. تظهر السيارة القليل من ISO Noise، في حين أن الخلفية تبدو أنظف. زد درجة Grain في الشريط لمحاكاة بعض Noise في الخلفية أيضًا.

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

لن تكون مساحة الزجاج لامعة ونظيفة، ولذلك ارسم مسارًا حول النافذة باستخدام أداة Pen وحدده.

أضف طبقة جديدة واملأ التحديد بلونٍ مأخوذ من النافذة القريبة. غير Blending Mode للطبقة ليصبح Multiply لتصبح الرؤية من خلال الخلفية ممكنة.

خفض Opacity النافذة حتى تظهر الخلفية بشكلٍ واقعي من خلال الزجاج.

النظر إلى الصورة عن قرب يظهر أنها لا تبدو واقعية بسبب الحواف الحادة التي نتجت عند قص السيارة باستخدام أداة Pen. حدد طبقة السيارة، وبعدها اختر أداة Blur.

خفض Strength الأداة من شريط الأدوات لتصبح حوالي 50-70٪، وبعدها استخدم فرشاة صغيرة وارسم حول حافة السيارة لتصبح بمظهر طبيعي. كما يجب تكثيف Blur على الحواف الخلفية أكثر من الأمامية.

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

خفض Opacity الطبقة لتعديل تأثير Overlay. وبرفع طبقات Overlay سيضيف بعض الإضاءة إلى الصورة.

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

ترجمة - وبتصرف - للمقال How To Composite a Car Onto a New Background in Photoshop