खेल के लिए इंटरफेस डिजाइन, माउस का एक पैकेट ड्रा

सभी को नमस्कार!

मैं मिखाइल क्रावचेंको, गेम इंटरफ़ेस डिज़ाइनर हूं।

यह लेख गेम के लिए माउस के एक पैकेट को कैसे खींचना है, इस बारे में है। नीचे आप परिणाम देखें।

हम परिणाम के लिए आवश्यकताओं को ठीक करते हैं

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

सबसे पहले, परिणाम के लिए आवश्यकताओं को तैयार करना और ठीक करना आवश्यक है, यह हमारे काम की नींव है। हमारी आंखों के सामने इस तरह की आवश्यकताएं होने से, एक कम संभावना के साथ हम वह नहीं खींच पाएंगे जो हमें चाहिए, हमारे पास ग्राहक और टीम के साथ बहुत अधिक आपसी समझ होगी, और हमारे काम के परिणाम की जांच करने के लिए भी कुछ होगा।

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

इस तरह की सूची का एक उदाहरण है:

• आइटम पिछले घुसपैठ से अन्य समान वस्तुओं के समान होना चाहिए;
• 5 प्रकार के आइटम होंगे - रिंग, कंगन, ब्रोच, पेंडेंट और पत्थर;
• प्रत्येक प्रकार के आइटम में दुर्लभता के तीन डिग्री होंगे। वस्तु जितनी दुर्लभ होती है, उतनी ही अधिक शक्ति देती है;
• आइटम की दुर्लभता की डिग्री किसी न किसी तरह से दिखाई जानी चाहिए;
• दुर्लभता के अलावा, पत्थरों के 4 रंग हैं - नीला, लाल, पीला और हरा;
• आइटम हमलावर सेना के सैनिकों को छोड़ देते हैं, इसलिए, उनके पास इन विरोधियों के लक्षण और रंग होने चाहिए;
• Tga प्रारूप में चित्रों की आवश्यकता होती है, आकार - 128x128 पिक्सेल।

हमने आवश्यकताओं पर फैसला किया है, अब आप संदर्भों के साथ काम करना शुरू कर सकते हैं।

संदर्भ

ऐसी वस्तुओं का पता लगाएं जो इस तरह के आयोजनों के लिए पहले से ही चित्रित हैं। हमें उसी दिशा में आकर्षित करने की आवश्यकता होगी, और ये वस्तुएं हमें सही रास्ते से नहीं भटकने में मदद करेंगी।



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



विरोधी अपनी ताकत में भिन्न होते हैं - साधारण, मध्यम और मजबूत होते हैं। इससे आप धक्का-मुक्की कर सकते हैं। उदाहरण के लिए, साधारण वस्तुओं के डिजाइन में कमजोर विरोधियों के हिस्सों का उपयोग करना, और डिजाइन में मजबूत विरोधियों के हिस्से अधिक दुर्लभ हैं।

पैलेट

हमें एक शैली में बहुत सारे आइकन बनाने की आवश्यकता होगी, अगर हम एक ही पैलेट बनाते हैं और उन पर काम करना अधिक सुविधाजनक होगा। सभी वस्तुओं के लिए पेंटिंग प्रक्रिया। यदि हम एक पैलेट नहीं बनाते हैं, लेकिन संदर्भ से एक विंदुक के साथ एक रंग चुनें, तो सबसे अधिक संभावना है कि ऑब्जेक्ट रंग में रंग जाएंगे।

हम खेल में पहले से ही वस्तुओं से रंगों के लिए संदर्भों का चयन करते हैं। हमारे विरोधी पौधों की एक जाति हैं, इसलिए हरा रंग काफी उपयुक्त है। और दूसरे रंग के रूप में, आप सोना ले सकते हैं। नीचे आप तस्वीरों को संदर्भों के साथ देखते हैं।



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



तैयारी पूरी हो गई है, हम रूपरेखा पर आगे बढ़ते हैं।

रेखाचित्र

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

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

इसलिए, हम पहले स्केच करते हैं। स्केच में थोड़ा समय और प्रयास लगता है, जबकि यह सामान्य शब्दों में रेखांकित करने की अनुमति देता है कि अंतिम परिणाम क्या होगा। इसका मतलब है कि हम जल्दी और सस्ते में कई डिजाइन विकल्पों के माध्यम से जा सकते हैं, और अगर वे हमें कुछ ठीक करने के लिए कहेंगे, तो इसके साथ कोई समस्या नहीं होगी।



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



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



