टूल्स95

संपादित करें / एक व्यावहारिक छवि गाइड

छवियों से GIF कैसे बनाएं

तस्वीरों के एक सेट को उसकी अपनी लय दें।

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

गाइड का पालन करें
चार वास्तविक स्रोत छवियां और डाउनलोड किया गया परिणाम
पहले एनिमेशन से पहले चार पूर्ण कक्षीय नमूना चित्र, उनके मूल क्रम में एक साथ प्रदर्शित।

चार मूल 640 × 640 WebP चित्र, इस तुलना के लिए एक संपर्क पत्रक के रूप में व्यवस्थित।

बाद में डाउनलोड किए गए कक्षीय GIF का वास्तविक पहला फ्रेम, जिसमें नीचे जोड़ा गया सफेद 'Made to loop' कैप्शन शामिल है।

animation.gif का पहला फ्रेम: 640 × 640 px; पूर्ण 20-फ्रेम लूप 3.4 सेकंड तक चलता है।

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

पहले चार छवियों के साथ उदाहरण बनाएं, फिर ऑर्डरिंग, फ्रेम अवधि और कैनवास को अपने स्वयं के फोटो अनुक्रम के अनुसार अनुकूलित करें। GIF मेकर खोलें.

01

छवियां चुनें और फ्रेम अनुक्रम व्यवस्थित करें

GIF मेकर खोलें और इमेज चुनें। अपनी तस्वीरें अपलोड करें या 'Try an example' चुनें। सामान्य इनपुट में JPG, PNG, WebP और GIF शामिल हैं; अपलोड फॉर्म अतिरिक्त समर्थित प्रारूपों को सूचीबद्ध करता है। एक बैच में 50 फ़ाइलें हो सकती हैं, जिसमें प्रति छवि 25 MB की सीमा और समग्र प्रसंस्करण सीमाएं हैं।

यह उदाहरण gif-orbit-01.webp से gif-orbit-04.webp तक लोड करने के लिए 'Try an example' का उपयोग करता है। प्रत्येक मूल 640 × 640 पिक्सेल है, और चार तस्वीरें एक ही कक्षीय दृश्य में अलग-अलग स्थितियां दिखाती हैं। काम किए गए परिणाम के लिए उनका मूल क्रम रखें।

फ्रेम कार्ड प्रीव्यू के ऊपर स्थित होते हैं। किसी कार्ड की स्थिति बदलने के लिए उसे ड्रैग करें, या उसे चुनें और सेटिंग्स पैनल में 'पहले ले जाएं' या 'बाद में ले जाएं' का उपयोग करें। कीबोर्ड उपयोगकर्ता एरो कीज़ के साथ कार्ड चुन सकते हैं और Alt के साथ एरो की का उपयोग करके उन्हें पुनर्व्यवस्थित कर सकते हैं। प्रीव्यू के ऊपर 'Play' वर्तमान अनुक्रम की जाँच करता है।

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

स्पष्ट प्रगति वाले संबंधित चित्रों का उपयोग करें। एक सरल अनुक्रम का पालन करना कई असंबंधित तस्वीरों के तेजी से बदलने की तुलना में आसान होता है।

02

प्रत्येक फ्रेम की अवधि सेट करें और एक ट्रांज़िशन चुनें

एक फ्रेम चुनें और सेकंड में 'Duration' सेट करें। समर्थित सीमा प्रति सोर्स फ्रेम 0.02 से 10 सेकंड है। 'यह अवधि सभी फ्रेम पर लागू करें' हर फ्रेम को चयनित टाइमिंग देता है। शीर्षक या विस्तृत अंतिम फोटो वाले स्लाइडशो के लिए, उस फ्रेम को बाकी की तुलना में अधिक समय तक दृश्यमान रखें।

उदाहरण के लिए, प्रत्येक 'Duration' को 0.65 सेकंड पर रखें। 'Try an example' पहले से ही यह मान सेट कर देता है; अपनी छवियों के साथ, एक फ्रेम के लिए 0.65 दर्ज करें और 'यह अवधि सभी फ्रेम पर लागू करें' चुनें। 'Transition' के अंतर्गत 'Soft fade' चुनें और 'Transition time' को 0.20 सेकंड, या 200 मिलीसेकंड पर सेट करें।

'टेक्स्ट और निर्यात गुणवत्ता' खोलें और 'Transition steps' को 4 पर रखें। प्रत्येक फेड चार मध्यवर्ती फ्रेम जोड़ता है। चार मूल फ्रेम, चार लूपिंग फेड, 'Forward' प्लेबैक और 'Repeat forever' के साथ, इस उदाहरण में 20 रेंडर किए गए फ्रेम शामिल हैं। चार 0.65-सेकंड होल्ड और चार 0.20-सेकंड फेड मिलकर एक 3.4-सेकंड का चक्र बनाते हैं।

