एडोब फोटोशॉप: पिक्सेल आर्ट तकनीक का उपयोग करके एक चरित्र को ड्रा और एनिमेट करें। पिक्सेल कला क्या है? उदाहरण और इसे कैसे सीखें पिक्सेल कला बनाएँ

"आइटमप्रॉप =" छवि ">

इस 10-स्टेप हाउ टू ड्रा पिक्सेल आर्ट ट्यूटोरियल में, मैं आपको सिखाऊंगा कि "स्प्राइट" (एकल 2D कैरेक्टर या ऑब्जेक्ट) कैसे बनाया जाता है। बेशक, यह शब्द वीडियो गेम से आया है।

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

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

औजार

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

फोटोशॉप में पिक्सेल आर्ट कैसे ड्रा करें

फोटोशॉप का उपयोग करते समय, आपका मुख्य हथियार पेंसिल टूल (बी कुंजी) होगा, जो ब्रश टूल का एक विकल्प है। पेंसिल आपको ओवरप्रिंटिंग रंगों के बिना अलग-अलग पिक्सेल रंगने की अनुमति देता है।

दो और उपकरण काम में आते हैं: चयन (एम कुंजी) और मैजिक वैंड (डब्ल्यू कुंजी) का चयन करने और खींचने या कॉपी और पेस्ट करने के लिए। याद रखें कि चयन करते समय Alt या Shift कुंजी दबाए रखकर आप चयनित वस्तुओं को जोड़ सकते हैं या उन्हें वर्तमान चयन सूची से बाहर कर सकते हैं। यह आवश्यक है जब आपको असमान वस्तुओं का चयन करने की आवश्यकता होती है।

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

अंत में, सुनिश्चित करें कि आपने सभी हॉटकी को याद कर लिया है, क्योंकि इससे आपका काफी समय बच सकता है। प्राथमिक और द्वितीयक रंगों के बीच "X" टॉगलिंग पर ध्यान दें।

पंक्तियां

पिक्सेल वही छोटे रंगीन वर्ग होते हैं। सबसे पहले आपको यह पता लगाने की जरूरत है कि आपको जिस लाइन की जरूरत है उसे बनाने के लिए इन वर्गों को प्रभावी ढंग से कैसे व्यवस्थित किया जाए। हम दो सबसे सामान्य प्रकार की रेखाओं को देखेंगे: सीधी और घुमावदार।

सीधे पंक्तियां

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

घुमावदार रेखाएँ

घुमावदार रेखाएँ खींचते समय, आपको यह सुनिश्चित करने की आवश्यकता है कि गिरावट या वृद्धि पूरी लंबाई के साथ समान है। में यह उदाहरण, स्वच्छ रेखा में अंतराल 6 > 3 > 2 > 1 है, लेकिन अंतराल 3 > 1 वाली रेखा< 3 выглядит зазубренной.

रेखाएँ खींचने की क्षमता पिक्सेल कला का एक प्रमुख तत्व है। थोड़ा और आगे मैं आपको एंटी-अलियासिंग के बारे में बताऊंगा।

अवधारणा

आरंभ करने के लिए आपको आवश्यकता होगी अच्छा विचार! कल्पना करने की कोशिश करें कि आप पिक्सेल कला में क्या करने जा रहे हैं - कागज पर या सिर्फ अपने दिमाग में। ड्राइंग के बारे में एक विचार होने के बाद, आप पिक्सेलेशन पर ही ध्यान केंद्रित कर सकते हैं।

प्रतिबिंब के लिए विषय

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

आओ कोशिश करते हैं!

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

सर्किट

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

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

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

मेरे ट्यूटोरियल में, मैं काफी बड़ा स्प्राइट बनाता हूं, इसलिए पहला तरीका यहां दिखाया जाएगा। यह आसान होगा अगर मैं सब कुछ नेत्रहीन दिखाऊं और समझाऊं कि क्या हुआ।

चरण एक: कठिन रूपरेखा

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

मेरा स्केच लगभग पूरी तरह से मेल खाता था जो मैंने योजना बनाई थी।

चरण दो: रूपरेखा को पॉलिश करें

छवि को 6 या 8 बार आवर्धित करके प्रारंभ करें। आपको प्रत्येक पिक्सेल को स्पष्ट रूप से देखना चाहिए। और फिर रूपरेखा को साफ करें। विशेष रूप से, "आवारा पिक्सेल" पर ध्यान दें (पूरी रूपरेखा एक पिक्सेल से अधिक मोटी नहीं होनी चाहिए), टेढ़े-मेढ़े किनारों से छुटकारा पाएं, और छोटे विवरण जोड़ें जो हम पहले चरण में चूक गए थे।

