और जानें

मॉकअप जनरेटर - प्रोडक्ट प्रस्तुत करें और बेचें

कुछ सेकंड में प्रोडक्ट मॉकअप बनाएँ

प्रोडक्ट को प्रस्तुत करने का तरीका एक बार तैयार करें, फिर उसी में नए प्रिंट और रंगों के वेरिएंट दिखाएँ। मॉकअप जनरेटर व्यू, बैकग्राउंड और प्रोडक्ट पर ग्राफ़िक्स लगाने का तरीका सहेजता है। तैयार मॉकअप इन सेटिंग को ग्राहक के मौजूदा डिज़ाइन या Designer में आपके डिज़ाइन से जोड़कर बनता है।

आप चुने हुए मॉडल के लिए उपलब्ध जनरेटर इस्तेमाल कर सकते हैं या Product Generator के Mockup मोड में अपने जनरेटर बना सकते हैं। नीचे उपयोग के उदाहरण, 3D सीन और अपनी फ़ोटो की सेटिंग, मैपिंग टेस्ट, विज़ुअल डाउनलोड और WordPress + WooCommerce प्लगइन में उनका इस्तेमाल बताया गया है।

स्क्रीनशॉट में Alter Product के असली टूल दिखाए गए हैं, जिनमें से कुछ का इंटरफ़ेस अंग्रेज़ी में है। आप हर स्क्रीनशॉट पूरे आकार में खोल सकते हैं।

क्या पहले अपना 3D मॉडल चाहिए?Product Generator की गाइड पर जाएँ: सिलाई पैटर्न, Easy Creator, साइज़, सिमुलेशन, मटीरियल और एक्सपोर्ट।

मॉडल, जनरेटर और तैयार मॉकअप

जनरेटर यह सहेजता है कि प्रोडक्ट को कैसे प्रस्तुत किया जाए। तैयार मॉकअप उस जनरेटर से बनाई गई किसी खास डिज़ाइन की इमेज है।

तैयार मॉडल या उपलब्ध जनरेटर से शुरुआत करें

अगर चुने हुए मॉडल में पहले से मॉकअप जनरेटर हैं, तो आप उन्हें तुरंत Product Designer में इस्तेमाल कर सकते हैं। मौजूदा डिज़ाइन की ग्राफ़िक्स और रंगों का प्रीव्यू देखने के लिए Mockup विंडो में कोई व्यू चुनें।

अपने जनरेटर बनाने के लिए मॉडल का प्रोजेक्ट Product Generator में खोलें और Mockup मोड पर जाएँ। इसके लिए तैयार मॉडल और ग्राफ़िक्स दिखाने वाली सतहें चाहिए। अपने सिलाई पैटर्न, सिमुलेशन और मॉडल के मटीरियल के बारे में अलग 3D मॉडल बनाने की गाइड में बताया गया है।

एक जनरेटर, कई तैयार विज़ुअल

उदाहरण के लिए, हल्के बैकग्राउंड पर टी-शर्ट का सामने का व्यू तैयार करें। अगले प्रिंट के लिए कैमरा, लाइटिंग या कॉलर की आउटलाइन दोबारा सेट करने की ज़रूरत नहीं है। Designer में Mockup खोलें और सेव किया गया जनरेटर मौजूदा डिज़ाइन को उसी फ़्रेम में दिखाएगा।

क्या एक बार तैयार करते हैं और क्या हर डिज़ाइन में बदलता है
घटकइसकी भूमिका
3D मॉडलप्रोडक्ट का आकार और वे सतहें जिन पर आप डिज़ाइन रखते हैं। एक मॉडल के कई जनरेटर हो सकते हैं, जैसे आगे, बगल और पीछे के व्यू।
मॉकअप जनरेटरफ़्रेमिंग, बैकग्राउंड, लाइटिंग, हिस्सों की मैपिंग और लेयर। प्रोडक्ट को प्रस्तुत करने का तरीका बदलना हो, तब इसे संपादित करें।
Designer या Customizer में डिज़ाइनग्राफ़िक्स, टेक्स्ट और प्रोडक्ट के चुने हुए रंग। डिज़ाइन बदलकर तैयार जनरेटर से नया मॉकअप बनाया जा सकता है।
डाउनलोड किया गया PNG मॉकअपकिसी खास डिज़ाइन और व्यू की तैयार इमेज। इसे लिस्टिंग, कैटलॉग या प्रचार सामग्री में इस्तेमाल करें।