और अब सभी वस्तुओं के लिए रैखिक तैयार है। आप पेंटिंग के लिए आगे बढ़ सकते हैं। हम फूलों के लिए मुख्य रूप से तैयार किए गए पैलेट और संदर्भ वस्तुओं के चित्र रखते हैं।

पहले आपको यह सुनिश्चित करने के लिए एक आइटम को रंगना होगा कि वर्तमान पैलेट आपको वांछित परिणाम प्राप्त करने की अनुमति देता है। और एक नमूना प्राप्त करें, जिसके आधार पर हम अन्य सभी वस्तुओं को रंग कर सकते हैं।

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



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

यहां पेंटिंग तैयार करने के लिए एक नमूना है, यह पूरी तरह से हमारे लिए उपयुक्त है और आप अन्य सभी वस्तुओं को भी पेंट कर सकते हैं।



हम सभी वस्तुओं के आकार में एक मुखौटा बनाते हैं ताकि उनके किनारों पर रेंगना न हो, वस्तु के सुनहरे और हरे हिस्से के लिए अलग-अलग समूह बनाएं और इन समूहों की सामग्री को नमूना वस्तु के समान बनाएं। निम्नलिखित एक आइटम को चित्रित करने की प्रक्रिया को दर्शाता है।



हमारे पास समस्या में पत्थर भी हैं और उनके अलग-अलग रंग हैं - नीला, पीला, हरा और नीला। वांछित परिणाम प्राप्त करने के लिए, बस पत्थरों का एक समूह बनाएं, इसकी तीन प्रतियां बनाएं, उनके ऊपर कलर ब्लेंडिंग मोड के साथ एक परत डालें और उन रंगों में पत्थरों के कोर को पेंट करें जिन्हें हमें ज़रूरत है। आप रंग मोड के साथ परत के ऊपर ओवरले ओवरले के साथ एक परत भी डाल सकते हैं और इसमें पेंटिंग के साथ प्रयोग कर सकते हैं, इस तरह की परत में ड्राइंग चित्र और रंग संतृप्ति के विपरीत बढ़ जाती है।



यहां हमारे पास सभी वस्तुओं के लिए तैयार स्केच हैं और आप अगले चरण में आगे बढ़ सकते हैं - ग्राहक और सहकर्मियों के साथ डिजाइन की स्वीकृति।

डिजाइन अनुमोदन

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

हम ग्राहक को स्केच दिखाते हैं। यह संभावना है कि वह कुछ बिंदुओं को सही करने के लिए कहेंगे, हम इसके लिए तैयार होंगे। जब हम ग्राहक से सहमत होते हैं, तो हमें सहकर्मियों को परिणाम दिखाने और उन्हें परिणाम पर अपनी राय साझा करने के लिए कहना होगा। यह कई कारणों से करने योग्य है।

सबसे पहले, सहकर्मी उन चीजों को नोटिस कर सकते हैं, जिन पर हमने ध्यान नहीं दिया। उदाहरण के लिए, मैंने एक बार एक नए वर्ग के लिए एक प्रतीक आकर्षित किया था और यह कार्य के विवरण को अच्छी तरह से फिट करता है, लेकिन फिर एक सहकर्मी ने उस प्रतीक को देखा और कहा कि एक-पर-एक प्रतीक मई लक्ष्य सेवा लोगो के समान है और इस वजह से अजीब लगता है। मैंने इस लोगो को देखा, और यह पता चला कि मेरा आइकन इसके समान है।

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

तीसरा, कोई यह याद कर सकता है कि हमारे पास पहले से ही खेल में समान वस्तुएं हैं, और यदि आप एक दूसरे को लगभग एक ही जोड़ते हैं, तो यह खिलाड़ी को भ्रमित करेगा।

यही है, सहकर्मियों की मदद से परिणाम की जांच करने से हमें कुछ गलतियों से बचने में मदद मिलती है, या कम से कम उनकी घटना की संभावना कम हो जाती है।

सहयोगियों से प्रतिक्रिया के साथ काम करने का एक उदाहरण

निम्नलिखित सहकर्मियों की टिप्पणियों के साथ काम करने का एक उदाहरण है।

टिप्पणी 01
पत्थरों का आकार लगभग किसी अन्य आक्रमण की दौड़ जैसा ही है।

हम सभी पत्थरों को देखते हैं और देखते हैं कि विभिन्न नस्लों में विभिन्न आकृतियों के पत्थर हैं, और हमारे पत्थर वास्तव में एक अन्य नस्ल के पत्थरों के आकार के समान हैं।