यहां तक ​​कि बड़े स्प्राइट शायद ही कभी 200 गुणा 200 पिक्सेल से अधिक होते हैं। वाक्यांश "कम से अधिक करें" पिक्सेलेशन प्रक्रिया का वर्णन करने का एक शानदार तरीका है। आप जल्द ही देखेंगे कि एक पिक्सेल भी मायने रखता है।

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

रंग

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

एचएसबी रंग मॉडल

यह अंग्रेजी संक्षिप्त, "ह्यू, संतृप्ति, चमक" शब्दों से इकट्ठे हुए। यह कई कंप्यूटर रंग मॉडल (या रंग के संख्यात्मक प्रतिनिधित्व) में से एक है। आपने शायद RGB और CMYK जैसे अन्य उदाहरणों के बारे में सुना होगा। अधिकांश छवि संपादक रंग चयन के लिए HSB का उपयोग करते हैं, इसलिए हम इस पर ध्यान केंद्रित करेंगे।

रंगरंग जिसे हम रंग कहते थे।

परिपूर्णता- संतृप्ति - रंग की तीव्रता निर्धारित करता है। यदि मान 100% है, तो यह अधिकतम चमक है। यदि आप इसे कम करते हैं, तो रंग में नीरसता दिखाई देगी और यह "ग्रे हो जाएगा"।

चमक- प्रकाश जिससे रंग निकलता है। उदाहरण के लिए, काले रंग के लिए, यह सूचक 0% है।

रंग चुनना

कौन सा रंग चुनना है यह आप पर निर्भर है, लेकिन कुछ बातों का ध्यान रखना चाहिए:

• नरम और असंतृप्त रंग कार्टोनी की तुलना में अधिक यथार्थवादी लगते हैं।
• कलर व्हील के बारे में सोचें: उस पर जितने अधिक दो रंग होंगे, वे उतने ही खराब होंगे। वहीं, लाल और नारंगी रंग, जो एक-दूसरे के करीब हैं, एक साथ बहुत अच्छे लगते हैं।

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

फूल लगाना

रंग लगाना बहुत ही आसान है। यदि आप फ़ोटोशॉप का उपयोग करते हैं, तो वांछित टुकड़े का चयन करें, इसे चुनें जादू की छड़ी(W कुंजी) और फिर इसे प्राथमिक रंग (Alt-F) या द्वितीयक रंग Ctrl-F) से भरें।

लकीर खींचने की क्रिया

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

चरण एक: एक प्रकाश स्रोत चुनें

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

मैं आमतौर पर स्प्राइट के सामने कहीं दूर की रोशनी का विकल्प चुनता हूं, ताकि स्प्राइट का केवल आगे और ऊपर का हिस्सा रोशन हो और बाकी छायादार हो।

चरण दो: सीधे छायांकन

एक बार जब हम एक प्रकाश स्रोत चुन लेते हैं, तो हम उन क्षेत्रों को काला करना शुरू कर सकते हैं जो इससे सबसे दूर हैं। हमारे प्रकाश मॉडल का सुझाव है कि सिर, हाथ, पैर आदि के निचले हिस्से को छाया से ढंकना चाहिए।

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

चरण तीन: मुलायम छाया

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

चरण चार: प्रबुद्ध स्थान

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

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

कुछ उपयोगी नियम

नए लोगों के लिए छाया हमेशा कठिन होती है, इसलिए यहां कुछ नियम दिए गए हैं जिनका पालन आपको छायांकन करते समय करना चाहिए।

1. ग्रेडियेंट का प्रयोग न करें। सबसे आम नौसिखिया गलती। ढाल भयानक दिखते हैं और सतहों पर प्रकाश कैसे चलता है इसका अनुमान भी नहीं लगाते हैं।
2. "मुलायम छायांकन" का प्रयोग न करें। मैं उस स्थिति के बारे में बात कर रहा हूँ जहाँ छाया रूपरेखा से बहुत दूर है, क्योंकि तब यह बहुत धुंधला दिखता है, और प्रकाश स्रोत को प्रकट होने से रोकता है।
3. बहुत अधिक छाया का प्रयोग न करें। यह सोचना आसान है कि "जितने अधिक रंग - उतनी ही यथार्थवादी तस्वीर।" जैसा भी हो सकता है, में वास्तविक जीवनहम चीजों को अंधेरे या हल्के स्पेक्ट्रम में देखने के आदी हैं, और हमारा मस्तिष्क बीच में सब कुछ फ़िल्टर कर देगा। केवल दो गहरे रंग (गहरे और बहुत गहरे) और दो हल्के रंग (हल्के और बहुत हल्के) का प्रयोग करें और उन्हें आधार रंग पर परत करें, एक दूसरे के ऊपर नहीं।
4. बहुत अधिक समान रंगों का प्रयोग न करें। वास्तव में लगभग समान रंगों का उपयोग करने की कोई आवश्यकता नहीं है, सिवाय इसके कि जब आप वास्तव में धुँधली प्रेत बनाना चाहते हैं।