मॉकअप के तीन वर्कस्पेस

आप जिस चीज़ को बेहतर बनाना चाहते हैं, उसके अनुसार चरण चुनें। 3D कंपोज़िशन और फ़ोटो फ़िटिंग बेस इमेज तैयार करने के दो तरीके हैं।

3D कंपोज़िशन

तैयार मॉडल से विज़ुअल बनाएँ।

  • कैमरा, फ़्रेमिंग का स्केल, लाइटिंग, शैडो और बैकग्राउंड सेट करें।
  • बेस इमेज और बाद के प्रिंट दिखाने के लिए ज़रूरी लेयर जनरेट करें।

फ़ोटो फ़िटिंग

प्रस्तुति के आधार के रूप में अपनी प्रोडक्ट फ़ोटो इस्तेमाल करें।

  • पोज़िशन, रोटेशन, स्केल और उपलब्ध डिफ़ॉर्मेशन टूल से मॉडल को फ़ोटो के अनुरूप करें।
  • तैयार फ़िट से लेयर जनरेट करें।

मैपिंग

हिस्सों की आउटलाइन और इमेज पर प्रिंट दिखने के तरीके को बेहतर बनाएँ।

  • वेक्टर पॉइंट और हैंडल, मास्क, शैडो और हाइलाइट संपादित करें।
  • इस चरण के लिए तैयार बेस इमेज और वेक्टर पाथ ज़रूरी हैं।

तैयार व्यू से नए डिज़ाइन तक

कंपोज़िशन एक बार बनाएँ, फिर ग्राफ़िक्स और रंग बदलने पर उसी जनरेटर को दोबारा इस्तेमाल करें।

  1. मॉडल चुनें और Mockup मोड में व्यू जोड़ें।
  2. 3D कंपोज़िशन तैयार करें या मॉडल को फ़ोटो में फ़िट करें, फिर लेयर जनरेट करें।
  3. हर हिस्से की प्रिंट मैपिंग जाँचें और प्रोजेक्ट को उसके जनरेटर के साथ सेव करें।
  4. सेव किए गए व्यू Designer में इस्तेमाल करें या Customizer में प्रोडक्ट ग्राहकों के लिए उपलब्ध कराएँ।

उदाहरण: कैटलॉग से ग्राहक के पर्सनलाइज़ेशन तक

आप प्रोडक्ट कहाँ दिखाएँगे, इसके अनुसार जनरेटर तैयार करने का तरीका चुनें। कंपोज़िशन और प्रिंट डिज़ाइन बदलकर इन्हीं टूल से नीचे दिए गए उपयोग पूरे कर सकते हैं।

आप प्रोडक्ट को किस तरह प्रस्तुत करना चाहते हैं?

पहले अपना लक्ष्य तय करें: वेरिएंट की तुलना योग्य तस्वीरें, ब्रांड की पहचान वाली शैली या अपनी फ़ोटो पर आधारित विज़ुअल।

एक जैसी शैली वाला प्रोडक्ट कैटलॉग

हल्के बैकग्राउंड पर एक ही स्केल और हल्की शैडो वाली टी-शर्ट। हर नया प्रिंट उसी व्यू में दिखता है।

  • 3D कंपोज़िशन से आगे, बगल और पीछे के व्यू तैयार करें।
  • अगले डिज़ाइन डाउनलोड करने से पहले फ़्रेमिंग को बेहतर बनाएँ।
  • परिणाम: ग्राहक आपकी पेशकश में मौजूद डिज़ाइन और रंगों की तुलना आसानी से कर सकते हैं।

आपके ब्रांड की शैली में कंपोज़िशन

कलेक्शन के रंग वाला बैकग्राउंड, ग्रेडिएंट या अपनी इमेज चुनें। लाइट और शैडो इस तरह समायोजित करें कि प्रोडक्ट तैयार परिवेश में स्वाभाविक लगे।

  • इन सेटिंग को मॉडल के एक व्यू के रूप में सेव करें।
  • बैकग्राउंड बदलने के बाद अपडेट की गई बेस इमेज जनरेट करें।
  • परिणाम: अगले डिज़ाइन भी उसी दृश्य शैली में प्रस्तुत होते हैं।

