रूसी संघ के शिक्षा और विज्ञान मंत्रालय

राज्य शिक्षण संस्थान

उच्च व्यावसायिक शिक्षा

दक्षिणी संघीय विश्वविद्यालय के टैगान्रोग राज्य संस्थान

कंप्यूटर-एडेड डिज़ाइन सिस्टम विभाग

व्याख्यात्मक नोट

कोर्स वर्क के लिए

अनुशासन: होनहार सूचान प्रौद्योगिकीऔर पर्यावरण.

विषय पर ईओआर: " एनीमेशन उपकरण 2 डी और 3 डी ».

पुरा होना:

अध्यापक:

तगानरोग

कोर्सवर्क असाइनमेंट:

इलेक्ट्रॉनिक का निर्माण शैक्षिक संसाधनविषय पर: "एनीमेशन सपोर्ट टूल्स", जहां कई उदाहरणों का उपयोग करके एनीमेशन बनाने के सिद्धांत को प्रदर्शित करना आवश्यक है। और वैसा ही करो संक्षिप्त समीक्षा 2डी और 3डी एनिमेशन बनाने और समर्थन करने के लिए कुछ प्रौद्योगिकियां।

परिचय

आज "एनीमेशन" विषय की प्रासंगिकता संदेह से परे है। लगभग एक सदी पहले, पहला कार्टून सामने आया, जिसने सभी को प्रसन्न किया। आगमन के साथ आधुनिक प्रौद्योगिकियाँएनीमेशन मल्टीमीडिया परियोजनाओं और प्रस्तुतियों के मुख्य तत्वों में से एक बन रहा है, और इंटरनेट पेजों पर तेजी से मौजूद है। टेलीविज़न पर भी एनिमेशन का बहुत व्यापक रूप से उपयोग किया जाता है। उदाहरण के लिए, कई टेलीविजन कंपनियां कंप्यूटर एनीमेशन का उपयोग करके बनाए गए स्क्रीनसेवर का उपयोग करती हैं। वीडियो उत्पाद बनाना भी कंप्यूटर के बिना नहीं किया जा सकता, और तेजी से बढ़ रहा है पेशेवर वीडियोकंप्यूटर एनीमेशन तकनीकों का उपयोग करता है।

यह कार्य एनीमेशन बनाने की तकनीकों और सिद्धांतों पर चर्चा करता है।

एनिमेशन

अंतरराष्ट्रीय स्तर पर स्वीकृत व्यावसायिक परिभाषा "एनीमेशन" (लैटिन "एनिमा" से अनुवादित - आत्मा, "एनीमेशन" - पुनरुद्धार, एनीमेशन) एनिमेटेड सिनेमा की सभी आधुनिक तकनीकी और कलात्मक क्षमताओं को सबसे सटीक रूप से दर्शाता है, क्योंकि एनीमेशन मास्टर्स न केवल अपने पात्रों को जीवन में लाते हैं, बल्कि उनकी आत्मा का एक टुकड़ा भी डालते हैं। उनकी रचना में.

एनिमेशन बनाने की तकनीकें।

वर्तमान में, एनीमेशन बनाने के लिए विभिन्न प्रौद्योगिकियाँ हैं:

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

फ़्रीज़-फ़्रेम (कठपुतली) एनीमेशन. अंतरिक्ष में रखी वस्तुएँ फ्रेम द्वारा स्थिर हो जाती हैं, जिसके बाद उनकी स्थिति बदल जाती है और पुनः स्थिर हो जाती है।

प्रेत एनीमेशन को प्रोग्रामिंग भाषा का उपयोग करके कार्यान्वित किया जाता है।

रूपांकन - मध्यवर्ती फ़्रेमों की एक निर्दिष्ट संख्या उत्पन्न करके एक वस्तु का दूसरे में परिवर्तन।

रंग एनीमेशन - इससे केवल रंग बदलता है, वस्तु की स्थिति नहीं।

3डी एनीमेशन विशेष कार्यक्रमों (उदाहरण के लिए, 3D MAX) का उपयोग करके बनाया गया। किसी दृश्य की कल्पना करके चित्र प्राप्त किए जाते हैं और प्रत्येक दृश्य वस्तुओं, प्रकाश स्रोतों, बनावटों का एक समूह होता है।

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

सॉफ़्टवेयरएनिमेशन बनाने के लिए.

एनिमेशन बनाने का सॉफ़्टवेयर शुरुआती और अनुभवी दोनों उपयोगकर्ताओं के लिए उपयोग में आसानी पैदा करता है। ऐसे कार्यक्रमों में विभिन्न तकनीकी विशेषताएं होती हैं जो एनिमेटर के लिए बहुत उपयोगी और उपयोग में आसान होती हैं। उपयोगकर्ता किसी भी समय ऑनलाइन सहायता प्राप्त कर सकता है। ऐसे सॉफ़्टवेयर दो श्रेणियों में आते हैं: द्वि-आयामी (2D) और त्रि-आयामी (3D) एनीमेशन। वर्तमान में बाज़ार में एनिमेशन बनाने के लिए बड़ी संख्या में और विविध प्रकार के कार्यक्रम मौजूद हैं। उनमें से कई व्यापक रूप से उपलब्ध हैं और उनमें एक परीक्षण मोड है जिसके दौरान उपयोगकर्ता मुफ्त में कार्यक्रम का उपयोग कर सकता है। यह अवधि समाप्त होने के बाद, यदि उपयोगकर्ता कार्यक्रम से संतुष्ट है, तो वह आगे उपयोग के लिए पूर्ण संस्करण खरीद सकता है।

2डी एनिमेशन सॉफ्टवेयर की विशेषताएं (2 डी ):

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

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

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

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

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

2डी एनीमेशन सॉफ्टवेयर चलाने के लिए:

के लिए ऑपरेटिंग सिस्टममैकिंटोश - पावर मैकिंटोश जी5, जी4 (न्यूनतम), या इंटेल(आर) कोरटीएम, मैक ओएस एक्स वी10.4.7 प्रोसेसर, 512 एमबी रैम (या अधिक), 120 एमबी उपलब्ध हार्ड ड्राइव स्थान, 24-बिट कलर मॉनिटर, 64 एमबी के साथ (अनुशंसित) या 8 एमबी (न्यूनतम) वीडियो मेमोरी, 1024x768 पिक्सेल तक रिज़ॉल्यूशन में सक्षम।

