नवशिक्यांसाठी पिक्सेल कला: वापरासाठी सूचना

इंडी विकसकांना बर्‍याचदा एकाच वेळी अनेक भूमिका एकत्र कराव्या लागतात: गेम डिझायनर, प्रोग्रामर, संगीतकार, कलाकार. आणि जेव्हा व्हिज्युअलचा विचार केला जातो तेव्हा बरेच लोक पिक्सेल आर्ट निवडतात - पहिल्या दृष्टीक्षेपात ते सोपे दिसते. परंतु ते सुंदरपणे करण्यासाठी, आपल्याला खूप अनुभव आणि विशिष्ट कौशल्ये आवश्यक आहेत. मला त्यांच्यासाठी एक ट्यूटोरियल सापडले ज्यांनी नुकतेच या शैलीच्या मूलभूत गोष्टी समजून घेण्यास सुरुवात केली आहे: उदाहरण म्हणून दोन स्प्राइट्स वापरून विशेष सॉफ्टवेअर आणि रेखाचित्र तंत्रांचे वर्णन.

पार्श्वभूमी

पिक्सेल आर्ट हा डिजिटल आर्टचा एक प्रकार आहे ज्यामध्ये पिक्सेल स्तरावर बदल केले जातात. हे प्रामुख्याने 80 आणि 90 च्या दशकातील व्हिडिओ गेम ग्राफिक्सशी संबंधित आहे. तेव्हा, कलाकारांना स्मृती मर्यादा आणि कमी रिझोल्यूशन लक्षात घ्यावे लागले. आजकाल, वास्तववादी 3D ग्राफिक्स तयार करण्याची क्षमता असूनही पिक्सेल कला गेममध्ये आणि सर्वसाधारणपणे एक कला शैली म्हणून लोकप्रिय आहे. का? नॉस्टॅल्जिया बाजूला ठेवून, अशा घट्ट चौकटीत छान काम करणे हे एक आनंददायक आणि फायद्याचे आव्हान आहे.

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

मेटल स्लग 3 (आर्केड). एसएनके, 2000

पिक्सेल कला ज्या स्तरावर बहुतेक लोक तयार करू इच्छितात त्यामध्ये खूप वेळ लागतो आणि खूप कमी ट्यूटोरियल आहेत. 3D मॉडेलसह काम करताना, तुम्ही ते फिरवू शकता, ते विकृत करू शकता, त्याचे वैयक्तिक भाग हलवू शकता, अॅनिमेशन एका मॉडेलमधून दुसर्‍या मॉडेलमध्ये कॉपी करू शकता, इत्यादी. उच्च-स्तरीय पिक्सेल कला जवळजवळ नेहमीच प्रत्येक फ्रेमवर काळजीपूर्वक पिक्सेल ठेवण्यासाठी खूप मेहनत घेते.

सर्वसाधारणपणे, मी तुम्हाला चेतावणी दिली.

आणि आता माझ्या शैलीबद्दल थोडेसे: मी मुख्यतः व्हिडिओ गेमसाठी पिक्सेल आर्ट काढतो आणि त्यामध्ये प्रेरणा शोधतो. विशेषतः, मी Famicom/NES, 16-बिट कन्सोल आणि 90 च्या आर्केड गेमचा चाहता आहे. माझ्या त्या काळातील माझ्या आवडत्या खेळांच्या पिक्सेल आर्टचे वर्णन चमकदार, आत्मविश्वासपूर्ण आणि स्वच्छ (परंतु खूप स्वच्छ नाही) म्हणून केले जाऊ शकते, ऐवजी अगदी मिनिमलिस्टिक. ही शैली आहे जी मी स्वत: मध्ये कार्य करतो, परंतु आपण पूर्णपणे भिन्न गोष्टी तयार करण्यासाठी या ट्यूटोरियलमधील कल्पना आणि तंत्र सहजपणे लागू करू शकता. वेगवेगळ्या कलाकारांचे काम एक्सप्लोर करा आणि तुम्हाला आवडणारी पिक्सेल कला तयार करा!

