3D कंपोज़िशन
तैयार मॉडल से विज़ुअल बनाएँ।
- कैमरा, फ़्रेमिंग का स्केल, लाइटिंग, शैडो और बैकग्राउंड सेट करें।
- बेस इमेज और बाद के प्रिंट दिखाने के लिए ज़रूरी लेयर जनरेट करें।
मॉकअप जनरेटर - प्रोडक्ट प्रस्तुत करें और बेचें
प्रोडक्ट को प्रस्तुत करने का तरीका एक बार तैयार करें, फिर उसी में नए प्रिंट और रंगों के वेरिएंट दिखाएँ। मॉकअप जनरेटर व्यू, बैकग्राउंड और प्रोडक्ट पर ग्राफ़िक्स लगाने का तरीका सहेजता है। तैयार मॉकअप इन सेटिंग को ग्राहक के मौजूदा डिज़ाइन या Designer में आपके डिज़ाइन से जोड़कर बनता है।
आप चुने हुए मॉडल के लिए उपलब्ध जनरेटर इस्तेमाल कर सकते हैं या Product Generator के Mockup मोड में अपने जनरेटर बना सकते हैं। नीचे उपयोग के उदाहरण, 3D सीन और अपनी फ़ोटो की सेटिंग, मैपिंग टेस्ट, विज़ुअल डाउनलोड और WordPress + WooCommerce प्लगइन में उनका इस्तेमाल बताया गया है।
स्क्रीनशॉट में Alter Product के असली टूल दिखाए गए हैं, जिनमें से कुछ का इंटरफ़ेस अंग्रेज़ी में है। आप हर स्क्रीनशॉट पूरे आकार में खोल सकते हैं।
जनरेटर यह सहेजता है कि प्रोडक्ट को कैसे प्रस्तुत किया जाए। तैयार मॉकअप उस जनरेटर से बनाई गई किसी खास डिज़ाइन की इमेज है।
अगर चुने हुए मॉडल में पहले से मॉकअप जनरेटर हैं, तो आप उन्हें तुरंत Product Designer में इस्तेमाल कर सकते हैं। मौजूदा डिज़ाइन की ग्राफ़िक्स और रंगों का प्रीव्यू देखने के लिए Mockup विंडो में कोई व्यू चुनें।
अपने जनरेटर बनाने के लिए मॉडल का प्रोजेक्ट Product Generator में खोलें और Mockup मोड पर जाएँ। इसके लिए तैयार मॉडल और ग्राफ़िक्स दिखाने वाली सतहें चाहिए। अपने सिलाई पैटर्न, सिमुलेशन और मॉडल के मटीरियल के बारे में अलग 3D मॉडल बनाने की गाइड में बताया गया है।
उदाहरण के लिए, हल्के बैकग्राउंड पर टी-शर्ट का सामने का व्यू तैयार करें। अगले प्रिंट के लिए कैमरा, लाइटिंग या कॉलर की आउटलाइन दोबारा सेट करने की ज़रूरत नहीं है। Designer में Mockup खोलें और सेव किया गया जनरेटर मौजूदा डिज़ाइन को उसी फ़्रेम में दिखाएगा।
| घटक | इसकी भूमिका |
|---|---|
| 3D मॉडल | प्रोडक्ट का आकार और वे सतहें जिन पर आप डिज़ाइन रखते हैं। एक मॉडल के कई जनरेटर हो सकते हैं, जैसे आगे, बगल और पीछे के व्यू। |
| मॉकअप जनरेटर | फ़्रेमिंग, बैकग्राउंड, लाइटिंग, हिस्सों की मैपिंग और लेयर। प्रोडक्ट को प्रस्तुत करने का तरीका बदलना हो, तब इसे संपादित करें। |
| Designer या Customizer में डिज़ाइन | ग्राफ़िक्स, टेक्स्ट और प्रोडक्ट के चुने हुए रंग। डिज़ाइन बदलकर तैयार जनरेटर से नया मॉकअप बनाया जा सकता है। |
| डाउनलोड किया गया PNG मॉकअप | किसी खास डिज़ाइन और व्यू की तैयार इमेज। इसे लिस्टिंग, कैटलॉग या प्रचार सामग्री में इस्तेमाल करें। |
आप जिस चीज़ को बेहतर बनाना चाहते हैं, उसके अनुसार चरण चुनें। 3D कंपोज़िशन और फ़ोटो फ़िटिंग बेस इमेज तैयार करने के दो तरीके हैं।
तैयार मॉडल से विज़ुअल बनाएँ।
प्रस्तुति के आधार के रूप में अपनी प्रोडक्ट फ़ोटो इस्तेमाल करें।
हिस्सों की आउटलाइन और इमेज पर प्रिंट दिखने के तरीके को बेहतर बनाएँ।
कंपोज़िशन एक बार बनाएँ, फिर ग्राफ़िक्स और रंग बदलने पर उसी जनरेटर को दोबारा इस्तेमाल करें।
आप प्रोडक्ट कहाँ दिखाएँगे, इसके अनुसार जनरेटर तैयार करने का तरीका चुनें। कंपोज़िशन और प्रिंट डिज़ाइन बदलकर इन्हीं टूल से नीचे दिए गए उपयोग पूरे कर सकते हैं।
पहले अपना लक्ष्य तय करें: वेरिएंट की तुलना योग्य तस्वीरें, ब्रांड की पहचान वाली शैली या अपनी फ़ोटो पर आधारित विज़ुअल।
हल्के बैकग्राउंड पर एक ही स्केल और हल्की शैडो वाली टी-शर्ट। हर नया प्रिंट उसी व्यू में दिखता है।
कलेक्शन के रंग वाला बैकग्राउंड, ग्रेडिएंट या अपनी इमेज चुनें। लाइट और शैडो इस तरह समायोजित करें कि प्रोडक्ट तैयार परिवेश में स्वाभाविक लगे।
क्या आपके पास चुने हुए परिवेश में टी-शर्ट की फ़ोटो है? Photo fitting से मॉडल को फ़ोटो के अनुरूप करें और उस पर अगले प्रिंट लगाने की तैयारी करें।
ग्राहक Customizer में ग्राफ़िक्स, टेक्स्ट या रंग बदलता है। मॉडल के लिए उपलब्ध जनरेटर उसी खास डिज़ाइन के विज़ुअल तैयार करते हैं।
नीचे एप्लिकेशन से लिए गए चित्रों में फलों वाला वही डिज़ाइन प्रोडक्ट के दो रंगों में दिखता है। फ़्रेमिंग एक जैसी रहती है और मॉकअप चुने हुए टी-शर्ट रंग के साथ प्रिंट का संयोजन दिखाता है।
Inspector में मॉडल तैयार होने पर Mockup मोड पर जाएँ। यहाँ आप आगे की ग्राफ़िक्स और प्रोडक्ट वेरिएंट के लिए एक साझा कंपोज़िशन तैयार करते हैं।
Project mockups पैनल में Create automatically चुनकर चार व्यू तैयार करें: Front, Left, Right और Back। Add new से अपना व्यू भी जोड़ सकते हैं, उसका नाम बदल सकते हैं और उसका क्रम बदल सकते हैं। हर जनरेटर की अपनी फ़्रेमिंग और सेटिंग बनी रहती है।