कटौती

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

सरल उदाहरण

चार छायांकन विकल्पों को बनाने के लिए दो रंगों को कैसे अलग किया जा सकता है, इसका एक सरल उदाहरण यहां दिया गया है।

उन्नत उदाहरण

उपरोक्त छवि की तुलना (फ़ोटोशॉप में ढाल के साथ बनाई गई) की तुलना केवल तीन रंगों के साथ बनाई गई छवि के साथ करें। कृपया ध्यान दें कि "आसन्न रंग" बनाने के लिए विभिन्न पैटर्न का उपयोग किया जा सकता है। यदि आप स्वयं कई पैटर्न बनाते हैं तो आपके लिए सिद्धांत को समझना आसान हो जाएगा।

आवेदन

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

आप अपने दिल की सामग्री का उपयोग कर सकते हैं, लेकिन यह ध्यान देने योग्य है कि वास्तव में कुछ ही लोग वास्तव में इसका सफलतापूर्वक उपयोग करते हैं।

चयनात्मक रूपरेखा

चयनात्मक कंटूरिंग, जिसे सेलआउट (अंग्रेजी चयनित रूपरेखा से) भी कहा जाता है, समोच्च छायांकन की एक उप-प्रजाति है। एक काली रेखा का उपयोग करने के बजाय, हम एक ऐसा रंग चुन रहे हैं जो आपके प्रेत पर अधिक सामंजस्यपूर्ण दिखाई देगा। हम इस पथ की चमक को स्प्राइट के किनारों की ओर भी बदलते हैं, जिससे रंग स्रोत को यह निर्धारित करने की अनुमति मिलती है कि हमें किन रंगों का उपयोग करना चाहिए।

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

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

इसकी तुलना मूल से करें:

1. चौरसाई

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

तकनीक 1: घटता को चिकना करना

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

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

तकनीक 2: धक्कों को गोल करना

तकनीक 3: ओवरराइटिंग लाइन समाप्त होती है

आवेदन

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

प्रभाव बहुत सूक्ष्म है, लेकिन इसका बहुत महत्व है।

आपको इसे मैन्युअल रूप से करने की आवश्यकता क्यों है?

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

परिष्करण

वाह, हम आपके कंप्यूटर को बंद करने और फ्रिज से ठंडी बियर लेने में सक्षम होने के बहुत करीब हैं। लेकिन वह अभी तक नहीं आया है! अंतिम भाग वह है जो ऊर्जावान शौकिया को अनुभवी पेशेवर से अलग करता है।

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

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

अंत में आप कर चुके हैं! लुचा लॉयर लाइटवेट श्रेणी में प्रतिस्पर्धा करता है, क्योंकि इसमें केवल 45 रंग हैं (हो सकता है कि यह आपकी पैलेट सीमाओं के आधार पर भारी वजन हो) और इसका रिज़ॉल्यूशन लगभग 150 गुणा 115 पिक्सेल है। अब आप बियर खोल सकते हैं!

पूरी प्रगति:

यह हमेशा मजाकिया होता है। यहाँ हमारे स्प्राइट के विकास को दर्शाने वाला एक GIF है।

1. कला और अभ्यास की मूल बातें जानें पारंपरिक तकनीक. ड्राइंग और ड्राइंग के लिए आवश्यक सभी ज्ञान और कौशल का उपयोग पिक्सेलिंग में किया जा सकता है।
2. शुरुआत छोटे स्प्राइट्स से करें। सबसे कठिन हिस्सा यह सीख रहा है कि स्प्राइट्स को मेरे जितना बड़ा किए बिना यथासंभव कुछ पिक्सेल का उपयोग करके बहुत अधिक विवरण कैसे रखा जाए।
3. उन कलाकारों के काम का अध्ययन करें जिनकी आप प्रशंसा करते हैं और अपरंपरागत होने से न डरें। सबसे अच्छा तरीकासीखना - अन्य लोगों के काम के टुकड़ों की पुनरावृत्ति। उत्पादन के लिए स्वयं की शैलीबहुत समय लगता है।
4. यदि आपके पास टैबलेट नहीं है, तो एक खरीदें। स्थायी नर्वस ब्रेकडाउनऔर बाईं माउस बटन को लगातार क्लिक करने का तनाव मज़ेदार नहीं है, और न ही यह विपरीत लिंग के सदस्यों को प्रभावित करने की संभावना है। मैं एक छोटे Wacom Grafire2 का उपयोग करता हूं - मुझे इसकी कॉम्पैक्टनेस और पोर्टेबिलिटी पसंद है। आप एक बड़ा टैबलेट पसंद कर सकते हैं। खरीदने से पहले थोड़ा टेस्ट ड्राइव जरूर कर लें।
5. दूसरों की राय जानने के लिए अपने काम को दूसरों के साथ शेयर करें। यह नए गीक दोस्त बनाने का भी एक अच्छा तरीका हो सकता है।

