प्रेजेंटेशन बनाने के लाखों तरीके हैं, लेकिन फिगमा इसके लिए एक अंडररेटेड टूल है। Figma में प्रोटोटाइप फीचर कई अनुकूलन योग्य संक्रमण विकल्पों की अनुमति देता है। न केवल आपके ट्रांज़िशन आपके दर्शकों को आकर्षित करेंगे, बल्कि आप अतिरिक्त पिज़्ज़ाज़ के लिए प्लगइन्स को शामिल कर सकते हैं और अपने दर्शकों को व्यस्त रख सकते हैं, जिससे आप अपने कौशल में आत्मविश्वास महसूस कर सकते हैं।
हम आपको दिखाने जा रहे हैं कि Figma का उपयोग करके किलर प्रेजेंटेशन कैसे बनाया जाता है; बस इस गाइड का पालन करें।
1. अपना पहला प्रेजेंटेशन फ्रेम सेट करें
खुला हुआ फिग्मा और क्लिक करें नई डिजाइन फ़ाइल। दबाएं फ़्रेम टूल (एफ) अपना फ्रेम बनाने के लिए या दाईं ओर एक प्रीसेट फ्रेम चुनने के लिए प्रस्तुति > स्लाइड 16:9. तुम कर सकते हो एक मास्टर टेम्पलेट बनाएं समय बचाने के लिए।
ऊपर बाईं ओर नीले शीर्षक पर डबल-क्लिक करके अपने फ्रेम का नाम बदलें। एक पृष्ठभूमि रंग सेट करें; हालांकि, आप सभी फ़्रेमों को हाइलाइट करके और भरण रंग बदलकर इसे बाद में कभी भी बदल सकते हैं।
2. शीर्षक टेक्स्ट जोड़ें
उपयोग टेक्स्ट टूल (टी) और अपना शीर्षक लिखें। अलग-अलग पंक्तियों के लिए अलग-अलग टेक्स्ट बॉक्स का उपयोग करें, प्रति पंक्ति केवल एक या दो शब्दों के साथ। में अपनी टेक्स्ट प्राथमिकताएं सेट करें
मूलपाठ दाईं ओर मेनू। Figma Google फोंट का उपयोग करता है, इसलिए आप शायद जानना चाहें सर्वश्रेष्ठ Google फोंट जोड़ी.3. एक छवि जोड़ें
तुम कर सकते हो स्टॉक फोटो का उपयोग करें या अपनी खुद की प्रासंगिक फोटो लें। एक छवि जोड़ने के लिए, का उपयोग करके एक आयत बनाएं रेकटेंगल टूल (आर). आपकी छवि इस आकार में बैठेगी।
आयत पर क्लिक करें और जाएँ भरना और क्लिक करें रंगीन वर्ग. तब दबायें ठोस > छवि > छवि चुनें. अपनी छवि ढूंढें और क्लिक करें खुला हुआ. 4 सफेद वृत्त प्रकट करने के लिए चित्र पर होवर करें। अपनी छवि के कोनों को गोल करने के लिए एक सर्कल को अंदर की ओर क्लिक करें और खींचें।
अपनी परतों को व्यवस्थित करें ताकि छवि सबसे पीछे हो और पाठ शीर्ष परत पर हो। आप लेयर्स पैनल में या उपयोग करके लेयर्स को ड्रैग कर सकते हैं सीएमडी/सीटीआरएल + [ एक परत वापस भेजने के लिए या सीएमडी/सीटीआरएल +] एक परत आगे लाने के लिए।
4. पहला संक्रमण बनाएँ
पहला संक्रमण छवि को खोलेगा और शीर्षक पाठ को फ्रेम में स्लाइड करने की अनुमति देगा। सबसे पहले, पहले फ्रेम को चुनकर और मारकर डुप्लिकेट करें सीएमडी/सीटीआरएल + डी इसे डुप्लिकेट करने के लिए।
बाएं हाथ के फ्रेम पर, ऊंचाई विशेषताओं को कम करके छवि को छोटा करें एच छवि का एक क्षैतिज भट्ठा छोड़कर, लगभग 150 तक बॉक्स। फ़्रेम में दोनों छवियों का चयन करके और क्लिक करके इसे केंद्र-संरेखित करें हेपीटीशन + वी (मैक) या ऑल्ट + वी (खिड़कियाँ)।
छवि संक्रमण को पूरा करने के लिए, बाएं हाथ की छवि का चयन करें। फिर बदलें अस्पष्टता पास थ्रू अंडर लेयर के बगल में स्थित बॉक्स में दाहिने हाथ के मेनू में 0% तक। यह संक्रमण और खुलने से पहले छवि को अदृश्य बना देगा।
पहले टेक्स्ट बॉक्स पर क्लिक करें और दबाए रखें बदलाव. खींचना प्रारंभ करें, फिर भी दबाए रखें स्पेस बार और टेक्स्ट को फ्रेम से बाहर खींचना जारी रखें। ऐसा लगता है कि यह फ्रेम से बाहर एक बार गायब हो जाता है। स्पेसबार को जोड़े बिना, यह ट्रांज़िशन काम नहीं करेगा, लेकिन अगर आप ड्रैग करने से पहले स्पेसबार को पकड़ते हैं, तो यह केवल आपके फ्रेम को हिलाएगा।
अपने दूसरे या बाद के टेक्स्ट बॉक्स के लिए इसे फिर से करें, लेकिन ट्रांज़िशन में कुछ विविधता जोड़ने के लिए उन्हें थोड़ा और बाईं ओर खींचें। पाठ अभी भी चयनित होने के साथ, परत अपारदर्शिता को 0% तक कम करें जैसा आपने पहले छवि के लिए किया था।
ट्रांज़िशन सेट करने के लिए, यहां जाएं प्रोटोटाइप. बाएं हाथ के फ्रेम का चयन करें और क्लिक करें नीला घेरा जो फ्रेम के दायीं ओर के केंद्र में दिखाई देता है। इसे ड्रैग करें, ताकि लाइन आपके दूसरे फ्रेम पर जाए।
ड्रॉप-डाउन में जो कहता है तुरंत, चुनते हैं स्मार्ट चेतन. फिर के साथ बॉक्स बदलें स्टॉपवॉच देखनी 1000ms तक। यह आपके संक्रमण को माउस के क्लिक से एक सेकंड लेने के लिए निर्धारित करेगा। अन्य सेटिंग्स डिफ़ॉल्ट रूप से सेट की जानी चाहिए। सुनिश्चित करें कि आप ट्रांज़िशन सेट करने के बाद फ़्रेम शीर्षकों का नाम नहीं बदलते हैं, अन्यथा, फ़ाइलें कनेक्ट नहीं होंगी।
दबाएं खेलें अपने संक्रमण का परीक्षण करने के लिए बटन। वापस जाओ डिज़ाइन अपनी प्रस्तुति डिजाइन जारी रखने के लिए।
5. और स्लाइड्स जोड़ें
स्लाइड 1 से स्लाइड 2 में संक्रमण के लिए, अपनी सबसे दाहिनी ओर की स्लाइड की नकल करें (सीएमडी/सीटीआरएल + डी). नई फ़्रेम में—स्लाइड 2—पिछली तकनीक का उपयोग करके टेक्स्ट बॉक्स को फ़्रेम से बाहर ले जाएं (बदलाव + खींचें फिर स्पेस बार आपके द्वारा घसीटना शुरू करने के बाद)। एक टेक्स्ट बॉक्स को बाईं ओर और दूसरे को फ़्रेम के दाईं ओर ले जाएँ। दोनों के लिए अपारदर्शिता को 0% पर सेट करें।
छवि के लिए, इसे नीचे स्केल करें और इसे केंद्र से थोड़ा दूर ले जाएं, फिर अपारदर्शिता को 0% पर सेट करें। यह, प्रभावी रूप से, आपको अपनी दूसरी स्लाइड के लिए एक खाली कैनवास देता है। आप पिछली स्लाइड से अदृश्य संपत्तियों के ऊपर सामग्री जोड़ सकते हैं।
फ़्रेम के केंद्र में एक बड़ी छवि जोड़ें। अपनी छवि के ऊपर कुछ सजावट जोड़ने के लिए, a. का उपयोग करें GIFs के लिए Figma प्लगइन या Giphy से स्टिकर GIF डाउनलोड करें और इसे छवि के ऊपर खींचें। अपनी मुख्य छवि और किसी भी GIF का चयन करें, और उन्हें एक साथ समूहित करें (सीएमडी/सीटीआरएल + जी), यह सुनिश्चित करता है कि स्मार्ट एनिमेट ठीक से काम करेगा।
समूह का चयन करें और इसे कॉपी करें (सीएमडी/सीटीआरएल + सी). फिर इसे स्लाइड 1 के फ्रेम पर पेस्ट करें (सीएमडी/सीटीआरएल + वी). इसे कम करें और अपारदर्शिता को 0% पर सेट करें। फिर इस लेयर को पीछे की ओर ले जाएँ (सीएमडी/सीटीआरएल + [). यह अगली स्लाइड में एक सहज संक्रमण सुनिश्चित करता है।
के लिए जाओ प्रोटोटाइप. स्लाइड 2 का चयन करें और नीले वृत्त को स्लाइड 3 पर खींचने के लिए उसे क्लिक करें। प्रोटोटाइप मेनू में Figma का डिफ़ॉल्ट पिछली सेटिंग्स का उपयोग करना है, इसलिए उन्हें पिछले संक्रमण के अनुसार सभी सेट किया जाना चाहिए। वापस जाओ डिज़ाइन.
अंतिम स्लाइड को डुप्लिकेट करें (सीएमडी/सीटीआरएल + डी). यह स्लाइड पिछली छवि के समान छवि का उपयोग करेगी, लेकिन हम इसे फ़्रेम के एक तरफ स्केल करेंगे। छवि को होल्ड करते हुए खींचकर फ़्रेम के बाईं ओर ले जाएँ बदलाव. छवि के दाहिने किनारे पर तब तक होवर करें जब तक कि विपरीत दिशा वाले तीर दिखाई न दें, छवि के दाहिने किनारे को संतुष्ट होने तक बाईं ओर क्लिक करें और खींचें।
के लिए जाओ प्रोटोटाइप और दोनों फ्रेम को आपस में जोड़ दें। फिर वापस जाएं डिज़ाइन.
स्केल की गई छवि के दाईं ओर एक शीर्षक और बॉडी टेक्स्ट जोड़ें, और उन्हें एक साथ समूहित करें। टेक्स्ट ग्रुप को कॉपी करें और पिछली स्लाइड पर पेस्ट करें। टेक्स्ट समूह को पहले की तरह फ़्रेम के दाईं ओर क्लिक करें और खींचें।
6. एक मॉकअप जोड़ें
एक मॉकअप बनाएँ; हमारी जाँच करें Figma में प्लगइन्स का उपयोग करके मॉकअप बनाने के लिए गाइड. एक नया फ्रेम जोड़ें, फिर उस पर अपना मॉकअप पेस्ट करें। फ़्रेम में फ़िट होने के लिए मॉकअप का आकार बदलें।
मॉकअप को कॉपी करें और पिछले फ्रेम में पेस्ट करें। छवि वाले हिस्से में फ़िट होने के लिए इसका आकार बदलें, फिर इसे परतों के पीछे ले जाएँ और अपारदर्शिता को 0% पर सेट करें। फ़्रेम को इसमें लिंक करें प्रोटोटाइप.
7. लेबल जोड़ें
मॉकअप फ़्रेम का डुप्लीकेट बनाएं. अपने मॉकअप के कुछ हिस्सों की व्याख्या करने के लिए एक शीर्षक और विवरण जोड़ें। टेक्स्ट को एक साथ ग्रुप करें और उसे नाम दें। तब आप कर सकते हो एक पाले सेओढ़ लिया गिलास संकेतक बनाएँ आपके बुलेट पॉइंट और लाइन के लिए। एक सर्कल के साथ एक लाइन को एक साथ ग्रुप करें। अपने संकेतक को उसके वर्णन के साथ पंक्तिबद्ध करें और उसके आगे अपना विवरण जोड़ें। फ़्रेम को इसमें लिंक करें प्रोटोटाइप.
फ़्रेम को डुप्लिकेट करें और जो वर्णन कर रहा है उसके साथ एक और बुलेट पॉइंट इंडिकेटर जोड़ें। इसे फिर से प्रोटोटाइप करें। प्रत्येक फ्रेम को प्रति बुलेट बिंदु पर डुप्लिकेट करें, इसलिए प्रत्येक बुलेट बिंदु अकेले संक्रमण करता है।
8. अपनी प्रस्तुति समाप्त करें
अंतिम स्लाइड को डुप्लिकेट करें। एक अंतिम शब्द या दो लिखें और इसे केंद्र में रखें। टेक्स्ट को कॉपी करें और पिछली स्लाइड पर पेस्ट करें।
होल्ड करके टेक्स्ट को छोटा करें क इसे स्केल करते समय—यह आपके टेक्स्ट को आकार देते समय स्वरूपित रखता है। अपने टेक्स्ट को मॉकअप के शीर्ष के पास कहीं रखें और छवि के नीचे परत को पीछे की ओर भेजें। अपारदर्शिता को 0% पर सेट करें। अपनी अंतिम स्लाइड पर वापस जाएं।
ड्रैगिंग विधि का उपयोग करके अन्य सभी वस्तुओं को फ्रेम से बाहर ले जाएं। जैसे-जैसे टेक्स्ट ऊपर से नीचे जाता है और फैलता है, ट्रांज़िशन सब कुछ पक्षों और शीर्ष की ओर स्लाइड करेगा। स्लाइड्स को लिंक करें प्रोटोटाइप.
9. अपनी फिगमा प्रस्तुति साझा करें
आप अपनी प्रस्तुति को कहीं भी एक्सेस कर सकते हैं, जहां आप अपने Figma खाते में लॉग इन कर सकते हैं या दूसरों के साथ URL साझा कर सकते हैं, ताकि वे कहीं से भी देख सकें। अपनी अंतिम प्रस्तुति को उसके परिवर्तनों के साथ प्रस्तुत करने के लिए, क्लिक करें खेलें बटन और फ़ुल-स्क्रीन मोड में मौजूद है।
आप फ़्रेम को PDF के रूप में भी सहेज सकते हैं, हालाँकि ऐसा करने से आप एनिमेटेड ट्रांज़िशन खो देंगे।
Figma के साथ अपनी प्रस्तुतियों का स्तर बढ़ाएं
यह प्रस्तुति न केवल न्यूनतम है, जो आपके दर्शकों को अभिभूत नहीं करेगी, बल्कि बदलाव पेशेवर और साफ-सुथरे हैं। Figma का इस तरह से उपयोग करने के लिए UI/UX विशेषज्ञ की आवश्यकता नहीं है जो आपकी प्रस्तुतियों को लाभ पहुंचाए, चाहे आपकी नौकरी की भूमिका कोई भी हो। आत्मविश्वास के साथ उपस्थित हों, और आपकी प्रस्तुति कैसे हुई, इस बारे में प्रश्नों से आप अभिभूत हो जाएंगे।
