“एक इमेज दूसरी के ऊपर लगाना” इमेज ओवरले का सीधा-सादा वर्णन है। एक तस्वीर कैनवस बनाती है और दूसरी उसके ऊपर हिलाई जा सकने वाली लेयर बनती है। ऊपर की लेयर पूरे कैनवस को ढक सकती है, लोगो जितनी छोटी हो सकती है या इतनी पारदर्शी रखी जा सकती है कि दोनों तस्वीरें दिखाई दें।
इसी काम के लिए लोग “तस्वीर में तस्वीर जोड़ना”, “एक फ़ोटो दूसरी पर रखना”, “तस्वीरें सुपरइम्पोज़ करना” या “पिक्चर-इन-पिक्चर बनाना” भी कहते हैं। हर स्थिति में ज़रूरी कंट्रोल एक जैसे हैं: लेयर क्रम, जगह, आकार, ओपेसिटी और एक्सपोर्ट फ़ॉर्मैट।
सबसे तेज़ तरीका है OverlayImage.app खोलना, मुख्य तस्वीर अपलोड करना, दूसरी तस्वीर जोड़ना और उसे सीधे कैनवस पर सजाना। नीचे वही वर्कफ़्लो और आम नतीजों के लिए सही सेटिंग समझाई गई है।
“ऊपर” और “बगल में” रखने का अंतर
शुरू करने से पहले तय करें कि दोनों तस्वीरें एक ही जगह साझा करेंगी या नहीं।
जब एक इमेज दूसरी के ऊपर होती है, तो उनके कैनवस क्षेत्र ओवरलैप करते हैं। ऊपर वाली इमेज नीचे की इमेज का कुछ हिस्सा ढक सकती है, या पारदर्शिता से दोनों दिखाई दे सकती हैं। लोगो, वॉटरमार्क, टेक्सचर, स्टिकर, इनसेट फ़ोटो और डबल एक्सपोज़र के लिए यही सही संरचना है।
जब तस्वीरें साथ-साथ होती हैं, कोई दूसरी को नहीं ढकती। उनकी पूरी चौड़ाई या ऊँचाई बड़े कैनवस में बची रहती है। यह ओवरले नहीं, मर्ज है और पहले-बाद तुलना, प्रोडक्ट वैरिएंट, निर्देश व प्रोग्रेस फ़ोटो के लिए अच्छा है।
OverlayImage.app दोनों करता है। एक तस्वीर दूसरी के ऊपर चाहिए तो Overlay चुनें। हर स्रोत पूरी तरह दिखना चाहिए तो Side by side, Top & bottom या Grid collage चुनें।
एक तस्वीर दूसरी के ऊपर लगाने के पाँच चरण
चरण 1: कैनवस तय करने वाली तस्वीर चुनें
जिस इमेज के आकार और कंपोज़िशन को बचाना सबसे ज़रूरी है, उसे मुख्य इमेज बनाएँ। प्रोडक्ट फ़ोटो पर लोगो लगाना है तो प्रोडक्ट फ़ोटो मुख्य होगी। सजावटी फ़्रेम में पोर्ट्रेट बनाना है तो आपकी ज़रूरत के अनुसार फ़्रेम या बैकग्राउंड मुख्य इमेज हो सकता है।
मुख्य इमेज को कागज़ की शीट समझें। बाकी हर तस्वीर उसकी सीमाओं के संदर्भ में रखी जाएगी।
चरण 2: ऊपर आने वाली तस्वीर जोड़ें
ओवरले इमेज जोड़ें चुनकर दूसरी फ़ाइल खोलें। वह चुनी हुई लेयर के रूप में दिखाई देगी। पारदर्शी PNG और WebP खास उपयोगी हैं, क्योंकि सब्जेक्ट के आसपास का अदृश्य हिस्सा नीचे की तस्वीर नहीं ढकता।
ऊपर की तस्वीर के साथ अनचाहा सफ़ेद या रंगीन आयत दिखे तो वह फ़ाइल का हिस्सा है। ओपेसिटी पूरे आयत को हल्का करेगी, हटाएगी नहीं। साफ़ लोगो या कटआउट के लिए पहले से पारदर्शी बैकग्राउंड वाली फ़ाइल लें।
चरण 3: ऊपर वाली तस्वीर को हिलाएँ और रिसाइज़ करें
चुनी लेयर को इच्छित जगह तक ड्रैग करें। अनुपात बदले बिना आकार बदलने के लिए कोने का हैंडल खींचें। इमेज ठीक बीच में चाहिए तो सेंटर अलाइनमेंट कंट्रोल लें।
छोटी इनसेट फ़ोटो को बाहरी किनारे से साफ़ और बराबर दूरी दें। लगभग किनारे को छूती इमेज अक्सर गलती जैसी लगती है। लोगो या सिग्नेचर कम डिटेल वाली जगह रखें। पूरी फ़्रेम ओवरले चाहिए तो स्रोत पर्याप्त बड़ा होने पर कैनवस के किनारों तक बढ़ाएँ; 300% स्केल सीमा से आगे बढ़ाने की बजाय बड़ी स्रोत फ़ाइल लें।
कई समान आकार वाली कंपोज़िशन में एक जैसी जगह चाहिए तो X, Y और स्केल मान नोट करें और अगली इमेज में वही दोहराएँ।
चरण 4: तय करें दोनों तस्वीरें कितनी दिखें
Normal मोड और 100 प्रतिशत ओपेसिटी पर ऊपर की इमेज के सभी ठोस पिक्सेल नीचे की लेयर पर पूरी तरह बनते हैं। स्रोत के पारदर्शी पिक्सेल पारदर्शी ही रहते हैं। ओपेसिटी कम करने से नीचे की तस्वीर अधिक दिखती है, पर रंग मिलने का तरीका नहीं बदलता।
सीधे वॉटरमार्क के लिए Normal और कम ओपेसिटी आम तौर पर पर्याप्त है। कलात्मक फ़ोटो मिश्रण में Multiply, Screen, Overlay या Soft Light आज़माएँ। हर नतीजे की Normal से तुलना करें, क्योंकि तेज़ ब्लेंड कभी रंग की गलती या अपठनीय टेक्स्ट छिपा देता है।
चुनी लेयर की ब्राइटनेस, कॉन्ट्रास्ट, सैचुरेशन और ब्लर भी बदले जा सकते हैं। ये कंट्रोल इनसेट फ़ोटो को आसपास के सीन से मिलाते हैं और टेक्सचर को मुख्य विषय पर हावी होने से रोकते हैं।
चरण 5: एक तैयार फ़ाइल डाउनलोड करें
PNG, JPEG या WebP चुनकर नतीजा डाउनलोड करें। दोनों स्रोत एक आउटपुट फ़ाइल में रेंडर होते हैं; मूल फ़ाइलें अलग और बिना बदली रहती हैं।
अंतिम कैनवस में पारदर्शिता या साफ़ ग्राफ़िक किनारे हों तो PNG लें। ठोस बैकग्राउंड वाली तैयार फ़ोटो के लिए JPEG लें। छोटी और आधुनिक ब्राउज़र के अनुकूल वेब इमेज के लिए WebP चुनें।
तस्वीर के ऊपर तस्वीर वाले चार आम लेआउट
कोने में लोगो
लोगो छोटा रखें, उसके आसपास खाली जगह बचाएँ और Normal मोड इस्तेमाल करें। मुख्य फ़ोटो में बहुत कॉन्ट्रास्ट हो तो ओपेसिटी थोड़ा ही घटाएँ; ज़्यादा पारदर्शिता छोटे स्क्रीन पर लोगो गायब कर सकती है।
बीच में वॉटरमार्क
बड़ा सेंटर वॉटरमार्क प्रूफ़ की सुरक्षा कर सकता है, लेकिन विषय को जाँचने लायक रहना चाहिए। मध्यम ओपेसिटी से शुरू करें और फ़ोटो के हल्के व गहरे दोनों हिस्सों पर देखें। आसमान पर साफ़ निशान गहरी जैकेट पर गायब हो सकता है।
इनसेट फ़ोटो
इनसेट बड़ी तस्वीर के अंदर रखा छोटा आयताकार चित्र है। यह रिएक्शन इमेज, डिटेल व्यू, नक्शा, निर्देश और तुलना में काम आता है। बराबर मार्जिन रखें और ज़रूरत हो तो अपलोड से पहले बॉर्डर तैयार करें; मौजूदा एडिटर इमेज रखता है, सजावटी फ़्रेम अपने-आप नहीं बनाता।
पूरी फ़्रेम का फ़ोटो ब्लेंड
स्रोत आकार अनुमति दे तो ऊपर की फ़ोटो को लगभग पूरे कैनवस तक बढ़ाएँ; वरना बड़ी स्रोत इमेज लें। ओपेसिटी घटाएँ या ब्लेंड मोड चुनें। दोनों फ़ोटो के सब्जेक्ट, होराइज़न, चमकीले क्षेत्र और दिशा देने वाली रेखाओं का संबंध देखें। थोड़ी-सी पोज़िशन बदलने से दिखाई देने वाली डिटेल पूरी बदल सकती है।
तीन या अधिक तस्वीरों में लेयर क्रम
हर नई ओवरले स्टैक में जुड़ती है। मुख्य इमेज सबसे नीचे रहती है; जोड़ी गई लेयर एक-दूसरे के सापेक्ष आगे या पीछे जा सकती हैं। सामने की लेयर नीचे की सभी लेयर ढक सकती है। पीछे भेजी लेयर केवल वहाँ दिख सकती है जहाँ ऊपर की लेयर पारदर्शी है।
उदाहरण के लिए सोशल ग्राफ़िक में यह क्रम हो सकता है:
- मुख्य इमेज के रूप में प्रोडक्ट फ़ोटो।
- उसके ऊपर हल्की कलर वॉश।
- कलर वॉश के ऊपर प्राइस बैज।
- सबसे आगे लोगो।
पोज़िशन या रूप बदलने से पहले लेयर की थंबनेल चुनें। कैनवस पर दूसरी इमेज से ढकी लेयर क्लिक न हो तो उसकी थंबनेल चुनकर आगे लाने वाला कंट्रोल इस्तेमाल करें।
मर्ज लेआउट कब चुनें
दोनों स्रोत पूरे दिखने चाहिए तो Side by side या Top & bottom चुनें। तीन या अधिक पूरी इमेज के लिए Grid collage लें। इन लेआउट में ओवरले वाली पोज़िशन, ओपेसिटी, ब्लेंड या फ़िल्टर सेटिंग लागू नहीं होतीं। लेआउट बदलने पर अपलोड की गई फ़ाइलें उपलब्ध रहती हैं।
इन गलतियों से बचें
ऊपर की इमेज बहुत छोटी करना
छोटा और सूक्ष्म एक बात नहीं हैं। बारीक टेक्स्ट वाला छोटा लोगो एक्सपोर्ट या सोशल कंप्रेशन के बाद अस्पष्ट दाग बन सकता है। उसे सामान्य देखने के आकार में जाँचें।
गलती से मुख्य विषय ढकना
चेहरे, प्रोडक्ट नाम, निर्देश और महत्वपूर्ण किनारे तभी ढकें जब यही उद्देश्य हो। खराब पोज़िशन का एकमात्र इलाज ओपेसिटी न बनाएँ; पहले लेयर को सही जगह रखें।
बहुत जल्दी लेयर फ़्लैटन करना
कंपोज़िशन पूरी होने तक ओवरले अलग रखें। कई एलिमेंट एक फ़ाइल में फ़्लैटन होने पर उनमें से केवल एक बदलना मुश्किल होता है। ब्राउज़र एडिटर डाउनलोड तक पाँच अपलोड की गई ओवरले लेयर अलग रखता है।
JPEG से पारदर्शिता की उम्मीद करना
JPEG पारदर्शी पिक्सेल नहीं रखता। अदृश्य आसपास वाला ऊपरी एलिमेंट चाहिए तो PNG, पारदर्शी WebP या SVG लें।
अक्सर पूछे जाने वाले सवाल
एक तस्वीर दूसरी पर रखने को क्या कहते हैं?
इसे आम तौर पर इमेज ओवरले, फ़ोटो ओवरले, सुपरइम्पोज़िशन या पिक्चर-इन-पिक्चर कंपोज़िशन कहते हैं। “इमेज मर्ज” भी कहा जाता है, हालांकि मर्ज अक्सर बिना ओवरलैप पूरी तस्वीरें जोड़ना होता है।
क्या Photoshop के बिना तस्वीर के ऊपर तस्वीर लगा सकता हूँ?
हाँ। ब्राउज़र आधारित लेयर एडिटर बिना डेस्कटॉप ऐप इंस्टॉल किए स्थिर ओवरले के लिए पोज़िशन, रिसाइज़, ओपेसिटी, ब्लेंड और एक्सपोर्ट कंट्रोल देता है।
क्या ऊपर की तस्वीर पारदर्शी हो सकती है?
हाँ। PNG, WebP या SVG जैसी पारदर्शिता वाली स्रोत फ़ाइल लें। किसी भी चुनी ओवरले लेयर की ओपेसिटी भी घटाई जा सकती है।
तस्वीर को दूसरी ओवरले के पीछे कैसे ले जाऊँ?
उसकी थंबनेल चुनें और लेयर पीछे भेजने वाला कंट्रोल दबाएँ। मुख्य इमेज कैनवस बैकग्राउंड रहती है और जोड़ी गई ओवरले आपस में क्रम बदल सकती हैं।
क्या तस्वीरें जोड़ने पर वे ऑनलाइन अपलोड होती हैं?
OverlayImage.app काम की फ़ाइलों को मौजूदा ब्राउज़र में प्रोसेस करता है। इमेज किसी प्रोसेसिंग सर्वर पर नहीं भेजी जातीं और क्लाउड प्रोजेक्ट में सेव नहीं होतीं।
अभी एक इमेज दूसरी के ऊपर लगाएँ। फ़ॉर्मैट और ब्लेंड मोड की अधिक जानकारी के लिए पूरी इमेज ओवरले गाइड पढ़ें।