हम पत्थरों के आकार को बदलते हैं।



टिप्पणी ०२
पत्थर की कोर का यह रूप कुछ प्रकार के दर्दनाक ट्यूमर के साथ जुड़ाव देता है, जो आइटम को आकर्षक नहीं बनाता है।

यदि एक व्यक्ति में ऐसा जुड़ाव दिखाई देता है, तो यह माना जा सकता है कि अन्य लोग दिखाई देंगे। कुछ और का आविष्कार करने की आवश्यकता है।



टिप्पणी 03
मध्य पत्थर के कोर को सही करना आवश्यक है - यह राक्षसों के पत्थर के समान है।

हम दानव जाति के पत्थरों को देखते हैं, हम देखते हैं कि पत्थर बहुत अलग हैं और वर्तमान संस्करण उपयुक्त है, और टिप्पणी के लेखक गलत हैं।



टिप्पणी ०४
पत्थर के मध्य भाग को बढ़ाने का प्रस्ताव है, जो इसकी दुर्लभता पर निर्भर करता है।

तार्किक लगता है, चलो कोशिश करते हैं।



यह बहुत अच्छा निकला, इसे ऐसे ही छोड़ दें।

टिप्पणी ०५
ब्रोच बहुत अधिक है जैसे कि छल्ले के ऊपर से फटा हुआ। एमबी उन्हें किसी प्रकार के सब्सट्रेट या अन्य रूप की आवश्यकता होती है।

वस्तुओं की तुलना करें।



यह वास्तव में लगता है कि यह किसी व्यक्ति को भ्रमित कर सकता है, हम हरे हिस्से के आकार को बदलते हैं।



टिप्पणी 06
अब ब्रोच अंगूठी से अलग है, लेकिन यह एक ताबीज जैसा दिखना शुरू होता है। आप उनके अंतर को बढ़ा सकते हैं।

वस्तुओं की तुलना करें, अंतर को मजबूत करें, जिससे सोने का हिस्सा अधिक विशाल हो।



महत्वपूर्ण बिंदु
स्केच को तेज़ी से संपादित करने के लिए, आप उनके साथ एक समूह की प्रतिलिपि बना सकते हैं और इसे एक परत, हॉटकी - Ctrl + E. में समाप्‍त कर सकते हैं। परिणामी परत में परिवर्तन कर सकते हैं, और उन से समूह की एक प्रतिलिपि बना सकते हैं। बाद के लिए बचाने के लिए पेंटिंग प्रक्रिया। जब आपको अंतिम गुणवत्ता में वस्तुओं को खींचने की आवश्यकता होगी, तो इसकी आवश्यकता होगी।

और इसलिए हमने वस्तुओं की रूपरेखा को मंजूरी दी - हर कोई हर चीज से सहमत है और हम वस्तुओं के अंतिम प्रतिपादन के लिए आगे बढ़ सकते हैं।

ठीक प्रतिपादन

इस स्तर पर सबसे महत्वपूर्ण बात यह है कि एक ही तकनीक का निरीक्षण करना। प्रत्येक आइटम के लिए ड्राइंग प्रक्रिया। इस स्थिति में, सभी वस्तुओं को एक ही तरह से खींचा जाएगा और किसी को भी सामान्य शैली से नहीं खटखटाया जाएगा। प्रक्रिया को गति देने के लिए, आप वेक्टर में आकर्षित कर सकते हैं, आवश्यक के 100% के पैमाने पर। एक कलम के साथ मुख्य रूपों को प्रदर्शित करने के लिए, और फिर शीर्ष पर एक परत बनाएं, इसे क्लिपिंग मास्क में बदल दें और एक नरम ब्रश के साथ वांछित क्षेत्रों पर पेंट करें। क्लिपिंग मास्क पर हॉटकी - Ctrl + Alt + G. नीचे दी गई तस्वीर विषय के पेंटिंग भाग की प्रक्रिया को दिखाती है।



यहां सभी आइटम तैयार हैं और इन्हें ग्राहक और टीम को दिखाया जा सकता है।



सबसे अधिक संभावना है कि कम से कम इच्छाओं और टिप्पणियों के बाद से हम पहले से ही मसौदा चरण में सब कुछ पर सहमत हो गए हैं।

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

मुझे उम्मीद है कि यह लेख आपके लिए उपयोगी था। मैं आपको शुभकामनाएं और रचनात्मक सफलता की कामना करता हूं।