फ़्लैश उत्प्रेरक CS5 टाइमलाइन

• मई 17, 2024

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

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

बटन 1 UnionParkView पेज प्रदर्शित करेगा
बटन 2 CentralParkView पेज प्रदर्शित करेगा
बटन 3 सिटी व्यू पेज प्रदर्शित करेगा

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

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

कैटेलिस्ट टाइमलाइन चार स्तंभों से बनी है। सबसे बाईं ओर पेज / स्टेट्स की एक सूची है। हमारी परियोजना के बटन और पेज / स्टेट्स के आधार पर, उत्प्रेरक इस कॉलम में हमारी वेबसाइट के पन्नों के बीच संबंध प्रदर्शित करेगा। जैसा कि आप देख सकते हैं, हम पृष्ठों के बीच चार तरीकों से आगे बढ़ सकते हैं। इनमें से प्रत्येक को टाइमलाइन में एक परत पर रखा गया है।

यहाँ से शुरू
शहर का दृश्य
शहर का दृश्य
UnionParkView
CentralParkView

यहां समाप्त हो रहा है
UnionParkView
CentralParkView
शहर का दृश्य
शहर का दृश्य

टाइमलाइन का दूसरा कॉलम प्रारंभिक राज्य प्रदर्शित करता है। जैसा कि हम टाइमलाइन में प्रत्येक परत पर क्लिक करते हैं, उत्प्रेरक इस दूसरे स्तंभ के शीर्ष पर सक्रिय पृष्ठ (वह पृष्ठ जिसे हम वर्तमान में देख रहे हैं) प्रदर्शित करेगा। उदाहरण के लिए, पहली परत में हम CityView पेज से UnionParkView पेज पर जा रहे हैं। इसलिए, CityView को प्रारंभिक राज्य के रूप में सूचीबद्ध किया गया है। लेकिन नीचे की परत में, हम CentralParkView से CityView तक जा रहे हैं और CentralParkView पेज इस कॉलम में प्रदर्शित किया जाएगा।

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

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

* Adobe ने मुझे एक निशुल्क प्रतिलिपि प्रदान की।

कॉपीराइट 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] है।

वीडियो निर्देश: Flash CS5 समय, कीफ़्रेम और शुरुआती भाग 1 के लिए फ्रेम्स (मई 2024).