छोटी पिक्सेल कला। एडोब फोटोशॉप: एक पिक्सेल आर्ट कैरेक्टर ड्रा और एनिमेट करें

घर / मनोविज्ञान

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

कदम

भाग 1

हम आपकी जरूरत की हर चीज इकट्ठा करते हैं

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

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

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

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

    भाग 2

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

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

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

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

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

    भाग ३

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

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

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

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

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

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

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

    भाग 4

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

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

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

    भाग 5

    छाया जोड़ें

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

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

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

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

    भाग 6

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

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

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

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

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

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

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

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

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

2. उपकरण।

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2. लाल तरल।

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

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

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

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

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

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

3. भरें। पैलेट से रंग, मध्यम हरा छिलका का रंग है, मध्यम लाल मांस का रंग है।

4. आइए क्रस्ट से पल्प तक संक्रमणकालीन क्षेत्र को चिह्नित करें।

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

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

5. डिथरिंग।

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

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

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

डथरिंग के लिए दो और विकल्प:

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

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

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

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

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

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

शुरुआती के लिए पिक्सेल कला। | परिचय।

शुरुआती के लिए पिक्सेल कला। | परिचय।

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

2. ड्राइंग।

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

शुरुआती के लिए पिक्सेल कला। | परिचय।


शुरुआती के लिए पिक्सेल कला। | परिचय।

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

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

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

शुरुआती के लिए पिक्सेल कला। | परिचय।

शुरुआती के लिए पिक्सेल कला। | परिचय।

अब आंखें:

शुरुआती के लिए पिक्सेल कला। | परिचय।

शुरुआती के लिए पिक्सेल कला। | परिचय।

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

शुरुआती के लिए पिक्सेल कला। | परिचय।

शुरुआती के लिए पिक्सेल कला। | परिचय।

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

शुरुआती के लिए पिक्सेल कला। | परिचय।

शुरुआती के लिए पिक्सेल कला। | परिचय।

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

शुरुआती के लिए पिक्सेल कला। | परिचय।

शुरुआती के लिए पिक्सेल कला। | परिचय।

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

शुरुआती के लिए पिक्सेल कला। | परिचय।

शुरुआती के लिए पिक्सेल कला। | परिचय।

3. भरें।

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

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

शुरुआती के लिए पिक्सेल कला। | परिचय।


शुरुआती के लिए पिक्सेल कला। | परिचय।

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

शुरुआती के लिए पिक्सेल कला। | परिचय।

शुरुआती के लिए पिक्सेल कला। | परिचय।

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

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

शुरुआती के लिए पिक्सेल कला। | परिचय।


शुरुआती के लिए पिक्सेल कला। | परिचय।

4. छाया और दयनीय।

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

शुरुआती के लिए पिक्सेल कला। | परिचय।

शुरुआती के लिए पिक्सेल कला। | परिचय।

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

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

शुरुआती के लिए पिक्सेल कला। | परिचय।

शुरुआती के लिए पिक्सेल कला। | परिचय।

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

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

पिक्सेल आर्ट आजकल खेलों के लिए भी बहुत लोकप्रिय है और इसके कई कारण हैं!

तो, पिक्सेल कला क्या आकर्षक बनाती है:

  1. अनुभूति।पिक्सेल कला अद्भुत लग रही है! आप स्प्राइट में प्रत्येक व्यक्तिगत पिक्सेल के बारे में बहुत कुछ बता सकते हैं।
  2. उदासी।पिक्सेल आर्ट उन गेमर्स के लिए एक महान नास्तिक भावना वापस लाता है जो निंटेंडो, सुपर निंटेंडो, या उत्पत्ति (मेरे जैसे!)
  3. सीखने में आसानी।पिक्सेल आर्ट सीखने में सबसे आसान डिजिटल कला में से एक है, खासकर यदि आप एक कलाकार से अधिक प्रोग्रामर हैं;]

तो आप Pixel Art में अपना हाथ आजमाना चाहते हैं? फिर मेरे साथ चलें क्योंकि मैं आपको एक सरल लेकिन प्रभावी बजाने योग्य चरित्र बनाने का तरीका दिखाता हूं जिसे आप अपने खेल में उपयोग कर सकते हैं! साथ ही, एक बोनस के रूप में, हम इस पर एक नज़र डालेंगे कि इसे iPhone गेम्स में कैसे एकीकृत किया जाए!

सफलतापूर्वक सीखने के लिए आपको Adobe Photoshop की आवश्यकता होगी। यदि आपके पास एक नहीं है, तो आप Adobe की वेबसाइट या टोरेंट से एक निःशुल्क परीक्षण डाउनलोड कर सकते हैं।

