पिक्सेल कला बनाने के लिए कार्यक्रम। पिक्सेल कला (पिक्सेल कला): सबसे अच्छा काम करता है और चित्रकार पिक्सेल कला कैसी दिखती है

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

पिक्सेल कला का एक उदाहरण। टुकड़ा।

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

पिक्सेल कला। सबसे अच्छा काम करता है और चित्रकार

शहर। लेखक: ज़ोगल्स

कहानी महल। लेखक: टिनुलीफ

मध्यकालीन गाँव। लेखक: डॉकडूम

बेबीलोन के हेंगिंग गार्डेन। लेखक: चंद्र ग्रहण

आवासीय मुहल्ला। लेखक:

इस ट्यूटोरियल में, आप सीखेंगे कि किसी व्यक्ति की फोटो को पिक्सेल आर्ट में कैसे बदलना है काल्पनिक चरित्र 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

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

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

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

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

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

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

2. उपकरण।

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

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

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

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

3. सामान्य सिद्धांत।

और फिर भी कई हैं सामान्य सिद्धांतोंजिसे जानकर दुख नहीं होगा। उनमें से वास्तव में बहुत कम हैं, मैं उन्हें "सिद्धांत" कहता हूं, न कि कानून, क्योंकि वे प्रकृति में सलाहकार हैं। आखिरकार, यदि आप सभी नियमों को दरकिनार करते हुए एक सरल पिक्सेल कला बनाने का प्रबंधन करते हैं - तो उनकी परवाह कौन करता है?

सबसे बुनियादी सिद्धांत निम्नानुसार तैयार किया जा सकता है: एक छवि की न्यूनतम इकाई एक पिक्सेल है, और यदि संभव हो तो रचना के सभी तत्व इसके अनुपात में होने चाहिए। मैं समझूंगा: आपके द्वारा खींची गई हर चीज में पिक्सेल होते हैं, और पिक्सेल को हर चीज में पढ़ा जाना चाहिए। इसका मतलब यह नहीं है कि चित्र में तत्व बिल्कुल नहीं हो सकते हैं, उदाहरण के लिए, 2x2 पिक्सेल या 3x3। लेकिन अलग-अलग पिक्सेल से एक छवि बनाना अभी भी बेहतर है।

स्ट्रोक और चित्र की सामान्य रूप से सभी पंक्तियाँ एक पिक्सेल मोटी होनी चाहिए (दुर्लभ अपवादों के साथ)।

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

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

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

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

आसान है ना? यह सिर्फ एक आदत लेता है। 2 पिक्सेल वेतन वृद्धि में तिरछी रेखाएँ कैसे खींचना है, यह जानने से आइसोमेट्रिक्स में मदद मिलेगी, इसलिए हम अगली बार इस पर करीब से नज़र डालेंगे। सामान्य तौर पर, सीधी रेखाएँ महान होती हैं - लेकिन केवल तब तक जब तक कि कुछ चमत्कारी चित्र बनाने का कार्य उत्पन्न न हो जाए। यहां हमें कर्व्स और बहुत सारे अलग-अलग कर्व्स की जरूरत है। और हम घुमावदार रेखाओं को गोल करने के लिए एक सरल नियम अपनाते हैं: वक्र तत्वों की लंबाई धीरे-धीरे घटनी/बढ़नी चाहिए.

सीधी रेखा से गोलाई तक बाहर निकलना सुचारू रूप से किया जाता है, मैंने प्रत्येक खंड की लंबाई का संकेत दिया: 5 पिक्सेल, 3, 2, 2, 1, 1, फिर से 2 (पहले से लंबवत), 3, 5 और आगे। जरूरी नहीं कि आपका मामला उसी क्रम का उपयोग करेगा, यह सब उस चिकनाई पर निर्भर करता है जिसकी आवश्यकता है। एक और गोल उदाहरण:

फिर से, हम उन किंक से बचते हैं जो तस्वीर को इतना खराब करते हैं। यदि आप सीखी गई सामग्री की जांच करना चाहते हैं, तो यहां मैंने तैयार किया है अज्ञात लेखक द्वारा Winamp के लिए त्वचा, रिक्त:

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

4.1। हम जीवित पानी के साथ एक बोतल खींचते हैं।