3D कंपोज़िशन में आप प्रोडक्ट को इमेज के आधार के रूप में व्यवस्थित करते हैं। फ़्रेमिंग और लाइटिंग को अपने कैटलॉग या ब्रांड की शैली के अनुसार रखें।
कैटलॉग के लिए साधारण बैकग्राउंड और प्रोडक्ट की स्पष्ट सिलुएट से शुरुआत करें। पर्सपेक्टिव के कारण आकार में दिखाई देने वाले बदलाव के बिना सरल प्रस्तुति चाहिए तो ऑर्थोग्राफ़िक कैमरा इस्तेमाल करें। पर्सपेक्टिव से प्रोडक्ट का त्रिआयामी आकार अधिक उभरता है। फ़्रेम में आस्तीन, प्रोडक्ट के निचले हिस्से और उसकी शैडो के लिए जगह छोड़ें।
फ़र्श की शैडो प्रोडक्ट को कंपोज़िशन में टिके होने का एहसास देती है, जबकि दीवार की शैडो गहराई जोड़ती है। उनकी पोज़िशन, साइज़, अपारदर्शिता और सॉफ़्टनेस अलग-अलग बदल सकते हैं। एक्सपोज़र तथा हाइलाइट, मिडटोन और शैडो के कर्व से बारीकियाँ स्पष्ट रखें। कैटलॉग इमेज में प्रिंट को शार्प रखें; अधिक प्रभावपूर्ण ब्रांड इमेज के लिए Bloom और डेप्थ ऑफ़ फ़ील्ड समायोजित करें।

