रूसी में फ्लैश वीडियो बनाने का कार्यक्रम। फ्लैश एनिमेशन निर्माण

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

फ्लैश संपादकफ्लैश एनिमेशन बनाने और तैयार फ्लैश वीडियो को संपादित करने का एक कार्यक्रम है।

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

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

एडोब फ्लैश प्रोफेशनल के साथ एनिमेशन

एडोब फ्लैश प्रोफेशनल CS3- इस कार्यक्रम के फायदे और कार्यक्षमता को बहुत लंबे समय तक वर्णित किया जा सकता है। यह कार्यक्रम फ्लैश प्रौद्योगिकी वातावरण में निर्विवाद नेता है। Adobe Flash Professional का उपयोग पेशेवर वेब साइट डेवलपर और फ़्लैश डिज़ाइनर दोनों द्वारा किया जाता है।

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

वॉल्यूम 500 एमबी से संस्करण पर निर्भर करता है।

फिलहाल, Adobe Flash Professional CS5 एनिमेशन और मल्टीमीडिया के साथ काम करने के लिए प्रोग्राम का एक नया संस्करण है।

ओएस: विंडोज एक्सपी/विस्टा/7

कार्यक्रम का स्क्रीनशॉट:

शायद, एक नौसिखिए वेब मास्टर के लिए, एडोब फ्लैश प्रोफेशनल का उपयोग करके फ्लैश एनीमेशन बनाना कुछ जटिल और पहुंच से बाहर होगा।

इस मामले में, निराशा न करें और जो आपने शुरू किया है उसे छोड़ दें। स्विशमैक्स के साथ अपने फ्लैश आइडियाज आजमाएं।

स्विशमैक्स - फ्लैश एडिटर

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

वॉल्यूम: 9.27 एमबी।

इंटरफ़ेस भाषा रूसी है।

ऑपरेटिंग सिस्टम: विंडोज 98/Me/NT/2000/XP

कार्यक्रम का स्क्रीनशॉट:

मगरमच्छ फ्लैश डिजाइनर

निम्नलिखित फ्लैश प्रोग्राम कार्यक्षमता और इंटरफ़ेस सामग्री दोनों के संदर्भ में और भी सरल है। इस फ्लैश संपादक की क्षमताएं आपको मिनटों में साइट के लिए आसानी से एक फ्लैश बैनर बनाने की अनुमति देती हैं।

130 से अधिक प्रभाव हैं: फीका, ज़ूम, घुमाएँ। एनिमेटेड ड्रॉइंग, आकार या टेक्स्ट, और यहां तक ​​कि ध्वनि भी आपके फ्लैश एनीमेशन में मूल रूप से जोड़े जाते हैं।

यहां आप ऑनक्लिक या ऑनओवर भी निर्दिष्ट कर सकते हैं।

वॉल्यूम: 5.3 एमबी।

इंटरफ़ेस भाषा रूसी है।

ओएस: विंडोज एक्सपी/विस्टा/7

कार्यक्रम का स्क्रीनशॉट:

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

फ्लैश डीकंपलर ट्रिलिक्स

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

फ्लैश डीकंपलर का लाभ एफएलए में परिवर्तित किए बिना ध्वनि, चित्र, रंग, ग्रेडिएंट, रेखाएं, गतिशील टेक्स्ट और लिंक संपादित करना है।

वॉल्यूम: 7.27 एमबी।

इंटरफ़ेस भाषा रूसी है।

ओएस: विंडोज एक्सपी/विस्टा/7

कार्यक्रम का स्क्रीनशॉट:

13 अक्टूबर 2014

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

फ्लैश प्रौद्योगिकी

मल्टीमीडिया फ्रेमवर्क मैक्रोमीडिया द्वारा विकसित किया गया था। लेकिन इसके अधिग्रहण (विलय) के बाद, प्रौद्योगिकी के सभी अधिकार एक नए मालिक - Adobe Systems को हस्तांतरित कर दिए गए।

