اذهب إلى المحتوى

تأثير الظل الطويل Long Shadow – تطبيق عملي على Adobe Photoshop


أنس البحاح

تظهر على الدوام توجهات مُختلفة للتصميم والتي تُطلقها وتقف خلفها الشركات الكبيرة المؤثرة على الأسواق، وتُعدّ تقنيّة التصميم بالظل الطويل "Long Shadow Design" أحد أكثر التوجهات المُلفتة والتي ظهرت مع إعلان شركة Apple لنظامها iOS 7 وأصبحت تُكمّل جنباً إلى جنب تقنيّة التصاميم المُسطحة "Flat designs" والتي أظهرتها شركة مايكروسوفت Microsoft جلياً مع نظامها Windows 8.

الظل الطويل "Long Shadow" ببساطة!

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

أمثلة تطبيقيّة:

Long_shadow_ex.thumb.jpg.ee3ffc36a968655

على اليمين Skype من تصميم JustD.

على اليسار Flat Club من تصميم miguelcm.

تطبيق عملي على تأثير الظل الطويل "Long Shadow":

بعد أن تعرفتم على تاريخ انطلاق التأثير سنكون سعداء لأخذكم بجولة تطبيقيّة تشرح آلية تنفيذ التصميم عبر برنامج Adobe Photoshop.

سنخرج بدرسنا بالنتيجة التالية:

End_Long_Shadow.thumb.jpg.13157b3b5260d8

تلميح: كما هو معروف في عالم التصميم بأن النتيجة النهائية قد تظهر بعدة طرق قد يكون بعضها مُعقّد وصعب وبعضها سريع وجميعها يؤدي الغرض.

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

لنبدأ بالتطبيق!

الخطوة الأولى:

1 - افتح مساحة عمل جديدة في Adobe Photoshop واختر الإعدادات كما في الصورة أدناه:

Long_Shadow1.thumb.jpg.416bc2ae44c41ed5f

2- اختر لون مُناسب للخلفية، سوف نختار اللون (714a76 #) في تصميمنا:

Long_Shadow2.thumb.jpg.d18477ba3baaa45a5

3- اكتب الاسم المُراد التطبيق عليه واختر له اللون الأبيض (ffffff#) ثُم قم بتوسيطه داخل مساحة الرسم، كما هو موضّح أدناه:

(تلميح: تأثير الظل الطويل سوف يبرز بشكل جمالي أكبر مع الخطوط العريضة)

Long_Shadow3.thumb.jpg.31bbab609cb6a2215

الخطوة الثانية:

1- تحديد زاوية 45 درجة (وهي زاوية ميلان الظل المُراد رسمه) من خلال اتباع ما يلي:

  • اضغط على (CTRL + " / أو حرف ط) لإظهار الشبكة
  • قم بتقريب الصورة من خلال استخدام أداة (Zoom Tool – أو العدسة المُكبِّرة) أو بالضغط مُباشرة على الحرف Z
  • ارسم سطر بشكل يدوي من خلال استخدام أداة (Line Tool) أو بالضغط مُباشرة على الحرف U
  • قُم بإدارة السطر بين زاويتيّ إحدى خانات الشبكة كي يُصبح ميلانه بزاوية 45 درجة (ما يهمُنا هُنا هو تحديد الميلان بزاوية 45 درجة وطريقتها كانت بتقسيم زوايا المُربع في المُنتصف كون أن زواياه قائمة "90 درجة"، لاحظ السطر الأخضر كيف يخترق مُربعات الشبكة بالرسم التوضيحي)

Long_Shadow4.thumb.jpg.e52a44b883821ea19

2- كرّر السطر الأخضر (مُحدِّد ميلان الظل) بنسخه وتوزيعه على الزوايا اليمينية للكلمة كما هو مُوضّح بالشكل التالي:

Long_Shadow5.thumb.jpg.84fde192121450fb9

الخطوة الثالثة:

1- رسم الظل الطويل من خلال اتباع المراحل التالية:

- اختر أداة البن تول (Pen Tool) وضع إعدادات الرسم كما هو مُوضّح

Long_Shadow6.thumb.jpg.0f17b3bec45bb70df

2- اعمل على الرسم بأداة (Pen Tool ) بالوصل بين نُقاط الزوايا العُلوية اليمينية كما هو موضّح بالصور:

Long_Shadow7.thumb.jpg.651b0ba918924e7e0

Long_Shadow8.thumb.jpg.e8003affb35561bdeLong_Shadow9.thumb.jpg.7646fddf984c70015

النتيجة:

Long_Shadow10.thumb.jpg.5b13386950a0b1f3

3- كرّر نفس طريقة العمل السابقة لرسم ظل للنُقاط كما هو مُوضّح:

Long_Shadow11.thumb.jpg.9c4b85bd00a71532Long_Shadow12.thumb.jpg.36b939851df27633

النتيجة:

Long_Shadow13.thumb.jpg.a861801aa7b87946

الخطوة الرابعة والأخيرة:

1- العمل على دمج ظل الكلمة مع ظل النُقاط من خلال اتباع ما يلي:

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

- بعد التحديد اضغط بزر الفأرة الأيمن واختر Merge Layers (( بالإمكان الاستعانة بالاختصار CTRL + E ))

Long_Shadow14.thumb.jpg.ff2dfc50286a60c4

2- العمل على تفتيح الظل لإخراجه بشكل واقعي ومُناسب:

- اذهب إلى نافذة الطبقات "Layers" واضغط بزر الفأرة الأيمن على الطبقة الخاصة بالظل واختر نافذة Blending Options ثُم توجّه إلى نافذة إعدادات التدرج Gradient Overlay وحدّد ألوان التدرج للظل. لرسمتنا قُمنا بتحديد اللون الخفيف نفس لون الخلفية (714a76 #) ليظهر تلاشي للظل عند ابتعاده. كما اخترنا للظل الثقيل اللون (523a55 #).

Long_Shadow15.thumb.jpg.2644c281f02fc25d

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

End_Long_Shadow.thumb.jpg.13157b3b5260d8


تفاعل الأعضاء

أفضل التعليقات



انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أضف تعليق

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • أضف...