تأثير الفينييت وتعتيم حواف الصور

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

100% داخل المتصفح • مجاني 100%

اختر صورة لتطبيق تأثير الفينييت

اسحب وأفلت صورة JPG أو PNG أو WebP هنا، أو انقر للاختيار من جهازك.

معالجة داخل المتصفح 100% • فورية وآمنة
دليل تقني مفصل•8 دقائق قراءة•فريق هندسة 2RUN
معالجة محلية 100% بلا خوادم

أداة إضافة تأثير التعتيم المحيطي (Vignette): محاكاة انخفاض الضوء البصري وأقنعة التدرج الشعاعي وتركيز المشهد

⚡كيفية إضافة تأثير التعتيم المحيطي إلى صورة داخل متصفحك

1

رفع صورتك

اسحب صورتك وأفلتها في منطقة التحميل، أو انقر لاختيارها من جهازك. يُحمل المحرر الصورة على لوحة تفاعلية.

2

ضبط نصف قطر التعتيم والشدة

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

3

ضبط نعومة الحواف واللون

اضبط شريط النعومة (Feather) لضمان انتقال عضوي سلس، واختر بين التظليل الأسود الكلاسيكي أو الهالة البيضاء المضيئة.

4

تنزيل صورتك المعززة بالتعتيم

انقر على 'تنزيل الصورة' لحفظ صورتك الاحترافية بصيغة PNG أو WebP أو JPEG فائقة الدقة.

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

تتيح لك أداة إضافة التعتيم المحيطي المدمجة بالمتصفح صياغة انخفاض ضوئي بصري وتظليل حواف سينمائي فائق الدقة مباشرة داخل متصفحك. ومن خلال محاكاة فيزياء أسطوانة عدسة الكاميرا عبر أقنعة التدرج الشعاعي الرياضية، يقدم محركنا خيارات قابلة للتخصيص لنصف قطر التعتيم، ونعومة الحواف (Feather)، والشدة، واللون (التعتيم الداكن الكلاسيكي أو التعتيم الأبيض القديم عالي الإضاءة). وسواء كنت تحسن صور البورتريه، أو تصنع مناظر طبيعية سينمائية حالمة، أو تضفي طابعاً كلاسيكياً على لقطات المنتجات؛ تمنحك أداتنا نتائج احترافية في ثوانٍ معدودة. وتُنفذ كافة العمليات محلياً بنسبة 100% داخل متصفحك عبر تقنيات HTML5 Canvas، مما يضمن أمان صورك الخاصة ومقتنياتك الإبداعية بالكامل.

اقرأ الدليل التقني الكامل

الفيزياء البصرية للتعتيم المحيطي: قانون قوى جيب التمام الرابع

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

ويخضع هذا الانخفاض الفيزيائي لقانون قوى جيب التمام الرابع للإضاءة (Cosine Fourth Law)، الذي صاغه كارل أوغست فون شتاينهايل في القرن التاسع عشر: $E_\theta = E_0 \cos^4(\theta)$؛ حيث تمثل $E_0$ الإضاءة المركزية و $\theta$ زاوية السقوط. علاوة على ذلك، تتسبب أسطوانات العدسات وأغطية التظليل (Lens hoods) وفتحات العدسة الواسعة في حدوث تعتيم ميكانيكي بحجبها جزئياً للأشعة الضوئية من الوصول إلى الأركان الخارجية للمستشعر. وبينما ينفق مهندسو البصريات ثروات طائلة لتصميم عدسات معقدة للحد من هذا الأثر، يتعمد الفنانون البصريون إعادة تطبيق التعتيم المنضبط لتوظيف قوته التكوينية الهائلة.

علم النفس البصري: توجيه بصر المشاهد والهرمية الإدراكية

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

ويعمل تطبيق تعتيم محيطي ناعم على كبح المشتتات المحيطية بلطف. ومن خلال تظليل الأركان الخارجية بنسبة 10% إلى 30%، يُوجه نظر المشاهد بسلاسة ودون جهد نحو مركز الإطار، ليركز بثبات على عيني شخصية البورتريه، أو تفاصيل منتج تجاري، أو مدخل معماري. وتبدو الصورة الناتجة متوازنة ومريحة بصرياً ومصممة بعناية فائقة.

رياضيات التدرج الشعاعي: إحداثيات المركز ودوال الهبوط الناعمة (Smoothstep)

يعتمد التوليد الرقمي للتعتيم المحيطي على حساب المسافة الشعاعية الموحدة لكل بكسل $(x, y)$ انطلاقاً من مركز الصورة $(x_0, y_0)$:

$$r(x, y) = \sqrt{\left(\frac{x - x_0}{W / 2}\right)^2 + \left(\frac{y - y_0}{H / 2}\right)^2}$$ وفي التعتيم البيضاوي، تُعاير المسافات الأفقية والرأسية بنصف عرض لوحة الرسم وارتفاعها، مما يضمن توافق التظليل طبيعياً مع أبعاد الشاشات العريضة 16:9، أو الوضع الرأسي 9:16، أو النسبة الكلاسيكية 3:2 دون أي تشوه دائري. ويتم الانتقال بين المنطقة المركزية النقية غير المظللة ($r_{\text{الداخلية}}$) والأطراف المظللة بالكامل ($r_{\text{الخارجية}}$) عبر منحنى استيفاء هيرميت الناعم (Smoothstep): $f(t) = 3t^2 - 2t^3$. ويمنع هذا حلقات التكسر الحادة، مانحاً هبوطاً ضوئياً طبيعياً وانسيابياً للغاية.

التعتيم الداكن مقابل التفتيح الفاتح: الدراما السينمائية مقابل النوستالجيا الراقية

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

نعومة الحواف وتعديل نصف القطر: فن التدرج الخفي

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

توفر أداتنا عناصر تحكم مستقلة لنصف القطر ونعومة الحواف (Feather): • نصف قطر كبير + حواف واسعة التدرج (الخيار الاحترافي الافتراضي): يضبط النصف قطر الداخلي النقي على 60%–70% من اللوحة وينشر التدرج على مساحة واسعة. يتسلل التظليل بنعومة بالغة تجعل المشاهد يرى العنصر مضاءً بشكل طبيعي. • نصف قطر ضيق + حواف حادة (كاميرات الألعاب القديمة): يحاكي التعتيم العنيف للعدسات البلاستيكية في كاميرات Holga و Lomo القديمة، وهو مثالي للتصوير الحضري الريترو وأنماط الغرونج.

التكامل مع قص البورتريه وحبيبات الأفلام التناظرية

يصل التعتيم المحيطي إلى ذروة تعبيره الفني عند دمجه مع أدوات المعالجة الفوتوغرافية الأخرى في حزمتنا: • إتقان البورتريه: اقتص مقربة لوجه الشخصية عبر أداة قص الصور، وطبق صبغة لونية دافئة خفيفة عبر أداة إضفاء الصبغة اللونية، ثم طبق تعتيماً داكناً بنسبة 15% لجذب التركيز الساحر إلى العيون. • نوستالجيا السبعينيات التناظرية: طبق مرشح السيبيا أو الأبيض والأسود لدينا، واحقن 8% من حبيبات غاوس عبر أداة إضافة التشويش، ثم اختم بتعتيم داكن خفيف لمحاكاة طباعة كلاسيكية عمرها 50 عاماً.

أمان محلي بنسبة 100% داخل المتصفح للصور الشخصية والعائلية

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

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

💡أفضل الممارسات المهنية لتطبيق التعتيم المحيطي

  • •النعومة والاعتدال هما الأساس: ارفع الشدة حتى يصبح التعتيم واضحاً، ثم خفضها بنسبة 30%—فالتعتيم الاحترافي يُحس ولا يُرى بوضوح.
  • •التظليل لإخفاء فوضى الخلفية: إذا كانت خلفية البورتريه تحتوي على إعلانات مشتتة أو إضاءات مزعجة، فإن التعتيم الداكن يدفعها بلطف إلى منطقة الظلال.
  • •التعتيم الأبيض للثيمات الرومانسية: استخدم التفتيح الأبيض الناعم في صور الأعراس والمواليد والتصوير الزهري للحصول على هالة أثيرية حالمة.
  • •الشكل البيضاوي للصور العريضة: تلائم أداتنا التعتيم تلقائياً مع نسبة العرض إلى الارتفاع لصورتك، مما يمنع الاقتطاع الدائري في لقطات 16:9 العريضة.
  • •ادمج مع حبيبات الفيلم: نسق التعتيم الداكن بنسبة 15% مع تشويش غاوس الناعم من أداة إضافة التشويش لإعادة إنتاج بصريات الكاميرات التناظرية القديمة.
  • •اقتص الصورة قبل إضافة التعتيم: إذا كان موضوع الصورة خارج المركز، فاقتص الصورة أولاً عبر أداة قص الصور ليتوسط العنصر إطار التعتيم تماماً.
  • •أمان كامل في جانب العميل: تمتع براحة البال مع معالجة محلية 100% داخل المتصفح—لا يتم إرسال أي بايت أو صورة إلى خوادم بعيدة إطلاقاً.

🛡️المواصفات الفنية ومسار التدرج الشعاعي للوحة الرسم