Photo fitting मोड में आप अपनी JPG, PNG या WebP इस्तेमाल कर सकते हैं। ऊपर रखे मॉडल का कैमरा और स्केल बदलें तथा उसकी अपारदर्शिता और पोज़िशन नियंत्रित करें। कपड़ों के लिए बोन टूल, आस्तीन की पोज़िशन के प्रीसेट और रेडियस व स्ट्रेंथ के नियंत्रण वाला सॉफ़्ट डिफ़ॉर्मेशन उपलब्ध है। तैयार फ़िट से मॉकअप की लेयर जनरेट करें।
समर्थित कपड़ों के लिए आप ऑटोमैटिक रिग बना सकते हैं और बोन को खिसकाकर, घुमाकर या उनकी लंबाई बदलकर समायोजित कर सकते हैं। मिरर सेटिंग सममिति बनाए रखने में मदद करती है। आस्तीन के प्रीसेट मूल स्थिति, थोड़ा नीचे या शरीर के साथ रखी स्थिति से शुरू करने देते हैं। सॉफ़्ट डिफ़ॉर्मेशन और सॉफ़्ट रोटेशन किसी स्थानीय हिस्से पर काम करते हैं: रेडियस, स्ट्रेंथ और प्रभाव घटने का प्रकार चुनें - स्मूथ, लीनियर, स्फेरिकल या शार्प। वायरफ़्रेम प्रीव्यू आकार जाँचने में मदद करता है।
बेस इमेज, प्रिंट मास्क, शैडो और हाइलाइट मिलकर ग्राफ़िक्स को प्रोडक्ट के रूप और आकार के अनुरूप दिखाते हैं। इन्हें सही ढंग से तैयार करने पर आप उसी विज़ुअल को दोबारा इस्तेमाल कर सकते हैं।
3D कंपोज़िशन में Generate all layers चुनें; फ़ोटो में फ़िट करते समय Generate from fit चुनें। फिर अलग-अलग लेयर और प्रोडक्ट पर दिखने वाला परिणाम जाँचें।
| लेयर | आप क्या नियंत्रित करते हैं |
|---|---|
| बेस इमेज | प्रोडक्ट की फ़्रेमिंग, बैकग्राउंड और सीन का रूप। कंपोज़िशन बदलने के बाद इसे दोबारा जनरेट करें। |
| प्रिंट मास्क | ग्राफ़िक्स का दिखने वाला क्षेत्र, थ्रेशोल्ड, किनारों की सॉफ़्टनेस और ऑफ़सेट तथा किनारों को स्मूथ करना। |
| शैडो | स्ट्रेंथ, गामा और व्हाइट पॉइंट, ताकि प्रिंट में प्रोडक्ट की शेडिंग बनी रहे। |
| हाइलाइट | कंपोज़िशन के चमकीले क्षेत्रों का थ्रेशोल्ड, स्ट्रेंथ और गामा। |
अंतिम डिज़ाइन पर काम करने से पहले टेस्ट प्रिंट टूल खोलें। उपलब्ध हिस्सों पर अलग-अलग पैटर्न लगा सकते हैं और जहाँ रंग बदलना समर्थित हो, वहाँ पूरे प्रोडक्ट या उसके अलग-अलग हिस्सों का रंग भी जाँच सकते हैं।
रंगीन ग्रिड से ग्राफ़िक्स का खिंचाव, दिशा में बदलाव और टूटने वाले हिस्से पहचानना आसान होता है। विशेष रूप से कॉलर, आस्तीन और बगल के किनारे देखें।
मार्कर और बीच की ग्राफ़िक से पता चलता है कि प्रिंट कहाँ पड़ता है और कहीं आउटलाइन या मास्क उसे काट तो नहीं रहा।
Alter Product टेक्स्ट वाला पैटर्न किसी हिस्से पर अक्षरों की स्पष्टता, अनुपात और दिशा जाँचने में मदद करता है।
हल्के और गहरे वेरिएंट की तुलना करें। इससे बहुत गहरी शैडो, अत्यधिक चमकीले हाइलाइट या प्रिंट के आसपास हल्की पट्टी पहचानना आसान होता है।
Mapping पर जाएँ, प्रोडक्ट का कोई हिस्सा चुनें और उसकी आउटलाइन के पॉइंट व Bézier हैंडल समायोजित करें। आप कॉलर, आस्तीन और किनारों में सटीक सुधार करके लेयर की फिर से गणना कर सकते हैं। जनरेशन मेन्यू से आउटलाइन दोबारा बना सकते हैं या मौजूदा वेक्टर रखते हुए सिर्फ़ बेस इमेज रिफ़्रेश कर सकते हैं।
अगर प्रिंट बैकग्राउंड पर फैल रहा हो या किनारों तक न पहुँच रहा हो, तो पहले आउटलाइन की ज्यामिति ठीक करें। फिर मास्क और उसकी सॉफ़्टनेस सुधारें। अंत में हल्के और गहरे प्रोडक्ट रंगों पर परिणाम की तुलना करते हुए शैडो और हाइलाइट बदलें।

