3D डिवाइस मॉकअप जनरेटर

फ़ोन, टैबलेट, लैपटॉप, डेस्कटॉप और ब्राउज़र के 3D मॉकअप

फ़्लैट मॉकअप टेम्प्लेट सिर्फ़ एक तय एंगल देते हैं। यहाँ डिवाइस एक असली 3D मॉडल है, इसलिए आप उसे App Store जैसे स्क्रीनशॉट के लिए सीधे सामने से, हीरो इमेज के लिए आकर्षक थ्री-क्वार्टर एंगल पर, या सोशल पोस्ट के लिए सपाट लेटा हुआ दिखा सकते हैं — एक ही अपलोड से, कुछ ही सेकंड में।

फ़ोन मॉकअप में किनारे-से-किनारे तक मॉडर्न डिस्प्ले है, जिसमें गोली के आकार का कैमरा कटआउट, पॉलिश की हुई मेटल फ़्रेम और पीछे ट्रिपल-लेंस कैमरा है। टैबलेट मॉकअप में आज के iPad जैसे टैबलेट की तरह पतले, बराबर बेज़ल हैं, और लैपटॉप मॉकअप में पूरा कीबोर्ड, ट्रैकपैड और ऐसा ढक्कन है जो बंद से लेकर पूरी तरह पीछे झुकने तक खुलता है। ये आज के लोकप्रिय डिवाइस जैसे दिखने वाले सामान्य डिज़ाइन हैं — जहाँ भी लोग iPhone मॉकअप, iPad मॉकअप या MacBook मॉकअप खोजते हैं वहाँ काम के हैं — लेकिन ये आधिकारिक प्रोडक्ट इमेज नहीं हैं, और यह टूल Apple या किसी अन्य निर्माता से जुड़ा नहीं है।

ब्राउज़र विंडो में वेबसाइट मॉकअप

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

असली हार्डवेयर पसंद है? डेस्कटॉप पेज को एल्युमिनियम स्टैंड पर रखे पतले बेज़ल वाले बड़े डिस्प्ले पर दिखाता है, जैसे कोई साइट स्टूडियो मॉनिटर पर दिखती है। भरें और ऊपर के साथ, लंबा फ़ुल-पेज स्क्रीनशॉट अपनी पहली स्क्रीन दिखाता है, ठीक वैसे ही जैसे विज़िटर उसे देखता है।

कंट्रोल

X, Y और Z रोटेशन

X डिवाइस को आपकी ओर या आपसे दूर झुकाता है, Y उसे बाएँ-दाएँ घुमाता है, Z उसे तस्वीर के तल में घुमाता है। हर एक −180° से 180° तक जाता है और टाइप की गई वैल्यू स्वीकार करता है। प्रीव्यू में X और Y पर घुमाने के लिए ड्रैग करें, Z पर घुमाने के लिए ड्रैग करते समय <kbd>Shift</kbd> दबाए रखें, या प्रीव्यू पर फ़ोकस करके ऐरो कीज़ (15° के स्टेप के लिए <kbd>Shift</kbd>), Z के लिए <kbd>Q</kbd>/<kbd>E</kbd> और रीसेट के लिए <kbd>R</kbd> इस्तेमाल करें।

ज़ूम और फ़ील्ड ऑफ़ व्यू

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

स्क्रीन फ़िट

<strong>भरें</strong> पूरी स्क्रीन को ढकता है और बाहर निकला हिस्सा काट देता है — लंबे फ़ुल-पेज स्क्रीनशॉट की शुरुआत दिखाने के लिए इसे ऊपर से जोड़ें। <strong>फ़िट</strong> आपकी पसंद के रंग की पट्टियों के साथ पूरी इमेज दिखाता है, और <strong>खींचें</strong> उसे स्क्रीन के आकार में बिगाड़ देता है।

काँच का रिफ़्लेक्शन

कवर ग्लास पर स्टूडियो लाइट का हल्का रिफ़्लेक्शन, जिससे स्क्रीन स्टिकर नहीं बल्कि काँच जैसी लगती है। स्क्रीन के एकदम सपाट रंगों के लिए इसे बंद करें।

बैकग्राउंड और छाया

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

लाइटिंग

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

एक्सपोर्ट साइज़ और फ़ॉर्मैट

इमेज उसी साइज़ पर दोबारा रेंडर होती है जिस पर आप एक्सपोर्ट करते हैं — लंबी साइड पर 1080, 2048 या 4096 पिक्सल, या 256 से 8192 तक कोई भी कस्टम साइज़ — स्क्वेयर 1:1, पोर्ट्रेट 4:5, लैंडस्केप 16:9, स्टोरी 9:16 या 4:3 में। क्योंकि यह बड़ा किया गया प्रीव्यू नहीं बल्कि नया रेंडर है, इसलिए हर साइज़ पर किनारे शार्प रहते हैं, चाहे आपकी स्क्रीन कितनी भी बड़ी हो।

PNG लॉसलेस है और ट्रांसपेरेंसी रखता है, यह उस मॉकअप के लिए सही चुनाव है जिसे आप वेबसाइट, स्लाइड या डिज़ाइन फ़ाइल पर लगाएँगे। WebP भी ट्रांसपेरेंसी रखता है और काफ़ी छोटा होता है। JPEG में ट्रांसपेरेंसी नहीं होती, इसलिए ट्रांसपेरेंट बैकग्राउंड सफ़ेद से भर जाता है। कॉपी एक PNG को क्लिपबोर्ड पर रख देता है, जिसे Figma, Keynote, Slack या किसी डॉक्यूमेंट में पेस्ट किया जा सकता है।

बेहतर मॉकअप के लिए टिप्स

• स्क्रीनशॉट डिवाइस के अपने रिज़ॉल्यूशन पर लें — लगभग 1179 × 2556 का फ़ोन स्क्रीनशॉट या 2560 × 1600 का डेस्कटॉप कैप्चर — ताकि 4K मॉकअप में भी स्क्रीन शार्प रहे।
• थ्री-क्वार्टर एंगल, जिसमें रोशनी उसी तरफ़ से आए जिधर डिवाइस घूमा है, सबसे नैचुरल लगता है; ऐप स्टोर लिस्टिंग के लिए सामने वाला व्यू सबसे अच्छा रहता है।
• लैंडिंग पेज के हीरो के लिए ट्रांसपेरेंट PNG इस्तेमाल करें और अपने पेज का बैकग्राउंड उसमें से दिखने दें।
• स्क्रीनशॉट को पहले क्रॉप या रीसाइज़ करना है? इमेज क्रॉपर या इमेज रीसाइज़र इस्तेमाल करें, और तैयार मॉकअप को हर प्लेटफ़ॉर्म के हिसाब से फ़िट करने के लिए सोशल मीडिया इमेज रीसाइज़र।

एक मुफ़्त मॉकअप जनरेटर जो आपके डिज़ाइन प्राइवेट रखता है

बिना रिलीज़ हुए ऐप की स्क्रीन और क्लाइंट का काम किसी और के सर्वर पर अपलोड नहीं होना चाहिए। यहाँ आपका स्क्रीनशॉट पूरी तरह आपके डिवाइस पर WebGL से पढ़ा, बनाया और रेंडर किया जाता है; उसे कहीं नहीं भेजा जाता। कोई अकाउंट नहीं, कोई वॉटरमार्क नहीं और आप कितने भी मॉकअप बनाएँ, कोई सीमा नहीं। आपकी सेटिंग्स — डिवाइस, एंगल, बैकग्राउंड और एक्सपोर्ट विकल्प — इस ब्राउज़र में याद रखी जाती हैं; इमेज नहीं।