पीसी सिस्टम के लिए - 800 मेगाहर्ट्ज प्रोसेसर इंटेल पेंटियम III (न्यूनतम) के साथ विंडोज माइक्रोसॉफ्ट XP या 2000, (अनुशंसित) 512 एमबी रैम, 256 एमबी (या अधिक), 120 एमबी उपलब्ध हार्ड डिस्क स्थान, 24-बिट रंग मॉनिटर, 32 एमबी वीडियो मेमोरी या अधिक, 1024x768 पिक्सेल रिज़ॉल्यूशन क्षमता।

निर्माण सॉफ्टवेयर की विशेषताएं 3डी एनीमेशन(3डी):

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

आवश्यक सिस्टम आवश्यकताएं 3डी एनीमेशन सॉफ्टवेयर चलाने के लिए:

Windows NT 4, Win 95, Win 98, Win ME, Win 2 K, या Win XP, OpenGL त्वरित चित्रोपमा पत्रकपूर्ण ICD समर्थन के साथ, (अला GeForce), कम से कम 64 एमबी रैंडम एक्सेस मेमोरी, 128 एमबी (अनुशंसित) या 256 एमबी यदि आप विन एक्सपी, 300 मेगाहर्ट्ज पेंटियम, 5 एमबी डिस्क स्थान का उपयोग कर रहे हैं।

कुछ सर्वाधिक लोकप्रिय एनिमेशन सॉफ़्टवेयर हैं:

यूलेड एनिमेशन, यूलेड जीआईएफ एनिमेटर 5, कॉफीकप एनिमेशन सॉफ्टवेयर, कॉफीकप जीआईएफ एनिमेटर, कॉफीकप फायरस्टार्टर, फायरस्टार्टर, रीयल्यूजन एनिमेशन सॉफ्टवेयर, इफेक्ट3डी स्टूडियो, 3डी मैक्स, टूनबूम स्टूडियो, मैक्रोमीडिया फ्लैश।

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

के लिए कार्यक्रमों का वर्गीकरण GIF बनाना- एनिमेशन।

कुल मिलाकर, एनिमेटेड GIF बनाने के सभी कार्यक्रमों को तीन समूहों में विभाजित किया जा सकता है:

1. पहला इसमें लोकप्रिय द्वि-आयामी ग्राफिक्स पैकेज शामिल हैं, जो मुख्य रूप से दो-आयामी रेखापुंज ग्राफिक्स के साथ काम करने के लिए उन्मुख हैं और साथ ही आपको संबंधित उपयोगिताओं का उपयोग करके एनीमेशन जीआईएफ प्रारूप में फ़ाइलें बनाने की अनुमति देते हैं जो उन्हें पूरक करते हैं। उनमें से सबसे लोकप्रिय हैं Adobe Photoshop अपने ImageReady प्रोग्राम के साथ,Jasc पेंट शॉप प्रो, जिसमें एनिमेशन शॉप प्रोग्राम शामिल है, और GIF एनिमेटर प्रोग्राम के साथ Ulead PhotoImpact। इस समूह में अनुप्रयोगों का मुख्य लाभ यह है कि एनीमेशन प्रोग्राम संबंधित ग्राफिक्स पैकेज से निकटता से संबंधित है और इसलिए यह संभव है तेजी से स्विचिंगएनिमेटर प्रोग्राम और ग्राफ़िक संपादक के बीच, यदि आवश्यक हो, छवि को समायोजित करें। यह तभी सुविधाजनक है जब आप ऐसे पैकेजों (उनमें से सभी) के साथ काम करने की सभी जटिलताओं को समझते हैं एडोब सुविधाएँफ़ोटोशॉप, गंभीर प्रशिक्षण की आवश्यकता है)। इस कारण से, यह विकल्प पेशेवरों के लिए अधिक उपयुक्त है, और शुरुआती लोगों के लिए दूसरे समूह के कार्यक्रमों में से किसी एक को चुनना बेहतर है।

2. क्षण में समूह में विशेष रूप से एनिमेटेड GIF बनाने के लिए डिज़ाइन किए गए पैकेज शामिल हैं। एक नियम के रूप में, उनके पास सीमित ड्राइंग क्षमताएं हैं, इसलिए एनीमेशन के लिए स्रोत छवियां किसी भी ग्राफिक्स पैकेज में बनाई जाती हैं - ये जीआईएफ एनिमेटर किसी विशिष्ट से बंधे नहीं हैं ग्राफ़िक्स अनुप्रयोग. इसके अलावा, काम के लिए Adobe Photoshop,Jasc पेंट शॉप प्रो और Ulead PhotoImpact जैसे जटिल पैकेज चुनना बिल्कुल भी आवश्यक नहीं है। एक परिचित ग्राफ़िक्स पैकेज का उपयोग करने की क्षमता को इस समूह के GIF एनिमेटरों का मुख्य लाभ माना जा सकता है। इसके अलावा, एनिमेटेड GIF विकसित करने के लिए स्वतंत्र कार्यक्रमों में छोटे वितरण होते हैं, इसलिए उन्हें बिना किसी समस्या के ऑनलाइन खरीदा जा सकता है। अंत में, इस समूह के अधिकांश ऐप्स बहुत सरल हैं, इसलिए उन्हें जल्दी से सीखा जा सकता है।