पी.एस.

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

इस ट्यूटोरियल में, आप सीखेंगे कि किसी व्यक्ति की फोटो को पिक्सेल आर्ट में कैसे बदलना है काल्पनिक चरित्र 90 के दशक की शुरुआत से आर्केड गेम।
जेम्स मे - उर्फ ​​स्मजगेथिस - ने इस शैली को 2011 में डिज़ाइन किया था वीडियो संगीतडबस्टेप रॉक एक्ट के लिए। नीरो की पहली हिट, मी एंड यू - जहां उन्होंने दिखाने के लिए एनिमेशन बनाया पुराना खेलनीरो के दो सदस्यों की विशेषता यह गेम डबल ड्रैगन के समान 16-बिट ग्राफिक्स वाला एक 2डी लयबद्ध प्लेटफ़ॉर्मर था, लेकिन सुपर मारियो ब्रदर्स जैसे 8-बिट रेट्रो क्लासिक गेम से कहीं बेहतर था।
इस शैली को बनाने के लिए, वर्णों को अभी भी अवरुद्ध होना चाहिए, लेकिन पुराने खेलों की तुलना में अधिक जटिल होना चाहिए। और जब आपको प्राप्त करने के लिए सीमित रंग पैलेट का उपयोग करने की आवश्यकता होती है उपस्थिति, याद रखें कि इन खेलों में अभी भी 65,536 रंग थे।
यहाँ जेम्स आपको दिखाता है कि एक साधारण रंग पैलेट और पेंसिल टूल का उपयोग करके एक तस्वीर से एक चरित्र कैसे बनाया जाए।
एनिमेशन गाइड की तरह आपको उस शख्स की फोटो की भी जरूरत होगी। जेम्स ने इस ट्यूटोरियल के लिए प्रोजेक्ट फाइलों में शामिल पंक की तस्वीर का इस्तेमाल किया।
एक बार पूरा हो जाने के बाद, इस 16-बिट आफ्टर इफेक्ट्स एनिमेशन ट्यूटोरियल को देखें जहां जेम्स आपको दिखाएगा कि इस चरित्र को एई में कैसे लें, इसे एनिमेट करें, और रेट्रो गेम प्रभाव लागू करें।

स्टेप 1

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

चरण दो

आयताकार मार्की टूल (एम) का उपयोग करके, अपनी तस्वीर से सिर का चयन करें और कॉपी करें (सीएमडी/Ctrl + सी) और इसे एनीमेशन गाइड (16 बिट) पीएसडी में पेस्ट करें (सीएमडी/सीटीआरएल + वी)।
आनुपातिक रूप से फ़िट होने के लिए छवि को स्केल करें। आप देखेंगे कि चूंकि PSD के आयाम बहुत छोटे हैं, छवि तुरंत एक पिक्सेल बनाना शुरू कर देगी।

चरण 3

एक नई परत बनाएं और एक पिक्सेल काली पेंसिल (बी) के साथ एक रूपरेखा तैयार करें, इसमें दी गई एनीमेशन गाइड और फोटो को आधार के रूप में उपयोग करें। \ पी
आपूर्ति की गई गाइड बड़े बॉस के आंकड़े या पतली महिला वाले पात्रों की एक श्रृंखला विकसित करने में मदद करती है। यह मेरे पिक्सेल आर्टवर्क पात्रों को बनाने और एनिमेट करने के लिए एक मोटा गाइड है।

चरण 4