मऊ

पिक्सेल आर्टसाठी मूलभूत डिजिटल साधने म्हणजे पिक्सेल ठेवण्यासाठी झूम आणि पेन्सिल. तुम्हाला लाइन, शेप, सिलेक्ट, मूव्ह आणि पेंट बकेट देखील उपयुक्त वाटेल. अशा साधनांच्या संचासह अनेक विनामूल्य आणि सशुल्क सॉफ्टवेअर आहेत. मी तुम्हाला सर्वात लोकप्रिय आणि मी स्वतः वापरतो त्याबद्दल सांगेन.

पेंट (विनामूल्य)

तुमच्याकडे विंडोज असल्यास, अंगभूत पेंट हा एक आदिम प्रोग्राम आहे, परंतु त्यात पिक्सेल आर्टसाठी सर्व साधने आहेत.

पिस्केल (मोफत आहे)

एक अनपेक्षितपणे कार्यशील पिक्सेल आर्ट एडिटर जो ब्राउझरद्वारे चालतो. तुम्ही तुमचे काम PNG किंवा अॅनिमेटेड GIF म्हणून एक्सपोर्ट करू शकता. नवशिक्यांसाठी एक उत्कृष्ट पर्याय.

GraphigsGale (मोफत आहे)

GraphicsGale हा मी ऐकलेला एकमेव संपादक आहे जो विशेषतः पिक्सेल आर्टसाठी डिझाइन केलेला आहे आणि त्यात अॅनिमेशन साधने समाविष्ट आहेत. हे HUMANBALANCE या जपानी कंपनीने तयार केले आहे. हे 2017 पासून विनामूल्य उपलब्ध आहे आणि Aseprite ची लोकप्रियता वाढल्यानंतरही मागणी आहे. दुर्दैवाने, हे फक्त विंडोजवर कार्य करते.

एस्प्रिट ($)

कदाचित या क्षणी सर्वात लोकप्रिय संपादक. मुक्त स्रोत, बरीच वैशिष्ट्ये, सक्रिय समर्थन, Windows, Mac आणि Linux साठी आवृत्त्या. जर तुम्ही पिक्सेल आर्टबद्दल गंभीर असाल आणि तरीही तुम्हाला योग्य संपादक सापडला नसेल, तर तुम्हाला हा एक आवश्यक आहे.

गेममेकर स्टुडिओ 2 ($$+)

गेममेकर स्टुडिओ 2 हे उत्तम स्प्राईट संपादक असलेले उत्कृष्ट 2D साधन आहे. आपण आपल्या स्वत: च्या गेमसाठी पिक्सेल कला तयार करू इच्छित असल्यास, एका प्रोग्राममध्ये सर्वकाही करणे खूप सोयीचे आहे. आता मी काम करत असताना हे सॉफ्टवेअर वापरत आहे यूएफओ 50, 50 रेट्रो गेमचा संग्रह: मी गेममेकरमध्ये स्प्राइट्स आणि अॅनिमेशन आणि फोटोशॉपमध्ये टाइलसेट तयार करतो.

फोटोशॉप ($$$+)

फोटोशॉप हे महागडे सॉफ्टवेअर आहे, जे सबस्क्रिप्शनद्वारे वितरित केले जाते आणि पिक्सेल आर्टसाठी डिझाइन केलेले नाही. तुम्ही उच्च रिझोल्यूशनमध्ये चित्रे रेंडरिंगमध्ये गुंतल्याशिवाय मी ते खरेदी करण्याची शिफारस करत नाही किंवा तुम्हाला माझ्यासारख्या प्रतिमेसह जटिल हाताळणी करण्याची आवश्यकता नाही. तुम्ही त्यामध्ये स्टॅटिक स्प्राईट्स आणि पिक्सेल आर्ट तयार करू शकता, परंतु हे विशेष सॉफ्टवेअरच्या तुलनेत खूपच क्लिष्ट आहे (उदाहरणार्थ, ग्राफिक्सगेल किंवा एसेप्राइट).

