फ्लैश CS4 छवि स्लाइड शो

• मई 18, 2024

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

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

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

फ़्लैश CS4 खोलें, एक नया एक्शनस्क्रिप्ट 3 प्रोजेक्ट शुरू करें और काम करने दें।

1. पहला चरण हमारी छवियों के समान चरण को उसी आकार में सेट करना है। मेनूबार से, संशोधित करें - दस्तावेज़ पर क्लिक करें। दस्तावेज़ गुण संवाद बॉक्स में, अपनी छवियों के लिए पिक्सेल में चौड़ाई और ऊँचाई दर्ज करें। यह मैच के लिए चरण निर्धारित करेगा। आप पृष्ठभूमि का रंग बदलना भी चाह सकते हैं। छोटे रंग बॉक्स पर क्लिक करें और एक रंग चुनें। आप अपने वेबपेज की पृष्ठभूमि के रंग से मेल खाना चाहते हैं।
   
   हम Preloader कोड के लिए टाइमलाइन पर फ़्रेम 1 का उपयोग करेंगे, जिसे हम बाद में जोड़ देंगे। तो अब के लिए, हम फ्रेम 2 पर अपने स्लाइड शो का निर्माण शुरू करेंगे।
   
   हमारी प्रत्येक छवि 100 फ़्रेमों के लिए प्रदर्शित होगी। क्योंकि हमारा फ्रेम्स प्रति सेकंड डिफ़ॉल्ट रूप से 24 पर सेट है, इससे हमें प्रत्येक छवि के लिए लगभग चार सेकंड का डिस्प्ले समय मिलेगा।
   
   
2. "पृष्ठभूमि" के लिए परत 1 का नाम बदलें। इसी परत पर, फ्रेम 300 (100 फ्रेम x 3 चित्र) पर राइट-क्लिक करें और एक खाली फ्रेम (फ़्रेम सम्मिलित करें) जोड़ें। यह पूरे एनीमेशन के दौरान बैकग्राउंड लेयर को प्रदर्शित करेगा।
   
   
3. एक नई परत जोड़ें और इसे "Image1" नाम दें। यह परत हमारी पहली छवि बनाए रखेगी। लेकिन हम नहीं चाहते हैं कि फ़्रेम 2 तक छवि मंच पर दिखाई दे। याद रखें, फ़्रेम 1 हमारा प्रीलोडर होगा। इस लेयर के फ़्रेम 2 पर, राइट-क्लिक करें और कीफ़्रेम जोड़ें।
   
   अब हम अपनी पहली छवि जोड़ेंगे।
   
   
4. मेनूबार से, फ़ाइल - आयात - स्टेज पर आयात करें पर क्लिक करें। यह हमारी पहली छवि को मंच पर केंद्रित करना चाहिए। यह सुनिश्चित करने के लिए कि हम चाहते हैं कि यह संरेखित हो, छवि का चयन करें और गुण पैनल पर जाएं। X और Y स्थिति मान दोनों को 0.0 पर सेट किया जाना चाहिए।
   
   अपनी परियोजना फ़ाइल सहेजें।
   
   

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

वीडियो निर्देश: फ्लैश CS4: लुप्त पाठ इन और आउट (मई 2024).