अपनी प्रोडक्ट फ़ोटो

क्या आपके पास चुने हुए परिवेश में टी-शर्ट की फ़ोटो है? Photo fitting से मॉडल को फ़ोटो के अनुरूप करें और उस पर अगले प्रिंट लगाने की तैयारी करें।

  • सिलुएट, आस्तीन और कैमरा फ़ोटो के अनुरूप करें।
  • टेस्ट प्रिंट से मैपिंग जाँचें और आउटलाइन ठीक करें।
  • परिणाम: आपकी अपनी फ़ोटो बार-बार बनाए जा सकने वाले मॉकअप का आधार बनती है।

कार्ट में ग्राहक का डिज़ाइन

ग्राहक Customizer में ग्राफ़िक्स, टेक्स्ट या रंग बदलता है। मॉडल के लिए उपलब्ध जनरेटर उसी खास डिज़ाइन के विज़ुअल तैयार करते हैं।

  • WordPress + WooCommerce प्लगइन में डिज़ाइन को प्रोडक्ट से जोड़ें।
  • पर्सनलाइज़ेशन कार्ट में जोड़ते समय इमेज बनती हैं।
  • परिणाम: कार्ट और ऑर्डर के आइटम के साथ दिखने वाला थंबनेल ग्राहक का डिज़ाइन दर्शाता है।

सफ़ेद और हरी टी-शर्ट पर एक ही प्रिंट

नीचे एप्लिकेशन से लिए गए चित्रों में फलों वाला वही डिज़ाइन प्रोडक्ट के दो रंगों में दिखता है। फ़्रेमिंग एक जैसी रहती है और मॉकअप चुने हुए टी-शर्ट रंग के साथ प्रिंट का संयोजन दिखाता है।

  1. Designer में प्रिंट तैयार करें और प्रोडक्ट का रंग चुनें।
  2. Mockup खोलें और सामने का व्यू चुनें।
  3. प्रोडक्ट का रंग बदलें, फिर वही व्यू दोबारा खोलें।
  4. अलग-अलग PNG डाउनलोड करें या डिज़ाइन के लिए मेल खाते कलर प्रीसेट उपलब्ध हों तो वेरिएंट का पैकेज डाउनलोड करें।
Mockup Generator विंडो में फलों वाले प्रिंट की सफ़ेद टी-शर्ट, चार व्यू के थंबनेल और डाउनलोड की सेटिंग।
प्रोडक्ट का सफ़ेद वेरिएंट। वही डिज़ाइन और सामने का व्यू; साथ वाले पैनल में बगल और पीछे के व्यू भी उपलब्ध हैं।
Mockup Generator विंडो में फलों वाले प्रिंट की हरी टी-शर्ट, चार व्यू के थंबनेल और डाउनलोड की सेटिंग।
प्रोडक्ट का हरा वेरिएंट। वही डिज़ाइन और सामने का व्यू; साथ वाले पैनल में बगल और पीछे के व्यू भी उपलब्ध हैं।

प्रोडक्ट मॉकअप जनरेटर बनाएँ

Inspector में मॉडल तैयार होने पर Mockup मोड पर जाएँ। यहाँ आप आगे की ग्राफ़िक्स और प्रोडक्ट वेरिएंट के लिए एक साझा कंपोज़िशन तैयार करते हैं।

एक कमांड से आगे, बगल और पीछे के व्यू

Project mockups पैनल में Create automatically चुनकर चार व्यू तैयार करें: Front, Left, Right और Back। Add new से अपना व्यू भी जोड़ सकते हैं, उसका नाम बदल सकते हैं और उसका क्रम बदल सकते हैं। हर जनरेटर की अपनी फ़्रेमिंग और सेटिंग बनी रहती है।

मॉकअप एडिटर में प्रोडक्ट के चार व्यू का पैनल: आगे, बाएँ, दाएँ और पीछे।
चार मुख्य व्यू अपने आप तैयार करें। बाद में हर फ़्रेम को अलग से बेहतर बना सकते हैं।