इतर

माझे पिक्सेल आर्ट किट. सर्व काही काळे आहे, मला ते आत्ताच लक्षात आले.

ग्राफिक्स टॅबलेट ($$+)

कार्पल टनल सिंड्रोम टाळण्यासाठी मी कोणत्याही डिजिटल चित्रण कार्यासाठी ग्राफिक्स टॅब्लेटची शिफारस करतो. बरा करण्यापेक्षा प्रतिबंध करणे खूप सोपे आहे. एक दिवस तुम्हाला वेदना जाणवतील आणि ते फक्त वाढेल - अगदी सुरुवातीपासूनच स्वतःची काळजी घ्या. कारण मी माऊसने चित्र काढायचो, आता मला की दाबणे आवश्यक असणारे गेम खेळणे कठीण आहे. मी सध्या Wacom Intuos Pro S वापरत आहे.

मनगटाचा आधार ($)

जर तुम्हाला टॅब्लेट मिळत नसेल तर किमान मनगटाचा आधार घ्या. माझे आवडते म्युलर ग्रीन फिटेड रिस्ट ब्रेस आहे. बाकीचे एकतर खूप घट्ट आहेत किंवा पुरेसे समर्थन देत नाहीत. कॅलिपर कोणत्याही समस्येशिवाय ऑनलाइन ऑर्डर केले जाऊ शकतात.

96 × 96 पिक्सेल

अंतिम लढत. कॅपकॉम, 1989

चला सुरू करुया! चला 96x96 पिक्सेल कॅरेक्टर स्प्राइटने सुरुवात करूया. उदाहरण म्हणून, मी एक orc काढला आणि तो फायनल फाईट (वरील चित्र) मधील स्क्रीनशॉटवर ठेवला जेणेकरून तुम्हाला स्केल समजू शकेल. या большой बहुतेक रेट्रो गेमसाठी स्प्राइट, स्क्रीनशॉट आकार: 384x224 पिक्सेल.

इतक्या मोठ्या स्प्राईटवर मला ज्या तंत्राबद्दल बोलायचे आहे ते दर्शविणे सोपे होईल. प्रति-पिक्सेल रेंडरिंग देखील पारंपारिक कला प्रकारांसारखे आहे (जसे की रेखाचित्र किंवा चित्रकला) ज्याच्याशी तुम्ही अधिक परिचित असाल. मूलभूत तंत्रांमध्ये प्रभुत्व मिळवल्यानंतर, आम्ही लहान स्प्राइट्सकडे जाऊ.

1. पॅलेट निवडा

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

या ट्यूटोरियलसाठी मी आम्ही तयार केलेले 32 कलर पॅलेट वापरणार आहे यूएफओ 50. पिक्सेल आर्टसाठी ते सहसा 32 किंवा 16 रंगांमधून एकत्र केले जातात. आमचे हे एका काल्पनिक कन्सोलसाठी डिझाइन केले आहे जे Famicom आणि PC Engine मध्ये कुठेतरी दिसेल. तुम्ही ते किंवा इतर कोणतेही घेऊ शकता - ट्यूटोरियल निवडलेल्या पॅलेटवर अजिबात अवलंबून नाही.

2. उग्र रूपरेषा

पेन्सिल टूल वापरून चित्र काढूया. आपण नेहमीच्या पेन आणि कागदाच्या सहाय्याने स्केच काढू या. अर्थात, पिक्सेल कला आणि पारंपारिक कला ओव्हरलॅप होतात, विशेषत: जेव्हा अशा मोठ्या स्प्राइट्सचा विचार केला जातो. माझे निरीक्षण असे दर्शविते की मजबूत पिक्सेल कला कलाकार हाताने रेखाटण्यात कमीत कमी चांगले असतात आणि त्याउलट. त्यामुळे तुमचे रेखाचित्र कौशल्य विकसित करणे नेहमीच उपयुक्त असते.

