खेल के लिए इंटरफेस डिजाइन, डार्क सोल्स 3 से एक हवेल की अंगूठी तैयार करें

नमस्कार प्रिय दोस्तों!

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

यह लेख गेम ऑफ़ द डार्क सोल्स 3. के बारे में हवेल की अंगूठी बनाने का तरीका है। यह वह परिणाम है जो मैंने फ़ोटोशॉप में काम करने के लगभग एक घंटे में हासिल किया।



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

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

संदर्भ

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

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

स्केच

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

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





हम बाईं ओर संदर्भ सेट करते हैं, और दाईं ओर एक रेखाचित्र बनाते हैं। नतीजतन, हम लगभग एक ही परिणाम प्राप्त करते हैं।

सिल्हूट

अगला विषय के सिल्हूट के साथ काम है। आपको एक नई परत बनाने और सामान्य लैस्सो का चयन करने की आवश्यकता है।
एक नई परत बनाने के लिए हॉटकी Ctrl + Shift + N है, और लैस्सो टूलबार पर या प्रेस एन पर पाया जा सकता है।



लैस्सो के साथ आइटम को सर्कल करें। आप इसे Shift कुंजी दबाकर भागों में कर सकते हैं। फिर Alt + Backspace दबाकर चयनित क्षेत्र को रंग से भरें। परिधि के चारों ओर हाइलाइट किए गए सिल्हूट प्राप्त करें।



समूह में भराव के साथ परत लपेटें - उस पर क्लिक करें और Ctrl + G दबाएं। परतों पैनल पर एक फ़ोल्डर दिखाई देगा, और इसमें एक भरी हुई परत होगी।



फोल्डर पर क्लिक करें और लेयर्स पैनल के नीचे मास्क आइकन पर क्लिक करें।



समूह पर एक मुखौटा आइकन दिखाई देता है।



अब आप समूह के भीतर परतों पर आकर्षित हो सकते हैं और विषय के सिल्हूट की सीमाओं से बाहर रेंगने से नहीं डरते। मुखौटा सब कुछ छिपा देगा जो उनके पीछे है।

आयतन

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



Alt पकड़ो और परतों के बीच क्लिक करें। अब समायोजन परत संदर्भ परत से चिपक गई है और केवल इसे प्रभावित करती है। समायोजन परत पर क्लिक करें और संतृप्ति स्लाइडर को बाईं ओर ले जाएं।



तस्वीर काली और सफेद हो गई है।



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

परत की पारदर्शिता को यहां समायोजित किया गया है।



इसे कीबोर्ड पर संख्याओं को दबाकर भी बदला जा सकता है। संख्या 1 - 10%, 2 - 20%, 3 - 30% और इसी तरह। अगला, एक नई परत बनाएं और विषय के हल्के क्षेत्रों के लिए प्रक्रिया को दोहराएं, और फिर अंधेरे क्षेत्रों के लिए भी ऐसा ही करें। नीचे आप ऐसे कई कदम देखते हैं।









परिणाम मात्रा के साथ एक रिक्त था।

बनावट

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

मोड यहां सेट है:



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

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

विवरण

फिर से, एक अलग समूह और परतें बनाएं।



एक हार्ड ब्रश लें और डिटेल्स पर काम करें। यदि आप एक ब्रश का चयन करते हैं और Alt दबाते हैं, तो यह एक ड्रॉपर में बदल जाएगा और आपको चित्र से सीधे रंग लेने की अनुमति देगा। पहले हम एक बड़े ब्रश के साथ काम करते हैं, और फिर धीरे-धीरे इसे कम करते हैं। ब्रश को आकार देने के लिए शॉर्टकट चौकोर कोष्ठक हैं। बाएं वाला ब्रश को कम करता है, और दायां बढ़ता है।

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

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

रंग

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

वैसे, कीबोर्ड पर नंबर कुंजियों को दबाकर ब्रश की पारदर्शिता को बदला जा सकता है। 1 - 10%, 2 - 20% और इसी तरह। पिछले चरणों की तरह, हम रंग की तीव्रता को बदलने और संदर्भ के करीब परिणाम प्राप्त करने के लिए कई परतों का उपयोग कर सकते हैं और उनकी पारदर्शिता को समायोजित कर सकते हैं।

शेष विवरण

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

हो गया।



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

ब्रश
स्रोत कोड

सभी को शुभकामनाएँ, और रचनात्मक सफलता।