कैमरा, बैकग्राउंड और लाइटिंग

3D कंपोज़िशन में आप प्रोडक्ट को इमेज के आधार के रूप में व्यवस्थित करते हैं। फ़्रेमिंग और लाइटिंग को अपने कैटलॉग या ब्रांड की शैली के अनुसार रखें।

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

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

  • डॉक्यूमेंट और मॉडल: नाम और मास्टर इमेज की चौड़ाई व ऊँचाई सेट करें, हर किनारे के लिए 64-2048 px तक।
  • कैमरा: पर्सपेक्टिव या ऑर्थोग्राफ़िक व्यू चुनें। रोटेशन, टारगेट पॉइंट, दूरी और फ़ील्ड ऑफ़ व्यू या फ़्रेमिंग का स्केल बदलें।
  • लाइटिंग: लाइब्रेरी से एनवायरनमेंट चुनें और उसका रोटेशन, इंटेंसिटी व ब्लैक पॉइंट सेट करें। फ़र्श और दीवार की शैडो को अलग-अलग नियंत्रित करें, जिसमें सॉफ़्टनेस और अपारदर्शिता भी शामिल हैं।
  • बैकग्राउंड: रंग, ग्रेडिएंट, एनवायरनमेंट बैकग्राउंड या अपनी इमेज इस्तेमाल करें। फ़्रेम में उसका फ़िट, ट्रांसफ़ॉर्मेशन और पारदर्शिता बदलें। यहीं आप प्रोडक्ट की ब्रांडिंग के अनुरूप परिवेश बनाते हैं।
  • पोस्ट-प्रोसेसिंग: टोन मैपिंग और एक्सपोज़र, कलर कर्व, एम्बिएंट ऑक्लूज़न, Bloom, डेप्थ ऑफ़ फ़ील्ड, शार्पनिंग, विन्येट और ग्रेन। MSAA/FXAA एंटी-अलायसिंग किनारों को बेहतर बनाने में मदद करती है।
मॉकअप एडिटर में बैकग्राउंड लाइब्रेरी और 3D सीन प्रीव्यू में पत्तियों के सामने एक टी-शर्ट।
बैकग्राउंड चुनने से दाईं ओर सीन की कंपोज़िशन बदलती है। जनरेट करने पर बाईं ओर दिखाई गई बेस इमेज रिफ़्रेश होती है।

मॉडल को अपनी फ़ोटो में फ़िट करें

Photo fitting मोड में आप अपनी JPG, PNG या WebP इस्तेमाल कर सकते हैं। ऊपर रखे मॉडल का कैमरा और स्केल बदलें तथा उसकी अपारदर्शिता और पोज़िशन नियंत्रित करें। कपड़ों के लिए बोन टूल, आस्तीन की पोज़िशन के प्रीसेट और रेडियस व स्ट्रेंथ के नियंत्रण वाला सॉफ़्ट डिफ़ॉर्मेशन उपलब्ध है। तैयार फ़िट से मॉकअप की लेयर जनरेट करें।

समर्थित कपड़ों के लिए आप ऑटोमैटिक रिग बना सकते हैं और बोन को खिसकाकर, घुमाकर या उनकी लंबाई बदलकर समायोजित कर सकते हैं। मिरर सेटिंग सममिति बनाए रखने में मदद करती है। आस्तीन के प्रीसेट मूल स्थिति, थोड़ा नीचे या शरीर के साथ रखी स्थिति से शुरू करने देते हैं। सॉफ़्ट डिफ़ॉर्मेशन और सॉफ़्ट रोटेशन किसी स्थानीय हिस्से पर काम करते हैं: रेडियस, स्ट्रेंथ और प्रभाव घटने का प्रकार चुनें - स्मूथ, लीनियर, स्फेरिकल या शार्प। वायरफ़्रेम प्रीव्यू आकार जाँचने में मदद करता है।

  1. JPG, PNG या WebP फ़ोटो लोड करें और उसे फ़िटिंग का आधार बनाएँ।
  2. मॉडल का कैमरा, पोज़िशन, रोटेशन और स्केल समायोजित करें। ओवरले की अपारदर्शिता से उसकी सिलुएट को फ़ोटो के प्रोडक्ट से तुलना करने में मदद मिलती है।
  3. कपड़ों के लिए उपलब्ध रिग, आस्तीन की पोज़िशन और सॉफ़्ट डिफ़ॉर्मेशन इस्तेमाल करें। पहले पूरा आकार ठीक करें, फिर छोटे हिस्सों में सुधार करें।
  4. Generate from fit चुनें, फिर Mapping पर जाकर किनारे और टेस्ट प्रिंट जाँचें।