3. आकृतिबंधांचे विस्तार

आम्ही रूपरेषा परिष्कृत करतो: अतिरिक्त पिक्सेल काढा आणि प्रत्येक ओळीची जाडी एका पिक्सेलपर्यंत कमी करा. पण नक्की काय अनावश्यक मानले जाते? या प्रश्नाचे उत्तर देण्यासाठी तुम्हाला पिक्सेल रेषा आणि अनियमितता समजून घेणे आवश्यक आहे.

अनियमितता

तुम्हाला पिक्सेल आर्टमध्ये दोन मूलभूत रेषा कशा काढायच्या हे शिकण्याची गरज आहे: सरळ आणि वक्र. पेन आणि कागदासह हे सर्व स्नायूंच्या नियंत्रणाबद्दल आहे, परंतु आम्ही रंगाच्या लहान ब्लॉक्ससह कार्य करत आहोत.

योग्य पिक्सेल रेषा काढण्याची गुरुकिल्ली म्हणजे जॅगीज. हे एकल पिक्सेल किंवा लहान विभाग आहेत जे रेषेची गुळगुळीतता नष्ट करतात. मी आधी म्हटल्याप्रमाणे, एक पिक्सेल पिक्सेल आर्टमध्ये खूप फरक करतो, त्यामुळे असमानता संपूर्ण सौंदर्याचा नाश करू शकते. कागदावर सरळ रेषा काढण्याची कल्पना करा आणि अचानक कोणीतरी टेबलवर आदळले: पिक्सेल आर्टमधील अडथळे अगदी यादृच्छिक स्क्विगलसारखे दिसतात.

उदाहरणे:

थेट

वक्र

जेव्हा रेषाखंडांची लांबी हळूहळू वाढत नाही किंवा कमी होत नाही तेव्हा वक्रांमध्ये अनियमितता दिसून येते.

अडथळे पूर्णपणे टाळणे अशक्य आहे - तुमच्या सर्व आवडत्या रेट्रो गेममध्ये ते आहेत (जोपर्यंत, अर्थातच, पिक्सेल आर्टमध्ये फक्त साध्या आकारांचा समावेश नाही). ध्येय: आवश्यक असलेली प्रत्येक गोष्ट दाखवताना असमानता किमान ठेवा.

4. प्रथम रंग लागू करा

फिल किंवा इतर योग्य साधन वापरून तुमचे वर्ण रंगवा. पॅलेट कामाचा हा भाग सुलभ करेल. जर सॉफ्टवेअर पॅलेट वापरण्यासाठी प्रदान करत नसेल, तर तुम्ही वरील उदाहरणाप्रमाणे थेट चित्रात ठेवू शकता आणि आयड्रॉपर वापरून रंग निवडू शकता.

खालच्या डाव्या कोपर्यात मी आमचा मित्र काढला, भेटा, हा बॉल आहे. प्रत्येक टप्प्यावर नेमके काय चालले आहे हे समजून घेणे सोपे जाईल.

5. शेडिंग

सावल्या प्रदर्शित करण्याची वेळ आली आहे - फक्त स्प्राइटमध्ये गडद रंग जोडा. यामुळे प्रतिमा त्रिमितीय दिसेल. आपण orc च्या वर डावीकडे एक प्रकाश स्रोत आहे असे गृहीत धरू. याचा अर्थ असा की आपल्या चारित्र्याच्या वर आणि समोर जे काही आहे ते प्रकाशित होईल. तळाशी उजवीकडे सावल्या जोडा.

आकार आणि खंड