एडोब फ्लैश के आधुनिक अनुप्रयोग का दायरा:

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

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

• मल्टीमीडिया क्षमताओं का कार्यान्वयन - साइटों पर ऑडियो सुनने और वीडियो चलाने के लिए, फ्लैश पर आधारित मीडिया प्लेयर का अक्सर उपयोग किया जाता है। उनके विकास में स्क्रिप्टिंग भाषाओं में से एक (अधिक बार जावास्क्रिप्ट) का उपयोग शामिल है:

• इंटरनेट विज्ञापन में - एनिमेटेड बैनर बनाने के लिए अक्सर तकनीक का उपयोग किया जाता है। वे न केवल मल्टीमीडिया विज्ञापन के प्लेबैक का संकेत देते हैं, बल्कि खेल के आधार पर उपयोगकर्ता के साथ किसी प्रकार की बातचीत भी करते हैं।

फ्लैश विकास के लिए बुनियादी बातें और उपकरण

फ्लैश एनिमेशन बनाने के लिए, Adobe के पारंपरिक टूल का सबसे अधिक बार उपयोग किया जाता है:

• एडोब फ्लैश प्रोफेशनल - इंटरैक्टिव एनीमेशन (एनिमेटर) बनाने के लिए एक कार्यक्रम;
• एडोब फ्लैश बिल्डर - वेब अनुप्रयोगों के लिए एक इंटरफेस बनाने के लिए एक वातावरण;
• एडोब फ्लैश प्लेयर फ्लैश चलाने के लिए एक ब्राउज़र-एकीकृत प्लेयर है।

इसके अलावा, कई तृतीय-पक्ष एप्लिकेशन इस प्रकार की मल्टीमीडिया सामग्री चला सकते हैं। उनमें से सबसे लोकप्रिय हैं Gnash, QuickTime और कुछ अन्य:

यह तकनीक आपको किसी भी प्रकार के ग्राफिक्स प्रदर्शित करने की अनुमति देती है ( रेखापुंज, वेक्टर, 3डी) और ऑडियो और वीडियो डेटा की स्ट्रीमिंग रिलेइंग का भी समर्थन करता है। फ्लैश लाइट का एक हल्का संस्करण विशेष रूप से मोबाइल उपकरणों के लिए विकसित किया गया था।

फ्लैश फाइलों के लिए मुख्य मानक एसडब्ल्यूएफ एक्सटेंशन है। संक्षिप्त नाम छोटे वेब प्रारूप के लिए है। फ्लैश में रिकॉर्ड किए गए वीडियो में फ़ाइल एक्सटेंशन FLV, F4V हैं।

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

स्क्रीन विनिर्देशों (रिज़ॉल्यूशन) की परवाह किए बिना, सभी उपयोगकर्ताओं के लिए फ्लैश एप्लिकेशन का फ़ाइल आकार समान है।

फ्लैश में इंटरएक्टिव एनीमेशन मॉर्फिंग (वेक्टर प्रकार) पर आधारित है, जो धीरे-धीरे कीफ्रेम के बीच मिश्रित होता है। डेटा को चलाने के लिए, एक फ्लैश प्लेयर का उपयोग किया जाता है, जिसका संचालन कई मायनों में जावास्क्रिप्ट वर्चुअल मशीन के संचालन के समान होता है। तकनीक का सॉफ्टवेयर घटक एक्शनस्क्रिप्ट भाषा का उपयोग करके कार्यान्वित किया जाता है।

प्रौद्योगिकी के नुकसान में निम्नलिखित बिंदु शामिल हैं:

• क्लाइंट मशीन के केंद्रीय प्रोसेसर पर भारी भार। यह फ़्लैश वर्चुअल मशीन की कम दक्षता के कारण है, जो उपयोगकर्ता के ब्राउज़र में प्लेयर के साथ एम्बेडेड है;
• उच्च त्रुटि संभावना - फ्लैश एनीमेशन बजाना बहुत त्रुटि प्रवण हो सकता है। इसके अलावा, फ्लैश प्लेबैक में विफलता पूरे क्लाइंट एप्लिकेशन (ब्राउज़र) के संचालन को नकारात्मक रूप से प्रभावित करती है। यह फ्लैश एप्लिकेशन बनाते समय प्रोग्राम कोड की गलती सहनशीलता पर अपर्याप्त नियंत्रण के कारण है;
• अनुक्रमित नहीं किया जा सकता - फ्लैश सामग्री में प्रदर्शित सभी पाठ्य सामग्री को अनुक्रमित नहीं किया जाता है। यह सीमा उन संसाधनों के लिए विशेष रूप से समस्याग्रस्त है जो इस तकनीक पर आधारित हैं।

तृतीय-पक्ष फ़्लैश निर्माण सॉफ़्टवेयर का अवलोकन

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

बनाने और संपादित करने के अलावा, फ्लैश संपादक अन्य सभी प्रकार के वेब एनीमेशन (जीआईएफ, एचटीएमएल और अन्य मानकों) के साथ काम करना "जानता है":

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

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

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

अगले चरणों में, आपको बैनर का आकार निर्धारित करना होगा और पाठ के 5 वाक्यांश दर्ज करने होंगे जो एनीमेशन में चलाए जाएंगे। इसके अलावा, आपको उस संसाधन का पता निर्दिष्ट करना होगा जिस पर उपयोगकर्ता बैनर पर क्लिक करके ले जाएगा:

प्रोजेक्ट को संकलित करने और विज़ार्ड विंडो को बंद करने के बाद, आप परिणामी वीडियो को बिल्ट-इन प्लेयर में देख सकते हैं। ऐसा करने के लिए, शीर्ष पर हरे तीर पर क्लिक करें:

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

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

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

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

आज मैं आपको एक पूरी तरह से आधुनिक फ्लैश संपादक से परिचित कराऊंगा, जो प्रख्यात एडोब फ्लैश के साथ लगभग समान स्तर पर प्रतिस्पर्धा कर सकता है - वेक्टरियन गियोटो.

भुगतान किए गए एनालॉग के साथ वेक्टरियन गियोटो की तुलना

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

खैर, मुफ्त संपादक में "मिठाई" के लिए कुछ ऐसा भी है जो कभी-कभी "बिग ब्रदर" में बहुत कम होता है - एनीमेशन प्रभावों की एक अंतर्निहित लाइब्रेरी जो विशेष रूप से फ्लैश बैनर बनाने वालों के लिए अपील करेगी।

काम की तैयारी

वेक्टरियन गियोटो के साथ आरंभ करने के लिए, हमें इंस्टॉलर के साथ संग्रह को डाउनलोड करना होगा, जो कि, केवल 8 मेगाबाइट वजन का होता है! जब आर्काइव डाउनलोड हो जाए तो उसे ओपन करें और फाइल को रन करें वेक्टरियनगियोटो.exe.

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

इंटरफ़ेस के साथ पहला परिचय

स्थापना के अंत में, यदि हमने मानक सेटिंग्स में कुछ भी नहीं बदला है, तो पूर्ण स्क्रीन में वेक्टरियन गियोटो कार्यशील विंडो हमारे सामने दिखाई देगी:

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

मेनू पट्टी। यह वह पैनल है जिस पर वेक्टरियन गियोटो कार्यक्रम के सभी मेनू स्थित हैं। एनीमेशन के साथ काम करते समय, आपको "फ़ाइल" (एसडब्ल्यूएफ में अपने एनीमेशन को सहेजने और निर्यात करने के लिए), "व्यू" (कार्यक्षेत्र की प्रदर्शन सेटिंग्स सेट करने के लिए), "संशोधित करें" (वर्तमान के मापदंडों को नियंत्रित करने के लिए) जैसे अनुभागों की आवश्यकता हो सकती है। दस्तावेज़ और पुस्तकालय प्रभावों के साथ काम करें) और "विंडो" (कार्यक्रम के प्रदर्शित मॉड्यूल और पैनल को अनुकूलित करने के लिए)।