पिक्सेल आर्ट क्या है?

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

ढाल: दो रंगों का चयन करें और बीच में पिक्सेल के रंग की गणना करें। अच्छा लगता है, लेकिन Pixel Art नहीं!

कलंक उपकरण: पिक्सल को परिभाषित करें और पिछली छवि का नया संस्करण बनाने के लिए उन्हें डुप्लिकेट / संपादित करें। फिर, एक पिक्सेल कला नहीं।

चौरसाई उपकरण(मूल रूप से कुछ "चिकनी" बनाने के लिए विभिन्न रंगों में नए पिक्सेल उत्पन्न करना)। आपको इनसे बचना चाहिए!

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

अन्य उपकरण जैसे (लाइन) या पेंट बकेट उपकरण(पेंट बकेट) भी पिक्सल को स्वचालित रूप से उत्पन्न करता है, लेकिन चूंकि आप उन्हें भरे हुए पिक्सल के किनारों को चिकना नहीं करने के लिए सेट कर सकते हैं, इसलिए इन उपकरणों को पिक्सेल आर्ट फ्रेंडली माना जाता है।

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

काम की शुरुआत

इससे पहले कि आप अपना पहला Pixel Art एसेट बनाना शुरू करें, आपको पता होना चाहिए कि Pixel Art को स्केल नहीं किया जा सकता है। अगर आप इसे कम करने की कोशिश करेंगे तो सब कुछ धुंधला दिखाई देगा। यदि आप इसे बड़ा करने का प्रयास करते हैं, तो जब तक आप 2 स्केलिंग के गुणक का उपयोग करते हैं, तब तक सब कुछ ठीक दिखाई देगा (लेकिन निश्चित रूप से यह तेज नहीं होगा)।

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

उदाहरण के लिए, यदि आप iPhone 3GS स्क्रीन पर गेम को दोगुना बड़ा दिखाना चाहते हैं ("हां, मैं वास्तव में अपने गेम को एक पिक्सेलेटेड रेट्रो लुक देना चाहता हूं!"), जिसका स्क्रीन रिज़ॉल्यूशन 480x320 पिक्सल है, तो आपको काम करने की आवश्यकता है आधा रिज़ॉल्यूशन। ऐसे में यह 240x160 पिक्सल होगा।

एक नया फ़ोटोशॉप दस्तावेज़ खोलें ( फ़ाइल → नया ...) और आकार को अपनी गेम स्क्रीन के आकार के रूप में सेट करें, फिर अपने चरित्र के लिए एक आकार चुनें।

प्रत्येक सेल 32x32 पिक्सल है!