जर ही पायरी तुमच्यासाठी आव्हानात्मक असेल, तर तुमच्या रेखाचित्राचा फक्त रेषा आणि रंग न करता त्रिमितीय आकार म्हणून विचार करा. आकार त्रि-आयामी जागेत अस्तित्वात आहेत आणि त्यात व्हॉल्यूम असू शकतो, जे आपण सावल्यांच्या मदतीने तयार करतो. हे तुम्हाला तपशीलाशिवाय पात्राची कल्पना करण्यात मदत करेल आणि कल्पना करा की तो पिक्सेल नसून मातीचा आहे. शेडिंग म्हणजे केवळ नवीन रंग जोडणे नव्हे, तर ती एक आकार तयार करण्याची प्रक्रिया आहे. चांगल्या प्रकारे डिझाइन केलेल्या वर्णांवर, तपशील अंतर्निहित आकार लपवत नाहीत: जर तुम्ही तिरस्कार केला तर तुम्हाला प्रकाश आणि सावलीचे काही मोठे क्लस्टर दिसतील.

अँटी-अलियासिंग (अँटी-अलियासिंग)

प्रत्येक वेळी मी नवीन रंग वापरतो, तेव्हा मी अँटी-अलायझिंग (AA) लागू करतो. ज्या कोपऱ्यात दोन रेषाखंड एकत्र येतात तेथे मध्यवर्ती रंग जोडून हे पिक्सेल गुळगुळीत करण्यात मदत करते:

राखाडी पिक्सेल ओळीतील "ब्रेक" मऊ करतात. रेषाखंड जितका लांब, तितका AA विभाग.

orc च्या खांद्यावर AA असे दिसते. त्याच्या स्नायूंच्या वक्र दर्शविणाऱ्या रेषा गुळगुळीत करण्यासाठी आवश्यक आहे

अँटी-अलायझिंग गेममध्ये वापरल्या जाणार्‍या स्प्राइटच्या पलीकडे किंवा ज्याचा रंग अज्ञात आहे अशा पार्श्वभूमीवर वाढू नये. उदाहरणार्थ, तुम्ही हलक्या पार्श्वभूमीवर AA लावल्यास, अँटी-अलायझिंग गडद पार्श्वभूमीवर कुरूप दिसेल.

6. निवडक बाह्यरेखा

पूर्वी, बाह्यरेखा पूर्णपणे काळ्या होत्या, ज्यामुळे स्प्राइट खूप कार्टूनिश दिसत होते. विभागांमध्ये विभागलेले चित्र दिसत होते. उदाहरणार्थ, हातावरील काळ्या रेषा स्नायुला जास्त विरोधाभास देतात, ज्यामुळे वर्ण कमी एकसंध दिसतो.

जर स्प्राइट अधिक नैसर्गिक झाले आणि विभाजन कमी स्पष्ट झाले, तर वर्णांचे मूलभूत आकार वाचणे सोपे होईल. हे करण्यासाठी, आपण निवडक बाह्यरेखा वापरू शकता - अंशतः काळ्या बाह्यरेखाला हलक्यासह बदला. स्प्राइटच्या प्रकाशित भागावर, आपण सर्वात हलके रंग वापरू शकता किंवा, जेथे स्प्राइट नकारात्मक जागेला स्पर्श करते, आपण बाह्यरेखा पूर्णपणे काढून टाकू शकता. काळ्या ऐवजी, आपल्याला सावलीसाठी निवडलेला रंग वापरण्याची आवश्यकता आहे - अशा प्रकारे विभाजन संरक्षित केले जाईल (स्नायू, फर आणि याप्रमाणे फरक करण्यासाठी).

मी या टप्प्यावर गडद सावल्या देखील जोडल्या आहेत. परिणामी orc च्या त्वचेवर हिरव्या रंगाचे तीन ग्रेडेशन होते. सर्वात गडद हिरवा रंग निवडक बाह्यरेखा आणि AA साठी वापरला जाऊ शकतो.

7. अंतिम स्पर्श

शेवटी, कॅरेक्टर तयार होईपर्यंत किंवा तुम्हाला पुढच्या स्पॉटवर जावे लागेपर्यंत हायलाइट्स (स्प्राइटवरील सर्वात हलके स्पॉट्स), तपशील (कानातले, स्टड, चट्टे) आणि इतर सुधारणा जोडणे योग्य आहे.

या टप्प्यावर अनेक उपयुक्त तंत्रे लागू केली जाऊ शकतात. रेखाचित्र क्षैतिजरित्या फिरवा, हे प्रमाण आणि शेडिंगमधील त्रुटी ओळखण्यास मदत करते. आपण रंग देखील काढू शकता - आपल्याला सावल्या कुठे बदलण्याची आवश्यकता आहे हे समजून घेण्यासाठी संपृक्तता शून्यावर सेट करा.

आवाज निर्माण करणे (ढवळणे, विचलित होणे)

आतापर्यंत आम्ही बहुतेक मोठ्या, घन सावलीचे क्षेत्र वापरत आहोत. पण आणखी एक तंत्र आहे - डिथरिंग, जे तुम्हाला तिसरा न जोडता एका रंगातून दुसऱ्या रंगात जाण्याची परवानगी देते. खालील उदाहरण पहा.

वरचा गडद ते हलका ग्रेडियंट निळ्याच्या शेकडो वेगवेगळ्या छटा वापरतो.

सरासरी ग्रेडियंटमध्ये फक्त नऊ रंग वापरले जातात, परंतु तरीही त्याच रंगाच्या अनेक छटा आहेत. एक तथाकथित बँडिंग उद्भवते (इंग्रजी बँड - स्ट्राइपमधून), ज्यामध्ये, जाड एकसमान पट्ट्यांमुळे, डोळा स्वतः रंगांऐवजी रंगांच्या संपर्काच्या बिंदूंवर लक्ष केंद्रित करतो.

खालच्या ग्रेडियंटवर आम्ही डिथरिंग लागू केले, जे बँडिंग टाळते आणि फक्त दोन रंग वापरते. आम्ही रंग श्रेणीचे अनुकरण करण्यासाठी वेगवेगळ्या तीव्रतेचा आवाज तयार करतो. हे तंत्र छपाईमध्ये वापरल्या जाणार्‍या हाफटोन (हाफटोन इमेज) सारखेच आहे; तसेच स्टिप्पलिंग (दाणेदार प्रतिमा) - चित्रे आणि कॉमिक्समध्ये.

orc वर, पोत सांगण्यासाठी मी थोडासा कमी झालो. काही पिक्सेल कलाकार ते अजिबात वापरत नाहीत, इतर, त्याउलट, लाजाळू नाहीत आणि ते अतिशय कुशलतेने करतात. मला असे आढळले आहे की एका रंगाने भरलेल्या मोठ्या भागांवर (वरील मेटल स्लग स्क्रीनशॉटमध्ये आकाश पहा) किंवा खडबडीत आणि असमान (घाणीसारख्या) दिसणाऱ्या भागांवर डिथर सर्वोत्तम दिसते. ते कसे वापरायचे ते स्वतःच ठरवा.

जर तुम्हाला मोठ्या प्रमाणात आणि उच्च-गुणवत्तेच्या डिथरिंगचे उदाहरण पहायचे असेल तर, बिटमॅप ब्रदर्सचे गेम, 80 च्या दशकातील ब्रिटीश स्टुडिओ किंवा PC-98 संगणकावरील गेम पहा. फक्त लक्षात ठेवा की ते सर्व NSFW आहेत.

Kakyusei (PC-98). एल्फ, 1996
या प्रतिमेत फक्त 16 रंग आहेत!

8. शेवटचा देखावा