आईड्रॉपर टूल (I) का उपयोग करके, तस्वीर में सबसे गहरे रंग के त्वचा क्षेत्र का नमूना लें और रंग का एक छोटा वर्ग बनाएं। चार टोन स्किन टोन पैलेट बनाने के लिए ऐसा तीन बार और करें।
आउटलाइन लेयर के नीचे एक और लेयर बनाएं और इमेज को शेड करने के लिए 1 पिक्सेल ब्रश और 4 रंग के रंग पैलेट का उपयोग करें (फिर से अपने गाइड के रूप में फोटो का उपयोग करें)। \ पी
अपनी कलाकृति के सभी तत्वों, या विभिन्न परतों को रखना सबसे अच्छा है, क्योंकि इससे उन्हें अन्य आकृतियों पर पुन: उपयोग करना आसान हो जाता है। यह "खलनायकों" के लिए विशेष रूप से उपयोगी है क्योंकि अधिकांश 16-बिट गेम बहुत उपयोग करते हैं समान आंकड़े. उदाहरण के लिए, एक दोस्त के पास लाल शर्ट और चाकू हो सकता है, जबकि बाद वाला नीली शर्ट और बंदूक को छोड़कर एक समान है।

चरण 5

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

चरण 6

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

चरण 7

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

चरण 8

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


भाग 6: चौरसाई
भाग 7: बनावट और धुंधलापन
भाग 8: टाइल्स की दुनिया

प्रस्तावना

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

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

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

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

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

तो, चलिए मुद्दे पर वापस आते हैं।

भाग 1: सही उपकरण

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

1. कुछ पुरानी बातें

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

* आप एक ही समय में एक से अधिक फाइल नहीं खोल सकते
* कोई पैलेट प्रबंधन नहीं।
* कोई परत या पारदर्शिता नहीं
* कोई गैर-आयताकार चयन नहीं
* कुछ हॉटकीज़
*बेहद असहज

संक्षेप में, आप पेंट के बारे में भूल सकते हैं। अब हम असली सॉफ्टवेयर देखेंगे।

2. अंत में...

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

3. क्रीम

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

चारामेकर 1999- अच्छा कार्यक्रमलेकिन वितरण ठप नजर आ रहा है।

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

पिक्सेल कलाकारों द्वारा सबसे अधिक उपयोग किया जाने वाला सॉफ़्टवेयर ProMotion है, जो (स्पष्ट रूप से) ग्राफ़िक्स गेल की तुलना में अधिक सुविधाजनक और तेज़ है। और हाँ, वह अनमोल है! आप खरीद सकते हैं पूर्ण संस्करणमामूली राशि के लिए ... 50 यूरो ($ 78)।
आइए अपने मैक दोस्तों को न भूलें! पिक्सेन मैकिंटोश के लिए उपलब्ध एक अच्छा कार्यक्रम है और यह मुफ़्त है। दुर्भाग्य से मैं आपको अधिक नहीं बता सकता क्योंकि मेरे पास मैक नहीं है। अनुवादक की टिप्पणी (फ्रेंच): लिनक्स उपयोगकर्ताओं (और अन्य) को , और GrafX2 को आजमाना चाहिए। मैं आपसे आग्रह करता हूं कि आप उन सभी को डेमो संस्करणों में आजमाएं और देखें कि आपकी सुविधा के लिए कौन सा उपयुक्त है। अंत में यह स्वाद का मामला है। बस इस बात का ध्यान रखें कि एक बार जब आप किसी प्रोग्राम का उपयोग करना शुरू कर देते हैं, तो किसी और चीज़ पर स्विच करना बहुत मुश्किल हो सकता है।

करने के लिए जारी…

फ्रेंच से अंग्रेजी में अनुवादक के नोट्स

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

अंग्रेजी से रूसी में अनुवादक का नोट

मैं एक प्रोग्रामर हूं, कलाकार या अनुवादक नहीं, मैं अपने दोस्तों कलाकारों के लिए अनुवाद करता हूं, लेकिन जो अच्छा खो गया है, उसे यहां रहने दो।
फ्रेंच में मूल कहीं यहाँ www.lesforges.org
फ्रेंच से अंग्रेजी अनुवाद यहां: opengameart.org/content/les-forges-pixel-art-course
मैंने अंग्रेजी से अनुवाद किया क्योंकि मैं फ्रेंच नहीं जानता।
और हां, यह मेरी पहली पोस्ट है, इसलिए डिजाइन संबंधी सुझावों का स्वागत है। साथ ही, सवाल यह है कि क्या बाकी हिस्सों को अलग-अलग लेखों के रूप में प्रकाशित किया जाना चाहिए, या क्या इसे अपडेट करना और पूरक करना बेहतर है?

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