मॉकअप की मैपिंग और लेयर बेहतर बनाएँ

बेस इमेज, प्रिंट मास्क, शैडो और हाइलाइट मिलकर ग्राफ़िक्स को प्रोडक्ट के रूप और आकार के अनुरूप दिखाते हैं। इन्हें सही ढंग से तैयार करने पर आप उसी विज़ुअल को दोबारा इस्तेमाल कर सकते हैं।

लेयर जनरेट करें और जाँचें

3D कंपोज़िशन में Generate all layers चुनें; फ़ोटो में फ़िट करते समय Generate from fit चुनें। फिर अलग-अलग लेयर और प्रोडक्ट पर दिखने वाला परिणाम जाँचें।

मॉकअप जनरेटर की आउटपुट लेयर
लेयरआप क्या नियंत्रित करते हैं
बेस इमेजप्रोडक्ट की फ़्रेमिंग, बैकग्राउंड और सीन का रूप। कंपोज़िशन बदलने के बाद इसे दोबारा जनरेट करें।
प्रिंट मास्कग्राफ़िक्स का दिखने वाला क्षेत्र, थ्रेशोल्ड, किनारों की सॉफ़्टनेस और ऑफ़सेट तथा किनारों को स्मूथ करना।
शैडोस्ट्रेंथ, गामा और व्हाइट पॉइंट, ताकि प्रिंट में प्रोडक्ट की शेडिंग बनी रहे।
हाइलाइटकंपोज़िशन के चमकीले क्षेत्रों का थ्रेशोल्ड, स्ट्रेंथ और गामा।

टेस्ट प्रिंट से जनरेटर जाँचें

अंतिम डिज़ाइन पर काम करने से पहले टेस्ट प्रिंट टूल खोलें। उपलब्ध हिस्सों पर अलग-अलग पैटर्न लगा सकते हैं और जहाँ रंग बदलना समर्थित हो, वहाँ पूरे प्रोडक्ट या उसके अलग-अलग हिस्सों का रंग भी जाँच सकते हैं।

UV चेकरबोर्ड

रंगीन ग्रिड से ग्राफ़िक्स का खिंचाव, दिशा में बदलाव और टूटने वाले हिस्से पहचानना आसान होता है। विशेष रूप से कॉलर, आस्तीन और बगल के किनारे देखें।

“Your design here” प्लेसहोल्डर

मार्कर और बीच की ग्राफ़िक से पता चलता है कि प्रिंट कहाँ पड़ता है और कहीं आउटलाइन या मास्क उसे काट तो नहीं रहा।

दोहराया गया टेक्स्ट

Alter Product टेक्स्ट वाला पैटर्न किसी हिस्से पर अक्षरों की स्पष्टता, अनुपात और दिशा जाँचने में मदद करता है।

प्रोडक्ट और उसके हिस्सों के रंग

हल्के और गहरे वेरिएंट की तुलना करें। इससे बहुत गहरी शैडो, अत्यधिक चमकीले हाइलाइट या प्रिंट के आसपास हल्की पट्टी पहचानना आसान होता है।

हिस्सों की आउटलाइन और बारीक सुधार

Mapping पर जाएँ, प्रोडक्ट का कोई हिस्सा चुनें और उसकी आउटलाइन के पॉइंट व Bézier हैंडल समायोजित करें। आप कॉलर, आस्तीन और किनारों में सटीक सुधार करके लेयर की फिर से गणना कर सकते हैं। जनरेशन मेन्यू से आउटलाइन दोबारा बना सकते हैं या मौजूदा वेक्टर रखते हुए सिर्फ़ बेस इमेज रिफ़्रेश कर सकते हैं।

