افتراضيًا، وسواء أحببتم ذلك أم لا، تضيف اختصارات macOS لالتقاط شاشة التطبيق كاملة (⇧- ⌘- 5) ظلًا خفيفًا حول الصورة المحفوظة. وقد يجعلها ذلك أجمل بصريًا عند إضافة لقطة شاشة أو صورة إلى مستند. ويوفر تطبيق convert، وهو جزء من توزيعة ImageMagick، وظيفة مفيدة في سطر الأوامر لإضافة تأثير الظل نفسه إلى أي صورة لديكم (مثل لقطة شاشة جزئية باستخدام .⇧- ⌘- 4)

بعد التثبيت، يمكنكم استخدام الأمر التالي لإضافة ظل إلى صورتكم:

convert "Screen Shot 2021-07-07 at 09.47.13.png" \( +clone -background black -shadow 80x20+0+15 \) +swap -background transparent -layers merge +repage "Screen Shot 2021-07-07 at 09.47.13.png"

وسيحوّل هذه الصورة:

إلى هذه:

نصيحة احترافية: يمكنكم إنشاء دالة مختصرة في بيئة BASH أو ZSH، فمثلًا أضيفوا هذا السطر إلى ملف ~/.bashrc:

shadow () { convert "$@" \( +clone -background black -shadow 80x20+0+15 \) +swap -background transparent -layers merge +repage "$@"; }

ثم نفّذوا source على ملف ~/.bashrc (في المرة الأولى) لتفعيلها:

source ~/.bashrc

والآن يمكنكم من سطر الأوامر إضافة ظل إلى أي ملف صورة بكتابة ما يلي فقط:

shadow "Screen Shot 2021-07-07 at 09.47.13.png"

(تذكّروا وضع علامات تنصيص مزدوجة حول اسم الملف إذا كان يحتوي على مسافات)

تحسين صور PNG بإضافة الظلال

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

كيفية إضافة ظل باستخدام CSS

لمطوّري الويب الذين يريدون إضافة ظل إلى صور PNG عبر CSS، تُعد الخاصية box-shadow أداة مرنة. إليكم مثالًا سريعًا:

css img { box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5); }

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

استخدامات إبداعية لصور PNG المظللة

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

وباستخدام أدوات مثل ImageMagick أو CSS، يمكنكم بسهولة تطبيق تأثير الظل على صور PNG، فتزيدون من تأثيرها وتضمنون أن تلفت انتباه المشاهد.

انتهى.