एडोब एज क्रिएटिव क्लाउड ऐप्स

• मई 18, 2024

HTML5, जावास्क्रिप्ट और CSS3 वेब, टैबलेट और फोन के लिए इंटरैक्टिव एनीमेशन बनाने के लिए लगभग उतने ही लोकप्रिय हो गए हैं। एडोब^आर एज एनिमेट और अन्य एज ऐप आपके काम को आसान बनाने के लिए कई प्रीसेट के साथ बहुत उपयोगकर्ता के अनुकूल सॉफ्टवेयर हैं।

समयरेखा एनीमेशन अभी भी चेतन करने का सबसे लोकप्रिय तरीका है और एडोब ने नए एज चेतन गति पथों के साथ इसे आसान बना दिया है, जो वास्तविक विश्व आंदोलनों की नकल कर सकते हैं और अंतर्निहित सहजता के साथ। आप पिन बटन के साथ टाइमलाइन के साथ एनीमेशन को आसानी से जोड़ सकते हैं जो टाइमलाइन पर एनीमेशन मार्कर को जोड़ता है या स्टेज पर ऑब्जेक्ट की पोजिशनिंग को ड्रैग और ड्रॉप करता है जिसे एज चेतन स्वतः मोशन पाथ में परिवर्तित कर देता है। आप रिकॉर्ड बटन का भी उपयोग कर सकते हैं, जो आपके द्वारा मंच पर वस्तुओं में किए गए परिवर्तन को रिकॉर्ड करता है और इन परिवर्तनों को कीफ़्रेम एनीमेशन में परिवर्तित करता है। एज में एक्शन पैनल का अपना संस्करण भी है, जो पैनल में अपने स्वयं के टैब वाले प्रत्येक कार्य के साथ अप्रयुक्त है। Adobe Edge और Google Chrome ब्राउज़र के संयोजन से आपके एनिमेशन का परीक्षण आसान है।

यदि आप फ्लैश एनीमेशन से परिचित हैं, तो आप देखेंगे कि एज में अन्तरक्रियाशीलता जोड़ने से फ्लैश वर्कफ़्लो जैसा दिखता है, जिसमें आप प्रत्येक एनीमेशन तत्व के लिए नेस्टेड टाइमलाइन का उपयोग कर सकते हैं और सबसे आम इंटरैक्शन और एनिमेशन के लिए प्रीइंस्टॉल्ड कोड स्निपेट लगा सकते हैं। ये कोड स्निपेट प्ले प्लेबैक, पॉज़, रिज्यूमे और स्टॉप दोनों के साथ-साथ क्लिक, होवर और यहां तक ​​कि हाइपरलिंक जैसी बुनियादी बटन क्रियाओं के लिए गर्म क्षेत्र बनाने के लिए संभालते हैं। इन कोड स्निपेट में कस्टम कोड जोड़ने के लिए, आप सीधे ऐक्शन पैनल में टाइप कर सकते हैं। बेशक, आप क्रिया पैनल में अपने स्वयं के HTML5, जावास्क्रिप्ट और CSS3 को हाथ से कोड कर सकते हैं। क्योंकि इस प्रकार की वेब और एनीमेशन प्रोग्रामिंग अक्सर बाहरी जावास्क्रिप्ट पुस्तकालयों पर निर्भर करती है, आप इन बाहरी स्रोतों से लिंक भी जोड़ सकते हैं।

एनिमेशन केवल उन चीज़ों का हिस्सा है जो आप ऐप्स के एज ग्रुप के साथ कर सकते हैं। वेब डिज़ाइन के सबसे महत्वपूर्ण पहलुओं में से एक वेबसाइट बनाना है जो डेस्कटॉप से ​​मोबाइल फोन के लिए सभी प्रकार की स्क्रीन के लिए उत्तरदायी या लचीला है। यह मीडिया के प्रश्नों और तरल पदार्थ, प्रतिशत-आधारित ग्रिड लेआउट के साथ किया जाता है, दोनों एज रेफ़्लो में पाए जाने वाले टूल का हिस्सा हैं। एज रिफ़्लो एक WYSIWYG कार्य वातावरण है जो आपकी परियोजना के लिए कोड उत्पन्न करता है। यह कोड नवीनतम वेब मानकों के लिए अद्यतित है, विशेष रूप से WebKit जो तेजी से वेबपेजों से लेकर ईबुक पाठकों तक सब कुछ द्वारा समर्थित है।

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

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

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

अंत में, हम में से उन लोगों के लिए जो अभी भी कच्चे कोड के साथ काम करना पसंद करते हैं, एडोब में एज कोड है। कोड विंडो को बाईं ओर कुछ नियंत्रण के साथ हटा दिया गया है और एज कोड आपको लाइव पूर्वावलोकन देने के लिए Google Chrome के साथ एकीकृत करता है। जब आपका कोड लंबा और बेढंगा हो जाता है, तो आप क्विक एडिट फीचर का उपयोग करके अलग-अलग एलिमेंट लेवल तक ड्रिल कर सकते हैं, जो ओवरले विंडो में एलिमेंट से जुड़ी सभी स्टाइल को सूचीबद्ध करता है। क्योंकि एज ऐप्स क्रिएटिव क्लाउड का हिस्सा हैं, इसलिए आप एज कोड से सीधे एडोब एज वेब फोंट, गूगल वेब फोंट और टाइपेक फोंट का उपयोग कर सकते हैं। एज कोड हेडर स्क्रिप्ट टैग उत्पन्न करेगा जो बाहरी फ़ॉन्ट में खींचता है।

HTML5 के रूप में, जावास्क्रिप्ट और CSS3 मोबाइल उपकरणों की लोकप्रियता के कारण पुरानी एनीमेशन तकनीकों को जल्दी से बदल रहे हैं, ये एकीकृत एज ऐप और साथ ही अन्य एडोब ऐप के साथ उनका एकीकरण कई डिवाइस डिज़ाइन और विकास वर्कफ़्लो की अगली पीढ़ी हैं।

प्रकटीकरण: मुझे इस लेख के लिए आर्थिक रूप से मुआवजा नहीं दिया गया था। 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 सिस्टम में [/ a] एक पंजीकृत ट्रेडमार्क [s] या एक ट्रेडमार्क [s] है।

वीडियो निर्देश: नई एडोब क्रिएटिव बादल डेस्कटॉप अनुप्रयोग - अधिक शक्ति और नियंत्रण (मई 2024).