मुख्य टूलबार। यहां प्रोजेक्ट एक्शन कंट्रोल बटन और एनिमेशन प्लेबैक पैनल हैं।

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

स्टोरीबोर्ड (या समयरेखा)। आपको फ़्रेम और निर्मित परतों के लिए कक्षों को प्रबंधित करने की अनुमति देता है।

रंग नियंत्रण कक्ष। इसके साथ, आप पहले से बनाई गई आकृतियों का रंग जल्दी से बदल सकते हैं। यह आपके एनिमेशन ऑब्जेक्ट (ठोस, ढाल, आदि) के लिए भरने के प्रकार का चयन करने का भी कार्य करता है।

कार्यक्षेत्र। यह "कागज" की एक आभासी शीट है जिसे आपके एनिमेशन बनाने के लिए डिज़ाइन किया गया है :)।

एक्शनस्क्रिप्ट संपादक। यदि आपको साधारण बैनर नहीं, बल्कि कुछ अधिक जटिल बनाने की आवश्यकता है, जिसमें बटन और सभी प्रकार की इंटरैक्टिव वस्तुएं शामिल हैं, तो आप स्क्रिप्ट संपादक के बिना नहीं कर सकते।

क्लिप संरचना पैनल। "फ़्रेम में" सभी आकृतियों को प्रदर्शित करता है और आपको उनके बीच शीघ्रता से स्विच करने और उनके अनुक्रम को प्रबंधित करने की अनुमति देता है।

गुण पैनल। फ्लैश में प्रत्येक वस्तु में कुछ गुण होते हैं। इस पैनल का उपयोग उन्हें प्रबंधित करने के लिए किया जाता है।

ट्रांसफॉर्म पैनल। आपको चयनित एनीमेशन तत्व के आकार और स्थिति को जल्दी से बदलने की अनुमति देता है।

तत्वों का पुस्तकालय। निर्मित या आयातित वस्तुओं की एक सूची का प्रतिनिधित्व करता है जो (और बार-बार!) एनीमेशन में डाली जा सकती हैं।

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

कदम

भाग 1

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

• डिफ़ॉल्ट रूप से, फ्लैश 24 फ्रेम प्रति सेकेंड (एफपीएस) पर प्रस्तुत करता है। इसका मतलब है कि एक सेकंड में 24 फ्रेम दिखाए जाएंगे, लेकिन जरूरी नहीं कि सभी अलग-अलग हों। आप इस सेटिंग (यदि आप चाहें) को 12fps में बदल सकते हैं, लेकिन 24fps पर एनीमेशन अधिक "सुचारू रूप से" चलेगा।