يُنفذ محرك التعتيم المحيطي المدمج بالمتصفح مسار عمل مسرعاً عبر التدرجات الشعاعية في Canvas 2D: 1. استيعاب الصورة وهندسة الإحداثيات: تُفك الصورة المصدر على لوحة OffscreenCanvas بأبعاد `[العرض, الارتفاع]`. ويُحدد المركز البصري $(x_0, y_0)$ عند `(العرض / 2, الارتفاع / 2)`. ويُحسب الحد الأقصى لنصف القطر للركن عبر وتر إقليدس: $R_{\max} = \sqrt{(W/2)^2 + (H/2)^2}$. 2. قناع تظليل التدرج الشعاعي: ينشئ المحرك تدرجاً شعاعياً عبر `ctx.createRadialGradient(x_0, y_0, r_1, x_0, y_0, r_2)`؛ حيث يحدد $r_1 = R_{\max} \times \text{نصف_القطر}$ القلب النقي غير المظلل، ويحدد $r_2 = R_{\max}$ الأطراف الخارجية. وتتدرج ألوان التدرج بسلاسة من `rgba(R, G, B, 0)` عند $r_1$ إلى `rgba(R, G, B, الشدة)` عند $r_2$. 3. تحويل نسبة العرض إلى الارتفاع: بالنسبة للصور غير المربعة، يطبق سياق اللوحة تحويلاً غير متجانس للمقاييس (`ctx.scale(1, الارتفاع / العرض)`) قبل رسم التدرج، مما يضمن تشكل التعتيم كشكل بيضاوي متناسب مع إطار الصورة. 4. دمج الطبقات وتصدير الكائن الثنائي: يُدمج التدرج مباشرة فوق الصورة المصدر باستخدام مزج الألفا القياسي. وتُسلسل لوحة الرسم النهائية إلى كائن ثنائي Blob عبر `canvas.toBlob()`، مما يولد رابط تنزيل محلياً فورياً.

التقنيات: WebAssembly • خيوط معالجة Web Workers المتعددة • واجهة HTML5 Canvas

الخصوصية: لا تغادر الملفات جهازك ولا تُخزَّن سحابيًا؛ والتحليلات تعمل بموافقتك فقط.

لماذا تختار أدوات المتصفح المحلية؟

عندما تقوم بضغط صورة أو دمج ملف PDF على 2run tools، يتم تشغيل الكود مباشرة داخل لسان التبويب في متصفحك باستخدام WebAssembly و Web Workers. لا نقوم إطلاقاً ببث أي بيانات إلى خوادم سحابية. تقاريرك المالية، صورك الشخصية، واتفاقياتك القانونية تظل على جهازك دائماً.

خصوصية تامةداخل المتصفح
معالجة فوريةمعالجة فائقة السرعة
غير محدود حقاًبلا قيود

الأسئلة الشائعة

ما هو الغرض من إضافة التعتيم المحيطي إلى الصورة؟▾

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

ما الفرق بين التعتيم المحيطي الأسود والأبيض؟▾

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

هل سيبدو التعتيم دائرياً أم بيضاوياً على الصور المستطيلة؟▾

تضبط أداتنا التعتيم تلقائياً ليتطابق مع نسبة العرض إلى الارتفاع لصورتك، صانعة هبوطاً بيضاوياً متناسقاً يلائم الصور العريضة والأفقية والرأسية تماماً.

هل يمكنني تحريك التعتيم خارج المركز إذا لم يكن موضوع الصورة في المنتصف؟▾

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

هل تقلل إضافة التعتيم من جودة الصورة أو دقتها؟▾

كلا على الإطلاق. يُصيّر التعتيم مباشرة بالدقة الأصلية الكاملة لصورتك باستخدام تدرجات رياضية ناعمة، مما يحافظ على 100% من حدة وتفاصيل الكاميرا الأصلية.

هل يمكنني إضافة التعتيم المحيطي على هواتف آيفون أو أندرويد؟▾

نعم! أداتنا متوافقة كلياً مع الهواتف الذكية وتعمل محلياً داخل متصفحات Safari و Chrome و Firefox على أجهزة iOS و Android.

هل تُرفع صوري الشخصية إلى أي خادم خارجي؟▾

كلا. تجري كافة عمليات تصيير التدرجات ودمج اللوحات محلياً بنسبة 100% داخل متصفح الويب الخاص بك. لا تغادر صورك جهازك أبداً.

مواقع في أقل من 0.8 ثانية
أعلى معايير الأداء والسرعة
افحص
ذراع برمجي لوكالات التصميم
سرية تامة وتسليم باسمكم
شراكة
سيو تقني من الكود المصدري
تصدر غوغل بدون أخطاء أرشفة
السيو
بناء تطبيقات ويب ومنصات SaaS
ملكية كود كاملة وبنية سحابية
ابدأ
حول الزيارات إلى مبيعات
زيادة 34% في معدل الشراء
افحص