1. वस्तु का आकार, जबकि आप रंग का उपयोग नहीं कर सकते।

2. लाल तरल।

3. कांच के रंग को नीले रंग में बदलें, बुलबुले के अंदर छायांकित क्षेत्र और तरल की इच्छित सतह पर एक हल्का क्षेत्र जोड़ें।

4. बुलबुले पर सफेद हाइलाइट्स जोड़ें, और बुलबुले की दीवारों की सीमा वाले तरल क्षेत्रों पर 1 पिक्सेल चौड़ी गहरी लाल छाया। अच्छा लग रहा है, है ना?

5. इसी तरह, हम नीले रंग के तरल के साथ एक बोतल बनाते हैं - यहाँ कांच का एक ही रंग है, साथ ही तरल के लिए नीले रंग के तीन शेड हैं।

4.2। हम एक तरबूज खींचते हैं।

चलो एक वृत्त और एक अर्धवृत्त बनाते हैं - यह एक तरबूज और एक कटा हुआ टुकड़ा होगा।

2. चलो तरबूज पर कटआउट को चिह्नित करते हैं, और स्लाइस पर - पपड़ी और गूदे के बीच की सीमा।

3. भरना। पैलेट से रंग, हरे रंग की औसत छाया पपड़ी का रंग है, औसत लाल गूदे का रंग है।

4. छिलके से गूदे तक संक्रमणकालीन क्षेत्र को निरूपित करें।

5. तरबूज पर हल्की धारियां (आखिरकार, वह खुद जैसा दिखता है)। और हां, बीज! यदि आप तिलचट्टे के साथ एक तरबूज पार करते हैं, तो वे अपने आप फैल जाएंगे।

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

5. डिथरिंग।

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

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

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

दुविधा के लिए दो और विकल्प:

इसका उपयोग करने में सक्षम होने के लिए आपको डिथरिंग के बारे में क्या जानने की आवश्यकता है। सम्मिश्रण क्षेत्र की न्यूनतम चौड़ाई कम से कम 2 पिक्सेल (वही चेकर्स) होनी चाहिए। अधिक संभव है। कम नहीं करना बेहतर है।

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

खैर, पर्याप्त सिद्धांत। मेरा सुझाव है कि आप थोड़ा और अभ्यास करें।

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

1. काम की तैयारी।

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

नौसिखियों के लिए पिक्सेल कला। | परिचय।

नौसिखियों के लिए पिक्सेल कला। | परिचय।