3. तीसरा यह समूह 3डी ग्राफ़िक्स (उदाहरण के लिए, 3डी स्टूडियो मैक्स) बनाने पर केंद्रित कार्यक्रमों द्वारा बनाया गया है और साथ ही आपको एनीमेशन जीआईएफ प्रारूप में एनीमेशन बनाने की अनुमति देता है (आमतौर पर एक विशेष प्लगइन के माध्यम से, जिसे अक्सर पैकेज में शामिल किया जाता है)। ग्राफ़िक 3D प्रोग्राम सुविधाजनक हैं क्योंकि उन्हें फ़्रेम-दर-फ़्रेम रेंडरिंग की आवश्यकता नहीं होती है - आमतौर पर, GIF फ़ाइल बनाने के लिए, ऑब्जेक्ट को किसी प्रकार की चक्रीय क्रिया देना पर्याप्त होता है, उदाहरण के लिए, एक अक्ष के चारों ओर घूमना, परिणामी एनीमेशन रिकॉर्ड करना फ़्रेम की एक श्रृंखला के रूप में और इसे एनिमेटेड GIF में निर्यात करें। हालाँकि, एक "लेकिन" है - साथ काम करने के लिए पारंपरिक कार्यक्रम 3डी ग्राफिक्सगहन व्यावसायिक ज्ञान की आवश्यकता होती है और इसका उपयोग करना कठिन होता है। लेकिन निराश मत होइए! उदाहरण के लिए, यदि आपको एक एनिमेटेड 3D लोगो बनाने की आवश्यकता है, तो आप प्रोग्राम से काम चला सकते हैं Xara3D , जो यद्यपि त्रि-आयामी ग्राफिक्स के साथ काम करने के लिए तैनात है, एनिमेटेड GIF भी बना सकता है और इसका उपयोग करना बहुत आसान है।

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

आइए एनिमेशन बनाने की कुछ तकनीकों और सिद्धांतों पर नज़र डालें।

उलीड GIF एनिमेटर

यूलीड जीआईएफ एनिमेटर को यूलीड फोटोइम्पैक्ट ग्राफिक्स पैकेज में शामिल किया गया है, लेकिन किसी भी ग्राफिक्स पैकेज में बनाई गई छवियों के आधार पर एनिमेटेड जिफ बनाने के लिए स्टैंडअलोन का भी उपयोग किया जा सकता है। अपने सुविधाजनक और सहज इंटरफ़ेस और समृद्ध क्षमताओं के लिए धन्यवाद, यह प्रोग्राम आज सबसे सुविधाजनक और कार्यात्मक जिफ एनिमेटरों में से एक माना जाता है और वेब डिजाइनर के समय को महत्वपूर्ण रूप से बचाता है, क्योंकि यह बाहरी संपादकों (फोटोइम्पैक्ट, फोटोशॉप या पेंट शॉप प्रो) में किए गए परिवर्तनों को पहचान सकता है। ), और एनीमेशन में संबंधित फ़्रेम को स्वचालित रूप से अपडेट करें। लेयरिंग को बनाए रखते हुए एनिमेटेड ड्राइंग को फोटोइम्पैक्ट (यूएफओ) या फोटोशॉप (पीएसडी) प्रारूप में निर्यात किया जा सकता है। इसके अलावा, आप बनाई गई ड्राइंग की किसी भी परत का चयन कर सकते हैं ग्राफ़िक संपादक GIF एनिमेटर के लिए एक अलग ऑब्जेक्ट के रूप में PhotoImpact, Photoshop या पेंट शॉप प्रो।

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

यूलीड जीआईएफ एनिमेटर सुविधाओं में टेक्स्ट एनीमेशन और 130 से अधिक एनीमेशन प्रभाव शामिल हैं। कार्यक्रम में कार्यान्वित उन्नत छवि संपीड़न विधियाँ एनीमेशन फ़ाइलों के आकार को काफी कम करना संभव बनाती हैं, HTML कोड की स्वचालित पीढ़ी वेब पेज में तैयार एनिमेशन डालने की प्रक्रिया को काफी तेज करती है, और विभिन्न प्रारूपों में निर्यात के लिए समर्थन करती है। फ्लैश, एवीआई, एमपीईजी और क्विकटाइम सहित, कार्यक्रम को और भी अधिक आकर्षक बनाता है।

इमेजरेडीसीएस

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

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

चावल। 1

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

फ़ोटोशॉप से ​​ImageReady पर स्विच करने और वापस जाने के लिए, वर्टिकल टूलबार की अंतिम पंक्ति पर बायाँ-क्लिक करें - छवि तैयार करने के लिए संपादित करें(इमेज रेडी में खोलें), या बस एक ही समय में कुंजी संयोजन दबाए रखें Shift+Ctrl+M :

एनीमेशन पैनल को कमांड के साथ कॉल किया जा सकता है विंडो > एनिमेशन(विंडो > एनिमेशन).

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

ImageReady प्रोग्राम में एनीमेशन तैयार करने के लिए, आपको चित्र में दिखाए गए एनीमेशन पैलेट का उपयोग करके कई छवि फ़्रेम बनाने की आवश्यकता है। 3. फिर आप लेयर्स पैलेट (चित्र) का उपयोग करके प्रत्येक फ्रेम की अलग-अलग परतों को संपादित कर सकते हैं। 4, और प्रत्येक फ्रेम में लेयर्स पैलेट में सेटिंग्स का अपना अनूठा सेट होगा। अंत में, आपको फ़्रेम के अनुक्रम को एकल GIF फ़ाइल के रूप में सहेजने की आवश्यकता है - अब एनीमेशन इंटरैक्टिव रूप से देखने के लिए तैयार है।

चावल। 3

चावल। 4

परत प्रभाव

ImageReady फ़ोटोशॉप के समान परत प्रभावों का एक सेट प्रदान करता है। लेकिन फ़ोटोशॉप प्रोग्रामसंवाद बॉक्स का उपयोग करके परत गुणों को समायोजित करता है परत की शैली(लेयर स्टाइल), एक इमेजरेडी - प्रासंगिक परत विकल्प पैलेट का उपयोग करना।

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

किसी भी छवि के लिए एनीमेशन प्रभाव बनाना।

1. एक ऐसी छवि खोलें या बनाएं जिसमें किसी ऑब्जेक्ट के चित्र के साथ पृष्ठभूमि परत और पारदर्शी परत हो।

2. पैलेट खोलें एनिमेशन(एनीमेशन).

3. लेयर्स पैलेट में परत का चयन करें।

4. एक उपकरण का उपयोग करना कदम(स्थानांतरित करें) छवि तत्व को मुख्य विंडो के किनारे पर खींचें।

5. पैलेट के नीचे एनिमेशनबटन को क्लिक करे डुप्लिकेट वर्तमान फ़्रेम(वर्तमान फ़्रेम को डुप्लिकेट करें)। कॉपी किया गया फ़्रेम हाइलाइट किया जाएगा.

6. चरण 3 में चयनित परत चयनित ही रहनी चाहिए।

7. एक उपकरण का उपयोग करना कदम(वी कुंजी) परत तत्व को मुख्य विंडो के दूसरी ओर खींचें। इस परत को चयनित रहने दें!

8. पैलेट पर एनिमेशनबटन को क्लिक करे ट्वीन(मध्यवर्ती फ़्रेम) पहले से चयनित फ़्रेमों के बीच मध्यवर्ती फ़्रेम बनाने के लिए।

9. डायलॉग बॉक्स में ट्वीन(मध्यवर्ती फ़्रेम) लेयर्स स्विच को निम्नलिखित में से किसी एक स्थिति पर सेट करें:

· सभी परतें(सभी परतें) सभी परतों से बिंदुओं को नए फ़्रेम में कॉपी करने के लिए।

· चयनित परत(चयनित परत) केवल चयनित परत से बिंदुओं को नए फ्रेम में कॉपी करने के लिए। बाकी सभी परतें छुप जाएंगी.

फिर ग्रुप में इंस्टॉल करें पैरामीटर(पैरामीटर) उन पैरामीटरों के चेकबॉक्स जिन्हें मध्यवर्ती फ़्रेम में बदला जाएगा: पद(जगह), अस्पष्टता(अस्पष्टता) और/या प्रभाव(प्रभाव).

पॉप-अप मेनू से साथ में ट्विन(ट्वीक फ्रेम रेंज) मोड का चयन करें पिछला फ़्रेम(चयनित फ़्रेम और पिछले वाले के बीच मध्यवर्ती फ़्रेम जोड़ना)।

एनिमेशन प्लेबैक विकल्प का चयन करना

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

एनिमेशन पूर्वावलोकन

1. मुख्य विंडो में, टैब चुनें मूल(मूल छवि) या अनुकूलित(अनुकूलित छवि)।

2. यदि पहला फ्रेम चयनित नहीं है, तो पैलेट के नीचे एनिमेशन(एनीमेशन) बटन पर क्लिक करें पहला फ़्रेम चुनें(पहला फ़्रेम चुनें).

चावल। 5. एनीमेशन फ्रेम की नकल बनाना

3. बटन को क्लिक करे खेल(चलाएँ) - चित्र 5 देखें। एनीमेशन अपेक्षा से थोड़ा धीमा चलेगा। (इमेजरेडी में पूर्वावलोकन ब्राउज़र की तुलना में धीमा है।)

4. बटन को क्लिक करे रुकना(स्टॉप), जो प्लेबैक को रोकने के लिए एक वर्ग की तरह दिखता है।

5. फ़ाइल सहेजें, फिर बटन पर क्लिक करें डिफ़ॉल्ट ब्राउज़र(डिफ़ॉल्ट ब्राउज़र पूर्वावलोकन) टूलबार में स्थित है। बटन को क्लिक करे पीछे(वापस) देखने के समाप्त होने पर ImageReady पर लौटने के लिए।

लहराती हुई वस्तुओं का एनीमेशन

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

आइए एक एनीमेशन बनाएं जिसमें एक वस्तु एक निश्चित दिशा में घूमेगी और वापस आएगी।

1. छवि और पैलेट खोलें एनिमेशन(एनीमेशन).

2. पैलेट के नीचे एनिमेशनबटन को क्लिक करे डुप्लिकेट वर्तमान फ़्रेम(वर्तमान फ़्रेम को डुप्लिकेट करें)। अब डुप्लिकेट फ़्रेम हाइलाइट किया जाएगा.

3. पैलेट पर एनिमेशनट्वीन बटन पर क्लिक करें और फिर रेडियो बटन का चयन करें परतें(परतें) स्थिति के लिए सभी परतें(सभी परत), फ़ील्ड में फ़्रेम की संख्या दर्ज करें जोड़ने के लिए फ़्रेम(फ्रेम्स जोड़ें) एक एनीमेशन बनाने के लिए और बटन पर क्लिक करें ठीक है।

4. उस फ़्रेम पर क्लिक करें जहां आप डगमगाहट शुरू करना चाहते हैं।

5. पैलेट पर परतें(परतें) उस परत की एक डुप्लिकेट बनाएं जिसकी छवि घूमेगी।

6. डुप्लिकेट परत संपादित करें (उदाहरण के लिए, रंग समायोजित करें)। अपने परिवर्तन देखने के लिए मूल परत छिपाएँ। परिवर्तन पैलेट पर चयनित फ़्रेम में दिखाई देंगे एनीमेशन.

7. अगला फ़्रेम चुनें. मूल रिसीवर परत को दृश्यमान बनाएं और उसके संपादित डुप्लिकेट को छुपाएं।

8. अगले फ़्रेम पर क्लिक करें. अब संपादित डुप्लिकेट परत दिखाएं और मूल परत छुपाएं।

इसलिए एनीमेशन के शेष फ़्रेमों के लिए वैकल्पिक रूप से परतें दिखाएं/छिपाएं।

जीआईएफ प्रारूप में एक एनीमेशन खोलना

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

1. आदेश चलाएँ फ़ाइल > खोलें(फ़ाइल > खोलें) या कीबोर्ड शॉर्टकट दबाएँ Ctrl+O.

2. .gif एक्सटेंशन के साथ फ़ाइल का नाम ढूंढें और उस पर क्लिक करें।

3. बटन को क्लिक करे खुला(खुला)। एनिमेशन अनुक्रम के फ़्रेम सहेजे जाएंगे. हालाँकि, लेयर्स पैलेट अब परतों का एक क्रम प्रदर्शित करेगा: प्रत्येक फ्रेम के लिए एक परत। एक परत के अलग-अलग तत्वों को अब अन्य फ़्रेमों से स्वतंत्र रूप से संपादित नहीं किया जा सकता है!

एनीमेशन अनुकूलन

1. पैलेट मेनू में अनुकूलन(अनुकूलन) कमांड का उपयोग करें एनीमेशन अनुकूलित करें(एनीमेशन अनुकूलित करें)।