1. फ्लैश प्रो स्थापित करें।फ्लैश एनीमेशन बनाने के लिए कई कार्यक्रम हैं, लेकिन सबसे शक्तिशाली एडोब फ्लैश प्रोफेशनल सीसी है। आप इस प्रोग्राम का एक निःशुल्क परीक्षण संस्करण स्थापित कर सकते हैं या किसी अन्य उत्पाद का उपयोग कर सकते हैं (यदि आप एडोब क्रिएटिव क्लाउड के लिए पंजीकरण नहीं करना चाहते हैं)। इस आलेख के शेष भाग में फ्लैश प्रोफेशनल के साथ काम करने का तरीका बताया गया है।

   चूंकि फ़्रेम-दर-फ़्रेम एनीमेशन के लिए कई छवियों की आवश्यकता होती है (जो एक-दूसरे से थोड़ी भिन्न होती हैं), आपको इन छवियों को मैन्युअल रूप से बनाने की आवश्यकता होती है। ऐसा करने के लिए, Adobe Flash Professional का उपयोग करें या किसी भी ग्राफ़िक्स संपादक में चित्र बनाएं।

   • यदि आप चाहते हैं कि आपकी छवियों को गुणवत्ता खोए बिना आसानी से आकार दिया जाए, तो रेखापुंज ग्राफिक्स के बजाय वेक्टर में चित्र बनाएं। जब वे आकार बदलते हैं तो वेक्टर छवियां स्वयं को फिर से खींचती हैं (यानी आप पिक्सेलेशन या एंटी-अलियासिंग से बचेंगे)। रेखापुंज छवियां पारंपरिक छवियां हैं जैसे कि तस्वीरें, चित्र, आदि। यदि आप ऐसी छवियों को बड़ा करने का प्रयास करते हैं, तो आपको बहुत विकृत चित्र प्राप्त होगा।

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

   • एक छवि जोड़ने से पहले, अपने एनीमेशन के लिए एक आधार पृष्ठभूमि बनाएं। "लेयर 1" का नाम "बैकग्राउंड" में बदलें और फिर इसे क्लिप करें। एक दूसरी लेयर बनाएं और जो भी आपको पसंद हो उसे नाम दें। यह वह परत होगी जिस पर आप एनिमेशन बनाएंगे।
   • पहले फ्रेम के कैनवास में एक ड्राइंग जोड़ें। आप अपने कंप्यूटर से एक ड्राइंग आयात कर सकते हैं, या आप प्रोग्राम में सीधे ड्राइंग बनाने के लिए ड्राइंग टूल्स का उपयोग कर सकते हैं।
   • पहला फ्रेम "कुंजी" फ्रेम है। एक की फ्रेम एक ऐसा फ्रेम होता है जिसमें एक छवि शामिल होती है और एनीमेशन का आधार ("रीढ़ की हड्डी") बनाती है। हर बार जब आप छवि बदलते हैं तो आप एक नया मुख्य-फ़्रेम बनाएँगे।
   • समयरेखा पर मुख्य-फ़्रेम एक काले बिंदु द्वारा इंगित किए जाते हैं।
   • आपको हर बाद के फ्रेम में कीफ्रेम की जरूरत नहीं है। एक अच्छा एनिमेशन बनाने के लिए हर चार या पांच फ्रेम में एक कीफ्रेम बनाएं।

3. छवि को एक प्रतीक में बदलें।इस मामले में, आप छवि को कई बार फ्रेम में जोड़ पाएंगे। यह विशेष रूप से उपयोगी है यदि आपको एक ही प्रकार की कई छवियों को एक फ्रेम में जल्दी से जोड़ने की आवश्यकता है (उदाहरण के लिए, एक मछलीघर में मछली)।

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

4. खाली फ्रेम जोड़ें।एक बार जब आपका पहला मुख्य-फ़्रेम पूरा हो जाए, तो खाली फ़्रेम डालें और फिर अपना दूसरा मुख्य-फ़्रेम बनाना शुरू करें। पहले कीफ़्रेम के बाद रिक्त फ़्रेम जोड़ने के लिए F5 (चार या पाँच बार) दबाएँ।

   दूसरा मुख्य-फ़्रेम बनाएं (आपके द्वारा कुछ खाली फ़्रेम जोड़ने के बाद)।ऐसा करने के दो अलग-अलग तरीके हैं: आप किसी मौजूदा मुख्य-फ़्रेम की प्रतिलिपि बना सकते हैं और उसमें छोटे-छोटे परिवर्तन कर सकते हैं, या आप एक खाली मुख्य-फ़्रेम बना सकते हैं और उसमें एक नई छवि जोड़ सकते हैं। यदि आप किसी अन्य प्रोग्राम में बनाई गई ड्राइंग का उपयोग कर रहे हैं, तो दूसरी विधि का उपयोग करें। यदि आप Adobe Flash Professional ड्रॉइंग टूल से बनाई गई छवि सम्मिलित कर रहे हैं, तो पहली विधि का उपयोग करें।

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

