تأثير الظل الطويل 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



4 اشخاص أعجبوا بهذا


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


Guest Ali AMP

نشر

شكرا ولكن ارجوا في دروس القادة ان يكون شرح عبراة عن فيديو

شارك هذا التعليق


رابط هذا التعليق
شارك على الشبكات الإجتماعية

شكرا جزاكم الله خيرا

شارك هذا التعليق


رابط هذا التعليق
شارك على الشبكات الإجتماعية

أكثر من رائع

جزاك الله خيرا

1 شخص أعجب بهذا

شارك هذا التعليق


رابط هذا التعليق
شارك على الشبكات الإجتماعية

شكرا على الشرح الرائع :)

شارك هذا التعليق


رابط هذا التعليق
شارك على الشبكات الإجتماعية


يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن