फ्लैश का परिचय (Introduction to Flash)

1. एनीमेशन का विज्ञान: दृष्टि का स्थायित्व (Persistence of Vision)

एनीमेशन वास्तव में क्या है? वैज्ञानिक दृष्टि से एनीमेशन गति का एक दृष्टि भ्रम (Optical Illusion) है, जो कई स्थिर चित्रों को तीव्र गति से एक के बाद एक प्रदर्शित करके उत्पन्न किया जाता है। जब मानव नेत्र किसी वस्तु को देखता है, तो उस वस्तु के हट जाने के बाद भी उसकी छवि रेटिना पर लगभग 1/10 से 1/16 सेकंड तक बनी रहती है। इस शारीरिक घटना को दृष्टि का स्थायित्व (Persistence of Vision) कहा जाता है (इसका वैज्ञानिक प्रतिपादन पीटर मार्क रोजेट ने 1824 में किया था)।

यदि रेटिना से पहली छवि का प्रभाव समाप्त होने से पहले ही वस्तु की स्थिति में थोड़े बदलाव वाला दूसरा स्थिर चित्र सामने ला दिया जाए, तो मानव मस्तिष्क दोनों चित्रों को आपस में मिला देता है। मस्तिष्क को अलग-अलग स्थिर चित्र दिखने के बजाय एक सहज, निरंतर भौतिक गति का अनुभव होता है। डिजिटल एनीमेशन में इस गति को फ्रेम्स प्रति सेकंड (Frames Per Second - fps) में मापा जाता है:

• सिनेमा / फिल्म: 24 फ्रेम्स प्रति सेकंड (24 fps)।
• टेलीविजन प्रसारण: 25 से 30 फ्रेम्स प्रति सेकंड।
• फ़्लैश की मानक डिफ़ॉल्ट गति: 12 फ्रेम्स प्रति सेकंड (12 fps)। इसका अर्थ है कि टाइमलाइन पर 1 सेकंड में 12 फ्रेम्स स्क्रीन से होकर गुजरते हैं।

2. फ़्लैश का ऐतिहासिक उद्भव

1990 के दशक के मध्य में जोनाथन गे और चार्ली जैक्सन ने फ्यूचरवेव सॉफ्टवेयर की स्थापना कर FutureSplash Animator नामक सॉफ्टवेयर बनाया। दिसंबर 1996 में मैक्रोमीडिया ने इसे खरीदकर इसका नाम मैक्रोमीडिया फ़्लैश (Macromedia Flash) रखा। वर्ष 2005 में एडोब सिस्टम्स (Adobe) ने मैक्रोमीडिया का अधिग्रहण कर इसे Adobe Flash Professional (जो बाद में Adobe Animate बना) का नाम दिया।

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

3. वेक्टर ग्राफिक्स बनाम बिटमैप (रास्टर) ग्राफिक्स का संपूर्ण विश्लेषण

फ़्लैश की गति और गुणवत्ता का रहस्य उसके वेक्टर ग्राफिक्स में छिपा है। विद्यार्थियों को इन दोनों ग्राफिक प्रणालियों के अंतर को गहराई से समझना चाहिए:

1. फ़्लैश कार्यक्षेत्र (Workspace) के छह मुख्य घटक

जब एक एनिमेटर एडोब फ़्लैश खोलता है, तो स्क्रीन एक पूर्ण एनीमेशन स्टूडियो के रूप में प्रस्तुत होती है जो छह प्रमुख क्षेत्रों में बँटी होती है:

2. टूल्स पैनल (Toolbox) के चार अनुभाग

फ़्लैश का टूल्स पैनल तार्किक रूप से चार अलग-अलग अनुभागों में विभाजित होता है:

1. सिलेक्शन टूल (Arrow Tool - `V`) एवं वक्र मोड़ने का जादू

सिलेक्शन टूल (शॉर्टकट: V) फ़्लैश का सबसे अधिक प्रयुक्त होने वाला टूल है। वस्तुओं को चुनने और हिलाने के अलावा इसमें एक अद्वितीय फ़्लैश-विशिष्ट क्षमता होती है: वेक्टर वक्रों को मोड़ना (Reshaping curves)!

जब सिलेक्शन टूल का कर्सर किसी अचयनित वेक्टर रेखा या आकृति के किनारे पर जाता है, तो कर्सर का रूप बदल जाता है:

• आर्क कर्सर (तीर के नीचे चाप/वक्र रेखा): जब कर्सर किसी सपाट किनारे पर होता है। माउस से क्लिक करके खींचने पर सीधी रेखा तुरंत एक चिकने वक्र (Curve) में मुड़ जाती है!
• कोणीय कर्सर (तीर के नीचे समकोण/L-आकार): जब कर्सर किसी कोने के बिंदु (Vertex) पर होता है। क्लिक करके खींचने पर वह कोना अपनी जगह से खिसककर आकृति को नया रूप देता है।

2. मर्ज ड्राइंग मोड बनाम ऑब्जेक्ट ड्राइंग मोड

फ़्लैश में दो अलग-अलग ड्राइंग मोड्स होते हैं, जिन्हें समझना आवश्यक है:

3. पेंसिल टूल के तीन मोड्स: Straighten, Smooth एवं Ink

जब पेंसिल टूल (शॉर्टकट: Y) चुना जाता है, तो ऑप्शन्स अनुभाग में तीन विशेष शैलियाँ दिखाई देती हैं:

• Straighten (सीधा करना): हाथ से खींची गई टेढ़ी-मेढ़ी रेखाओं को स्वतः गणितीय रूप से सीधी रेखाओं में बदल देता है और खुरदुरे घेरों को सटीक वृत्त या वर्ग बना देता है।
• Smooth (चिकना करना): खुरदुरे, झुर्रीदार वक्रों के अतिरिक्त बिंदुओं को हटाकर उन्हें सुंदर, चिकने बहते हुए वक्रों में ढाल देता है।
• Ink (स्याही): किसी भी स्वचालित सुधार को बंद रखता है, जिससे चित्रकार के हाथ का कच्चा और स्वाभाविक स्ट्रोक हूबहू वैसा ही सहेजा जाता है जैसा खींचा गया था।

4. पेंट बकेट (`K`), इंक बॉटल (`S`) एवं इरेज़र मोड्स

पेंट बकेट टूल (K): घिरी हुई आकृतियों में रंग या ग्रेडिएंट भरता है। इसमें 'Gap Size' विकल्प होता है, जिससे रेखाओं में थोड़ा खुला गैप होने पर भी रंग बाहर फैले बिना भरा जा सकता है।

इंक बॉटल टूल (S): किसी आकृति की बाहरी रेखा (Stroke) का रंग या मोटाई बदलता है। बिना बॉर्डर वाले भराव पर क्लिक करने से तुरंत नई आउटलाइन बन जाती है।

इरेज़र टूल (E): रेखाओं और रंगों को मिटाता है। इसके प्रमुख मोड्स हैं: Erase Fills (केवल अंदर का रंग मिटाता है, बॉर्डर सुरक्षित रहता है), Erase Lines (केवल बॉर्डर मिटाता है), तथा Faucet टूल (एक ही क्लिक में पूरे भरे हुए रंग को तुरंत मिटा देता है)।

1. फ्रेम्स के तीन प्रकार: F5 बनाम F6 बनाम F7

फ़्लैश टाइमलाइन पर समय को छोटे-छोटे आयताकार खानों में मापा जाता है जिन्हें फ्रेम्स (Frames) कहते हैं। एनीमेशन में तीन प्रकार के फ्रेम्स का उपयोग होता है:

2. बहु-स्तरीय लेयर्स (Layers) का प्रबंधन

कल्पना कीजिए कि पारदर्शी प्लास्टिक शीट्स (Acetate sheets) एक के ऊपर एक रखी हैं। फ़्लैश में लेयर्स ठीक इसी प्रकार काम करती हैं! लेयर्स के माध्यम से आप कई वस्तुओं को स्वतंत्र रूप से बना और एनिमेट कर सकते हैं, बिना इस डर के कि वे आपस में चिपकेंगी या कटेंगी।

1. सिम्बॉल (Symbol) बनाम इंस्टेंस (Instance) क्या है?

पारंपरिक एनीमेशन में यदि एक कार को 100 फ्रेम्स तक चलाना होता था, तो चित्रकार को उस कार को 100 बार दोबारा बनाना पड़ता था। फ़्लैश ने सिम्बॉल्स और इंस्टेंस के माध्यम से इस दोहराव को समाप्त कर दिया:

2. सिम्बॉल्स के तीन प्रकार

स्टेज पर बनी आकृति को चुनकर जब F8 (Convert to Symbol) दबाया जाता है, तो फ़्लैश तीन व्यवहार प्रकारों में से एक चुनने को कहता है:

1. फ्रेम-बाय-फ्रेम एनीमेशन (Frame-by-Frame Animation)

इस विधि में एनिमेटर टाइमलाइन के प्रत्येक की-फ्रेम पर जाकर सामग्री को हाथ से स्वयं बनाता या बदलता है। उदाहरणार्थ, 12 fps पर 2 सेकंड दौड़ते हुए किसी पात्र को दिखाने हेतु 24 अलग-अलग की-फ्रेम्स (F6) बनाए जाते हैं और प्रत्येक पर हाथ-पैर की नई स्थिति बनाई जाती है।

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

2. स्वचालित ट्वीनिंग (Tweening / Inbetweening) का चमत्कार

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

3. मोशन ट्वीन बनाम शेप ट्वीन का तुलनात्मक चार्ट

1. इंटरएक्टिव बटन सिम्बॉल की चार अवस्थाएँ

जब आप बटन सिम्बॉल बनाते या संपादित करते हैं, तो सामान्य टाइमलाइन के स्थान पर Up, Over, Down एवं Hit नामक 4-फ्रेम वाली विशेष टाइमलाइन खुलती है:

2. मूवी का परीक्षण: शॉर्टकट `Ctrl + Enter`

कीबोर्ड पर Enter दबाने से एनीमेशन केवल स्टेज पर चलता है, किंतु इंटरएक्टिव बटन और लूपिंग मूवी क्लिप्स स्टेज पर कार्य नहीं करते। वास्तविक मूवी का परीक्षण करने हेतु Ctrl + Enter (Control → Test Movie) दबाया जाता है।

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

3. संपादन योग्य प्रोजेक्ट (.fla) बनाम संकलित मूवी (.swf)

परीक्षा की दृष्टि से इन दोनों फाइल प्रारूपों का भेद अत्यंत महत्वपूर्ण है: