फ्लैश उत्प्रेरक में इंटरएक्टिव घटक जोड़ना

• अप्रैल 28, 2024

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

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

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

2. पेज / स्टेट्स पैनल के पेज 2 आइकन पर क्लिक करें। पृष्ठ 2 के पिछले चरण को केवल वही बटन दबाकर रखें जो लोगो से मेल खाता है। पेज / स्टेट्स पैनल में पेज 3 आइकन पर क्लिक करें और इस चरण को दोहराएं।

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

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

Page1> Page2
Page1> Page3
Page2> Page1
पेज 3> पेज 1

3. Page1> Page2 लेयर पर क्लिक करें। आप देखेंगे कि कैटालिस्ट ने हमें लोगो 1 और 2 (मंद आउट) और बटन 1 और 2. के लिए संक्रमण विकल्प दिए हैं क्योंकि हम लोगो 1 से दूर जा रहे हैं, हमारे पास एक फीका आउट विकल्प है। लेकिन हम लोगो के लिए आगे बढ़ेंगे। हमारे पास इस लोगो के लिए एक फीका विकल्प है।

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

टाइमलाइन के नीचे स्थित स्मूद ट्रांज़िशन बटन पर क्लिक करें। आप देखेंगे कि सभी लेयर्स पर फेड आउट / इन कंट्रोल्स को एक सेकंड के लिए बढ़ा दिया गया है। अभी भी Page1> Page2 लेयर पर, हमें दो बटन के लिए प्रभाव को बंद करने की आवश्यकता है। प्रत्येक बटन के लिए बाईं ओर स्लाइडर नियंत्रण पुश करें।

Page1> Page3 लेयर पर क्लिक करें। दो बटन और लोगो के लिए पिछले चरण को दोहराएं। पृष्ठ 2> पृष्ठ 1 परत और पृष्ठ 3> पृष्ठ 1 परत के लिए फिर से दोहराएं।

यह पेज 1 राज्य के लिए सभी बदलावों का ध्यान रखता है। लेकिन हमारे पोर्टफोलियो में तीन राज्य हैं। हमें अन्य दो राज्यों के लिए फिर से ऐसा करने की आवश्यकता है। पेज / स्टेट्स पैनल के पेज 2 आइकन पर क्लिक करें।

समयरेखा में परतों पर एक नज़र डालें। आप देखेंगे कि Page1 राज्य के लिए जो सेटिंग हम अभी तय करते हैं, उसे Page2> Page2> और Page2> Page3 के बीच के बदलाव के लिए Page2 स्थिति में ले जाया जाता है। हमें केवल Page2> Page3 और Page3> Page2 के बीच संक्रमण जोड़ना होगा।

4. पृष्ठ 2 स्थिति के लिए लोगो में परिवर्तन लागू करने के लिए पिछले चरणों को दोहराएं। आपको टाइमलाइन में प्रत्येक परत के लिए यह करना होगा।

5. पेज / स्टेट्स पैनल के पेज 3 आइकन पर क्लिक करें। आप देखेंगे कि अन्य दो राज्यों से संक्रमण सेटिंग्स खत्म हो गई हैं। यदि हमारे पास अधिक पृष्ठ हैं, तो हमें इस राज्य के लिए परतों पर काम करना होगा। लेकिन चूंकि यह तीन राज्यों में से अंतिम है, हम सभी सेट हैं।

अपने प्रोजेक्ट का फिर से परीक्षण करें। यदि सब काम कर रहा है, तो हम अपनी फ़ाइल को LogoPortfolio.fxp के रूप में सहेजने के लिए तैयार हैं।

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

कॉपीराइट 2018 एडोब सिस्टम्स शामिल। सभी अधिकार सुरक्षित। Adobe उत्पाद स्क्रीन शॉट (ओं) को Adobe सिस्टम शामिल से अनुमति के साथ पुनर्मुद्रित किया गया। Adobe, Photoshop, Photoshop एल्बम, Photoshop तत्व, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, आतिशबाजी, योगदान, कैप्टिनेट, फ्लैश कैटालिस्ट और फ्लैश पेपर संयुक्त राज्य अमेरिका और / या अन्य देशों में शामिल Adobe Systems का या तो [a] पंजीकृत ट्रेडमार्क [s] या ट्रेडमार्क [s] है।

वीडियो निर्देश: फ्लैश AS2.0 onClipEvent ट्यूटोरियल द्वारा सैम (अप्रैल 2024).