पिक्सेल आर्टच्या धोक्यांपैकी एक म्हणजे ते सोपे आणि सोपे दिसते (त्याच्या रचना आणि शैलीच्या मर्यादांमुळे). परंतु आपण आपल्या स्प्राइट्सचे परिष्करण करण्यात बराच वेळ घालवाल. हे एक कोडे सोडवणे आवश्यक आहे - म्हणूनच पिक्सेल कला परिपूर्णतावाद्यांना आकर्षित करते. लक्षात ठेवा की एका स्प्राइटला जास्त वेळ लागू नये - तो तुकड्यांच्या अत्यंत जटिल संग्रहाचा एक छोटा तुकडा आहे. मोठ्या चित्राकडे दुर्लक्ष न करणे महत्वाचे आहे.

जरी तुमची पिक्सेल कला गेमिंगसाठी नसली तरीही, काहीवेळा ते स्वतःला सांगण्यासारखे आहे, "ते आधीच चांगले आहे!" आणि पुढे जा. तुमची कौशल्ये विकसित करण्याचा सर्वोत्तम मार्ग म्हणजे शक्य तितक्या विषयांचा वापर करून, सुरुवातीपासून ते शेवटपर्यंत शक्य तितक्या वेळा संपूर्ण प्रक्रियेतून जाणे.

आणि काहीवेळा थोडावेळ स्प्राईट सोडणे उपयुक्त आहे जेणेकरून आपण थोड्या वेळाने ताज्या डोळ्यांनी पाहू शकता.

32x32 पिक्सेल

आम्ही प्रथम एक मोठा 96x96 पिक्सेल स्प्राइट तयार केला कारण त्या आकारात ते रेखाचित्र किंवा पेंटिंगसारखे आहे, परंतु पिक्सेलसह. स्प्राईट जितका लहान असेल तितका तो प्रदर्शित करायचा आहे त्याच्याशी कमी समान आहे आणि प्रत्येक पिक्सेल अधिक महत्त्वाचा आहे.

Super Mario Bros मध्ये मारिओचा डोळा फक्त दोन पिक्सेल आहे, एक दुसऱ्याच्या वर आहे. आणि त्याचे कानही. चारित्र्य निर्माते शिगेरू मियामोटो म्हणाले की, नाकाला बाकीच्या चेहऱ्यापासून वेगळे करण्यासाठी मिशांची गरज होती. त्यामुळे मारिओच्या मुख्य वैशिष्ट्यांपैकी एक म्हणजे केवळ कॅरेक्टर डिझाइन नाही, तर एक व्यावहारिक चाल आहे. जे जुन्या शहाणपणाची पुष्टी करते - "आवश्यकता ही शोधाची जननी आहे."

32x32 पिक्सेल स्प्राइट तयार करण्याचे मुख्य टप्पे आम्हाला आधीच परिचित आहेत: स्केच, रंग, सावल्या, पुढील परिष्करण. परंतु अशा परिस्थितीत, प्रारंभिक स्केच म्हणून, मी लहान आकारामुळे बाह्यरेखा काढण्याऐवजी रंगीत आकार निवडतो. रूपरेषेपेक्षा वर्ण परिभाषित करण्यात रंग अधिक महत्त्वाची भूमिका बजावतो. मारियोकडे पुन्हा पहा, त्याच्याकडे अजिबात बाह्यरेखा नाही. हे फक्त मिशाच मनोरंजक नाही. त्याचे साइडबर्न त्याच्या कानांचा आकार परिभाषित करतात, त्याच्या बाही त्याचे हात दर्शवतात आणि त्याचा एकूण आकार कमी-अधिक प्रमाणात त्याचे संपूर्ण शरीर दर्शवितो.