मैंने ३२ × ३२ पिक्सेल को न केवल इसलिए चुना क्योंकि यह चयनित स्क्रीन आकार के लिए बहुत अच्छा है, बल्कि इसलिए भी कि ३२ × ३२ पिक्सेल २ के गुणक भी हैं, जो खिलौना इंजन के लिए सुविधाजनक है, (टाइल के आकार अक्सर २ के गुणक होते हैं, बनावट संरेखित होती है 2 का गुणक, आदि।

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

पिक्सेल आर्ट कैरेक्टर कैसे बनाएं

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

फोटोशॉप में चुनें पेंसिल टूल(पेंसिल टूल)। अगर आपको यह नहीं मिल रहा है, तो बस टूल को दबाकर रखें ब्रश उपकरण(ब्रश टूल) और आप इसे तुरंत देखेंगे (यह सूची में दूसरा होना चाहिए)। आपको बस इसे 1px में आकार देने की आवश्यकता है (आप टूल विकल्प बार पर क्लिक कर सकते हैं और इसका आकार बदल सकते हैं, या बस [) कुंजी दबाए रख सकते हैं।

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

अब पिक्सेलेट करना शुरू करते हैं! नीचे दी गई छवि में दिखाए अनुसार भौहें और आंखें बनाएं:


अरे! मैं पिक्सेलेटेड हूँ !!

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


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

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


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

कृपया चुने दबाने और धारण करने से रेकटेंगल टूल(रेकटेंगल टूल)

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

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

रंग और छाया लागू करें

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

नीचे दिखाए गए अनुसार अपने चरित्र को रंग दें (लेकिन रचनात्मक होने के लिए स्वतंत्र महसूस करें और अपने स्वयं के रंगों का उपयोग करें!)


अच्छा, विपरीत रंग आपके एसेट की पठनीयता में सुधार करता है!
कृपया ध्यान दें कि मैंने अभी भी कपड़ों या बालों की रूपरेखा नहीं बनाई है। हमेशा याद रखें: अनावश्यक रूपरेखाओं से अधिक से अधिक पिक्सेल बचाएं!

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

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

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


संपूर्ण संपत्ति के लिए एक ही प्रकाश स्रोत का उपयोग करें

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


छायांकन करते समय उसी प्रकाश स्रोत का उपयोग करें

और अब, जैसा कि मैंने वादा किया था, रोशनी और छाया के लिए एक छोटा गाइड:

अपने पैलेट को मसाला देना

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

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

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


एक बार जब आपको वह मिल जाए जो आप चाहते हैं, तो ठीक क्लिक करें और पेंट बकेट टूल को फिर से कॉन्फ़िगर करें... चिंता न करें, फिर आप बस 'सन्निहित' बॉक्स को अनचेक कर सकते हैं और जब आप एक नए रंग से पेंट करते हैं, तो उसी पृष्ठभूमि रंग वाले किसी भी नए पिक्सेल को भी पेंट किया जाएगा।

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

चयनित पिक्सेल को समान रंग से रंगने के लिए "Contiguous" को अनचेक करें

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


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


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

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

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


पिक्सेल कला को iPhone खेलों में एकीकृत करना

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

यदि आप Cocos2D, या सामान्य रूप से iPhone ऐप डेवलपमेंट के लिए नए हैं, तो मैं आपको Cocos2d और iPhone ट्यूटोरियल में से एक के साथ शुरुआत करने की सलाह देता हूं। यदि आपके पास Xcode और Cocos2d स्थापित है, तो आगे पढ़ें!

एक नया प्रोजेक्ट बनाएं आईओएस → cocos2d v2.x → cocos2d आईओएस टेम्पलेट, इसे PixelArt नाम दें, और अपने डिवाइस के रूप में iPhone चुनें। बनाई गई पिक्सेल कला को खींचें जैसे: sprite_final.png अपने प्रोजेक्ट में और फिर खोलें HelloWorldLayer.mऔर आरंभीकरण विधि को निम्न के साथ बदलें:

- (आईडी) init (यदि ((स्वयं =)) (CCSprite * Hero =; Hero.position = ccp (96, 96); Hero.flipX = YES;;) स्वयं वापस लौटें;)

हम स्क्रीन के बाईं ओर स्प्राइट की स्थिति बनाते हैं और इसे घुमाते हैं ताकि यह दाईं ओर हो। संकलित करें, चलाएं, और फिर आप स्क्रीन पर अपना स्प्राइट देखेंगे:


हालाँकि, याद रखें, जैसा कि हमने इस ट्यूटोरियल में पहले चर्चा की थी, हम पिक्सेल को कृत्रिम रूप से बढ़ाना चाहते थे ताकि प्रत्येक पिक्सेल दूसरों से अलग दिखाई दे। तो इस नई लाइन को init मेथड के अंदर जोड़ें:

हीरो.स्केल = 2.0;

कुछ भी जटिल नहीं है, है ना? संकलित करें, चलाएं और ... रुको, हमारा स्प्राइट धुंधला है!

ऐसा इसलिए है, क्योंकि डिफ़ॉल्ट रूप से, Cocos2d चित्र को मापते समय समतल कर देता है। हमें इसकी आवश्यकता नहीं है, इसलिए निम्न पंक्ति जोड़ें:

यह लाइन Cocos2d को एंटी-अलियासिंग के बिना छवियों को स्केल करने के लिए कॉन्फ़िगर करती है, इसलिए हमारा लड़का अभी भी "पिक्सेलेटेड" दिखता है संकलित करें, चलाएं और ... हाँ यह काम करता है!


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

आगे क्या होगा?

मुझे आशा है कि आपने इस ट्यूटोरियल का आनंद लिया और पिक्सेल कला के बारे में कुछ और सीखा! ब्रेकअप से पहले मैं आपको कुछ टिप्स देना चाहता हूं:

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

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

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

इतिहास का हिस्सा

कौन से प्रोग्राम आधुनिक पिक्सेल कला बना सकते हैं

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

Pixel Art . में किंक से कैसे बचें?

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

पिक्सेल आर्ट में छाया कैसे प्राप्त करें

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

पिक्सेल आर्ट पर फ्लेयर कैसे प्राप्त करें

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

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

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

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

Pyxelसंपादित करें

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

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

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

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

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

ग्राफिक्स आंधी

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

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

चार्ममेकर

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

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

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

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

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

असेप्राइट

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

© 2021 skudelnica.ru - प्यार, विश्वासघात, मनोविज्ञान, तलाक, भावनाएं, झगड़े