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


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

प्रस्तावना

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

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

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

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

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

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

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

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

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

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

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

चारमेकर 1999- अच्छा कार्यक्रम, लेकिन वितरण रुका हुआ प्रतीत होता है।

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

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

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

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

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

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

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

एडोब फोटोशॉप: चरित्र को बनाएं और चेतन करें पिक्सेल तकनीककला

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

कार्यक्रम: एडोब फोटोशॉप कठिनाई: शुरुआती, मध्यवर्ती समय आवश्यक: 30 मिनट - एक घंटा

I. दस्तावेज़ और उपकरण सेट करना

स्टेप 1

टूलबार पर पेंसिल (पेंसिल) का चयन करें - यह हमारे पाठ का मुख्य उपकरण होगा। सेटिंग्स में, हार्ड राउंड ब्रश प्रकार का चयन करें, और बाकी मानों को चित्र के समान सेट करें। हमारा लक्ष्य पेंसिल निब को यथासंभव तेज़ बनाना है।

चरण दो

इरेज़र टूल (इरेज़र) की सेटिंग में, पेंसिल मोड मोड का चयन करें, और बाकी मान सेट करें जैसा कि चित्र में दिखाया गया है।

चरण 3

पिक्सेल ग्रिड चालू करें (देखें > दिखाएँ > पिक्सेल ग्रिड)। यदि मेनू में ऐसा कोई आइटम नहीं है, तो सेटिंग्स पर जाएं और ग्राफ़िक त्वरण प्राथमिकताएँ > प्रदर्शन > ग्राफ़िक त्वरण सक्षम करें।

कृपया ध्यान दें: ग्रिड केवल नए बनाए गए कैनवास पर तभी दिखाई देगा जब 600% या उससे अधिक ज़ूम किया जाएगा।

चरण 4

प्राथमिकताएँ > सामान्य (कंट्रोल-के) में छवि इंटरपोलेशन मोड को निकटतम पड़ोसी मोड में बदलें। इससे वस्तुओं की सीमाएँ यथासंभव स्पष्ट रहेंगी।

इकाइयाँ और रूलर सेटिंग में, रूलर के लिए इकाइयाँ पिक्सेल प्राथमिकताएँ > इकाइयाँ और रूलर > पिक्सेल में सेट करें।

द्वितीय. चरित्र निर्माण

स्टेप 1

और अब, जब सब कुछ सेट हो गया है, तो हम सीधे चरित्र का चित्रण करने के लिए आगे बढ़ सकते हैं।

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

चरण दो

कीबोर्ड शॉर्टकट कंट्रोल+टी, या एडिट > फ्री ट्रांसफॉर्म कमांड का उपयोग करके थंबनेल को 60 पिक्सेल ऊंचाई तक स्केल करें।

वस्तु का आकार सूचना पैनल में प्रदर्शित होता है। ध्यान दें कि इंटरपोलेशन सेटिंग्स वैसी ही हैं जैसी हमने चरण 4 में की थीं।

चरण 3

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

लय:आकर्षित करने के लिए जटिल तत्वउन्हें तोड़ दो. जब एक पंक्ति में पिक्सेल (बिंदु) एक "लय" बनाते हैं, जैसे 1-2-3, या 1-1-2-2-3-3, तो स्केच मानव आंख को अधिक सहज दिखता है। लेकिन, यदि स्वरूप को इसकी आवश्यकता हो तो इस लय को तोड़ा जा सकता है।

चरण 4

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

चरण 5

भीतरी किनारे पर छाया खींचकर रूपरेखा को चिकना करें।

छायाएँ जोड़ना जारी रखें. जैसा कि आपने ड्राइंग के दौरान देखा होगा, कुछ आकृतियों को सही किया जा सकता है।

चरण 6

हाइलाइट्स के लिए एक नई परत बनाएं.

लेयर्स पैनल में ड्रॉपडाउन सूची से ओवरले ब्लेंड मोड का चयन करें। जिन क्षेत्रों को आप हाइलाइट करना चाहते हैं उन पर हल्के रंग से पेंट करें। फिर फ़िल्टर > ब्लर > ब्लर लगाकर हाइलाइट को सुचारू करें।

चित्र को समाप्त करें, और फिर चित्र के तैयार आधे हिस्से को कॉपी करें और मिरर करें, फिर पूरी तस्वीर प्राप्त करने के लिए परतों को हिस्सों के साथ मिला दें।

चरण 7

अब अंतरिक्ष यात्री को कंट्रास्ट जोड़ने की जरूरत है। इसे उज्जवल बनाने के लिए लेवल सेटिंग्स (छवि > समायोजन > स्तर) का उपयोग करें, और फिर रंग संतुलन विकल्प (छवि > समायोजन > रंग संतुलन) का उपयोग करके रंग समायोजित करें।

चरित्र अब एनीमेशन के लिए तैयार है.

तृतीय. चरित्र एनीमेशन

स्टेप 1

परत की एक प्रति बनाएं (परत > नई > प्रतिलिपि के माध्यम से परत) और इसे 1 पिक्सेल ऊपर और 2 पिक्सेल दाईं ओर ले जाएँ। चरित्र एनीमेशन में यह एक महत्वपूर्ण बिंदु है।

मूल परत की अपारदर्शिता को 50% कम करें ताकि आप पिछला फ़्रेम देख सकें। इसे "प्याज की खाल निकालना" (बहुवचन विधा) कहा जाता है।

चरण दो

अब पात्र के हाथ और पैर ऐसे मोड़ें जैसे वह दौड़ रहा हो।

● हाइलाइट करें बायां हाथलासो उपकरण

● FreeTransformTool (संपादित करें > FreeTransform) का उपयोग करके और नियंत्रण कुंजी को दबाए रखते हुए, कंटेनर की सीमा को स्थानांतरित करें ताकि हाथ पीछे चला जाए।