हम चरित्र को पिक्सेल कला के लिए एक तार्किक संदर्भ बिंदु के रूप में बनाएंगे, क्योंकि यह उन अधिकांश अन्य वस्तुओं के अनुपात को निर्धारित करने में मदद करेगा जो हम संभवतः बनाएंगे। हालाँकि, पहले आपको आइसोमेट्रिक पिक्सेल कला की कुछ मूल बातें सीखने की ज़रूरत है, और फिर चरित्र निर्माण की ओर बढ़ें; यदि आप मूल बातें नहीं सीखना चाहते हैं और एक घन बनाना चाहते हैं, तो चरण 3 पर जाएँ। अब चलिए शुरू करते हैं।

1. पिक्सेल रेखाएँ

ये पंक्तियाँ आइसोमेट्रिक पिक्सेल कला की सबसे आम (और दिलचस्प) शैली का आधार हैं, जिस शैली का हम इस ट्यूटोरियल में उपयोग करेंगे:

प्रत्येक पिक्सेल डाउन के लिए वे दो पिक्सेल लंबे होते हैं। ऐसी रेखाएं अपेक्षाकृत नरम दिखती हैं और चौकोर सतहों के लिए उपयोग की जाती हैं:

सबसे अधिक उपयोग की जाने वाली रेखा संरचनाएं (जैसा कि नीचे दी गई आकृति में है) अच्छी तरह से काम करेंगी, लेकिन ड्राइंग प्रत्येक चरण में वृद्धि के साथ अधिक कोणीय और खुरदरी हो जाएगी:

इसके विपरीत, यहाँ कुछ असमान रूप से संरचित पंक्तियाँ हैं:

बहुत कोणीय और मत देखो

सुंदर। इनका इस्तेमाल करने से बचें।

2. आयतन

हमारा चरित्र बिल्कुल सममितीय नियमों का पालन नहीं करेगा, तो चलिए पहले अनुपातों को निकालने के लिए एक सरल घन बनाते हैं।

फोटोशॉप में रिज़ॉल्यूशन के साथ एक नया दस्तावेज़ बनाएँ 400x400 पीएक्स.

मैं मेनू का उपयोग करके उसी फ़ाइल के लिए एक अतिरिक्त विंडो खोलना पसंद करता हूं विंडो > व्यवस्थित करें > नई विंडो/पाठ।(विंडो> व्यवस्था> नई विंडो ...) यह वृद्धि पर काम करने की अनुमति देता है 600% ज़ूम विंडो में परिणाम का पालन करें 100% . ग्रिड का उपयोग करना आप पर निर्भर है, लेकिन कभी-कभी मुझे यह सहायक से अधिक कष्टप्रद लगता है।

चलिए दस्तावेज़ पर ज़ूम इन करते हैं और एक लाइन बनाते हैं 2:1

मैं उपयोग करना पसंद करता हूं 5% काले के बजाय ग्रे, ताकि बाद में मैं छाया (काली और कम अपारदर्शिता) जोड़ सकूं और जादू की छड़ी से प्रत्येक रंग को अलग से चुनने में सक्षम हो सकूं।

रेखा खींचने के कई तरीके हैं:

1. प्रयोग करना लाइन टूल(लाइन टूल) मोड के साथ पिक्सल(पिक्सेल) अनियंत्रित चौरसाई(एंटी-अलियास) और मोटाई 1 पीएक्स. जैसा कि आप आरेखित करते हैं, झुकाव कोण टूलटिप दिखाई देनी चाहिए 26.6 डिग्री. वास्तव में, लाइन टूल को सुविधाजनक नहीं कहा जा सकता है, यदि कोण सटीक नहीं है तो यह टेढ़ी-मेढ़ी रेखाएँ बनाता है।

2. आपको एक चयन बनाने की आवश्यकता है 20 x 40 पीएक्स, फिर K चुनें पेंसिल(पेंसिल टूल) 1 पीएक्सऔर चयन के निचले बाएँ कोने में एक बिंदी बनाएँ, उसके बाद कुंजी को दबाए रखें बदलावदाईं ओर क्लिक करें ऊपरी कोना. फोटोशॉप स्वचालित रूप से दो बिंदुओं के बीच एक नई रेखा बनाएगा। अभ्यास के साथ, इस तरह आप बिना चयन के चिकनी रेखाएँ बना सकते हैं।

3. आपको एक पेंसिल के साथ दो पिक्सेल खींचने की जरूरत है, उन्हें चुनें, क्लिक करें Ctrl+Alt, फिर चयन को नए स्थान पर ड्रैग करें ताकि पिक्सेल कोनों पर एकाग्र हो जाएँ। आप दबाए रखते हुए अपने कीबोर्ड पर तीर कुंजियों का उपयोग करके चयन को स्थानांतरित भी कर सकते हैं alt. ऐसी विधि कहलाती है ऑल्ट ऑफ़सेट(ऑल्ट नज)।

