← ब्लॉग
पढ़ने में 6 मिनट

प्रेजेंटेशन इमेज जो पेस्ट की हुई नहीं लगतीं

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

  • presentation images
  • pitch decks
  • slide design
  • cutouts
  • transparent PNG
  • PowerPoint
प्रेजेंटेशन इमेज जो पेस्ट की हुई नहीं लगतीं

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

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

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

आयताकार इमेज स्लाइड्स को अमेच्योर क्यों दिखाती हैं

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

तीन समस्याएं एक साथ जुड़ जाती हैं:

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

फुल-ब्लीड फोटोग्राफी इस जाल से बचती है क्योंकि फोटो ही स्लाइड बन जाती है। कटआउट इस जाल से बैकग्राउंड को पूरी तरह हटाकर बचते हैं। इन दोनों के बीच जो कुछ भी है — तैरता हुआ आयत — वही खतरे का क्षेत्र है।

कटआउट तरीका: सब्जेक्ट्स आपके थीम कलर पर

कटआउट किसी सब्जेक्ट को ट्रांसपेरेंट PNG के रूप में एक्सपोर्ट करके सीधे स्लाइड पर रखा जाना है। PowerPoint, Keynote और Google Slides — सभी ट्रांसपेरेंट PNG को नेटिव रूप से सपोर्ट करते हैं, इसलिए कम्पैटिबिलिटी का कोई बहाना नहीं चलता। (ट्रांसपेरेंसी फॉर्मेट्स से नए-नए परिचित हैं? हमारी ट्रांसपेरेंट PNG गाइड आपके काम आएगी।)

एक स्पीकर का कटआउट सीधे ठोस टील प्रेजेंटेशन स्लाइड पर एक बोल्ड हेडलाइन के बगल में रखा गया है, उनके पीछे कोई फोटो बैकग्राउंड नहीं है

यह वर्कफ़्लो हर इमेज के लिए लगभग एक मिनट लेता है:

  1. बैकग्राउंड हटाएं। फोटो को remover.bg से प्रोसेस करें — बाल, प्रोडक्ट के किनारे और बारीक डिटेल कट के दौरान सुरक्षित रहते हैं, जो तब मायने रखता है जब आपका सब्जेक्ट एक फ्लैट रंग पर हो और छिपने के लिए कहीं जगह न हो।
  2. PNG के रूप में एक्सपोर्ट करें। ट्रांसपेरेंसी ही पूरा मुद्दा है; JPG इसे फ्लैट करके सफेद बना देता है और आपको फिर से उसी आयत वाली दुनिया में वापस पहुंचा देता है।
  3. इसे थीम कलर पर रखें। अब सब्जेक्ट स्लाइड के बैकग्राउंड से लड़ने के बजाय उसे साझा करता है।
  4. इसे ज़मीन से जोड़ें। सब्जेक्ट के नीचे एक हल्का शैडो उसे तैरने से रोकता है। इसे सूक्ष्म बनाए रखने के तरीके के लिए हमारी रियलिस्टिक शैडो जोड़ने की गाइड देखें।

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

कटआउट बनाम फुल-ब्लीड फोटो: कब किसका इस्तेमाल करें

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

एक ट्रीटमेंट, डेक की हर स्लाइड पर

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

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

चार टीम मेंबर्स के हेडशॉट्स कटआउट करके प्रेजेंटेशन स्लाइड में एक जैसे ब्रांड-कलर सर्कल्स पर रखे गए हैं, जो एक समान ग्रिड बनाते हैं

स्क्रीनशॉट्स और डिवाइस फ्रेम्स

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

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

निष्कर्ष

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

आगे पढ़ें