अगर प्रिंट बैकग्राउंड पर फैल रहा हो या किनारों तक न पहुँच रहा हो, तो पहले आउटलाइन की ज्यामिति ठीक करें। फिर मास्क और उसकी सॉफ़्टनेस सुधारें। अंत में हल्के और गहरे प्रोडक्ट रंगों पर परिणाम की तुलना करते हुए शैडो और हाइलाइट बदलें।

टी-शर्ट के कॉलर पर आउटलाइन के पॉइंट व हैंडल और बेस इमेज, प्रिंट मास्क, शैडो व हाइलाइट का लेयर पैनल।
Mapping मोड में कॉलर के आसपास वेक्टर आउटलाइन में सुधार। पैनल में प्रिंट लागू करने के लिए इस्तेमाल होने वाली लेयर दिखाई गई हैं।

बदलाव के बाद क्या दोबारा जनरेट करना चाहिए?

अपडेट का दायरा चुनें, ताकि जहाँ मैन्युअल सुधार अभी भी ज़रूरी हैं, वे सुरक्षित रहें।

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

जनरेटर को मॉडल प्रोजेक्ट के साथ सेव करें

व्यू बेहतर बनाने के बाद Product Generator प्रोजेक्ट सेव करें। जनरेटर का संग्रह मॉडल और Designer में इस्तेमाल होने वाले उसके रिविज़न का हिस्सा है। एप्लिकेशन में प्रोजेक्ट सर्वर पर सेव होता है; WordPress प्लगइन में इसे स्थानीय रूप से रखा जाता है।

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

Designer और WooCommerce में मॉकअप इस्तेमाल करें

तैयार जनरेटर मॉडल पर काम करने की प्रक्रिया का हिस्सा बन जाता है। डिज़ाइन करते समय आप तैयार व्यू और मौजूदा पर्सनलाइज़ेशन इस्तेमाल करते हैं।

एक जैसी फ़्रेमिंग में आपकी तैयार ग्राफ़िक्स

Product Designer में Mockup खोलें। Mockup Generator विंडो में आगे, बगल या पीछे का थंबनेल चुनें। प्रीव्यू मौजूदा डिज़ाइन की ग्राफ़िक्स और रंग इस्तेमाल करता है। कैमरा, लाइटिंग और बैकग्राउंड पहले ही मॉडल जनरेटर के Mockup मोड में तैयार करें।

Designer में Mockup Generator: सुनहरी ग्राफ़िक्स वाली काली टी-शर्ट, चार व्यू और इमेज डाउनलोड की सेटिंग।
Mockup Generator विंडो में तैयार डिज़ाइन। व्यू चुनने के लिए थंबनेल और डाउनलोड तैयार करने के लिए नीचे का पैनल इस्तेमाल करें।

PNG या रंगों के वेरिएंट डाउनलोड करें

व्यू और Image size चुनें: Thumb 256, Small 512, Medium 1024 या Large 2048 px। यह मान लंबे किनारे का आकार बताता है; अनुपात जनरेटर से आता है। Download images मौजूदा चुने हुए व्यू को PNG के रूप में सेव करता है।

  • कम से कम दो मेल खाते प्रीसेट होने पर Generate images for all color presets एक ZIP बनाता है, जिसमें वही व्यू अलग-अलग रंगों में होता है। कम प्रीसेट होने पर आप एक PNG डाउनलोड करते हैं।
  • उपलब्ध प्रीसेट मौजूदा चुने हुए मटीरियल, प्रिंट तकनीक और साइज़ पर निर्भर करते हैं। प्रीसेट से बाहर के कस्टम रंग इस पैकेज में शामिल नहीं होते।
  • प्रोडक्ट के दूसरे हिस्सों के व्यू चाहिए, तो अगले थंबनेल चुनें और उनकी इमेज डाउनलोड करें।

कार्ट और ऑर्डर में दिखाई देने वाला पर्सनलाइज़ेशन