लहान स्प्राइट्स तयार करणे ही एक सतत तडजोड आहे. आपण स्ट्रोक जोडल्यास, आपण सावलीसाठी जागा गमावू शकता. तुमच्या वर्णाचे हात आणि पाय स्पष्टपणे दिसत असल्यास, डोके कदाचित फार मोठे नसावे. जर तुम्ही रंग, निवडक स्ट्रोक आणि अँटी-अलायझिंग प्रभावीपणे वापरत असाल, तर प्रस्तुत ऑब्जेक्ट प्रत्यक्षात आहे त्यापेक्षा मोठा दिसेल.

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

संपूर्ण टीम जमली आहे!

फाइल स्वरूप

हा परिणाम कोणत्याही पिक्सेल कलाकाराला घाबरवू शकतो

तुम्ही जे चित्र पाहता ते चित्र JPG मध्ये सेव्ह केल्यामुळे होते. फाइल कॉम्प्रेशन अल्गोरिदममुळे काही डेटा गमावला होता. उच्च-गुणवत्तेची पिक्सेल कला खराब दिसेल आणि ती त्याच्या मूळ पॅलेटवर परत करणे सोपे होणार नाही.

गुणवत्ता न गमावता स्थिर प्रतिमा जतन करण्यासाठी, PNG स्वरूप वापरा. अॅनिमेशनसाठी - GIF.

पिक्सेल आर्ट योग्यरित्या कसे सामायिक करावे

सोशल नेटवर्क्सवर पिक्सेल आर्ट शेअर करणे हा फीडबॅक मिळवण्याचा आणि त्याच शैलीत काम करणाऱ्या इतर कलाकारांना भेटण्याचा उत्तम मार्ग आहे. #pixelart हॅशटॅग वापरण्यास विसरू नका. दुर्दैवाने, सोशल नेटवर्क्स अनेकदा PNG ला न विचारता JPG मध्ये रूपांतरित करतात, ज्यामुळे तुमचा अनुभव आणखी वाईट होतो. शिवाय, आपली प्रतिमा का रूपांतरित केली गेली हे नेहमीच स्पष्ट नसते.

विविध सोशल नेटवर्क्ससाठी आवश्यक गुणवत्तेत पिक्सेल कला कशी जतन करावी यावरील अनेक टिपा आहेत.

Twitter

Twitter वर तुमची PNG फाइल अपरिवर्तित ठेवण्यासाठी, 256 पेक्षा कमी रंग वापरा किंवा खात्री करातुमची फाईल सर्वात लांब बाजूला 900 पिक्सेलपेक्षा कमी आहे. मी फाईलचा आकार कमीत कमी ५१२x५१२ पिक्सेलपर्यंत वाढवतो. आणि त्यामुळे स्केलिंग 512 च्या गुणाकार (512%, 100% नाही) आणि तीक्ष्ण कडा संरक्षित केल्या जातात (फोटोशॉपमधील सर्वात जवळचा शेजारी).

Twitter पोस्टसाठी अॅनिमेटेड GIF पाहिजे वजन 15 MB पेक्षा जास्त नाही. प्रतिमा किमान 800x800 पिक्सेल असणे आवश्यक आहे, लूपिंग अॅनिमेशन तीन वेळा पुनरावृत्ती करणे आवश्यक आहे आणि शेवटची फ्रेम इतर सर्वांपेक्षा अर्धा असणे आवश्यक आहे - सर्वात लोकप्रिय सिद्धांत. तथापि, ट्विटर सतत त्याचे प्रतिमा प्रदर्शन अल्गोरिदम बदलत असल्याने या आवश्यकता किती प्रमाणात पूर्ण करणे आवश्यक आहे हे स्पष्ट नाही.

आणि Instagram

माझ्या माहितीनुसार, गुणवत्ता गमावल्याशिवाय Instagram वर चित्र पोस्ट करणे अशक्य आहे. परंतु तुम्ही ते किमान ५१२x५१२ पिक्सेलपर्यंत मोठे केल्यास ते नक्कीच चांगले दिसेल.

स्त्रोत: www.habr.com