मॉकअप आपके काम को जल्दी और सही सेटिंग में दिखाने का एक शानदार तरीका है। जबकि अधिकांश लोग छवि मॉकअप का उपयोग करते हैं, एक वीडियो मॉकअप ध्यान आकर्षित करेगा और लोगों को आपके काम से जोड़े रखेगा। स्क्रीन पर वीडियो जोड़ना अपना काम दिखाने का एक शानदार तरीका है और इसे करना बहुत मुश्किल नहीं है।
वीडियो स्क्रीन मॉकअप क्या है?
मॉकअप किसी डिज़ाइन को प्रोटोटाइप करने या उसके रीयल-टाइम उत्पाद का उत्पादन किए बिना किसी डिज़ाइन को लागू करने का एक डिजिटल तरीका है। इसके कई कारण हैं, लेकिन मॉकअप बनाने का एक मुख्य कारण यह है कि आप अपने डिज़ाइन, ड्रॉइंग, या जो कुछ भी आप अधिक यथार्थवादी दिखाना चाहते हैं, उसे बनाना है। इससे आपके दर्शकों को यह कल्पना करने में मदद मिलती है कि अंत में टुकड़ा कैसा दिखेगा।
एक वास्तविक उत्पाद बनाने में लगने वाले अतिरिक्त समय, धन और प्रयास के बजाय, आप अपनी कला, डिज़ाइन, वेबसाइट आदि की विशेषता वाला एक डिजिटल मॉकअप बना सकते हैं।
अब, एक एनिमेटेड स्क्रीन मॉकअप एक बहुत ही समान अवधारणा है, लेकिन स्क्रीन पर एक मॉकअप के साथ, जैसे कि फ़ोन या कंप्यूटर। और एक छवि के बजाय, मॉकअप एक चलती-फिरती डिज़ाइन या वीडियो दिखाएगा।
ये मूविंग डिज़ाइन वीडियो से लेकर UX/UI डिज़ाइन प्रोटोटाइप या स्क्रीन रिकॉर्डिंग तक कुछ भी हो सकते हैं।
आपको एनिमेटेड स्क्रीन मॉकअप का उपयोग क्यों करना चाहिए?
एनिमेटेड स्क्रीन मॉकअप बनाने के सर्वोत्तम कारणों में से एक वेबसाइट का प्रदर्शन करना है। आपके द्वारा अपने पोर्टफोलियो में डिज़ाइन की गई वेबसाइट को प्रदर्शित करने का यह एक शानदार तरीका है।
मॉकअप का उपयोग करने से आपकी वेबसाइट के साधारण स्क्रीनशॉट की तुलना में आपके पोर्टफोलियो में थोड़ी अधिक रचनात्मकता आती है। यह विविधता लाने का एक शानदार तरीका है कि आपके मॉकअप कैसे दिखाई दे सकते हैं।
यदि आप अपने द्वारा बनाए गए वीडियो को प्रदर्शित करना चाहते हैं, तो यह केवल YouTube आदि से वीडियो एम्बेड करने के बजाय इसे प्रदर्शित करने का एक रचनात्मक तरीका हो सकता है। कुल मिलाकर, एक एनिमेटेड स्क्रीन मॉकअप आपके काम को प्रदर्शित करने का एक मजेदार तरीका है।
फोटोशॉप में एनिमेटेड स्क्रीन मॉकअप कैसे बनाएं
जबकि अधिकांश लोग फोटोशॉप को एक इमेज एडिटिंग टूल के रूप में जानते हैं, आप इसका उपयोग एनिमेशन और वीडियो बनाने के लिए भी कर सकते हैं। तो, यहां फोटोशॉप का उपयोग करके वीडियो मॉकअप बनाने के चरण दिए गए हैं।
आपको किस प्रकार के वीडियो का उपयोग करना चाहिए?
आपके एनिमेटेड स्क्रीन मॉकअप के लिए बहुत सारे विकल्प हैं। एक छोटी वीडियो फ़ाइल सबसे अच्छा काम करेगी। जब आप वास्तविक वीडियो फुटेज प्रदर्शित करने के लिए इस तकनीक का उपयोग कर सकते हैं, तो आकार फ़ोटोशॉप में प्रस्तुत करना कठिन बना देगा।
इस कारण से, हम एक वेबपेज स्क्रॉल करते समय एक मॉकअप बना रहे हैं। बिना किसी अन्य डिज़ाइन पहलू वाले छोटे वीडियो का उपयोग करने से तेज़ रेंडर और उच्च-गुणवत्ता वाला परिणाम प्राप्त होगा।
अपनी स्क्रीन का वीडियो लेने के लिए स्क्रीन रिकॉर्डर का उपयोग करें। यह इस पर निर्भर करता है कि आप अपना मॉकअप किस पर रखना चाहते हैं, मोबाइल या डेस्कटॉप पर किया जा सकता है। हम मैक पर क्विकटाइम प्लेयर और न्यू स्क्रीन रिकॉर्डिंग विकल्प का उपयोग करेंगे, लेकिन मैक के कई अन्य विकल्प भी हैं। यदि आपके पास आईफोन है, तो आप आईफोन पर स्क्रीन रिकॉर्ड कैसे करें देख सकते हैं। इस रिकॉर्डिंग में आपको किसी ऑडियो की आवश्यकता नहीं है।
हमारे वीडियो के लिए, हमने Makeuseof.com वेबसाइट को रिकॉर्ड किया, जिसमें ग्राफिक डिजाइन के बारे में कई लेख थे। आप जो कुछ भी समझ में आता है उसे रिकॉर्ड कर सकते हैं। एक स्थिर स्क्रॉल रखें और सुनिश्चित करें कि यह न तो बहुत तेज़ है और न ही बहुत धीमा है।
एक बार आपकी छोटी रिकॉर्डिंग पूरी हो जाने के बाद, इसे MP4 के रूप में सहेजें और इसे एक आसान-से-पहुंच वाले फ़ोल्डर में रखें।
आपको किस तरह की फोटो का इस्तेमाल करना चाहिए?
इस मॉकअप में सर्वोत्तम परिणामों के लिए, आपको एक ऐसे चित्र का उपयोग करना चाहिए जो एक अबाधित स्क्रीन दिखाता हो। यह मोबाइल स्क्रीन, कंप्यूटर या टीवी स्क्रीन भी हो सकती है। यद्यपि आपकी छवि कुछ परिप्रेक्ष्य दिखा सकती है, यह सबसे अच्छा है यदि स्क्रीन ज्यादातर सीधे आपके सामने हो।
अधिक जटिल मॉकअप के लिए बाधित स्क्रीन या भारी परिप्रेक्ष्य वाली छवि का उपयोग करना संभव है, लेकिन हम आज इसे सरल रखेंगे।
आप अपनी खुद की तस्वीर ले सकते हैं या रॉयल्टी-मुक्त साइट से डाउनलोड कर सकते हैं, जैसे कि अनस्प्लाश। हम इस ट्यूटोरियल के लिए एक प्रीमियर PSD मॉकअप का उपयोग नहीं करेंगे, इसलिए आपको एक खोजने की कोशिश करने की परेशानी में जाने की आवश्यकता नहीं होगी।
वीडियो मॉकअप कैसे बनाएं
यदि आपने छवि को रॉयल्टी-मुक्त साइट से डाउनलोड किया है या इसे उच्च गुणवत्ता वाले कैमरे से लिया है, तो आकार बहुत बड़ा हो सकता है। आप छवि के आकार को नीचे ला सकते हैं।
छवि> छवि आकार पर क्लिक करें। अंतिम आयाम आप पर निर्भर हैं, लेकिन हम लगभग 1200 की चौड़ाई की अनुशंसा करते हैं। आकार बदलते समय छवि की बाधाओं को अनुपात में रखें। ओके पर क्लिक करें।
अब जगह बनाने के लिए जहां वीडियो बैठेगा। अपने मूल वीडियो के आयाम खोजें; यदि आप किसी फ़ोन से स्क्रीन रिकॉर्ड करते हैं, तो फ़ोन के स्क्रीन आयाम ज्ञात करें, और यदि आपने किसी वेबसाइट को रिकॉर्ड किया है, तो आप मानक 1680 x 1050 का उपयोग कर सकते हैं, जब तक कि आप सटीक आयामों को नहीं जानते। .
रेक्टेंगल टूल (यू) का उपयोग करके, अपने कैनवास पर क्लिक करें। यह एक पॉपअप लाएगा जिसमें आप आयाम निर्दिष्ट कर सकते हैं। अपनी स्क्रीन रिकॉर्डिंग की चौड़ाई और ऊंचाई दर्ज करें और ओके पर क्लिक करें। स्ट्रोक निकालें और एक काला या गहरा भूरा रंग चुनें।