2. पैरामीटर समूह में द्वारा अनुकूलित करें(इसके साथ ऑप्टिमाइज़ करें) चेकबॉक्स आकार निर्धारक बॉक्स(समग्र फ़्रेम) मूल फ़्रेम और केवल उन क्षेत्रों को संरक्षित करने के लिए जो एक फ़्रेम से दूसरे फ़्रेम में बदलते हैं। परिणामस्वरूप, फ़ाइल का आकार कम हो जाएगा, लेकिन साथ ही, GIF प्रारूप स्वीकार करने वाले सभी संपादक प्रोग्राम इस फ़ाइल के साथ काम करने में सक्षम नहीं होंगे।

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

इनमें से कोई भी विकल्प एनीमेशन के वास्तविक स्वरूप को नहीं बदलेगा, सभी परिवर्तन पर्दे के पीछे होते हैं;

एनीमेशन सहेजा जा रहा है.

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

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

· HTML और छवियाँ(HTML और चित्र) - एक HTML फ़ाइल बनाता है और प्रत्येक छवि को एक अलग फ़ाइल के रूप में सहेजता है;

· केवल छवियाँ(केवल चित्र) - केवल छवि को सहेजता है अलग फ़ाइल;

· केवल HTML(केवल HTML) - छवि फ़ाइलों के बिना केवल HTML फ़ाइल सहेजता है।

इसके अलावा, ImageReady आपको कॉपी HTML कमांड के साथ एक HTML फ़ाइल बनाने की अनुमति देता है, जो HTML कोड को क्लिपबोर्ड पर कॉपी करता है, जिसे बाद में किसी भी HTML संपादक में एक वेब पेज में चिपकाया जा सकता है। यदि स्रोत छवि बदलती है, तो HTML फ़ाइल को अद्यतन करने के लिए, अद्यतन की जाने वाली फ़ाइल का नाम निर्दिष्ट करते हुए, अद्यतन HTML कमांड चलाएँ।

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

एनिमेटेड बारिश कैसे करें.

स्टेप 1। छवि खोलें.

चरण दो। एक नई परत बनाएं और इसे ग्रे रंग से भरें। और इसमें एक फिल्टर लगा लें फ़िल्टर - शोर - शोर जोड़ेंऔर निम्नलिखित सेटिंग्स सेट करें।

फिर फ़िल्टर लगाएं फ़िल्टर-ब्लर-मोशन ब्लर।

परत की अपारदर्शिता को 30% पर सेट करें

चरण 3। फिर से एक नई परत बनाएं और इसे ग्रे से भरें और चरण दो के समान फ़िल्टर लागू करें धीमी गतिहम इसे पहले से ही अन्य सेटिंग्स के साथ कर रहे हैं।

और परत की अपारदर्शिता को 30% पर सेट करें

चरण 4 . हमने चरण 2 में जो कुछ किया था उसे दोबारा दोहराते हैं। फ़िल्टर करें धीमी गतिइसे इन सेटिंग्स के साथ करें और परत पारदर्शिता को 30% पर सेट करें।

चरण5 . के लिए चलते हैं छवि पाठकयह कीबोर्ड शॉर्टकट का उपयोग करके किया जाता है ( Shift+Ctrl+M)

चरण 6 . हम फ़्रेम की लंबाई 0.1 सेकंड बनाते हैं।

चरण7 . हम अपने फ्रेम के दो डुप्लिकेट बनाते हैं।

चरण 8 . पहले फ्रेम पर जाएं और सुनिश्चित करें कि हमारे द्वारा बनाई गई बूंदों वाली केवल पहली परत ही दिखाई दे।

चरण 9 . दूसरे फ्रेम पर जाएं और सुनिश्चित करें कि हमारे द्वारा बनाई गई बूंदों वाली केवल दूसरी परत ही दिखाई दे।

चरण 10 . तीसरे फ्रेम पर जाएं और सुनिश्चित करें कि हमारे द्वारा बनाई गई बूंदों वाली केवल तीसरी परत ही दिखाई दे।

हमारा एनिमेशन तैयार है!

Xara3D 5.0

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

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

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

मैक्रोमीडिया फ्लैश

अधिक सटीक होने के लिए, एडोब फ़्लैश फ़्लैश प्लेटफ़ॉर्म के लिए एप्लिकेशन बनाने के लिए एक वातावरण है, इसके साथ अन्य उपकरण (वातावरण) भी हैं:

एडोब फ्लेक्स बिल्डर;

फ़्लैश डेवलपमेंट टूल (एफडीटी), आदि।

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

फ़्लैश का उपयोग प्रारूप के नाम (फ़्लैश फ़िल्में, फ़्लैश मूवीज़) के रूप में भी किया जाता है (पूरा नाम फ़्लैश मूवी है)।

उत्पाद बनाते समय, आप ध्वनि और ग्राफ़िक फ़ाइलों का उपयोग कर सकते हैं, आप PHP और XML का उपयोग करके इंटरैक्टिव इंटरफ़ेस और पूर्ण वेब एप्लिकेशन बना सकते हैं।

फ़्लैश फ़ाइलों में एक्सटेंशन ".swf" होता है और इन्हें इसका उपयोग करके देखा जाता है फ़्लैश प्लेयर, जिसे ब्राउज़र प्लगइन के रूप में इंस्टॉल किया जा सकता है। SWF फ़ाइलें Gnash प्लेयर का उपयोग करके भी देखी जा सकती हैं। Adobe वेबसाइट के माध्यम से निःशुल्क वितरित किया गया। ".fla" एक्सटेंशन वाली स्रोत फ़ाइलें Adobe फ़्लैश विकास परिवेश में बनाई जाती हैं और फिर समझने योग्य फ़्लैश में संकलित की जाती हैं प्लेयर प्रारूप- ".swf"।

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

फ्लैश एक्शनस्क्रिप्ट प्रोग्रामिंग भाषा का उपयोग करता है, जो ईसीएमएस्क्रिप्ट पर आधारित है।

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

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

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

आज तथाकथित 3डी इंजन मौजूद हैं, उदाहरण के लिए:

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

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

मैक्रोमीडिया फ़्लैश इंटरफ़ेस.

चित्र .1

खिड़की खोलते समय फ़्लैश अनुप्रयोगनिम्नलिखित इंटरफ़ेस तत्व स्क्रीन पर दिखाई देते हैं:

· स्टेज (डेस्कटॉप) - व्यक्तिगत फ्रेम बनाने, ग्राफिक तत्वों या आयातित बिटमैप्स से एक रचना बनाने और एनीमेशन परिणाम देखने के लिए एक क्षेत्र;

· समयरेखा (समय अक्ष) - एक विंडो जिसमें उन पर स्थित ग्राफिक वस्तुओं और समय में उनके वितरण के साथ व्यक्तिगत परतों की एक सूची होती है (फिल्म का प्रत्येक फ्रेम समय अक्ष पर चिह्नित होता है);

· प्रतीक (प्रतीक) - फिल्म के मुख्य तत्व, एक नियम के रूप में, इसमें कई बार उपयोग किए जाते हैं;

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

· फ्लोटिंग, डॉकेबल पैनल - टैब के एक सेट के साथ विंडो, जिसका उपयोग एप्लिकेशन को कॉन्फ़िगर करने और मूवी तत्वों के मापदंडों को बदलने के लिए किया जाता है;

· मूवी एक्सप्लोरर (मूवी ब्राउज़र) - मूवी की संरचना देखने के लिए एक अतिरिक्त विंडो कहा जाता है।

स्टॉप मोशन एनिमेशन

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

टाइमलाइन पर एक लाल आयत है जो हमेशा वर्तमान फ़्रेम को हाइलाइट करता है।

निष्कर्ष:

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

यह कार्य एनीमेशन का समर्थन करने और बनाने के सबसे सामान्य साधनों पर चर्चा करता है, और विभिन्न प्रभावों का उपयोग करके GIF फ़ाइलें, फ़्लैश वीडियो और एनिमेटेड त्रि-आयामी पाठ बनाने के चरणों का भी वर्णन करता है।

Xara3D - त्रि-आयामी पाठ के साथ काम करने के लिए एक कार्यक्रम में उपयोगकर्ता के अनुकूल इंटरफ़ेस और न्यूनतम संख्या में सेटिंग्स हैं, और इसे सरल और सुविधाजनक माना जाता है।

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

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

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

ग्रंथ सूची:

1. कंप्यूटर प्रेस 3 '2005;

2. http://computer.damotvet.ru/software/887515.htm;

3. इंटरनेट के लिए एनिमेशन पर सचित्र ट्यूटोरियल; 2007 डायनामाइट सॉफ्टवेयर समूह।

परिचय................................................. ....... ................................................... .............. .................................3

एनिमेशन................................................. .................................................. .......................................4

एनिमेशन निर्माण प्रौद्योगिकियाँ...................................................... ................................................... ..............4

एनिमेशन सॉफ्टवेयर................................................. ..................................4

2डी एनिमेशन सॉफ्टवेयर (2डी) की विशेषताएं.................................5

त्रि-आयामी एनिमेशन (3डी) बनाने के लिए सॉफ्टवेयर की विशेषताएं...5

जीआईएफ एनिमेशन................................................. ... ....................................................... .......................6

GIF एनिमेशन बनाने के लिए कार्यक्रमों का वर्गीकरण................................................. ......... .......6

एनीमेशन एनिमेशन का पश्चिमी नाम है। यह शब्द अंग्रेजी एनीमेशन से आया है, जिसका अनुवाद "पुनरुद्धार, एनीमेशन" है।

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

और हमारे समय में, एक साधारण एनिमेटेड फिल्म बनाने के लिए, एक साधारण पर्सनल कंप्यूटर की शक्ति ही काफी है।

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

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

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

कंप्यूटर एनीमेशन को भी प्रकारों में विभाजित किया जा सकता है: फ्लैश एनीमेशन, क्लासिक फ्रेम-दर-फ्रेम, 3डी एनीमेशन।

फ्लैश एनीमेशन

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

कार्टून बनाने की प्रक्रिया में कई चरण होते हैं:

पहला चरण विचार और स्क्रिप्ट है;

दूसरा स्टोरीबोर्ड है;

तीसरा - एक एनिमेटिक बनाना (कार्टून का एक मोटा लेआउट। पहले से ही एनिमेटिक के आधार पर, कोई भी होने वाली कार्रवाई का न्याय कर सकता है। एनिमेटिक में पहले से ही एनीमेशन शामिल है, लेकिन पात्रों की गतिविधियों को अगले चरण में बदला जा सकता है),

चौथा और सबसे लंबा एनीमेशन है;

पांचवां - परिष्करण रूपरेखा;

छठा है फिल्म का संपादन और संयोजन।

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

एनीमेशन के अभ्यास में, एनीमेशन कार्यक्रमों के लक्षित डिजाइन के लिए, पर्यटक एनीमेशन के निम्नलिखित कार्यों को प्रतिष्ठित किया जा सकता है:

अनुकूलन, आपको रोजमर्रा के वातावरण से मुक्त, अवकाश वातावरण में जाने की अनुमति देता है;

प्रतिपूरक, एक व्यक्ति को रोजमर्रा की जिंदगी की शारीरिक और मानसिक थकान से मुक्त करना;

स्थिरीकरण, सकारात्मक भावनाएं पैदा करना और मानसिक स्थिरता को उत्तेजित करना;

कल्याण, जिसका उद्देश्य रोजमर्रा के कामकाजी जीवन में कमजोर हुई व्यक्ति की शारीरिक शक्ति को बहाल करना और विकसित करना है;

सूचनात्मक, आपको देश, क्षेत्र, लोगों आदि के बारे में नई जानकारी प्राप्त करने की अनुमति देता है;

शैक्षिक, जो आपको ज्वलंत छापों के परिणामस्वरूप अपने आसपास की दुनिया के बारे में नया ज्ञान प्राप्त करने और समेकित करने की अनुमति देता है;

सुधार करना, बौद्धिक और शारीरिक सुधार लाना;

पर्यटक एनीमेशन के कार्यों की इतनी विविधता ने विभिन्न प्रकार की एनीमेशन गतिविधियों के साथ-साथ एनीमेशन कार्यक्रमों और घटनाओं की एक विस्तृत विविधता को जन्म दिया है।