'Clean cut' ट्रांज़िशन फ्रेम जोड़े बिना सीधे छवियों के बीच स्विच करता है। 'Slide left' अगली छवि को कैनवास पर ले जाता है। अधिक ट्रांज़िशन स्टेप्स ट्रांज़िशन को स्मूथ बना सकते हैं, लेकिन वे 200-फ्रेम एक्सपोर्ट बजट का अधिक उपयोग करते हैं। जब चुना गया अनुक्रम और प्रभाव उस सीमा से अधिक हो जाते हैं, तो एडिटर रिपोर्ट करता है।

'Forward' अनुक्रम को क्रम में चलाता है, 'Reverse' इसे पीछे की ओर चलाता है, और 'Bounce' दोनों एंडपॉइंट फ्रेम को दोहराए बिना अनुक्रम के माध्यम से वापस आता है। 'Loop' अंतहीन पुनरावृत्ति या प्ले की एक निश्चित संख्या चुनता है। काम किए गए उदाहरण के लिए, 'Forward' और 'Repeat forever' रखें।

'Duration' ट्रांज़िशन से पहले का होल्ड है; 'Transition time' इसमें जोड़ा जाता है। जब फेड भी सक्षम होते हैं, तो 0.65 सेकंड पर चार तस्वीरें 2.6-सेकंड का लूप नहीं बनाती हैं।

इस गाइड में दिया गया उदाहरण

उनके मूल क्रम में चार उदाहरण चित्र; 0.65 सेकंड प्रति फ्रेम; आगे; हमेशा दोहराएं; सॉफ्ट फेड; 0.20 सेकंड संक्रमण समय; 4 संक्रमण चरण; वर्ग 640 × 640 px; पूरा चित्र दिखाएं; 100% ज़ूम पर केंद्रित; पहले फ्रेम का कैप्शन "Made to loop."; नीचे; 32 px; सफेद; 256 रंग; स्मूथ कलर ग्रेडिएंट और फ़ाइल आकार ऑप्टिमाइज़ सक्षम।

स्रोत चित्र
4 WebPs · प्रत्येक 640 × 640 px
फ्रेम टाइमिंग
0.65 सेकंड होल्ड + 0.20 सेकंड फेड
डाउनलोड किया गया GIF
640 × 640 px · 20 फ्रेम
एनिमेशन चक्र
3.4 सेकंड · हमेशा दोहराता है
03

कैनवास चुनें, छवियों को रिफ्रेम करें और कैप्शन जोड़ें

'Canvas & background' के अंतर्गत, उदाहरण के लिए 'Square · 1:1' चुनें और 'Width' और 'Height' को 640 px पर रखें। अन्य प्रीसेट में 'Portrait', 'Story', 'Landscape' और 'Widescreen' शामिल हैं। 'Match first image' पहली छवि के आकार से शुरू होता है, जबकि 'कस्टम आकार' प्रति किनारे 16 से 1600 px तक के आयामों को स्वीकार करता है, जो एनीमेशन की कुल प्रोसेसिंग सीमा के अधीन है।

'Image fit' में 'पूरी छवि दिखाएं' और 'कैनवास भरें' विकल्प मिलते हैं। 100% ज़ूम पर 'पूरी छवि दिखाएं' सभी सोर्स किनारों को रखता है और अलग आकार वाली तस्वीर के चारों ओर बैकग्राउंड छोड़ सकता है। 'कैनवास भरें' आउटपुट क्षेत्र को कवर करता है और किनारों को क्रॉप कर सकता है। 'Background' को वांछित फिल पर सेट करें या जब गंतव्य को आवश्यकता हो तो 'पारदर्शी पृष्ठभूमि' सक्षम करें।

किसी फ्रेम को स्वतंत्र रूप से फ्रेम करने के लिए उसे चुनें। प्रीव्यू को ड्रैग करें या ज़ूम बदलें, 90-डिग्री रोटेशन के लिए बाएँ या दाएँ का उपयोग करें, या मिरर करने के लिए फ्लिप करें। 'रीसेट फ्रेम' उस फ्रेम को 100% ज़ूम पर केंद्रित और बिना रोटेट किए वापस ले आता है। उदाहरण में चारों मूल वर्गाकार चित्रों को केंद्रित रखा गया है और 'पूरी छवि दिखाएं' का उपयोग किया गया है।

पहला फ्रेम चुनें और कैप्शन में 'Made to loop.' दर्ज करें। अन्य तीन कैप्शन खाली छोड़ दें। 'टेक्स्ट और एक्सपोर्ट क्वालिटी' के अंतर्गत, कैप्शन की स्थिति को 'नीचे', कैप्शन का आकार 32 px और कैप्शन का रंग सफेद रखें। कैप्शन अलग-अलग फ्रेम से संबंधित होते हैं; दूसरा फ्रेम चुनने पर आप एक अलग पंक्ति लिख सकते हैं। उदाहरण का पहला कैप्शन अपने फ्रेम के साथ फीका पड़ जाता है।

