«وضع صورة فوق أخرى» هو الوصف المبسّط لتراكب الصور. توفر إحدى الصورتين اللوحة، وتصبح الثانية طبقة قابلة للتحريك فوقها. يمكنك جعل الطبقة العلوية كبيرة بما يكفي لتغطية اللوحة بأكملها، أو صغيرة بما يكفي لتكون شعارًا، أو شفافة جزئيًا بحيث تظل الصورتان ظاهرتين.
وتصف عبارات أخرى المهمة الأساسية نفسها، مثل إضافة صورة إلى صورة، أو وضع صورة فوق صورة أخرى، أو تركيب الصور فوق بعضها، أو إدخال صورة داخل أخرى، أو إنشاء تأثير صورة داخل صورة. وتبقى عناصر التحكم المطلوبة واحدة: ترتيب الطبقات، والموضع، والحجم، والعتامة، وتنسيق التصدير.
أسرع طريقة هي فتح OverlayImage.app، ورفع الصورة الرئيسية، وإضافة الصورة الثانية، وترتيبهما مباشرة على اللوحة. يشرح هذا الدليل سير العمل، ويساعدك على اختيار الإعدادات المناسبة للنتائج الشائعة.
الفرق بين وضع الصورة فوق أخرى ووضعها بجانبها
قبل البدء، قرر ما إذا كان ينبغي للصورتين مشاركة المساحة نفسها.
عندما تكون صورة فوق أخرى، تتداخل مساحتاهما على اللوحة نفسها. وقد تخفي الصورة العلوية جزءًا من الصورة السفلية، أو تسمح الشفافية ببقاء كلتيهما ظاهرتين. وهذا هو الهيكل المناسب للشعار، والعلامة المائية، والنسيج، والملصق، والصورة الداخلية، والتعريض المزدوج.
أما عندما تكون الصورتان بجانب بعضهما، فلا تغطي إحداهما الأخرى. وتُحفظ أبعادهما الكاملة داخل لوحة أكبر. وهذا دمج وليس تراكبًا، ويناسب المقارنات قبل/بعد، ونسخ المنتجات المختلفة، والتعليمات، وصور مراحل التقدم.
يتضمن OverlayImage.app الخيارين معًا. اختر تراكب عندما ينبغي أن توضع إحدى الصورتين فوق الأخرى. واختر جنبًا إلى جنب أو أعلى وأسفل أو صورة مجمعة شبكية عندما تريد إبقاء كل صورة مصدر ظاهرة بالكامل.
كيفية وضع صورة فوق أخرى
الخطوة 1: اختر الصورة التي تحدد أبعاد اللوحة
ارفع الصورة التي تهم أبعادها وتركيبتها أكثر من غيرها. فإذا كنت تضيف شعارًا إلى صورة منتج، ينبغي أن تكون صورة المنتج هي الصورة الرئيسية. وإذا كنت تنشئ صورة شخصية داخل إطار زخرفي، فيمكن أن يكون الإطار أو الخلفية هو الصورة الرئيسية، بحسب الأبعاد التي تحتاج إلى الحفاظ عليها.
فكّر في الصورة الرئيسية بوصفها ورقة العمل. وستوضع كل صورة أخرى نسبةً إلى حوافها.
الخطوة 2: أضف الصورة التي ستظهر في الأعلى
اختر إضافة صورة للتراكب، ثم افتح الملف الثاني. سيظهر بوصفه طبقة محددة. وتفيد ملفات PNG وWebP الشفافة خصوصًا، لأن المنطقة غير المرئية المحيطة بالعنصر لا تغطي الصورة الموجودة أسفلها.
إذا كانت الصورة العلوية تحتوي على مستطيل أبيض أو ملوّن غير مرغوب فيه، فهذا المستطيل جزء من الملف. سيجعل خفض العتامة المستطيل كله شبه شفاف، لكنه لن يزيله. وللحصول على شعار أو عنصر مقصوص نظيف، ابدأ بملف يحتوي أصلًا على خلفية شفافة.
الخطوة 3: حرّك الصورة العلوية وغيّر حجمها
اسحب الطبقة المحددة إلى الموضع المطلوب. واسحب مقبضًا من الزاوية لتغيير حجمها مع الحفاظ على تناسبها. استخدم أداة المحاذاة الوسطية عندما تريد وضع الصورة العلوية في المنتصف تمامًا.
بالنسبة إلى صورة مُصغّرة داخلية، اترك هامشًا مقصودًا عن الحافة الخارجية. فالصورة التي تكاد تلامس الحافة تبدو غالبًا موضوعة بالصدفة. وبالنسبة إلى الشعار أو التوقيع، اختر منطقة هادئة نسبيًا من التفاصيل حتى يبقى واضحًا. أما إذا أردت تراكبًا يغطي الإطار كاملًا، فكبّره حتى يصل إلى حواف اللوحة عندما تكون أبعاد المصدر كافية؛ وإذا تعذر ذلك، فاستخدم صورة مصدر أكبر بدلًا من تجاوز حد التكبير الأقصى البالغ 300٪ في المحرر.
وتفيد حقولا X وY الدقيقة عندما تريد الحفاظ على الموضع نفسه في عدة تركيبات. سجّل قيم الإحداثيات والحجم من الصورة الأولى، ثم استخدم القيم نفسها مع الصور اللاحقة ذات الأبعاد المطابقة.
الخطوة 4: قرر مقدار ظهور كل صورة
عند استخدام عتامة بنسبة 100% في وضع عادي، تُرسم كل وحدة بكسل غير شفافة في الصورة العلوية بالكامل فوق الطبقة الموجودة أسفلها. وتظل وحدات البكسل الشفافة في المصدر شفافة. ويؤدي خفض العتامة إلى إظهار المزيد من الصورة السفلية من دون تغيير طريقة دمج الألوان.
بالنسبة إلى العلامة المائية المباشرة، يكفي عادةً استخدام وضع عادي مع عتامة منخفضة. أما للحصول على نتيجة فنية تجمع صورتين، فجرّب ضرب أو شاشة أو تراكب أو ضوء ناعم. يوفر المحرر 12 وضعًا للمزج. وقارن النتيجة دائمًا بوضع عادي، لأن المزج القوي قد يخفي أخطاء الألوان أو يقلل وضوح النص.
يمكنك أيضًا ضبط السطوع والتباين والتشبع والتمويه للطبقة المحددة. وتساعدك هذه الأدوات على جعل الصورة الداخلية منسجمة مع المشهد المحيط أو على جعل النسيج يدعم الصورة الموجودة أسفله بدلًا من أن يطغى عليها.
الخطوة 5: نزّل ملفًا نهائيًا واحدًا
اختر PNG أو JPEG أو WebP، ثم نزّل النتيجة. تُرسم الصورتان المصدر في ملف إخراج واحد، بينما تبقى ملفاتك الأصلية منفصلة ومن دون تغيير.
استخدم PNG عندما تحتاج اللوحة النهائية إلى الشفافية أو تحتوي على حواف رسومية حادة. واستخدم JPEG لصورة فوتوغرافية نهائية ذات خلفية غير شفافة. أما WebP فمناسب عندما تريد صورة ويب صغيرة الحجم مع توافق واسع مع المتصفحات الحديثة.
أربع تركيبات شائعة للصورة فوق الصورة
شعار في إحدى الزوايا
حافظ على صغر حجم الشعار، واترك مساحة واضحة حوله، واستخدم وضع عادي. وإذا كانت الصورة الرئيسية عالية التباين، فخفّض العتامة قليلًا فقط؛ إذ قد تؤدي الشفافية الزائدة إلى اختفاء الشعار على الشاشات الأصغر.
علامة مائية في المنتصف
يمكن لعلامة مائية كبيرة في المنتصف حماية نسخة للمعاينة، لكنها ينبغي أن تتيح تقييم العنصر الرئيسي. ابدأ بقيمة قريبة من منتصف نطاق العتامة، وافحص المناطق الفاتحة والداكنة في الصورة الفوتوغرافية. فقد تكون العلامة المائية واضحة فوق السماء، ثم تختفي فوق سترة داكنة.
صورة داخلية
الصورة الداخلية هي صورة مستطيلة أصغر توضع داخل مشهد أكبر. وتناسب صور ردود الفعل، ولقطات التفاصيل، وخرائط المواقع الداخلية، والتعليمات، والمقارنات البصرية. استخدم هامشًا ثابتًا، وفكّر فيما إذا كانت الصورة تحتاج إلى إطار خاص بها قبل رفعها. يضع المحرر الحالي الصور، لكنه لا ينشئ إطارات زخرفية تلقائيًا.
مزج صورة تغطي الإطار كاملًا
غيّر حجم الصورة العلوية حتى تغطي معظم اللوحة أو كلها عندما تسمح أبعاد مصدرها بذلك؛ وإلا فاستخدم صورة مصدر أكبر. خفّض العتامة أو اختر وضع مزج. وابحث عن العلاقات بين العناصر الرئيسية، وخطوط الأفق، والمناطق الساطعة، والخطوط الموجّهة للنظر. فقد يؤدي تحريك التراكب مسافة صغيرة إلى تغيير التفاصيل التي تبقى ظاهرة بالكامل.
كيفية عمل ترتيب الطبقات مع ثلاث صور أو أكثر
تنضم كل طبقة تراكب جديدة إلى ترتيب متسلسل. وتبقى الصورة الرئيسية في الأسفل، بينما يمكن تحريك طبقات التراكب إلى الأمام أو الخلف بالنسبة إلى بعضها. وقد تغطي الطبقة القريبة من المقدمة كل الطبقات الموجودة أسفلها. أما الطبقة التي تحركها إلى الخلف فقد لا تظهر إلا في المناطق التي تكون فيها الطبقات العلوية شفافة.
على سبيل المثال، قد يستخدم تصميم مخصص لشبكات التواصل الاجتماعي ما يلي:
- صورة منتج بوصفها الصورة الرئيسية.
- غسولًا لونيًا ناعمًا فوق الصورة الفوتوغرافية.
- شارة سعر فوق الغسول اللوني.
- شعارًا في المقدمة.
حدد الصورة المصغرة للطبقة قبل تغيير موضعها أو مظهرها. وإذا بدا النقر على طبقة ما في اللوحة مستحيلًا لأن صورة أخرى تغطيها، فحدد صورتها المصغرة واستخدم أداة التقديم إلى الأمام.
متى تختار تخطيط الدمج
اختر جنبًا إلى جنب أو أعلى وأسفل عندما يجب أن تظل كلتا الصورتين المصدر ظاهرتين بالكامل، واستخدم صورة مجمعة شبكية لثلاث صور كاملة أو أكثر. في هذه التخطيطات، يعرض محرر العمل الصور من دون تطبيق إعدادات الموضع أو العتامة أو المزج أو المرشحات الخاصة بالتراكب. وتظل الملفات متاحة عند التبديل بين التخطيطات.
أخطاء ينبغي تجنبها
جعل الصورة العلوية صغيرة إلى درجة يصعب معها قراءتها
الصغر لا يعني بالضرورة الهدوء البصري. فقد يتحول الشعار الصغير الذي يحتوي على نص دقيق إلى علامة غير واضحة بعد التصدير أو ضغط الصور في شبكات التواصل الاجتماعي. قيّمه بالحجم الطبيعي للعرض.
تغطية العنصر الرئيسي عن طريق الخطأ
أبعد التراكب عن الوجوه وأسماء المنتجات والتعليمات والحواف المهمة، ما لم تكن التغطية هي التأثير المقصود. استخدم العتامة بوصفها أداة تحسين، لا حلًا وحيدًا لموضع سيئ.
تسطيح الطبقات قبل الأوان
أبقِ طبقات التراكب مستقلة حتى تكتمل التركيبة. فعندما تُسطّح عدة عناصر في ملف مصدر واحد، يصبح تعديل عنصر واحد فقط أكثر صعوبة. يحافظ محرر المتصفح على طبقات التراكب المرفوعة منفصلة حتى التنزيل، وتقبل أداة الرفع ما يصل إلى خمس صور للتراكب.
توقّع الشفافية من ملف JPEG
لا يدعم JPEG وحدات البكسل الشفافة. استخدم PNG أو WebP شفافًا أو SVG للصورة العلوية التي تحتوي على محيط غير مرئي.
الأسئلة الشائعة
ماذا يُسمّى وضع صورة فوق صورة أخرى؟
يُسمّى ذلك عادةً تراكب الصور، أو تراكب الصور الفوتوغرافية، أو تركيب الصور فوق بعضها، أو تركيبة صورة داخل صورة. وقد يُستخدم أيضًا تعبير دمج الصور، مع أن الدمج يعني غالبًا جمع الصور الكاملة من دون تداخل.
هل يمكنني وضع صورة فوق أخرى من دون Photoshop؟
نعم. يوفر محرر الطبقات المستند إلى المتصفح عناصر التحكم اللازمة لتحديد الموضع وتغيير الحجم والعتامة والمزج والتصدير، من دون تثبيت تطبيق تصميم لسطح المكتب.
هل يمكن أن تكون الصورة العلوية شفافة؟
نعم. استخدم ملف مصدر يدعم الشفافية، مثل PNG أو WebP أو SVG. ويمكنك أيضًا خفض عتامة أي طبقة تراكب محددة.
كيف أنقل صورة إلى خلفية تراكب أخرى؟
حدد صورتها المصغرة، ثم استخدم أداة تحريك الطبقة إلى الخلف. وتبقى الصورة الرئيسية خلفية اللوحة، بينما يمكن إعادة ترتيب طبقات التراكب المضافة فيما بينها.
هل يؤدي جمع الصور إلى رفعها عبر الإنترنت؟
يعالج OverlayImage.app الملفات المستخدمة داخل المتصفح الحالي. ولا تُرسل ملفات الصور إلى خادم لمعالجة الصور، ولا تُحفظ في مشروع سحابي.
لتجربة سير العمل نفسه، ضع صورة فوق أخرى الآن. وإذا أردت شرحًا أوسع لتنسيقات الملفات وأوضاع المزج، فتابع قراءة دليل تراكب الصور الكامل.