एक व्यवस्थित दृष्टिकोण के दृष्टिकोण से, पर्यटक एनीमेशन संचार, आंदोलन, संस्कृति, रचनात्मकता, एक सुखद शगल और मनोरंजन में विशिष्ट पर्यटक आवश्यकताओं की संतुष्टि है।

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

गति में एनीमेशन - आनंद और सुखद अनुभवों के साथ मिलकर आधुनिक व्यक्ति की गति की आवश्यकता को पूरा करता है;

अनुभव के माध्यम से एनीमेशन - नई, अज्ञात, अप्रत्याशित समावेशन, खोजों के साथ-साथ कठिनाइयों पर काबू पाने की भावना की आवश्यकता को संतुष्ट करता है;

संचार के माध्यम से एनीमेशन - नए, दिलचस्प लोगों के साथ संवाद करने, लोगों की आंतरिक दुनिया की खोज करने और संचार के माध्यम से स्वयं को जानने की आवश्यकता को पूरा करता है;

शांति के माध्यम से एनीमेशन - शांति, एकांत, प्रकृति के साथ संपर्क के साथ-साथ शांति और "निष्क्रिय आलस्य" के माध्यम से रोजमर्रा की थकान से लोगों की मनोवैज्ञानिक राहत की आवश्यकता को पूरा करता है;

सांस्कृतिक एनीमेशन - देश, क्षेत्र, लोगों, राष्ट्र की संस्कृति के सांस्कृतिक और ऐतिहासिक स्मारकों और आधुनिक उदाहरणों से परिचित होकर व्यक्ति के आध्यात्मिक विकास के लिए लोगों की आवश्यकता को पूरा करता है;

रचनात्मक एनीमेशन - किसी व्यक्ति की रचनात्मकता की आवश्यकता को पूरा करता है, किसी की रचनात्मक क्षमताओं का प्रदर्शन करता है और संयुक्त रचनात्मकता के माध्यम से समान विचारधारा वाले लोगों के साथ संपर्क स्थापित करता है।

वास्तविक एनीमेशन कार्यक्रम अक्सर प्रकृति में जटिल होते हैं, और सूचीबद्ध प्रकार के एनीमेशन इन कार्यक्रमों के घटक तत्व हैं।

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

आइए हम काम के विषय से संबंधित एनीमेशन के प्रकारों पर प्रकाश डालें: मनोरंजक, पर्यटक, होटल।

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

चित्र 2 - मनोरंजक एनीमेशन के प्रकार

पर्यटक एनीमेशन एक पर्यटक सेवा है, जिसके प्रावधान में पर्यटक सक्रिय कार्रवाई में शामिल होता है।

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

अतिरिक्त एनीमेशन सेवाएँ भी हैं - यात्रा पैकेज में निर्दिष्ट मुख्य पर्यटक सेवाओं को "समर्थन" करने के लिए डिज़ाइन किए गए एनीमेशन प्रोग्राम, यात्रा के कारण तकनीकी ब्रेक के दौरान, यात्रा में देरी, खराब मौसम की स्थिति में, या इच्छित शगल के लिए परिस्थितियों की कमी के दौरान।

तालिका 1 मनोरंजक मनोरंजन पर जोर देने के साथ पर्यटक एनीमेशन प्रस्तुत करती है।

तालिका 1 - एनीमेशन गतिविधियों की टाइपोलॉजी

तदनुसार, प्रत्येक प्रकार के एनीमेशन का लक्ष्य पर्यटन और पर्यटन प्रतियोगिताएं, खेल प्रतियोगिताएं और खेल, मनोरंजन कार्यक्रम, शैक्षिक और भ्रमण गतिविधियां होंगी।

"यहाँ, हालाँकि, हम पीछे मुड़कर देखते हैं, लेकिन हम स्थिर नहीं रहते हैं। हम आगे बढ़ने का प्रयास करते हैं, नए रास्ते खोलते हैं, नई चीजें अपनाते हैं, क्योंकि हम जिज्ञासु हैं... और जिज्ञासा हमें केवल नई राहों पर ले जाती है।" (वॉल्ट डिज्नी)

एनीमेशन तकनीक के बारे में

कभी-कभी भविष्य के एनिमेशन कार्यों की तकनीकी विशेषताओं पर सहमति बनाते समय मेरे और ग्राहक के बीच गलतफहमी पैदा हो जाती है। यह लेख आपको एनीमेशन प्रौद्योगिकी के मुद्दों को बेहतर ढंग से समझने में मदद करेगा।

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

हाथ से तैयार क्लासिक एनीमेशन।

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

डिज्नी कार्टून "स्नो व्हाइट एंड द सेवेन ड्वार्फ्स" से अभी भी

अनुवाद एनीमेशन.

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

अभी भी यूरी नॉर्स्टीन द्वारा निर्देशित कार्टून "हेजहोग इन द फॉग" से

कांच पर चित्रकारी.

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

अलेक्जेंडर पेत्रोव द्वारा निर्देशित एनिमेटेड फिल्म "द ओल्ड मैन एंड द सी" का एक दृश्य।

कठपुतली एनीमेशन.

वही पुराने प्रकार का एनीमेशन. स्टॉप मोशन एनीमेशन में सभी कठपुतलियाँ और दृश्य हाथ से बनाए जाते हैं, जो इसे क्लासिक एनीमेशन जितना महंगा बनाता है। फिर भी, इस प्रकार का एनीमेशन आज भी बहुत लोकप्रिय है (3डी कंप्यूटर एनीमेशन के प्रसार के बावजूद)। सच कहूँ तो, बचपन में मुझे कठपुतली एनीमेशन पसंद नहीं था))) लेकिन मुझे इसका एहसास तब हुआ जब मैंने टॉम बर्टन का कार्टून "द नाइटमेयर बिफोर क्रिसमस" देखा।

टॉम बर्टन द्वारा निर्देशित कार्टून "द नाइटमेयर बिफोर क्रिसमस" का एक दृश्य।

प्लास्टिसिन एनीमेशन

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

ए. टाटार्स्की द्वारा निर्देशित कार्टून "लास्ट इयर्स स्नो वाज़ फॉलिंग" का एक दृश्य।

कंप्यूटर 2डी एनीमेशन.