5. प्रक्रिया को दोहराएं।दो कीफ्रेम बनाने के बाद, प्रक्रिया को दोहराएं - प्रत्येक कीफ्रेम के बीच कुछ खाली फ्रेम जोड़ें और सुनिश्चित करें कि एनीमेशन "सुचारू रूप से" चलता है।

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

6. ड्राइंग को कन्वर्ट करें।एक बार जब आप मुख्य-फ़्रेम और पथ बना लेते हैं, तो आप छवि को रूपांतरित कर सकते हैं ताकि जैसे-जैसे आप जुड़वा के पथ पर आगे बढ़ते जाएँ, यह आसानी से बदल जाए। आप आकार, रंग, ढलान, आकार और छवि के किसी अन्य पहलू को बदल सकते हैं।

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

7. परिष्कृत स्पर्श जोड़ें। Ctrl + Enter दबाकर बनाए गए एनिमेशन को चेक करें। सुनिश्चित करें कि ड्राइंग (चरित्र) सही ढंग से बदलता है और एनीमेशन सही गति से चलता है। यदि एनिमेशन बहुत तेज़ चलता है, तो FPS मान कम करें या ट्वीन की अवधि बढ़ाएँ।

   • डिफ़ॉल्ट FPS 24 है, इसलिए इसे 12 तक कम करने का प्रयास करें। गुण पैनल में FPS मान बदलें। हालाँकि, FPS = 12 पर, एनीमेशन पर्याप्त रूप से सुचारू रूप से नहीं चल सकता है।
   • ट्वीन की अवधि बदलने के लिए, ट्वीन वाली परत का चयन करें और बीच की अवधि बदलने के लिए स्लाइडर का उपयोग करें। यदि आप ट्वीन की लंबाई को दोगुना करना चाहते हैं, तो स्लाइडर को 48 फ्रेम में ले जाएं। बैकग्राउंड को खाली फ्रेम पर पेस्ट करना न भूलें ताकि एनिमेशन के बीच में बैकग्राउंड गायब न हो जाए। ऐसा करने के लिए, पृष्ठभूमि परत का चयन करें, एनीमेशन के अंतिम फ्रेम (समयरेखा पर) पर क्लिक करें, और फिर F5 दबाएं।

भाग 3

1. ध्वनि प्रभाव और संगीत रिकॉर्ड या डाउनलोड करें।आप अपने एनिमेशन को अधिक प्रभावशाली बनाने के लिए उसमें ध्वनि प्रभाव जोड़ सकते हैं। संगीत एक एनीमेशन को और अधिक रोमांचक बना देगा और एक अच्छे एनीमेशन को एक बेहतरीन एनीमेशन में बदल सकता है। फ्लैश AAC, MP3, WAV और AU सहित विभिन्न ऑडियो फ़ाइल स्वरूपों का समर्थन करता है। ऐसा प्रारूप चुनें जो छोटे फ़ाइल आकार के साथ उच्च ध्वनि गुणवत्ता की गारंटी देता हो।

   • एमपी3 प्रारूप न्यूनतम फ़ाइल आकार के साथ उच्च गुणवत्ता वाली ध्वनि की गारंटी देता है। WAV फाइलें बड़ी हैं।

