आपके पास एक लोगो, एक स्लोगन या कोई आर्टवर्क है, और आप किसी के प्रिंटिंग का पैसा देने से पहले उसे मग, T-shirt या फ़्रेम किए पोस्टर पर दिखाना चाहते हैं। वह तस्वीर मॉकअप है, और यह बहुत काम करती है: यह उन print-on-demand प्रोडक्ट को बेचती है जो अभी बने ही नहीं, क्लाइंट को दिखाती है कि उनका नया ब्रांड कैसा दिखेगा, और पोर्टफ़ोलियो को असली दुनिया के संदर्भ से भर देती है।
भरोसेमंद मॉकअप और नौसिखिया मॉकअप के बीच का फ़र्क़ शायद ही कभी प्रोडक्ट की फ़ोटो होता है। फ़र्क़ यह होता है कि डिज़ाइन सतह पर छपा हुआ लगता है या ऊपर चिपकाया हुआ। यह गाइड मुफ़्त Image Mockup Editor से वह छपा हुआ लुक पाने का तरीक़ा क़दम-दर-क़दम बताती है।
मॉकअप को असली क्या बनाता है
जब स्याही किसी असली चीज़ पर लगती है, तो तीन बातें होती हैं जो ऊपर चिपकाई गई सपाट इमेज के साथ नहीं होतीं:
- यह आकार के साथ चलती है। मग एक सिलेंडर है, इसलिए उस पर छपा लोगो किनारों पर मुड़कर दूर जाता है। किसी कोण से खींचा गया पोस्टर आयत नहीं, समलंब (trapezoid) होता है।
- यह रोशनी अपना लेती है। T-shirt की सिलवटें प्रिंट पर छाया बनाती हैं। सिरेमिक मग की चमक लोगो पर भी फैलती है।
- यह बनावट अपना लेती है। स्क्रीन-प्रिंट की स्याही से कपड़े की बुनाई झलकती है; पोस्टर से काग़ज़ के दाने झलकते हैं।
जो डिज़ाइन इन्हें नज़रअंदाज़ करता है, वह स्टिकर जैसा लगता है। मॉकअप एडिटर के टूल इन्हीं को दोबारा बनाने के लिए हैं: आकार के लिए warp, रोशनी के लिए ब्लेंड मोड और लाइटिंग, और सतह के लिए texture।
पहले अपना डिज़ाइन तैयार करें
डिज़ाइन फ़ाइल पर लगाए दस मिनट बाद की घंटे भर की खटपट बचाते हैं।
- ट्रांसपेरेंट बैकग्राउंड इस्तेमाल करें। सफ़ेद बॉक्स के साथ JPG में सेव किया लोगो रंगीन T-shirt पर वह बॉक्स दिखाएगा। अगर आपके डिज़ाइन में बैकग्राउंड है, तो पहले उसे Background Remover से हटाएँ, या जब आप अपारदर्शी डिज़ाइन जोड़ें तो मॉकअप एडिटर को उसे अपने आप हटाने दें। किनारों के सुझावों के लिए बैकग्राउंड साफ़ हटाने की हमारी गाइड देखें।
- पर्याप्त रिज़ॉल्यूशन रखें। 1,000 पिक्सेल या उससे चौड़ा डिज़ाइन पूरे साइज़ के एक्सपोर्ट पर किनारे तीखे रखता है।
- प्रोडक्ट के रंग के बारे में सोचें। काली शर्ट पर गहरा टेक्स्ट ग़ायब हो जाता है; सफ़ेद मग पर पतली हल्की लाइनें ओझल हो जाती हैं। अगर आप दोनों बेचते हैं, तो एक हल्का और एक गहरा वर्शन तैयार करें।
- बारीक डिटेल यथार्थवादी रखें। बहुत पतली लाइनें और छोटा टेक्स्ट असली प्रिंटिंग में अक्सर नहीं टिकते, ख़ासकर कपड़े पर। अगर वे मॉकअप में नाज़ुक दिखते हैं, तो प्रिंट में और बुरे दिखेंगे।
प्रोडक्ट की फ़ोटो चुनें
Image Mockup Editor में छह टेम्पलेट हैं: सफ़ेद मग, कॉफ़ी कप, सफ़ेद T-shirt, टोट बैग, फ़ोन केस और पोस्टर फ़्रेम। इन टेम्पलेट पर आपका डिज़ाइन अपने आप प्रिंट एरिया पर आ जाता है, अपना अनुपात बनाए रखता है और प्रोडक्ट के हिसाब से सही warp और सतह पाता है।
आप अपनी प्रोडक्ट फ़ोटो भी अपलोड कर सकते हैं। मॉकअप के लिए अच्छी प्रोडक्ट फ़ोटो में होता है:
- एक जैसी, नरम रोशनी, ताकि डिज़ाइन तेज़ चमक के बजाय हल्की छाया ले सके।
- सामने से या हल्के कोण से लिया व्यू, जिससे मिलान करना तीखे कोण के मुक़ाबले आसान होता है।
- प्रिंट वाली जगह पर सादा हिस्सा, बिना भीड़-भाड़ वाले पैटर्न, लेबल या गहरी सिलवटों के।
प्रिंट एरिया, मोड़ और perspective सेट करें
डिज़ाइन जोड़ने के बाद तय करें कि वह प्रोडक्ट पर कहाँ और कैसे बैठे।
प्रिंट एरिया मास्क। मास्क डिज़ाइन को छपने लायक़ हिस्से तक काटकर रखता है। Rectangle और rounded मास्क मग, शर्ट और फ़ोन केस के लिए ठीक हैं; polygon और freeform मास्क पैकेजिंग और अजीब आकारों को संभालते हैं। "Edit Print Area" मोड में, उसे हटाने के लिए एरिया के अंदर ड्रैग करें और आकार बदलने के लिए हैंडल ड्रैग करें।
Warp। चुनें कि डिज़ाइन कैसे मुड़े:
| Warp | किसके लिए इस्तेमाल करें | यह क्या करता है |
|---|---|---|
| Flat | सामने से खींची शर्ट, टोट बैग | डिज़ाइन को प्रिंट एरिया के अंदर सपाट रखता है |
| Perspective | किसी कोण पर पोस्टर, बॉक्स, स्क्रीन | सतह से मिलाने के लिए चारों कोने ड्रैग करें |
| Curved (mug) | मग, कप, बोतल | डिज़ाइन को सिलेंडर के चारों ओर लपेटता है |
मग के लिए curved warp से शुरू करें और curve स्लाइडर तब तक बदलें जब तक लोगो के बाएँ और दाएँ किनारे आपसे दूर मुड़ते न लगें। किसी कोण पर रखे पोस्टर के लिए, हर कोने को फ़्रेम के भीतरी किनारे के कोने तक ड्रैग करें।
प्रोडक्ट प्रीसेट। अगर आप अपनी फ़ोटो इस्तेमाल करते हैं, तो T-shirt, Mug, Poster, Phone, Laptop और Packaging प्रीसेट एक क्लिक में समझदारी भरा प्रिंट एरिया, warp और सतह सेट करते हैं, आपके डिज़ाइन का अनुपात बनाए रखते हुए।
इसे रोशनी के साथ ब्लेंड करें
यही क़दम "चिपका हुआ" को "छपा हुआ" बनाता है।
सतह प्रीसेट। Realistic Print, Soft Print, Glossy, Matte, Fabric और Sticker, हर एक ब्लेंड मोड, opacity और लाइटिंग का एक मेल सेट करता है। Fabric शर्ट और बैग के लिए ठीक है, Glossy फ़ोन केस और काँच के पीछे वाले पोस्टर के लिए, Matte सिरेमिक के लिए।
ब्लेंड मोड। हल्के प्रोडक्ट पर प्रिंटिंग के लिए Multiply सबसे काम का है: जहाँ प्रोडक्ट गहरा है वहाँ यह डिज़ाइन को गहरा कर देता है, इसलिए सिलवटें और छायाएँ स्याही से झलकती हैं। Screen इसका उल्टा करता है, गहरे प्रोडक्ट पर हल्के डिज़ाइन के लिए। Normal डिज़ाइन को बिल्कुल वैसा ही रखता है, जो स्टिकर जैसा लगता है, और कभी-कभी आपको यही चाहिए होता है।
Opacity, fade और feather। 100 प्रतिशत से थोड़ी कम opacity से सामग्री झलकने लगती है। थोड़ा सा feather प्रिंट का किनारा नरम कर देता है ताकि वह कैंची से कटा न लगे।
Shadow और highlight। ये स्लाइडर तय करते हैं कि प्रोडक्ट की अपनी छाया और चमक डिज़ाइन के ऊपर कितनी ज़ोर से दिखे। सिलवटों वाले कपड़े के लिए shadow बढ़ाएँ; चमकदार सिरेमिक के लिए highlight बढ़ाएँ।
Texture और रंग। Fabric, paper, canvas या noise texture सतह के दाने जोड़ते हैं। Brightness, contrast, saturation और temperature डिज़ाइन को फ़ोटो के रंग की झलक से मिलाने में मदद करते हैं, जैसे घर के अंदर की रोशनी में खींची फ़ोटो में रखे डिज़ाइन को थोड़ा गर्म करना।
एक अच्छी जाँच: तब तक ज़ूम आउट करें जब तक मॉकअप थंबनेल के साइज़ का न हो जाए। अगर डिज़ाइन तब भी अलग लेयर जैसा लगता है, तो opacity थोड़ी घटाएँ, shadow जोड़ें, या Multiply पर स्विच करें।
अपना मॉकअप एक्सपोर्ट और इस्तेमाल करें
जब यह सही दिखे, तो पूरे रिज़ॉल्यूशन पर PNG, JPG या WebP में एक्सपोर्ट करें। PNG सबसे ज़्यादा डिटेल रखता है; JPG और WebP वेबसाइट और मार्केटप्लेस के लिए छोटे होते हैं। कोई वॉटरमार्क नहीं है।
अलग-अलग जगहों को अलग साइज़ चाहिए। मार्केटप्लेस लिस्टिंग अक्सर बड़ी चौकोर इमेज चाहती हैं, सोशल पोस्ट अपने प्लेटफ़ॉर्म के पसंदीदा साइज़ पर सबसे अच्छी लगती हैं, और वेबसाइटों को छोटी फ़ाइलों से फ़ायदा होता है। Social Media Image Resizer प्लेटफ़ॉर्म के साइज़ में क्रॉप करता है, और Image Compressor तेज़ पेजों के लिए फ़ाइलें छोटी करता है।
अगर आप असली प्रोडक्ट फ़ोटो आने से पहले वेबसाइट बना रहे हैं, तो मॉकअप और डेवलपमेंट के लिए placeholder इमेज की हमारी गाइड लेआउट के लिए अस्थायी इमेज के बारे में बताती है।
मॉकअप की आम ग़लतियाँ
लोगो के चारों ओर सफ़ेद बॉक्स। डिज़ाइन में बैकग्राउंड है। उसे हटाएँ, या ट्रांसपेरेंसी वाला PNG इस्तेमाल करें।
डिज़ाइन खिंचा हुआ है। डिज़ाइन को अपना अनुपात बनाए रखना चाहिए। अगर आपने प्रिंट एरिया हाथ से रीसाइज़ किया था, तो उसे रीसेट करें या प्रोडक्ट प्रीसेट फिर से लगाएँ।
मग पर सपाट लगता है। curved warp इस्तेमाल करें और थोड़ा highlight जोड़ें ताकि चमक प्रिंट के पार जाए।
शर्ट पर बहुत परफ़ेक्ट लगता है। Fabric प्रीसेट, Multiply ब्लेंड और थोड़ा shadow इस्तेमाल करें ताकि सिलवटें झलकें।
रंग ठीक नहीं लगते। प्रोडक्ट फ़ोटो की रोशनी से मिलाने के लिए temperature और saturation बदलें।
ऐसी डिटेल दिखाना जो छपेगी नहीं। बाल जितनी पतली लाइनें और छोटा टेक्स्ट मॉकअप में ठीक दिख सकते हैं लेकिन कपड़े पर फ़ेल हो जाते हैं। मॉकअप को ईमानदार उम्मीदें बनानी चाहिए।
अक्सर पूछे जाने वाले सवाल
क्या इन मॉकअप से प्रोडक्ट बेच सकते हैं?
आप अपने एक्सपोर्ट लिस्टिंग में इस्तेमाल कर सकते हैं। पक्का करें कि जो डिज़ाइन आप लगाते हैं, और जो प्रोडक्ट फ़ोटो आप ख़ुद अपलोड करते हैं, उनके आप मालिक हैं या उनके अधिकार आपके पास हैं।
क्या डिज़ाइन सॉफ़्टवेयर चाहिए?
नहीं। सब कुछ आपके ब्राउज़र में होता है, और आपकी इमेज अपलोड नहीं होतीं। सिर्फ़ वैकल्पिक बैकग्राउंड हटाने के लिए हमारा सर्वर इस्तेमाल होता है, जो इमेज को तुरंत बाद डिलीट कर देता है।
प्रिंट में मेरा डिज़ाइन अलग क्यों दिखता है?
स्क्रीन रोशनी दिखाती है; प्रिंट किसी सामग्री पर स्याही इस्तेमाल करता है। रंगों में बदलाव की उम्मीद रखें, ख़ासकर कपड़े पर। बड़े ऑर्डर से पहले अपने प्रिंटर से एक असली सैंपल माँगें।
क्या एक प्रोडक्ट पर एक से ज़्यादा डिज़ाइन लगा सकते हैं?
हाँ। और डिज़ाइन लेयर जोड़ें, और लेयर पैनल में उन्हें छिपाएँ, लॉक करें, क्रम बदलें या डुप्लिकेट करें।
भरोसेमंद मॉकअप असली चीज़ के सम्मान के बारे में है: उसका आकार, उसकी रोशनी और उसकी बनावट। एक साफ़ ट्रांसपेरेंट डिज़ाइन से शुरू करें, सही warp चुनें, Multiply से प्रोडक्ट की छाया झलकने दें, और नतीजे को थंबनेल साइज़ पर जाँचें। Image Mockup Editor खोलें और अपना डिज़ाइन पहले मग पर आज़माएँ; यह इन सभी असर को एक साथ दिखाता है।