यहां हमने पहली पंक्ति बनाई है। इसे चुनें और इसे चरण 3 की तरह ले जाएँ, या बस कॉपी और पेस्ट करें, नई परत को नीचे ले जाएँ। उसके बाद, मेनू के माध्यम से दूसरी पंक्ति को क्षैतिज रूप से फ़्लिप करें संपादित करें> रूपांतरण> क्षैतिज रूप से पलटें(संपादित करें> रूपांतरण> क्षैतिज पलटें)। मैं इस सुविधा का इतनी बार उपयोग करता हूं कि मैंने इसके लिए एक कीबोर्ड शॉर्टकट भी बना लिया है!

अब हमारी पंक्तियों को जोड़ते हैं:

फिर, Alt-Offset फिर से, प्रतिलिपि को लंबवत फ़्लिप करें और हमारी सतह को पूरा करने के लिए दो हिस्सों को मिला दें:

यह "तीसरा आयाम" जोड़ने का समय है। चौकोर सतह को Alt-शिफ्ट करें और इसे स्थानांतरित करें 44 पीएक्सनीचे:

युक्ति: यदि आप चलते समय तीर कुंजियों को दबाए रखते हैं बदलाव, चयन को स्थानांतरित कर दिया जाएगा 10 एक के बजाय पिक्सेल।

घन को साफ-सुथरा दिखाने के लिए, आइए वर्गों से सबसे बाएँ और दाएँ पिक्सेल को हटाकर कोनों को नरम करें। उसके बाद, लंबवत रेखाएँ जोड़ें:

अब घन के तल पर अनावश्यक रेखाओं को हटा दें। हमारे फिगर को रंगना शुरू करने के लिए, कोई भी रंग चुनें (अधिमानतः एक हल्का शेड) और इसके साथ शीर्ष वर्ग भरें।

अब चयनित रंग की चमक को बढ़ाएँ 10% (मैं नियंत्रण कक्ष पर HSB स्लाइडर्स का उपयोग करने की सलाह देता हूं) हमारे रंग वर्ग के सामने हल्के कोनों को खींचने के लिए। क्योंकि हमने क्यूब को थोड़ा सा क्रॉप किया है, ये लाइटर लाइनें काले किनारों पर (उन्हें बदलने के बजाय) सुंदर दिखेंगी जैसा कि नीचे की छवि में है:

अब हमें काले किनारों को हटाने की जरूरत है। इरेज़र के लिए दूसरी लाइन ड्राइंग विधि से ट्रिक का उपयोग करें (जिसे सामान्य पर सेट किया जाना चाहिए मिटाने का सामान(इरेज़र टूल) मोड पेंसिल(पेंसिल मोड), मोटाई 1 पीएक्स).

के साथ शीर्ष वर्ग का रंग चुनें पिपेट(आई ड्रोप्पर उपकरण)। इस टूल को जल्दी से चुनने के लिए, पेंसिल या फिल के साथ ड्राइंग करते समय, कुंजी दबाएं alt. क्यूब के बीच में वर्टिकल लाइन भरने के लिए परिणामी आईड्रॉपर रंग का उपयोग करें। इसके बाद कलर की ब्राइटनेस को कम कर दें 15% और क्यूब के बाईं ओर परिणामी रंग से भरें। चमक को और कम करें 10% दाईं ओर के लिए:

हमारा घन पूरा हो गया है। ज़ूम इन करने पर इसे साफ और अपेक्षाकृत चिकना दिखना चाहिए। 100% . हम जारी रख सकते हैं।

3. एक वर्ण जोड़ें

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

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

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

आइए एक नई परत बनाएं। आँखों को केवल दो पिक्सेल की आवश्यकता होती है - प्रत्येक आँख के लिए एक, बीच में एक खाली पिक्सेल। आँखों के बाईं ओर एक पिक्सेल छोड़ें, एक लंबवत रेखा जोड़ें:

अब एक और परत जोड़ें और एक 2px क्षैतिज पट्टी बनाएं, यह मुंह होगा। स्थानांतरित करने के लिए अपने कीबोर्ड पर तीरों का उपयोग करें और जब आपको सही स्थिति मिल जाए, तो परत को नीचे ले जाएं। ठोड़ी के साथ भी ऐसा ही करें, बस एक लंबी लाइन होनी चाहिए:

बालों को और सिर के ऊपर को पूरा करें, फिर कोनों को नरम करें। आपको ऐसा कुछ मिलना चाहिए:

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