2. एनिमेशन में ध्वनि और संगीत को शीघ्रता से जोड़ने में सक्षम होने के लिए ऑडियो फ़ाइलों को लाइब्रेरी में आयात करें।"फ़ाइल" - "आयात" - "लाइब्रेरी में आयात करें" पर क्लिक करें। अपने कंप्यूटर पर ऑडियो फ़ाइल ढूंढें। सुनिश्चित करें कि ऑडियो फ़ाइल का नाम याद रखने में आसान है ताकि आप उसे तुरंत ढूंढ सकें।

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

   एक कीफ्रेम बनाएं जिससे ऑडियो चलना शुरू हो जाए।ध्वनि परत पर, एनीमेशन फ्रेम का चयन करें जिससे ध्वनि बजना शुरू हो जाएगी। खाली कीफ़्रेम डालने के लिए F7 दबाएँ। उदाहरण के लिए, यदि आप एक ऑडियो फ़ाइल सम्मिलित करना चाहते हैं जो पूरे एनीमेशन में चलती है, तो ऑडियो फ़ाइल परत पर पहले फ्रेम का चयन करें। यदि आप किसी पात्र की आवाज जोड़ रहे हैं, तो उस फ्रेम का चयन करें जहां चरित्र बोलना शुरू करता है।

यह लेख आपको सरल चरणों के साथ Adobe Flash CS5 के साथ आरंभ करने का तरीका दिखाएगा। पाठ का विषय सरल एनीमेशन है, हम इसे इंटरफ़ेस और प्रोग्राम की जटिलता में तल्लीन किए बिना बनाएंगे।

एक नया फ्लैश दस्तावेज़ बनाना

प्रोग्राम खोलें और एक नया दस्तावेज़ "एक्शनस्क्रिप्ट 3.0" बनाएं।

आइए बाद के एनिमेशन के लिए एक ऑब्जेक्ट बनाएं

अब हम एक वृत्त खींचते हैं। दाएं पैनल पर "ओवल" टूल का चयन करें और बाएं माउस बटन और कीबोर्ड पर "शिफ्ट" बटन दबाए रखें और एक सफेद पृष्ठभूमि पर एक सर्कल बनाएं।

चयन उपकरण का उपयोग करते हुए, माउस से उस पर क्लिक करके या इसे एक वर्ग चयन में खींचकर नई बनाई गई वस्तु का चयन करें।

साधारण एनिमेशन के लिए किसी वस्तु को प्रतीक में बदलना

आगे के काम के लिए, आपको वस्तु को एक प्रतीक में बदलने की जरूरत है। चूंकि सर्कल पहले से ही चयनित है, दायां माउस बटन दबाएं और संदर्भ मेनू में "प्रतीक में कनवर्ट करें" चुनें।

"प्रकार" सूची से, "ग्राफिक" चुनें

अब हमारी वस्तु के चारों ओर एक नीला वर्ग दिखाई देना चाहिए।

एक क्लासिक एनीमेशन बनाएं (क्लासिक ट्वीन)

एनीमेशन बनाने के लिए, आपको "कुंजी फ्रेम" नामित करने की आवश्यकता है।

निचले पैनल पर एक एनीमेशन स्केल है, पच्चीसवें फ्रेम का चयन करें और दायां माउस बटन दबाएं, दिखाई देने वाले संदर्भ मेनू में, "कीफ़्रेम डालें" चुनें।

सर्कल का चयन करें और, बाईं माउस बटन को पकड़कर, इसे दाईं ओर ले जाएं।

एनीमेशन स्केल पर पहले फ्रेम का चयन करें और शीर्ष पर मुख्य मेनू में, "इन्सर्ट" आइटम में, "क्लासिक ट्वीन" चुनें।

निर्मित एनिमेशन देखें

अब हम एनीमेशन देख सकते हैं। मुख्य मेनू में, "नियंत्रण" आइटम में, "चलाएं" चुनें।

आइए सर्कल में "गायब" प्रभाव जोड़ें। ऐसा करने के लिए, ऑब्जेक्ट को फिर से चुनें और "रंग प्रभाव" मेनू में दाएं पैनल में, "अल्फ़ा" चुनें, मान को "0" पर सेट करें।

देखते है क्या हुआ। आइटम "कंट्रोल" पर जाएं "प्ले" चुनें।