WordPress + WooCommerce प्लगइन में आप स्थानीय प्रोजेक्ट और उससे जुड़े मॉडल रिविज़न का इस्तेमाल करते हैं। उपलब्ध मॉकअप जनरेटर वाले प्रोडक्ट के लिए डिज़ाइन कार्ट में जोड़ते समय एप्लिकेशन पर्सनलाइज़ेशन की इमेज बनाता है। फ़ाइलें सेव होने के बाद प्लगइन उन्हें कार्ट और ऑर्डर के आइटम के साथ दिखाता है।

  • हर ग्राहक के ऑर्डर के लिए आपको Mockup विंडो मैन्युअली खोलने की ज़रूरत नहीं है।
  • परिणामों में डिज़ाइन और प्रोडक्ट के चुने हुए रंग शामिल होते हैं। इस्तेमाल हो रहे मॉडल रिविज़न के लिए जनरेटर और एसेट उपलब्ध होने चाहिए।
  • क्लासिक कार्ट और WooCommerce Cart/Checkout ब्लॉक में थंबनेल समर्थित हैं। सेव किया गया मॉकअप उपलब्ध न होने पर सामान्य प्रोडक्ट थंबनेल बना रहता है।
  1. डिज़ाइन में इस्तेमाल किए गए मॉडल के साथ जनरेटर तैयार करें और सेव करें।
  2. WordPress + WooCommerce प्लगइन द्वारा समर्थित प्रोडक्ट में डिज़ाइन उपलब्ध कराएँ।
  3. ग्राहक Customizer में प्रोडक्ट पर्सनलाइज़ करता है और डिज़ाइन कार्ट में जोड़ता है।
  4. एप्लिकेशन चुने हुए डिज़ाइन और रंगों के लिए उपलब्ध व्यू के मॉकअप बनाता है। इमेज सेव होने के बाद प्लगइन कार्ट और ऑर्डर के आइटम के साथ पर्सनलाइज़ किया हुआ थंबनेल दिखाता है।

स्टोर के लिए विज़ुअल और उत्पादन के लिए फ़ाइल

मॉकअप प्रोडक्ट का रूप दिखाता है: तैयार ग्राफ़िक्स, उसका आकार, शैडो और बैकग्राउंड। इसे लिस्टिंग, कैटलॉग या ग्राहकों को उनका पर्सनलाइज़ेशन दिखाने के लिए इस्तेमाल करें।

उत्पादन के लिए Printing Manager में प्रिंट एरिया की फ़ाइलें तैयार करें। यह उन AOP डिज़ाइन पर भी लागू होता है जिनमें ग्राफ़िक्स प्रोडक्ट के अलग-अलग हिस्सों को कवर करती है। प्रिंट के लिए तैयार फ़ाइलों की गाइड में उत्पादन फ़ाइल की सेटिंग और डाउनलोड के बारे में बताया गया है।

स्टोर में इस्तेमाल करने से पहले तैयार जनरेटर जाँचें

कई अलग प्रिंट और प्रोडक्ट रंग जाँचें। एक साधारण मोटिफ़ से तैयार जनरेटर को छोटा टेक्स्ट, किनारे के पास की ग्राफ़िक्स और बड़ा AOP प्रिंट भी सही दिखाना चाहिए।

संपादन से कार्ट तक एक छोटा टेस्ट

वही प्रक्रिया अपनाएँ जिसका बाद में आप या आपका ग्राहक इस्तेमाल करेगा।

  1. सेव किए गए सभी व्यू देखें। प्रोडक्ट की फ़्रेमिंग, शैडो और मार्जिन जाँचें।
  2. प्रिंट होने वाले हिस्सों पर चेकरबोर्ड या टेस्ट टेक्स्ट चालू करें। आउटलाइन, मास्क और ग्राफ़िक्स की पोज़िशन जाँचें।
  3. Designer में हल्के व गहरे रंग और अंतिम प्रिंट की तुलना करें। PNG डाउनलोड करें और उसे इस्तेमाल किए जाने वाले साइज़ में देखें।
  4. बदलाव के बाद मॉडल प्रोजेक्ट सेव करें। प्लगइन में सही मॉडल रिविज़न का इस्तेमाल करने वाला डिज़ाइन जाँचें और पर्सनलाइज़ेशन कार्ट में जोड़ने का टेस्ट करें।

परिणाम उम्मीद जैसा न दिखे तो क्या बदलें?

उस चरण से शुरुआत करें जो समस्या के लिए ज़िम्मेदार है। हर सुधार के लिए पूरा सीन दोबारा सेट करना ज़रूरी नहीं है।

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