عندما تحتاج إلى إنشاء محتوى رسومي أصلي ، يتعين عليك أحيانا تركيب صورة على أخرى. قد يكون هذا ضروريا ، على سبيل المثال ، عند إنشاء لافتات إعلانية أو صور مجمعة أو لإضافة علامات مائية إلى الصور. قد يكون تطبيق الصور يدويا أمرا صعبا ويستغرق وقتا طويلا ، ولكن هناك طريقة للقيام بذلك بسرعة وسهولة.
واحدة من أسهل الطرق لتراكب صورة واحدة على آخر هو استخدام أدوبي فوتوشوب. يحتوي محرر الصور هذا على أدوات وميزات تساعدك على إنشاء مجموعات صور ذات مظهر احترافي. تتلخص عملية تركيب الصور في برنامج فوتوشوب في إضافة صورة إلى أخرى في طبقات منفصلة ثم تعديلها.
إذا لم يكن لديك الوصول إلى فوتوشوب أو تبحث عن حل أبسط ، يمكنك استخدام المحررين على الانترنت مثل كانفا أو فوتور. توفر هذه الأدوات قوالب جاهزة ووظائف تراكب الصور التي تتيح لك إنشاء صور مذهلة حتى بدون خبرة في التصميم الجرافيكي.
- إعداد صورة الخلفية
- تحديد كائن في المقدمة
- إنشاء ملف جديد في محرر الصور
- إضافة خلفية وصورة أمامية إلى ملف جديد
- تركيب الصورة الأمامية على الخلفية
- تحرير شفافية الصورة الأمامية
- تغيير حجم وموضع الصورة الأمامية
- حفظ وتصدير الصورة الناتجة
- سؤال وجواب
- كيف يمكنني تراكب صورة واحدة على أخرى?
- أي محرر الصور هو الأفضل لاستخدامه في تراكب الصور?
- هل من الممكن تراكب النص على صورة بدلا من صورة أخرى?
- كيف يمكنني تغيير حجم الصورة فرضه?
- هل من الممكن تراكب صور متعددة في نفس الوقت?
- كيف يمكنني تغيير شفافية صورة تراكب?
إعداد صورة الخلفية
قبل تراكب صورة على أخرى ، تحتاج إلى إعداد صورة خلفية ستصبح قاعدة التراكب.
من المهم اختيار صورة خلفية مناسبة تمتزج بانسجام مع الصورة المتراكبة. لا ينبغي أن يكون مشرقا جدا أو مشبعا ، حتى لا يصرف الانتباه عن الكائن الرئيسي للتراكب.
عند اختيار صورة خلفية ، يجب أن تفكر أيضا في حجمها ونسبة العرض إلى الارتفاع. يجب أن يكون لها نسب مناسبة لإنشاء حل تركيبي ممتع من الناحية الجمالية.
يمكنك use استخدام برامج تحرير الصور مثل أدوبي فوتوشوب أو الأعرج لإعداد صورة الخلفية. في هذه المحررين ، يمكنك تغيير حجم الصورة ، وضبط السطوع والتباين والتشبع ، وكذلك تطبيق تأثيرات أخرى للحصول على النتيجة المرجوة.
إذا لم تكن لديك الفرصة للعمل مع برامج تحرير الصور ، فيمكنك استخدام الخدمات عبر الإنترنت التي تسمح لك بتحرير الصور في المتصفح. يقدم بعضها أدوات لاقتصاص وتغيير حجم وتعديل ألوان الصورة.
من المهم أن تتذكر أنه يجب حفظ صورة الخلفية بتنسيق يدعم الشفافية ، مثل بابوا نيو غينيا أو جيف. سيسمح لك ذلك بإنشاء تأثير تراكب بدون خلفيات غير شفافة والحصول على نتيجة بصرية أكثر طبيعية وسلسة.
تحديد كائن في المقدمة
يمكن استخدام طرق مختلفة لتمييز كائن في المقدمة في الصورة. وفيما يلي عدد قليل منهم:
- قناع الكائن: يتم إنشاء قناع شفاف يتم فيه تمييز الكائن فقط ، وتصبح بقية الصورة معتمة. عند تطبيق هذا القناع على صورة أخرى ، سيكون الكائن مرئيا في المقدمة.
- التحديد اليدوي: باستخدام محرر رسومي ، يمكنك وضع دائرة حول كائن يدويا في صورة وحفظه في طبقة منفصلة. عند تراكب هذه الطبقة على صورة أخرى ، سيتم تمييز الكائن في المقدمة.
- خوارزميات الاختيار: هناك العديد من الخوارزميات التي تسمح لك بتمييز كائن تلقائيا في صورة ، على سبيل المثال ، بناء على اختلاف اللون أو التباين أو النسيج. يمكن استخدام النتيجة الناتجة لتراكب كائن في المقدمة.
يعتمد اختيار طريقة تحديد كائن في المقدمة على المهمة المحددة والأدوات المتاحة. تتطلب بعض الطرق مزيدا من الوقت والمهارات المهنية ، بينما قد يكون البعض الآخر أبسط وأسرع في الاستخدام.
عند تركيب صورة على أخرى مع اختيار كائن في المقدمة ، يجب مراعاة مطابقة الألوان وتباين كلتا الصورتين حتى تبدو النتيجة طبيعية ومتناغمة.
إنشاء ملف جديد في محرر الصور
لبدء العمل مع محرر الصور وتراكب صورة على أخرى ، تحتاج إلى إنشاء ملف جديد في البرنامج. في هذا القسم ، سنلقي نظرة على الخطوات الأساسية التي يجب تنفيذها لإنشاء ملف جديد في محرر الصور.
- افتح محرر الصور. قم بتشغيل برنامج محرر الصور الذي تفضل استخدامه للعمل.
- حدد خيار" إنشاء ملف جديد". يوجد هذا الخيار عادة في قائمة ملف.
- قم بتعيين معلمات الملف الجديد. في النافذة التي تفتح ، قم بتكوين معلمات الملف الجديد ، مثل الحجم والدقة ووضع اللون.
- انقر فوق الزر" إنشاء". بعد تعيين جميع المعلمات الضرورية ، انقر فوق الزر "إنشاء" أو زر مشابه في محرر الصور الخاص بك.
مبارك! لقد نجحت في إنشاء ملف جديد في محرر الصور. يمكنك الآن بدء عملية تركيب صورة على أخرى باتباع الخطوات الإضافية من دليلنا.
إضافة خلفية وصورة أمامية إلى ملف جديد
لإضافة خلفية وصورة أمامية إلى ملف جديد ، اتبع الإرشادات التالية:
- افتح محرر نصوص أو برنامج تطوير صفحة ويب.
- إنشاء ملف جديد وحفظه مع .أتش تي أم أل التمديد.
- أضف الكود التالي:
| لا تنس استبدال "بطاقة خلفية".جبغ "إلى المسار واسم الملف من صورة الخلفية الخاصة بك ، و" المقدمة.ينغ " إلى المسار واسم الملف من الصورة الأمامية الخاصة بك. | احفظ الملف وافتحه في متصفح الويب. يجب أن ترى صورة الخلفية مغطاة بالصورة الأمامية. اضبط حجم الصور وموضعها ، إذا لزم الأمر ، باستخدام أنماط كس. |
|---|---|
| الوسم | |
| الوصف | |
| تحدد العلامة العنصر الجذر لمستند هتمل. | تحدد العلامة محتوى صفحة الويب. |
يتم استخدام العلامة لإنشاء حاوية لعناصر هتمل الأخرى وتطبيق الأنماط عليها.
يتم استخدام العلامة لإدراج الصور على صفحة ويب.
ملاحظة: استخدم أنماط كس لضبط الحجم والموضع والخصائص الأخرى للصور. يمكنك تطبيق الطبقات على العلامات وأسلوب لهم في ملف كس الخاص بك.
- تركيب الصورة الأمامية على الخلفية
- هناك عدة طرق لتراكب صورة على أخرى. واحدة من أبسط الطرق وأكثرها شعبية هي استخدام خاصية كس لصورة الخلفية. هذا يسمح لك بتعيين صورة الخلفية للعنصر.
| لتراكب الصورة الأمامية على الخلفية ، تحتاج إلى: | قم بإنشاء عنصر سيتم تكوين صورة الخلفية له. |
| В CSS файле или внутри тега для этого элемента задать следующие свойства: | Свойство |
| Значение | background-image |
| url(«путь_к_фоновой_картинке») | background-position |
center
background-repeat
no-repeat
Например:
let element = document.getElementById("myElement");
element.style.backgroundImage = 'url("путь_к_фоновой_картинке")';
element.style.backgroundPosition = 'center';
element.style.backgroundRepeat = 'no-repeat';
نتيجة لذلك ، سيتم فرض صورة الخلفية المحددة على العنصر.
بالإضافة إلى ذلك ، يمكنك ضبط عتامة الصورة الأمامية باستخدام خاصية عتامة كس بحيث تصبح شفافة. على سبيل المثال:
عنصر.أسلوب.التعتيم = '0.5';
في هذا المثال ، سيكون للصورة الأمامية عتامة 0.5، مما يعني أنها ستكون مرئية بنسبة 50٪.
وبالتالي ، باستخدام خاصية صورة الخلفية وإعدادات التعتيم ، يمكنك بسهولة تراكب الصورة الأمامية على الخلفية.
تحرير شفافية الصورة الأمامية
- إذا كنت بحاجة إلى تغيير شفافية الصورة الأمامية عند تراكب صورة أخرى ، فيمكنك القيام بذلك باستخدام خاصية عتامة كس.
تحدد خاصية العتامة شفافية العنصر ، حيث تعني القيمة 1 عنصرا معتما تماما ، والقيمة 0 تعني عنصرا شفافا تماما. لتراكب صورة على أخرى بشفافية متغيرة ، تحتاج إلى تعيين خاصية التعتيم للصورة الأمامية.
فيما يلي مثال على استخدام خاصية التعتيم:
Создайте контейнер для ваших картинок:
Примените стили к вашим картинкам и установите прозрачность для передней картинки:
.container {
width: 500px;
height: 500px;
position: relative;
}
.background {
width: 100%;
height: 100%;
}
.foreground {
width: 100%;
height: 100%;
opacity: 0.5;
position: absolute;
top: 0;
left: 0;
}
- في هذا المثال ، تحتوي الحاوية على أبعاد 500 pixels 500 بكسل وموضع نسبي للسماح بوضع الصورة الأمامية بالنسبة للخلفية. تحتوي الخلفية والصور الأمامية على أبعاد 100٪ من عرض الحاوية وارتفاعها.
- باستخدام خاصية التعتيم في نمط الصورة الأمامية ، قمنا بتعيين الشفافية على 0.5 ، مما يعني أن الصورة الأمامية ستكون مرئية عند 50 ٪ من حالتها المعتمة الكاملة.
- بعد تطبيق هذه الأنماط ، سيتم عرض الصورة الأمامية في الخلفية بالشفافية المحددة ، متداخلة مع صورة الخلفية.
- تغيير حجم وموضع الصورة الأمامية
- لتغيير حجم وموضع الصورة الأمامية ، يمكنك استخدام سمات العرض والارتفاع ، بالإضافة إلى سمات الهامش والموضع في كس.
- لتغيير حجم صورة ، قم بتعيين قيم لسمات العرض والارتفاع:
- العرض-يحدد عرض الصورة;
- الارتفاع-يحدد ارتفاع الصورة.
- لتغيير موضع الصورة الأمامية ، يمكنك استخدام سمات الهامش والموضع في كس:
الهامش-أعلى-يحدد الهامش العلوي للصورة الأمامية;
الهامش-أسفل-يحدد الهامش السفلي للصورة الأمامية;
الهامش-اليسار-يحدد الهامش الأيسر للصورة الأمامية;
- الهامش-اليمين-يحدد الهامش الأيمن للصورة الأمامية;
- الموضع-يحدد موضع الصورة الأمامية (على سبيل المثال ، مطلق ، نسبي).
- باستخدام سمات وخصائص كس هذه ، يمكنك ضبط حجم وموضع الصورة الأمامية بالطريقة التي تريدها.
حفظ وتصدير الصورة الناتجة
بعد تثبيت صورة واحدة على أخرى ، من المهم حفظ النتيجة. هناك عدة طرق لتصدير هذا:
حفظ صورة بتنسيق جبغ أو ينغ. للقيام بذلك ، يمكنك استخدام المحررين الرسومات النقطية مثل فوتوشوب ، الأعرج أو editors [ + ] Paint.NET . ستحتاج إلى تحديد" حفظ باسم "أو" تصدير " في القائمة ، وتحديد تنسيق الملف وحفظ الصورة على جهاز الكمبيوتر الخاص بك.
نسخ صورة إلى الحافظة. إذا كنت تريد لصق الصورة الناتجة في مستند أو برنامج آخر ، فيمكنك نسخها إلى الحافظة. للقيام بذلك ، حدد الصورة واستخدم اختصار لوحة المفاتيح كترل + ج (أو كمد + ج على ماك).
حفظ الصورة على خادم الويب. إذا كنت تريد أن يتمكن الأشخاص الآخرون من عرض صورتك على الإنترنت ، فيمكنك حفظها على خادم الويب. للقيام بذلك ، سوف تحتاج إلى تسجيل اسم المجال ، وشراء استضافة وتحميل الصورة إلى الخادم باستخدام بروتوكول نقل الملفات أو لوحة التحكم استضافة.
بالإضافة إلى هذه الأساليب ، يمكنك أيضا حفظ المشروع الوسيط في شكل مديرية الأمن العام (للفوتوشوب) ، شك ((ل جيمب) أو في شكل آخر من مشروع المحرر الخاص بك. بهذه الطريقة يمكنك تحرير الصورة في المستقبل أو مواصلة العمل عليها مع الحفاظ على جميع الطبقات والإعدادات.
بغض النظر عن طريقة التصدير المختارة ، من المهم التحقق من الصورة الناتجة بحثا عن الأخطاء ، وكذلك التأكد من أنها تلبي توقعاتك ومتطلباتك.
سؤال وجواب
كيف يمكنني تراكب صورة واحدة على أخرى?
لتراكب صورة واحدة على أخرى ، وسوف تحتاج إلى محرر الرسومات مثل أدوبي فوتوشوب أو الأعرج... في البرنامج ، حدد ملفات الصور ، وافتحها في طبقات منفصلة واسحب طبقة واحدة إلى أخرى. يمكنك تغيير حجم وموضع وشفافية الصورة العلوية لتحقيق التأثير المطلوب.
أي محرر الصور هو الأفضل لاستخدامه في تراكب الصور?
إذا لم يكن لديك خيار استخدام البرامج المدفوعة مثل أدوبي فوتوشوب ، يمكنك استخدام البرامج الموزعة بحرية مثل الأعرج أوim [ + ] Paint.NET . توفر هذه البرامج وظائف كافية لتراكب صورة على أخرى وتحريرها.
هل من الممكن تراكب النص على صورة بدلا من صورة أخرى?
نعم ، يمكنك تراكب النص على صورة بدلا من صورة أخرى. للقيام بذلك ، افتح الصورة وحدد أداة النص في محرر الصور. أدخل النص وضبط الخط المطلوب وحجم ولون النص. ثم نقل وتغيير حجم النص على الصورة إلى النتيجة المرجوة.
كيف يمكنني تغيير حجم الصورة فرضه?