कुछ और उपयोगी संयोजन। " ctrl+" और " ctrl-» छवि के अंदर और बाहर ज़ूम करें। यह जानना भी उपयोगी है कि दबाना ctrlऔर "(उद्धरण-क्रिसमस ट्री, या रूसी कुंजी" इ”) ग्रिड को चालू और बंद करता है, जो पिक्सेल कला बनाते समय बहुत मदद करता है। ग्रिड चरण को अपने लिए भी समायोजित किया जाना चाहिए, यह 1 पिक्सेल होने पर किसी के लिए अधिक सुविधाजनक होता है, मुझे सेल की चौड़ाई 2 पिक्सेल होने के लिए उपयोग किया जाता है। क्लिक सीटीआरएल+के(या पर जाएं संपादन करना->पसंद), बिंदु पर जाएं गाइड, ग्रिड और स्लाइसऔर स्थापित करें ग्रिडलाइन प्रत्येक 1 पिक्सेल(मेरे लिए, मैं दोहराऊंगा, यह अधिक सुविधाजनक है 2)।

2. आरेखण।

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

नौसिखियों के लिए पिक्सेल कला। | परिचय।

नौसिखियों के लिए पिक्सेल कला। | परिचय।

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

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

हम आकर्षित करना जारी रखते हैं, नाक, एंटीना और मुंह जोड़ते हैं:

नौसिखियों के लिए पिक्सेल कला। | परिचय।

नौसिखियों के लिए पिक्सेल कला। | परिचय।

अब आँखें:

नौसिखियों के लिए पिक्सेल कला। | परिचय।

नौसिखियों के लिए पिक्सेल कला। | परिचय।

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

नौसिखियों के लिए पिक्सेल कला। | परिचय।

नौसिखियों के लिए पिक्सेल कला। | परिचय।

हम भौहें खींचते हैं (कुछ भी नहीं जो वे हवा में लटकाते हैं - मेरे पास ऐसी शैली है) और मुंह के कोनों में नकल की नकल करते हैं, जिससे मुस्कान अधिक अभिव्यंजक हो जाती है:

नौसिखियों के लिए पिक्सेल कला। | परिचय।

नौसिखियों के लिए पिक्सेल कला। | परिचय।

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

नौसिखियों के लिए पिक्सेल कला। | परिचय।

नौसिखियों के लिए पिक्सेल कला। | परिचय।

अभी के लिए एड़ियों पर ध्यान न दें, यह अजीब लग रहा है, जब हम भरेंगे तो हम इसे ठीक कर देंगे। छोटा सुधार: चलो क्रॉच क्षेत्र में एक बेल्ट और फोल्ड जोड़ते हैं, और घुटने के जोड़ों का भी चयन करते हैं (लेग लाइन से निकलने वाले 2 पीएक्स के छोटे टुकड़े का उपयोग करके):

नौसिखियों के लिए पिक्सेल कला। | परिचय।

नौसिखियों के लिए पिक्सेल कला। | परिचय।

3. भरना।

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

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

नौसिखियों के लिए पिक्सेल कला। | परिचय।

नौसिखियों के लिए पिक्सेल कला। | परिचय।

हम अपने पात्र को भरते हैं, जिसे भरा नहीं जा सकता - हम इसे एक पेंसिल से मैन्युअल रूप से खींचते हैं।

नौसिखियों के लिए पिक्सेल कला। | परिचय।

नौसिखियों के लिए पिक्सेल कला। | परिचय।

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

फोटोशॉप में रंग सुविधा द्वारा एक आसान चयन है ( चयन करें-> रंग सीमा, एक आईड्रॉपर के साथ वांछित रंग पर प्रहार करके, हम समान रंग के सभी क्षेत्रों का चयन करेंगे और उन्हें तुरंत भरने की क्षमता प्राप्त करेंगे, लेकिन इसके लिए आवश्यक है कि आपके चरित्र के तत्व अलग-अलग परतों पर हों, इसलिए अब हम इस पर विचार करेंगे उन्नत फोटोशॉप उपयोगकर्ताओं के लिए यह कार्य उपयोगी है):

नौसिखियों के लिए पिक्सेल कला। | परिचय।

नौसिखियों के लिए पिक्सेल कला। | परिचय।

4. छाया और व्याकुलता।

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

नौसिखियों के लिए पिक्सेल कला। | परिचय।

नौसिखियों के लिए पिक्सेल कला। | परिचय।

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

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

नौसिखियों के लिए पिक्सेल कला। | परिचय।

नौसिखियों के लिए पिक्सेल कला। | परिचय।

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

सुबह इंटरनेट पर टहलते हुए, मैं एक पोस्ट लिखना चाहता था पिक्सेल कला, सामग्री की तलाश में ये दो लेख मिले।

भाग 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डी वस्तुओं और हाथ से ड्राइंग बनाने में खर्च नहीं करते हैं। जटिल वस्तुएँ. यदि आप पिक्सेल कला सीखना चाहते हैं, तो आपको सबसे पहले यह सीखना होगा कि तथाकथित "स्प्राइट्स" कैसे बनाएं। फिर, जब स्प्राइट्स आपको डराना बंद कर दें, तो आप एनीमेशन पर जा सकते हैं और यहां तक ​​कि अपने काम को बेच भी सकते हैं!

कदम

भाग ---- पहला

आपकी जरूरत की हर चीज को इकट्ठा करना

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

• फोटोशॉप
• पेंट नेट
• पिक्सन

1. एक ग्राफिक्स टैबलेट खरीदें।यदि आप माउस के साथ चित्र बनाना पसंद नहीं करते हैं, तो आपको एक टैबलेट और एक स्टाइलस की आवश्यकता होगी। Wacom की गोलियाँ, वैसे, सबसे लोकप्रिय हैं।

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

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

2. एक पेंसिल के साथ 1 पिक्सेल के ब्रश आकार के साथ ड्रा करें।किसी भी ग्राफिक्स एडिटर के पास पेंसिल टूल होना चाहिए। इसे चुनें, ब्रश का आकार 1 पिक्सेल पर सेट करें। अब आप पेंट कर सकते हैं... पिक्सलेटेड।

   भाग 2

   मूल बातों का अभ्यास करना

   1. एक नई छवि बनाएँ।चूंकि आप पिक्सेल कला की शैली में आकर्षित करना सीख रहे हैं, इसलिए आपको महाकाव्य कैनवस का लक्ष्य नहीं रखना चाहिए। अगर आपको याद हो तो सुपर मारियो ब्रदर्स में। पूरी स्क्रीन 256 x 224 पिक्सेल की थी, और मारियो स्वयं 12 x 16 पिक्सेल की जगह में फिट हो गया!

      ज़ूम इन।हां, अन्यथा आप अलग-अलग पिक्सेल नहीं देख सकते। हां, आपको इसे बहुत ज्यादा बढ़ाना होगा। मान लीजिए कि 800% काफी सामान्य है।

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

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

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

   भाग 3

   पहला स्प्राइट बनाना

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

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

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

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

      • स्केच विवरण पर कंजूसी मत करो! फाइनल ड्राइंग में आप जो भी देखना चाहते हैं उसे ड्रा करें।

   2. स्केच को एक ग्राफिक्स संपादक में स्थानांतरित करें।आप एक टैबलेट पर एक पेपर स्केच का पता लगा सकते हैं, आप हाथ से सब कुछ फिर से बना सकते हैं, पिक्सेल द्वारा पिक्सेल - इससे कोई फर्क नहीं पड़ता, पसंद आपकी है।

      • स्केच ट्रेस करते समय, आउटलाइन रंग के रूप में 100% काले रंग का उपयोग करें। कुछ भी हो, आप इसे बाद में मैन्युअल रूप से बदल देंगे, लेकिन अभी आपके लिए काले रंग के साथ काम करना आसान हो जाएगा।

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

      • स्केच पर काम करते समय, विवरण से विचलित न हों - उनकी बारी आएगी।

   भाग 4

   स्प्राइट को रंगना

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

      • ऐसे रंगों का चयन करें जो आपके प्रेत को सुंदर और परेशान न करने वाले दोनों बनाएं। और हां, पेस्टल से बचना चाहिए (जब तक कि आपका पूरा प्रोजेक्ट इसी शैली में नहीं किया जाता)।

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

      • मारियो - केवल तीन रंग (यदि हम बात कर रहे हैं क्लासिक संस्करण), और यहां तक ​​​​कि वे पैलेट पर लगभग एक दूसरे के करीब स्थित हैं।
      • सोनिक - भले ही सोनिक मारियो की तुलना में अधिक विवरण के साथ तैयार किया गया है, यह अभी भी केवल 4 रंगों (और छाया) पर आधारित है।
      • Ryu लगभग एक क्लासिक स्प्राइट है, जैसा कि वे लड़ने वाले खेलों में समझते हैं, Ryu बड़े क्षेत्रों को साधारण रंगों में चित्रित किया गया है, साथ ही सीमांकन के लिए थोड़ी छाया है। रियू, हालांकि, सोनिक की तुलना में थोड़ा अधिक जटिल है - पहले से ही पांच रंग और छाया हैं।

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

   भाग 5

   छाया जोड़ना

   प्रकाश स्रोत पर निर्णय लें।निचला रेखा: आपको यह तय करने की आवश्यकता है कि स्प्राइट पर प्रकाश किस कोण पर गिरेगा। इसे ध्यान में रखते हुए, आप यथार्थवादी दिखने वाली परछाइयाँ बना सकते हैं। हां, वस्तुतः कोई "प्रकाश" नहीं होगा, बिंदु यह कल्पना करना है कि यह ड्राइंग पर कैसे गिरेगा।

   • सबसे सरल उपाय यह मान लेना है कि प्रकाश स्रोत स्प्राइट के ऊपर बहुत ऊपर है, थोड़ा सा उसके बायें या दायें।

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

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

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

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

   भाग 6

   उन्नत ड्राइंग तकनीकों का उपयोग करना

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

   • नौसिखिए अक्सर पतले होने का दुरुपयोग करते हैं, उनके जैसा मत बनो।

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

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

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