دليل إضافة تأثير التظليل (Vignette) للصور

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

ما تحتاجه

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

ملف صورة متوافق: تدعم الأداة تنسيقات الويب النقطية القياسية، وتحديداً JPG و JPEG و PNG و WEBP. * متصفح ويب حديث: سيعمل أي متصفح محدث على جهاز الكمبيوتر أو الهاتف المحمول الخاص بك لتحميل ومعالجة ملفك. دعم WebAssembly: يقوم متصفحك بتحميل وحدة libvips WebAssembly لمعالجة كل شيء محلياً.

ملف ضمن حد الحجم: يجب ألا يتجاوز الملف المصدر الحد المدعوم البالغ 20 ميجابايت.

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

بالإضافة إلى ذلك، لا يتم دعم تنسيقات المتجهات مثل SVG أو تنسيقات الكاميرا الخام (مثل CR2 أو NEF) بشكل مباشر. يجب عليك تحويل هذه التنسيقات الخام إلى تنسيق نقطي قياسي مثل PNG أو JPG قبل محاولة تطبيق التظليل.

تطبيق التظليل

افتح متصفحك وانتقل إلى واجهة أداة Image Vignette. حدد ملف الصورة على جهازك المحلي. تأكد من أنه بتنسيق مدعوم (JPG أو JPEG أو PNG أو WEBP) وأن حجمه لا يتجاوز الحد المدعوم البالغ 20 ميجابايت.

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

* *الشدة (Intensity)*: قم بتعديل قوة تأثير التعتيم. الشدة العالية تجعل الحواف أكثر قتامة بشكل ملحوظ، بينما تحافظ الشدة المنخفضة على التأثير بشكل خفي. * *التنعيم (Feathering)*: يتحكم هذا الإعداد في نعومة تدرج الانتقال.

قيم التنعيم العالية تخلق مزيجاً تدريجياً وغير محسوس من الضوء إلى الظلام. قيم التنعيم المنخفضة تنتج حافة حادة وقاسية. انقر فوق الزر لبدء التحويل عبر libvips.

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

كيف يعمل

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

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

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

بالنسبة لملفات PNG التي تحتوي على شفافية، يجب على libvips التعامل مع قناة ألفا بعناية. فهو يطبق عامل التعتيم فقط على قنوات ألوان RGB مع الحفاظ على قناة الشفافية سليمة، مما يضمن عدم تحول الخلفيات الشفافة إلى كتل سوداء صلبة. بمجرد تطبيق هذه التعديلات الرياضية على شبكة البكسل بأكملها، يقوم libvips بتعبئة بيانات البكسل المعدلة في تنسيق الإخراج الذي اخترته (JPG أو JPEG أو PNG أو WEBP) لتتمكن من تنزيله.

عندما تسوء الأمور

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

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

لمنع ذلك، قم دائماً بتحميل ملفات مصدر عالية الجودة وغير مضغوطة.

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

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

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

استخدم ملف مصدر عالي الجودة وغير مضغوط للإصلاح. ### لماذا فشل التحميل عندما حاولت معالجة صورتي عالية الدقة؟ فشل التحميل لأن ملفك يتجاوز الحد المدعوم البالغ 20 ميجابايت. يفرض libvips هذا الحد.

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

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