फ्लैश के लिए एक ब्लिंकी डिजाइनिंग CS3 एनीमेशन

• अप्रैल 26, 2024

J3 डिज़ाइन्स के मालिक ने मुझे अपनी डिजिटल स्क्रैपबुकिंग वेबसाइट के लिए विज्ञापन ब्लिंकी बनाने के लिए कहा। वह कंपनी ब्रांड की क्लासिक शान को बनाए रखना चाहती थी और उसने मुझे ग्राफिक्स का एक सेट दिया, जो उसने पहले ही अपने लोगो के लिए इस्तेमाल किया था। इनमें एक कैमियो, लेस, ग्रंज बैकग्राउंड, धनुष, सूखे फूल और दो भिंडी शामिल थे। ये ग्राफिक्स मूल रूप से 300 डीपीआई पर बनाए गए थे और बहुत बड़े थे। इसलिए मेरा पहला काम प्रत्येक ग्राफिक को 72 डीपीआई तक कम करना था और आकार में छोटा होना चाहिए ताकि 150 x 50 पिक्सेल ब्लिंकी में उपयोग किया जा सके। इस परीक्षण से, मैं यह निर्धारित कर सकता था कि उन तत्वों में से किसका उपयोग इतने छोटे आकार में किया जा सकता है कि उनके विस्तार के बहुत सारे खोए बिना।

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

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

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

इसलिए, अब मेरे पास ब्लिंकी के चार लेयर थे, इसके अलावा टेक्स्ट एनीमेशन लेयर, जिसे मैं बाद में जोड़ूंगा।

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

जे 3 डिजाइन

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

वीडियो निर्देश: एक फ्लैश (AS3) साँप की तरह खेल बनाने के लिए (अप्रैल 2024).