एक सरल चरित्र क्रिया के इर्द-गिर्द पहले पिक्सेल एनिमेशन टेस्ट की योजना कैसे बनाएं

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

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

ऐसा कैनवास चुनें जो फ़्रेमों के बीच कैनवास के आयामों को बदले बिना चरित्र को हिलने-डुलने की जगह दे। यदि क्रिया एक ही जगह पर होनी है तो चरित्र को एक सुसंगत स्थिति में रखें। इससे चित्र के हिलने-डुलने को इच्छित गति समझने की भूल किए बिना पोज़ परिवर्तनों का सटीक आकलन करना आसान हो जाता है।

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

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

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

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

परिवर्तन (transitions) बनाते समय मार्गदर्शन के लिए अनियन स्किनिंग (onion skinning) का उपयोग करें। यह संदर्भ के रूप में आस-पास के फ़्रेमों को प्रदर्शित करता है ताकि आप वर्तमान ड्राइंग की तुलना पिछली या बाद की स्थितियों से कर सकें; Aseprite आपको यह कॉन्फ़िगर करने की अनुमति देता है कि पहले और बाद के कितने फ़्रेम दिखाई दें। (Aseprite: Onion Skinning) केवल उतने ही ओवरले का उपयोग करें जो उस गति की तुलना करने के लिए पर्याप्त हों जिसे आप समायोजित कर रहे हैं। जब कई घोस्टेड पोज़ एक दूसरे पर आ जाएं, तो इस सुविधा को कुछ समय के लिए बंद कर दें और वर्तमान फ़्रेम का अकेले निरीक्षण करें।

पहली बार के लिए, जब आप ठहराव चाहते हैं तो पोज़ की प्रतिलिपि बनाएँ (duplicate करें), फिर फ़्रेम की अवधि को समायोजित करें या यदि प्लेबैक को एक अलग लय की आवश्यकता है तो एक अलग ड्राइंग जोड़ें। Aseprite में एक फ़्रेम मिलीसेकंड में मापी गई अवधि के लिए प्रदर्शित होता है, इसलिए समय बदलने के लिए हमेशा दूसरा पोज़ बनाने की आवश्यकता नहीं होती है। (Aseprite: Sprite structure) किसी भी शुरुआती समय को एक परीक्षण मान के रूप में लें: प्रत्येक क्रिया या शैली के लिए कोई एक सही अवधि नहीं होती है।

क्रम को एक स्थिर गति से चलाएं और चरित्र को उसके इच्छित प्रदर्शन आकार पर देखें। पहले बिना रुके देखें: क्या आप बता सकते हैं कि चरित्र क्या करता है? फिर उस पोज़ या बदलाव को खोजने के लिए फ़्रेम-दर-फ़्रेम आगे बढ़ें जिसने भ्रम पैदा किया। Aseprite के एनिमेशन वर्कफ़्लो में प्लेबैक पूर्वावलोकन शामिल है, और इसकी टाइमलाइन फ़्रेम की अवधि बदलने का समर्थन करती है। (Aseprite: Animation)

एक उपयोगी पहले टेस्ट में तीन जांचें होती हैं: क्रिया पहली बार देखने पर ही पहचानी जा सके; चरित्र के वे हिस्से जो स्थिर रहने चाहिए, वे खिसकते नहीं हैं; और लूप, यदि कोई है, तो बिना किसी अनपेक्षित झटके के वापस लौटता है। ये जांचें टेस्ट का विश्लेषण करने की एक संपादकीय पद्धति हैं, न कि दर्शक कैसे प्रतिक्रिया देंगे इसकी गारंटी।

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

जब तक चुनी गई क्रिया अपने वर्तमान दायरे में ठीक से काम न करने लगे, तब तक टेस्ट को एक पूर्ण चरित्र एनिमेशन में विस्तारित न करें। संपादन योग्य प्रोजेक्ट को उसके फ़्रेम और लेयर्स के साथ सुरक्षित सहेजें; पूर्वावलोकन केवल तभी निर्यात करें यदि आपको संपादक के बाहर प्लेबैक का निरीक्षण करने या साझा करने की आवश्यकता हो। Aseprite का दस्तावेज़ीकरण टाइमलाइन के फ़्रेम, लेयर्स और सेल्स में अंतर करता है, और बताता है कि प्रत्येक फ़्रेम की एक प्रदर्शन अवधि होती है। (Aseprite: Sprite structure)

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

• Animation — Aseprite Documentation

• Onion Skinning — Aseprite Documentation

• Sprite structure — Aseprite Documentation