कान के शीर्ष के लिए एक पिक्सेल जोड़ें और यदि आप चाहें तो सिर को फिर से आकार दें; सिर आमतौर पर पहले से ही गर्दन क्षेत्र में खींचे जाते हैं:

ठोड़ी से रेखा खींचें - यह छाती होगी। गर्दन की शुरुआत कान पर, कुछ पिक्सेल नीचे और कुछ पिक्सेल तिरछे होंगे ताकि हमारे चरित्र के कंधे दिखाई दें:

अब जिस स्थान पर कंधे समाप्त होते हैं, वहां लंबाई के साथ एक लंबवत रेखा जोड़ें 12 भुजा के बाहरी भाग को बनाने के लिए पिक्सेल, और भीतरी भाग बाईं ओर दो पिक्सेल होंगे। एक हाथ / मुट्ठी बनाने के लिए कुछ पिक्सेल के साथ नीचे की पंक्तियों को कनेक्ट करें (हमारे मामले में कोई विवरण नहीं है, इसलिए इस तत्व पर ध्यान न दें) और उस स्थान के ठीक ऊपर जहां हाथ समाप्त होता है, एक रेखा जोड़ें 2:1 , जो एक कमर के रूप में कार्य करेगा, फिर छाती की रेखा खींचे और एक पूर्ण ऊपरी शरीर प्राप्त करें। चरित्र का दूसरा हाथ दिखाई नहीं देता है, लेकिन यह ठीक दिखेगा क्योंकि यह धड़ से ढका हुआ है।

आपको इसके समान कुछ समाप्त करना चाहिए:

बेशक, आप अपनी पसंद के किसी भी पहलू अनुपात का उपयोग कर सकते हैं; मैं चित्र बनाना पसंद करता हूँ विभिन्न प्रकारकौन सा सबसे अच्छा है यह तय करने से पहले कंधे से कंधा मिलाकर।

अब निचले धड़ के लिए हम कुछ और जोड़ेंगे ऊर्ध्वाधर पंक्तियां. मुझे जाना पसंद है 12 तलवों और कमर के बीच पिक्सेल। पैरों को खींचना बहुत आसान है, आपको बस एक पैर को थोड़ा लंबा बनाने की जरूरत है, जिससे चरित्र अधिक चमकदार दिखे:

अब हम रंग डालेंगे। एक अच्छा त्वचा का रंग ढूँढना हमेशा मुश्किल होता है, इसलिए यदि आप इस ट्यूटोरियल के समान रंग का उपयोग करना चाहते हैं, तो इसका कोड है #एफएफसीसीए5. बाकी तत्वों के लिए रंग मिलान में कोई समस्या नहीं होनी चाहिए। उसके बाद, आस्तीन की लंबाई, शर्ट के कट की स्थिति, उसकी शैली निर्धारित करें। अब शर्ट को बॉडी से अलग करने के लिए एक डार्क स्ट्रिप लगाएं। मैं सभी सजावटी तत्वों को काले रंग की तुलना में हल्का बनाना पसंद करता हूं (विशेषकर जब कई तत्व समान स्तर पर हों, उदाहरण के लिए शर्ट से लेकर चमड़े या पैंट तक)। यह आपको आवश्यक कंट्रास्ट प्राप्त करने की अनुमति देता है, जबकि छवि बहुत खुरदरी नहीं होगी।

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

आप बालों के कई विकल्प आजमा सकते हैं। यहाँ कुछ विचार हैं:

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

अब बस इतना करना बाकी है कि दोनों तत्वों को एक साथ रखा जाए और मूल्यांकन किया जाए कि वे एक ही सेटिंग में कैसे दिखते हैं:

यदि आप अपनी रचना को निर्यात करना चाहते हैं, तो पीएनजी आदर्श प्रारूप है।

बस, हो गया काम!

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

अनुवादक:शापोवाल एलेक्सी

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

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

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

पिक्सेलसंपादित करें

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

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

पिक्सेलफॉर्मर

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

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

ग्राफिक्सगेल

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

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

chamaker

कैरेक्टर मेकर 1999 इस तरह के सबसे पुराने कार्यक्रमों में से एक है। यह अलग-अलग पात्रों या तत्वों को बनाने के लिए बनाया गया था, जो कि एनीमेशन या एम्बेडेड के लिए अन्य कार्यक्रमों में इस्तेमाल किया जाएगा कंप्यूटर गेम. इसलिए, यह पेंटिंग बनाने के लिए बहुत उपयुक्त नहीं है।

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

प्रो मोशन एनजी

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

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

असेप्राइट

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