अपडेट का दायरा चुनें, ताकि जहाँ मैन्युअल सुधार अभी भी ज़रूरी हैं, वे सुरक्षित रहें।
| दायरा | कब इस्तेमाल करें |
|---|---|
| सभी लेयर | सीन तैयार करने या कंपोज़िशन में बड़ा बदलाव करने के बाद, जब बेस इमेज और मॉकअप लेयर अपडेट करनी हों। |
| सेव किए गए वेक्टर से लेयर | आउटलाइन में मैन्युअल सुधार के बाद, जब सुधारे गए पाथ बनाए रखते हुए परिणाम की फिर से गणना करनी हो। |
| आउटलाइन दोबारा बनाना | जब मॉडल से आउटलाइन फिर से निकालनी हो। इससे ज्यामिति दोबारा बनती है, इसलिए पहले किए गए मैन्युअल सुधार बदल सकते हैं। |
| केवल बेस इमेज | जब मौजूदा वेक्टर को बदले बिना इमेज रिफ़्रेश करनी हो। शैडो या मास्क को प्रभावित करने वाले बदलाव के बाद संबंधित लेयर भी जाँचें। |
व्यू बेहतर बनाने के बाद Product Generator प्रोजेक्ट सेव करें। जनरेटर का संग्रह मॉडल और Designer में इस्तेमाल होने वाले उसके रिविज़न का हिस्सा है। एप्लिकेशन में प्रोजेक्ट सर्वर पर सेव होता है; WordPress प्लगइन में इसे स्थानीय रूप से रखा जाता है।
कैमरा, बैकग्राउंड, लाइटिंग या फ़िट बदलने के बाद संबंधित लेयर रिफ़्रेश करें और सेव करने से पहले परिणाम जाँचें। Designer से PNG डाउनलोड करने पर मौजूदा डिज़ाइन की इमेज बनती है; मॉडल प्रोजेक्ट सेव करने पर जनरेटर आगे के संपादन के लिए सुरक्षित रहता है।
तैयार जनरेटर मॉडल पर काम करने की प्रक्रिया का हिस्सा बन जाता है। डिज़ाइन करते समय आप तैयार व्यू और मौजूदा पर्सनलाइज़ेशन इस्तेमाल करते हैं।
Product Designer में Mockup खोलें। Mockup Generator विंडो में आगे, बगल या पीछे का थंबनेल चुनें। प्रीव्यू मौजूदा डिज़ाइन की ग्राफ़िक्स और रंग इस्तेमाल करता है। कैमरा, लाइटिंग और बैकग्राउंड पहले ही मॉडल जनरेटर के Mockup मोड में तैयार करें।