GIF रंगों को 256 पर रखें · अधिक विवरण के लिए, परिणाम के लिए 'स्मूथ कलर ग्रेडिएंट्स' और 'ऑप्टिमाइज़ फ़ाइल साइज़' सक्षम रखें। कम रंगों से फ़ाइल हल्की हो सकती है लेकिन सूक्ष्म शेड्स बदल सकते हैं। 'स्मूथ कलर ग्रेडिएंट्स' डिथरिंग का उपयोग करता है, जो एक दृश्यमान महीन पैटर्न जोड़ते हुए कलर बैंड्स को नरम कर सकता है।

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

04

GIF बनाएं और डाउनलोड की गई एनीमेशन की समीक्षा करें

प्रीव्यू चलाएं और एक पूरा चक्र देखें, जिसमें अंतिम फ्रेम से पहले फ्रेम तक की वापसी भी शामिल है। जांचें कि कैप्शन पर्याप्त समय तक दिखाई दे रहे हैं, क्रॉपिंग एक समान है और कोई भी फ्रेम जल्दबाजी में नहीं लग रहा है। जब अनुक्रम तैयार हो जाए तो 'Create GIF' चुनें; सर्वर अपलोड की गई मूल फाइलों से अंतिम एनीमेशन रेंडर करता है।

कार्यशील उदाहरण animation.gif को 640 × 640 पिक्सेल पर डाउनलोड करता है। वास्तविक आउटपुट में 20 फ्रेम, 3.4-सेकंड का चक्र और अंतहीन लूपिंग है। ऊपर दी गई तुलना चार मूल छवियों को एक कॉन्टैक्ट शीट के रूप में और उस डाउनलोड की गई GIF के वास्तविक पहले फ्रेम को दिखाती है, जिसमें जोड़ा गया 'मेड टू लूप' कैप्शन भी शामिल है।

लेख की छवियां केवल पूर्वावलोकन हैं, न कि एनीमेशन प्लेयर। टाइमिंग और लूप की जांच करने के लिए डाउनलोड की गई GIF को किसी ऐसे ऐप में खोलें जो एनीमेशन का समर्थन करता हो। एक पूर्वावलोकन जो सुचारू दिखता है, GIF पैलेट रूपांतरण के बाद रंग बदल सकता है, इसलिए साझा करने से पहले सहेजे गए परिणाम का निरीक्षण करें।

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

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

एक स्थिर छवि दर्शक केवल पहला GIF फ्रेम दिखा सकता है। यह निष्कर्ष निकालने से पहले कि एनीमेशन गायब है, फ़ाइल का परीक्षण ब्राउज़र या किसी अन्य एनीमेशन-सक्षम दर्शक में करें।

उपयोगी विवरण

सामान्य प्रश्न

क्या मैं JPG और PNG चित्रों को मिलाकर GIF बना सकता हूँ?

हाँ। चित्र मोड समर्थित छवि प्रारूपों को एक अनुक्रम में जोड़ सकता है। प्रत्येक इनपुट एक या अधिक टाइमलाइन फ्रेम बन जाता है। एक साझा कैनवास आकार चुनें और प्रत्येक चित्र के फिट की जाँच करें।

क्या प्रत्येक चित्र अलग-अलग समय के लिए स्क्रीन पर रह सकता है?

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

GIF में तस्वीरों की संख्या से अधिक फ्रेम क्यों हैं?

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

क्या मैं हर चित्र पर एक अलग कैप्शन लगा सकता हूँ?

हाँ। कैप्शन चयनित फ्रेम पर लागू होता है। अपना टेक्स्ट दर्ज करने के लिए प्रत्येक फ्रेम का चयन करें। कैप्शन की स्थिति, आकार और रंग एनिमेशन के लिए साझा स्टाइलिंग नियंत्रण हैं।

क्या GIF का बैकग्राउंड पारदर्शी हो सकता है?

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

फोटो के कुछ किनारे गायब क्यों हैं?

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

क्या GIF को तेज़ चलाने से उसकी फ़ाइल छोटी हो जाती है?

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

क्या सभी चित्र मेरे ब्राउज़र में संसाधित होते हैं?

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

आपकी बारी

अपनी तस्वीरों को स्पष्ट लय के साथ लूप में बदलें

एक नमूना आज़माएं या अपनी खुद की फ़ाइल का उपयोग करें, और साझा करने से पहले परिणाम की समीक्षा करें।

GIF मेकर खोलें

छवि विवरण

भाषा38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

अपनी भाषा चुनें। वीडियो ट्यूटोरियल में वर्तमान में अंग्रेजी नैरेशन का उपयोग किया जाता है।