चाहे हम इसे पसंद करें या न करें, पुराने प्रकार के एनिमेशन का स्थान नए प्रकार के एनिमेशन ले रहे हैं। किसी कारण से, कंप्यूटर को आमतौर पर 2D एनिमेशन कहा जाता है फ्लैश एनीमेशनऔर यह पूरी तरह सच नहीं है. फ़्लैश केवल एक प्रोग्राम है. आप 2डी एनीमेशन बनाने के लिए अन्य शक्तिशाली कंप्यूटर प्रोग्रामों का नाम दे सकते हैं, उदाहरण के लिए: आफ्टर इफेक्ट, एनीमे स्टडी प्रो, टून बूम स्टूडियो और कई अन्य सशुल्क और निःशुल्क कार्यक्रम. वर्तमान में, लगभग सभी स्टूडियो 2डी कंप्यूटर एनीमेशन में लगे हुए हैं। यह ठीक उसी प्रकार का एनीमेशन है जिसे हम आज टीवी श्रृंखलाओं में, इंटरनेट पर, सामान्य तौर पर देखते हैं कंप्यूटर गेमवगैरह।

फिर भी एनिमेटेड श्रृंखला "द सिम्पसंस" से

3डी एनीमेशन.

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

पिक्सर फिल्म "रैटटौली" का एक दृश्य।

संयुक्त एनीमेशन.

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

स्टीवन स्पीलबर्ग द्वारा निर्देशित फिल्म "जुरासिक वर्ल्ड" से

अन्य प्रकार के एनीमेशन.

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

कार्डबोर्ड टॉवर स्टूडियो में एनिमेशन के प्रकार।

हमारा एनीमेशन स्टूडियो 2डी कंप्यूटर एनीमेशन के उत्पादन में माहिर है। लचीले विकल्पों के लिए धन्यवाद कंप्यूटर प्रोग्रामहम एक ही समय में क्रॉसओवर और क्लासिक एनीमेशन दोनों बना सकते हैं। हम 3डी एनिमेशन बनाने में भी सक्षम हैं। उदाहरण के तौर पर, आप हमारे पोर्टफोलियो से 3 वीडियो देख सकते हैं:

1. शास्त्रीय तरीके से 2डी कंप्यूटर एनीमेशन।

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

दृश्य प्रतिक्रिया

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

दृश्य प्रकार की ओर प्रतिक्रियायह छवि को क्षैतिज रूप से ले जाने की तकनीक पर भी लागू होता है। उपयोगकर्ता चित्र को डिस्प्ले के किनारे पर धकेलता है, छवि गायब हो जाती है, और उसके स्थान पर एक नई छवि दिखाई देती है।

"परिवर्तन" फ़ंक्शन

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

नीचे दिए गए उदाहरण में आप देख सकते हैं कि त्वरित कार्रवाई बटन का आइकन बदल जाता है उपस्थितिउपयोगकर्ता को यह दिखाने के लिए हैमबर्गर मेनू से "X" बटन पर जाएं कि बटन का कार्य बदल गया है।

और दूसरे उदाहरण में, सामग्री के साथ-साथ आइकन भी बदल जाता है।

अंतरिक्ष में अभिमुखीकरण

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

निम्नलिखित उदाहरण में, एनीमेशन हमें स्क्रीन के नीचे दिखाई देने वाले अतिरिक्त विकल्पों को प्रदर्शित करने की अनुमति देता है, जिससे उपयोगकर्ता की कार्रवाई की संभावित पसंद बढ़ जाती है।

तत्वों का पदानुक्रम और उनकी परस्पर क्रिया

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

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

दूसरे उदाहरण में, जब उपयोगकर्ता सूचना कार्ड पर क्लिक करता है तो उसका आकार बढ़ जाता है। सब कुछ समान है: यह तुरंत स्पष्ट है कि यह वही तत्व है और अंतर केवल पैमाने में है।

दृश्य सुराग

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

उसी दृष्टिकोण को दूसरे उदाहरण में देखा जा सकता है, केवल यहां एनीमेशन का उपयोग सोशल नेटवर्क आइकन चुनते समय संकेत प्रदान करने के लिए किया जाता है।

सिस्टम की स्थिति

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

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

मज़ेदार एनिमेशन

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

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

यहां तक ​​कि एक उबाऊ पुल टू रिफ्रेश को भी मज़ेदार बनाया जा सकता है, जैसे इस उदाहरण में उबलते पानी के एक बर्तन की तस्वीर के साथ।

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

बुनियादी डिजाइन सिद्धांत

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

सामग्री

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

संचलन का प्रक्षेप पथ

एनीमेशन में, गति के प्रकार पर निर्णय लेना महत्वपूर्ण है। सामान्य सिद्धांत बताते हैं कि निर्जीव वस्तुओं की गति का मार्ग सीधा होता है, जबकि जीवित वस्तुएँ अधिक लचीले पथ पर चलती हैं। यह तय करने के बाद कि तत्व कैसे आगे बढ़ेंगे, आपको चुनी गई रणनीति पर टिके रहना होगा।

टाइमरिंग

एनीमेशन बनाते समय किसी तत्व की गति का समय एक बहुत महत्वपूर्ण कारक है। वास्तविक दुनिया में, वस्तुएँ रैखिक गति के नियमों के अनुसार नहीं चलती हैं; उन्हें तेज़ या धीमा होने में समय लगता है। यूआई तत्वों को अधिक स्वाभाविक रूप से स्थानांतरित करने के लिए, आप असमान त्वरण का उपयोग कर सकते हैं।

तत्व पर ध्यान दें

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

कार्रवाई परिणाम और ओवरलैप

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

अतिरिक्त कदम

मुख्य एनीमेशन के साथ अतिरिक्त क्रियाओं के सिद्धांत का उपयोग किया जाता है। अतिरिक्त एनीमेशन डिज़ाइन को दिलचस्प बनाता है, लेकिन उपयोगकर्ता का ध्यान भटका सकता है।

सहज त्वरण

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

अपेक्षा

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

लय

एनीमेशन में, लय संगीत के समान ही कार्य करती है; यह गति को व्यवस्थित करती है और इसे अधिक स्वाभाविक बनाती है।

अतिशयोक्ति

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