ट्रांसपेरेंट एनिमेटेड लोगो: फ़ॉर्मेट, एडिटर, स्लाइड और OBS
Charmotion टीम द्वारा · अपडेट:
एनिमेटेड लोगो सिर्फ़ उसी फ़ॉर्मेट में ट्रांसपेरेंट रहता है जिसमें अल्फ़ा चैनल हो: editors और Apple ऐप्स के लिए HEVC alpha या ProRes 4444 वाला MOV, Chrome, Firefox और OBS के लिए VP9 alpha वाला WebM, या सख्त किनारों वाली 1-bit ट्रांसपेरेंसी के साथ GIF। MP4 में अल्फ़ा नहीं होता, इसलिए बैकग्राउंड हमेशा ठोस आता है, आमतौर पर काला।
मुख्य बातें
- MP4 (H.264) ट्रांसपेरेंट नहीं हो सकता। MOV (HEVC alpha या ProRes 4444), WebM (VP9 alpha) या आसान मामलों में GIF इस्तेमाल करें।
- काले बैकग्राउंड का मतलब आमतौर पर यह है कि फ़ाइल में अल्फ़ा नहीं है, या ऐप उसे नज़रअंदाज़ कर रहा है।
- Editors में ProRes 4444 सबसे ज़्यादा स्वीकार किया जाने वाला ट्रांसपेरेंट फ़ॉर्मेट है; HEVC alpha छोटा है और Apple ऐप्स में नेटिव रूप से चलता है।
- Canva का ट्रांसपेरेंट डाउनलोड PNG, SVG और GIF के लिए है, MP4 के लिए नहीं, और इसके लिए पेड प्लान ज़रूरी है।
- OBS ट्रांसपेरेंट WebM को Media Source में चलाता है।
पहले से कोई कैरेक्टर या लोगो है? अपने कैरेक्टर को असली ऐप स्क्रीन में देखें: स्प्लैश, ऑनबोर्डिंग, लोडिंग और एम्प्टी स्टेट स्क्रीन। यह फ़्री है, आपके ब्राउज़र में चलता है और कुछ भी अपलोड नहीं होता।
कौन से वीडियो फ़ॉर्मेट लोगो का ट्रांसपेरेंट बैकग्राउंड बनाए रखते हैं?
सिर्फ़ वे फ़ॉर्मेट जो अल्फ़ा चैनल स्टोर करते हैं: हर पिक्सेल की एक चौथी वैल्यू, जो बताती है कि वह कितना पारदर्शी है। सामान्य MP4 में यह नहीं होती, इसलिए MP4 में एक्सपोर्ट किया गया "ट्रांसपेरेंट" लोगो हमेशा किसी ठोस रंग पर आता है।
| फ़ॉर्मेट | Transparency | इनमें अच्छा चलता है | किन बातों का ध्यान रखें |
|---|---|---|---|
| MOV, HEVC with alpha | स्मूद (8-bit) अल्फ़ा | Safari, iPhone और iPad, Keynote, Final Cut Pro, macOS ऐप्स | मुख्य रूप से Apple फ़ॉर्मेट; Firefox में ट्रांसपेरेंट नहीं |
| MOV, ProRes 4444 | स्मूद अल्फ़ा | ज़्यादातर प्रोफ़ेशनल editors | बहुत बड़ी फ़ाइलें |
| WebM, अल्फ़ा के साथ VP9 | स्मूद (8-bit) अल्फ़ा | Chrome, Edge, Firefox, OBS | Safari चलाता है, पर अल्फ़ा हटा देता है |
| GIF | हर पिक्सेल पर या तो पूरी तरह ऑन या ऑफ़ | लगभग हर जगह | खुरदुरे किनारे, halo, अधिकतम 256 रंग |
| MP4 (H.264) | कोई नहीं | हर जगह | हमेशा अपारदर्शी |
HEVC with alpha पर Apple के WWDC19 सेशन के अनुसार playback "is supported in iOS 13, tvOS 13 and macOS Catalina" (iOS 13, tvOS 13 और macOS Catalina में सपोर्टेड है)। MDN बताता है कि VP9 के लिए "Safari does not support alpha transparency in this format" (Safari इस फ़ॉर्मेट में अल्फ़ा ट्रांसपेरेंसी सपोर्ट नहीं करता)। GIF के बारे में MDN समझाता है कि पिक्सेल अपारदर्शी होते हैं, जब तक उनका रंग वही न हो जिसे ट्रांसपेरेंट मार्क किया गया है; उस स्थिति में वे "entirely transparent" (पूरी तरह पारदर्शी) होते हैं। बीच की कोई स्थिति नहीं होती, इसीलिए नरम किनारे खुरदुरे दिखते हैं।
वेब पेज पर ट्रांसपेरेंट लोगो लगाने के लिए वेबसाइट पर ट्रांसपेरेंट वीडियो देखें।
मेरे ट्रांसपेरेंट लोगो के पीछे काला बैकग्राउंड क्यों दिखता है?
लगभग हमेशा इन चार में से किसी एक वजह से:
- फ़ाइल में अल्फ़ा नहीं है। Apple की Keynote गाइड सीधे कहती है: "H.264 doesn't support alpha channels, so transparency is converted to a black background" (H.264 अल्फ़ा चैनल सपोर्ट नहीं करता, इसलिए ट्रांसपेरेंसी काले बैकग्राउंड में बदल जाती है)। किसी ट्रांसपेरेंट डिज़ाइन का हर MP4 एक्सपोर्ट यही करता है।
- ऐप अल्फ़ा को नज़रअंदाज़ करता है। Apple कहता है "an HEVC player that does not understand Alpha will display only the base video layer" (जो HEVC player अल्फ़ा नहीं समझता, वह सिर्फ़ base video layer दिखाएगा), यानी काले पर लोगो। Safari भी WebM में VP9 alpha के साथ यही करता है।
- कोई सेटिंग इसे हटा देती है। Premiere Pro के Interpret Footage डायलॉग में "Ignore Alpha Channel" विकल्प है, जो Adobe के अनुसार "will reveal black pixels instead of the background video" (background video की जगह काले पिक्सेल दिखाएगा)।
- पुराना सिस्टम। Apple की Keynote गाइड बताती है कि 10.15 से पहले के macOS वर्ज़न HEVC और ProRes मूवी में ट्रांसपेरेंसी सपोर्ट नहीं करते।
यह देखने के लिए कि फ़ाइल खुद ट्रांसपेरेंट है या नहीं, उसे फ़्री ट्रांसपेरेंट वीडियो चेकर में डालें, जो उसे आपके ब्राउज़र में checkerboard के ऊपर चलाता है। अगर फ़ाइल ठीक है, तो समस्या ऐप में है, और ProRes 4444 पर स्विच करने से आमतौर पर यह ठीक हो जाती है।
क्या Canva ट्रांसपेरेंट एनिमेटेड लोगो एक्सपोर्ट कर सकता है?
सिर्फ़ GIF के रूप में। Canva का help center PNG, SVG और GIF के लिए ट्रांसपेरेंट डाउनलोड बताता है, और कहता है कि ट्रांसपेरेंट बैकग्राउंड के साथ डाउनलोड "is only available to Canva Pro, Canva Teams, Canva Business, Canva Education, and Canva for Nonprofits plans" (सिर्फ़ इन्हीं प्लान में उपलब्ध है)। इसके वीडियो डाउनलोड विकल्प MP4 और GIF हैं, और MP4 ट्रांसपेरेंट नहीं होता।
| टूल | ट्रांसपेरेंट एनिमेटेड एक्सपोर्ट | प्लान |
|---|---|---|
| Canva | सिर्फ़ GIF (1-bit किनारे) | Pro, Teams और अन्य पेड प्लान |
| Adobe Express | GIF में नहीं ("transparent background aren't supported in GIF exports"); ट्रांसपेरेंट वीडियो एक्सपोर्ट पर कोई आधिकारिक पेज नहीं | लागू नहीं |
| Jitter | WebM, MOV (ProRes 4444) या GIF | Max और Ultra प्लान |
| MorphLogo | MOV (ProRes 4444), green-screen keying से बना | पेड प्लान |
| After Effects | अल्फ़ा के साथ ProRes 4444, और भी कई | Creative Cloud सब्सक्रिप्शन |
Adobe Express ट्रांसपेरेंट वीडियो को ProRes 4444 के रूप में इम्पोर्ट कर सकता है, इसलिए आप Express प्रोजेक्ट में ट्रांसपेरेंट लोगो ला सकते हैं, भले ही उससे एक्सपोर्ट न कर सकें। स्रोत: Canva, Adobe Express, Jitter, MorphLogo।
Final Cut Pro, Premiere Pro या DaVinci Resolve में ट्रांसपेरेंट लोगो कैसे इस्तेमाल करें?
इसे अपनी फ़ुटेज के ऊपर वाले ट्रैक पर रखें। फिर editor इसके अल्फ़ा चैनल का इस्तेमाल करके इसे composite करता है। हर ऐप के डॉक्यूमेंटेशन में क्या लिखा है:
| Editor | डॉक्यूमेंटेशन क्या कहता है | सबसे सुरक्षित फ़ाइल |
|---|---|---|
| Final Cut Pro | "Apple ProRes (all versions)" और HEVC इम्पोर्ट करता है। Connected clip "is composited over the primary storyline video clip, with the alpha channel controlling the opacity of its clip" (primary storyline की वीडियो क्लिप के ऊपर composite होती है, और अल्फ़ा चैनल उसकी opacity तय करता है)। | HEVC alpha MOV या ProRes 4444 |
| Premiere Pro | HEVC इम्पोर्ट करता है; जब तक "Ignore Alpha Channel" सेट न हो, अल्फ़ा को बनाए रखता है। WebM Adobe की इम्पोर्ट सूची में नहीं है, और Adobe कम्युनिटी एक्सपर्ट्स के अनुसार Premiere WebM का अल्फ़ा नहीं पढ़ता। | ProRes 4444 |
| DaVinci Resolve | Resolve 21 की कोडेक सूची में ProRes 4444 अल्फ़ा के साथ दिखता है, और VP9 डिकोडिंग सिर्फ़ MOV और MP4 में बताई गई है, WebM में नहीं। | ProRes 4444 |
Apple अपने ऐप्स के लिए HEVC अल्फ़ा प्लेबैक और एन्कोडिंग का दस्तावेज़ देता है (Compressor 4.4.5 "अल्फ़ा चैनल के साथ HEVC प्लेबैक सपोर्ट करता है"), लेकिन तीनों एडिटर्स की गाइड में से कोई भी साफ़ तौर पर नहीं कहती कि इम्पोर्ट की गई HEVC-alpha फ़ाइल अपनी ट्रांसपेरेंसी बनाए रखती है। अगर आपके एडिटर में लोगो काले बैकग्राउंड पर दिखे, तो उसे ProRes 4444 में कन्वर्ट करें; यह फ़ाइल बड़ी होती है, लेकिन हर प्रोफ़ेशनल एडिटर इसे पढ़ता है।
कोने में लोगो रखने, उसका साइज़ तय करने और उसे फ़ेड करने के स्टेप वीडियो में एनिमेटेड लोगो कैसे जोड़ें में दिए गए हैं।
OBS में ट्रांसपेरेंट एनिमेटेड लोगो कैसे जोड़ें?
ट्रांसपेरेंट WebM के साथ Media Source इस्तेमाल करें। OBS ने वर्ज़न 17.0.1 में "Media Source के साथ alpha WebM फ़ाइलें डिकोड करने का सपोर्ट" जोड़ा था, और इसकी नॉलेज बेस में Media Source के फ़ॉर्मेट में .webm, .mov, .mp4 और .gif शामिल हैं।
- Sources पैनल में एक Media Source जोड़ें और अपनी WebM फ़ाइल चुनें।
- idle लूप के लिए Loop चालू करें, या एक बार चलने वाले इंट्रो के लिए इसे बंद रहने दें।
- प्रीव्यू में source का साइज़ और जगह तय करें, आमतौर पर उस कोने में जो आपके ओवरले में खाली रहता है।
- जिस लोगो को इवेंट्स पर रिएक्ट करना हो, उसके लिए Browser Source विकल्प है: OBS डिफ़ॉल्ट रूप से इसके पेज का बैकग्राउंड ट्रांसपेरेंट रखता है, इसलिए Rive फ़ाइल या वीडियो वाला वेब पेज ओवरले की तरह काम करता है।
अगर WebM में काला बॉक्स दिखे, तो जाँचें कि वह अल्फ़ा के साथ एन्कोड हुआ था (yuva420p pixel format वाला VP9) और एक्सपोर्ट के दौरान फ़्लैट नहीं हुआ।
क्या iMovie और CapCut ट्रांसपेरेंट लोगो सपोर्ट करते हैं?
दोनों में से कोई भी इसका दस्तावेज़ नहीं देता, इसलिए इस पर भरोसा न करें।
- Mac पर iMovie में opacity स्लाइडर के साथ picture-in-picture और cutaway इफ़ेक्ट हैं, और iPhone पर iMovie picture in picture समेत कई ओवरले टाइप देता है। Apple की iMovie गाइड में अल्फ़ा चैनल वाले वीडियो के बारे में कुछ नहीं कहा गया है।
- CapCut: हमें CapCut का कोई आधिकारिक पेज नहीं मिला जो कहे कि यह वीडियो का अल्फ़ा चैनल बनाए रखता है।
पूरा एडिट तैयार करने से पहले एक छोटी क्लिप से टेस्ट करें। अगर ट्रांसपेरेंसी खो जाए, तो भरोसेमंद विकल्प ये हैं: आपके वीडियो से मेल खाते सॉलिड बैकग्राउंड पर लोगो, या ग्रीन-स्क्रीन वर्ज़न जिसका बैकग्राउंड ऐप के ग्रीन-स्क्रीन इफ़ेक्ट से हटाया जाए।
क्या Keynote, PowerPoint या Google Slides में ट्रांसपेरेंट एनिमेटेड लोगो इस्तेमाल किया जा सकता है?
Keynote में हाँ: macOS 10.15 और उसके बाद के वर्ज़न पर यह HEVC और ProRes मूवी में ट्रांसपेरेंसी सपोर्ट करता है। Apple के कम्युनिटी फ़ोरम से एक सावधानी: Keynote 13.2 में एक ज्ञात खराबी थी, जिसमें ट्रांसपेरेंट ProRes 4444 मूवी में उसकी जगह सफ़ेद बैकग्राउंड दिखता था, इसलिए अपडेट के बाद टेस्ट करें।
PowerPoint और Google Slides का व्यवहार कम अनुमानित है। Microsoft PowerPoint में अल्फ़ा वीडियो प्लेबैक का दस्तावेज़ नहीं देता, और Google Slides सिर्फ़ YouTube, किसी URL या Google Drive से वीडियो जोड़ता है। दोनों में एनिमेटेड GIF सुरक्षित विकल्प है। हर ऐप की जानकारी प्रेज़ेंटेशन में एनिमेटेड लोगो में है।
Charmotion की कौन सी फ़ाइलें ट्रांसपेरेंट होती हैं?
सिर्फ़ पेड प्लान की वीडियो फ़ाइलें ($20/माह से): Chrome, Firefox और OBS के लिए VP9 alpha वाला WebM, और Final Cut Pro, Keynote, Safari और iOS के लिए HEVC alpha वाला MOV। जिन एडिटर को ProRes 4444 चाहिए, उनके लिए MOV या WebM को खुद कन्वर्ट करें। Rive फ़ाइल भी ट्रांसपेरेंट होती है।
हर सेट की MP4 और GIF फ़ाइलें सॉलिड बैकग्राउंड पर आती हैं। Charmotion ट्रांसपेरेंट GIF नहीं देता। अगर आपको चाहिए, तो उसे ट्रांसपेरेंट WebM से कन्वर्ट करें और 1-bit किनारों और कुछ हेलो की उम्मीद रखें; चैट ऐप और वेब के लिए WebM या APNG किनारों को ज़्यादा स्मूद रखते हैं।
अक्सर पूछे जाने वाले सवाल
क्या GIF लोगो का बैकग्राउंड ट्रांसपेरेंट हो सकता है?
हाँ, लेकिन हर पिक्सेल या तो पूरी तरह ट्रांसपेरेंट होता है या पूरी तरह अपारदर्शी, इसलिए मुलायम किनारे टेढ़े-मेढ़े हो जाते हैं या उस रंग की किनारी रख लेते हैं जिस पर उन्हें फ़्लैट किया गया था। यह किसी तय बैकग्राउंड रंग पर सादे फ़्लैट लोगो के लिए ठीक है; शैडो या ग्रेडिएंट वाली किसी भी चीज़ के लिए अल्फ़ा वाला वीडियो इस्तेमाल करें।
मेरा ट्रांसपेरेंट MOV मेरे Mac पर ठीक दिखता है, लेकिन एडिटर में काला क्यों दिखता है?
आपके Mac का प्लेयर HEVC अल्फ़ा समझता है, लेकिन एडिटर शायद सिर्फ़ बेस वीडियो लेयर पढ़ता है, और Apple के अनुसार अल्फ़ा न समझने वाले प्लेयर यही दिखाते हैं। फ़ाइल को ProRes 4444 में कन्वर्ट करें, जिसे प्रोफ़ेशनल एडिटर ट्रांसपेरेंसी के साथ पढ़ते हैं।
लोगो के लिए ProRes 4444 बेहतर है या HEVC alpha?
HEVC alpha कहीं छोटा होता है और Safari, iOS, Keynote और Final Cut Pro में नेटिव रूप से चलता है। ProRes 4444 काफ़ी बड़ा होता है, लेकिन Premiere Pro और DaVinci Resolve जैसे एडिटर्स में सबसे ज़्यादा स्वीकार किया जाने वाला ट्रांसपेरेंट फ़ॉर्मेट है। अगर आपका लोगो कई टीमों को जाता है, तो दोनों रखें।
इस गाइड से झटपट जवाब
स्रोत
- HEVC Video with Alpha (WWDC19 session 506), Apple Developer
- Using HEVC video with alpha, Apple Developer
- Web video codec guide, MDN Web Docs
- Image file type and format guide, MDN Web Docs
- Movie formats and transparency in Keynote on Mac, Keynote User Guide
- Add video and audio in Keynote on Mac (13.1), Keynote User Guide
- Keynote transparent video shows a white background, Apple Support Community
- Supported file formats in Premiere, Adobe Premiere Help
- Interpret footage in Premiere Pro, Adobe Premiere Help
- Import formats supported in Final Cut Pro, Final Cut Pro User Guide
- Use alpha channels in Final Cut Pro, Final Cut Pro User Guide
- Compressor 4.4.5 release notes, Apple Support
- DaVinci Resolve 21 supported codec list, Blackmagic Design
- OBS Studio 17.0.1 release notes, OBS Project on GitHub
- Media Source, OBS Studio Knowledge Base
- Browser Source, OBS Studio Knowledge Base
- Download designs with a transparent background, Canva Help Center
- Downloading designs as video or GIF, Canva Help Center
- Export as GIF, Adobe Express Help
- Supported formats for transparent videos, Adobe Express Help
- Export with a transparent background, Jitter Help Center
- MorphLogo, MorphLogo
- Picture-in-picture effects in iMovie on Mac, iMovie User Guide
- Add video overlay effects in iMovie on iPhone, iMovie User Guide
- Insert or delete images and videos in Google Slides, Google Docs Editors Help