● पहले एक पैर चुनें और उसे थोड़ा फैलाएं। फिर, इसके विपरीत, दूसरे पैर को निचोड़ें ताकि ऐसा महसूस हो कि पात्र चल रहा है।

● एक पेंसिल और इरेज़र का उपयोग करके, कोहनी के नीचे दाहिने हाथ के हिस्से को स्पर्श करें।

चरण 3

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

चरण 4

दूसरी परत की एक प्रतिलिपि बनाएँ और इसे क्षैतिज रूप से पलटें। अब आपके पास 1 मूल मुद्रा और 2 गति में हैं। सभी परतों की अपारदर्शिता को 100% पर पुनर्स्थापित करें।

चरण 5

टाइमलाइन पैनल प्रदर्शित करने के लिए विंडो > टाइमलाइन पर जाएं और फ्रेम एनिमेशन बनाएं पर क्लिक करें।

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

कदम

भाग ---- पहला

आपकी जरूरत की सभी चीजें एकत्रित करना

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

    • फोटोशॉप
    • पेंट.नेट
    • पिक्सन
  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. चयनात्मक रेंडरिंग का उपयोग करना सीखें.मुद्दा क्या है: रूपरेखा भरने के लिए उपयोग किए जाने वाले रंग के समान रंग में खींची गई है। यह एक कम "कार्टूनिश" छवि बनती है, और यह समोच्च की अधिक यथार्थवादी उपस्थिति के कारण ठीक है। कपड़ों या वस्तुओं के लिए एक क्लासिक ब्लैक आउटलाइन छोड़ते हुए, त्वचा को चुनिंदा रूप से प्रस्तुत करने का प्रयास करें।

4.7 (93.8%) 158 वोट


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

कोशिकाओं पर क्या चित्र बनाएं

यह कला किसी के लिए भी उपलब्ध है, मुख्य बात यह है कि कोशिकाओं का स्पष्ट रूप से पालन करना है। स्कूल नोटबुक एक छवि बनाने के लिए आदर्श हैं, उनके वर्गों का आकार 5x5 मिमी है, और नोटबुक स्वयं 205 मिमी गुणा 165 मिमी है। पर इस पल A4 शीट वाले स्प्रिंग नोटपैड सेल में कलाकारों के बीच लोकप्रियता हासिल कर रहे हैं, इस नोटबुक का आकार 280 मिमी x 205 मिमी है।

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

कोशिकाओं द्वारा चित्र कैसे बनायें

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

पिक्सेल कला के लिए बॉलपॉइंट पेन

कोशिकाओं द्वारा रेखाचित्रों के लिए मार्कर

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

कोशिकाओं द्वारा चित्र बनाने के लिए पेंसिलें

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

कोशिकाओं द्वारा चित्र बनाना कितना आसान है और इसके परिणामस्वरूप यह कितना सुंदर हो सकता है, इस पर एक वीडियो देखें:

कुछ और ड्राइंग योजनाएँ जो मुझे पसंद आईं:



डॉट ग्राफ़िक्स - पिक्सेल कला प्रौद्योगिकी

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

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

किसी भी चीज़ में महारत हासिल करने का सबसे अच्छा तरीका अभ्यास है, आइए पिक्सेल कला में महारत हासिल करने का प्रयास करें:

आइए एक काला और लाल ऑयल पेन और एक चेकदार नोटबुक शीट लें।

आइए एक साधारण ड्राइंग से शुरुआत करें। आइए कोशिकाओं को गिनें, रूपरेखा परिभाषित करें और रंगों के अनुसार सजाएँ।

उदाहरण के लिए, आइए एक दिल बनाएं:

  1. हम एक पिंजरे में एक पत्ता और काले पेस्ट के साथ एक कलम लेते हैं, 3 बिंदु डालते हैं, जैसा कि चित्र में है, बिंदु चिह्नित करते हैं कि किन कोशिकाओं को काले रंग से रंगा जाएगा।

  2. हम चित्र की आकृति को दर्शाते हुए रेखाएँ खींचते हैं।

  3. प्रत्येक तरफ तीन बिंदु अंकित करें, चित्र देखें।

  4. आकृति के क्षेत्रफल को दो रेखाओं से चिह्नित करें।

  5. आइए प्रत्येक तरफ एक और बिंदु लगाएं और शीर्ष बिंदुओं के नीचे सीमाएं बनाएं।

  6. जैसा कि नीचे दिए गए चित्र में दिखाया गया है, 8 बिंदु लंबवत और 4 बिंदु दोनों तरफ बनाएं।
  7. खर्च करने के बाद ऊर्ध्वाधर पंक्तियां, जैसा कि चित्र में दिखाया गया है, हम चित्र की सीमाओं को पूरी तरह से इंगित करेंगे।
  8. इसी तरह हृदय के निचले हिस्से को बायीं और दायीं ओर भी चिह्नित करें।

  9. हम कोशिकाओं पर घेरा बनाते हैं, जैसा कि हमारी छवि में है।

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

  11. और अंत में, बिंदुओं से चिह्नित कोशिकाओं को काले पेन से छायांकित करें। अब आप सीख गए हैं कि 8-बिट चित्र कैसे बनाएं।

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

लेना

  • काली कलम,
  • पेंसिल,
  • चेकर्ड नोटबुक,
  • कंप्यूटर,
  • फोटो या तस्वीर इंटरनेट से
  • फ़ोटोशॉप कार्यक्रम.

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


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

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

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

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

पिक्सेल कला। सर्वोत्तम कार्य और चित्रकार


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


परीकथा महल. लेखक: टिनुलीफ़


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


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


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


ऊपर