व्यू और Image size चुनें: Thumb 256, Small 512, Medium 1024 या Large 2048 px। यह मान लंबे किनारे का आकार बताता है; अनुपात जनरेटर से आता है। Download images मौजूदा चुने हुए व्यू को PNG के रूप में सेव करता है।
WordPress + WooCommerce प्लगइन में आप स्थानीय प्रोजेक्ट और उससे जुड़े मॉडल रिविज़न का इस्तेमाल करते हैं। उपलब्ध मॉकअप जनरेटर वाले प्रोडक्ट के लिए डिज़ाइन कार्ट में जोड़ते समय एप्लिकेशन पर्सनलाइज़ेशन की इमेज बनाता है। फ़ाइलें सेव होने के बाद प्लगइन उन्हें कार्ट और ऑर्डर के आइटम के साथ दिखाता है।
मॉकअप प्रोडक्ट का रूप दिखाता है: तैयार ग्राफ़िक्स, उसका आकार, शैडो और बैकग्राउंड। इसे लिस्टिंग, कैटलॉग या ग्राहकों को उनका पर्सनलाइज़ेशन दिखाने के लिए इस्तेमाल करें।
उत्पादन के लिए Printing Manager में प्रिंट एरिया की फ़ाइलें तैयार करें। यह उन AOP डिज़ाइन पर भी लागू होता है जिनमें ग्राफ़िक्स प्रोडक्ट के अलग-अलग हिस्सों को कवर करती है। प्रिंट के लिए तैयार फ़ाइलों की गाइड में उत्पादन फ़ाइल की सेटिंग और डाउनलोड के बारे में बताया गया है।
कई अलग प्रिंट और प्रोडक्ट रंग जाँचें। एक साधारण मोटिफ़ से तैयार जनरेटर को छोटा टेक्स्ट, किनारे के पास की ग्राफ़िक्स और बड़ा AOP प्रिंट भी सही दिखाना चाहिए।
वही प्रक्रिया अपनाएँ जिसका बाद में आप या आपका ग्राहक इस्तेमाल करेगा।
उस चरण से शुरुआत करें जो समस्या के लिए ज़िम्मेदार है। हर सुधार के लिए पूरा सीन दोबारा सेट करना ज़रूरी नहीं है।
| क्या दिखाई देता है | क्या जाँचें |
|---|---|
| प्रिंट प्रोडक्ट से बाहर फैलता है या कॉलर के पास गायब हो जाता है | Mapping में हिस्से की आउटलाइन, Bézier हैंडल और प्रिंट मास्क की सेटिंग जाँचें। सुधार के बाद ज़रूरी लेयर की फिर से गणना करें। |
| ग्रिड या अक्षर बहुत ज़्यादा खिंचे हुए हैं | फ़ोटो में मॉडल की फ़िटिंग और उस हिस्से की मैपिंग जाँचें। बहुत सॉफ़्ट किनारे से समस्या छिपाने से पहले आकार ठीक करें। |
| ग्राफ़िक्स बहुत गहरी या बहुत चमकीली है | शैडो और हाइलाइट लेयर की सेटिंग जाँचें। 3D कंपोज़िशन के लिए सीन का एक्सपोज़र और लाइटिंग भी देखें। |
| बैकग्राउंड बदलने के बाद भी पुरानी इमेज दिखती है | सही जनरेशन कमांड से बेस इमेज अपडेट करें और प्रोजेक्ट सेव करें। केवल बैकग्राउंड चुनने से सीन बदलता है, पहले से जनरेट की गई इमेज नहीं बदलती। |
| ZIP पैकेज में बगल या पीछे के व्यू नहीं हैं | वेरिएंट पैकेज चुने हुए व्यू के लिए होता है। अगला थंबनेल चुनें और प्रोडक्ट के उस हिस्से की इमेज डाउनलोड करें। |
| सभी रंगों के पैकेज का विकल्प नहीं है या केवल एक PNG डाउनलोड होती है | मटीरियल, प्रिंट तकनीक और साइज़ के लिए मेल खाते प्रीसेट की संख्या जाँचें। कम से कम दो प्रीसेट ज़रूरी हैं। |
| कार्ट में सामान्य प्रोडक्ट फ़ोटो दिखती है | जाँचें कि डिज़ाइन में इस्तेमाल हो रहे मॉडल रिविज़न के लिए सेव किए गए जनरेटर और उनके एसेट उपलब्ध हैं तथा मॉकअप सफलतापूर्वक सेव हुए हैं। |