طريقة سريعة لإلقاء ظلال طويلة

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

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

نبدأ بتصميم بسيط ضمن Adobe Illustrator كما في الشكل التالي:

البدايه

كما ترون، كلمة بلون فاتح على خلفية بلون أغمق. نقوم بتكرار العنصر (الكلمة) واختيار لون جديد أغمق من لون الخلفية.

تكرار

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

تكرار مرة ثانية

ننتقل لقائمة Object ثم Blend ثم Blend Options. ضمن مربع الحوار نحدد نوع الخطوة (Spacing) ليكون مسافة محددة (Specified Distance) وندخل القيمة 1px.

إعدادات Blend

نعود لقائمة Object ثم Blend ثم Make أو نستخدم الاختصار (Alt+Ctrl+B).

Blend

تتم إضافة الخطوات المطلوبة بين العنصرين ونلاحظ أنه تم ضمهما ضمن مجموعة (Group). نحدد هذه المجموعة وننقلها أسفل العنصر الأساسي (ذي اللون الفاتح).

ترتيب

عملياً، هذه جميع الخطوات اللازمة للتنفيذ، لكن إذا أردت ترى النتيجة أثناء العمل بشكل مناسب فقم بتكرار الخلفية وجعل التكرار فوق جميع العناصر ثم اذهب إلى لوحة الشفائف (Layers Panel) وحدد الشفيفة الحالية ثم اضغط Make/Release Clipping Mask.

Mask

وهذه هي النتيجة النهائية.

النتيجة

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

شوائب

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

تنويعات أخرى:

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

يمكن مثلاً جعل العنصر بنفس لون الخلفية ليقوم الظل وحده بتجسيد العنصر (هذا النمط هو المفضل لدي):

ظل فقط

وإضافة على هذا يمكن أضافة حافة مضيئة بلون فاتح بالاتجاه المعاكس للظل:

حافة

يمكن أيضا إعادة امتداد الظل (الذي سحبناه لخارج مساحة التصميم) إلى الداخل لجعل الظل أقصر:

ظل قصير

يمكن أيضاً تغيير شفافية الامتداد لتشتيت الظل مع ابتعاده عن العنصر:

تدرج

كما يمكن تكبير أو تصغير حجمه لتغيير طريقة انتشار الظل:

انتشار

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

ملف الدرس:

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

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

محمود الدعاس

من مواليد دمشق. ابتدأ بعد التخرج كمبرمج ويب عام 2005 مع شركة إيميا، انتقل بعدها إلى شركة تكنوليد للأتمتة المتكاملة ومنها إلى شقيقتها أتمتة للحلول المتقدمة كمصمم غرافيك ومصمم ومطور ويب. أسس مع مجموعة من زملاء الدراسة موقع HOMELESS-PRO.com لنشر قصص مصورة باللغة العربية للشباب، و Guestra كوكالة تصميم وتطوير.

مواضيع الكاتبموقع الكاتب

لمتابعة الكاتب:
TwitterFacebookPinterest

One thought on “طريقة سريعة لإلقاء ظلال طويلة

أضف تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *