शुरुवातका लागि पिक्सेल कला: प्रयोगको लागि निर्देशन

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

पृष्ठभूमि

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

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

धातु स्लग ३ (आर्केड)। SNK, 3

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

सामान्यतया, मैले तपाईंलाई चेतावनी दिएँ।

र अब मेरो शैलीको बारेमा थोरै: म मुख्यतया भिडियो गेमहरूको लागि पिक्सेल कला कोर्छु र तिनीहरूमा प्रेरणा पाउँछु। विशेष गरी, म Famicom/NES, 16-bit कन्सोल, र 90 को आर्केड खेलहरूको प्रशंसक हुँ। मेरो युगको मनपर्ने खेलहरूको पिक्सेल कलालाई उज्यालो, आत्मविश्वासी र सफा (तर धेरै सफा छैन) को रूपमा वर्णन गर्न सकिन्छ, सट्टा कडा र न्यूनतम। यो म आफैंमा काम गर्ने शैली हो, तर तपाईं सजिलैसँग यो ट्यूटोरियलबाट विचार र प्रविधिहरू लागू गर्न सक्नुहुन्छ पूर्णतया फरक चीजहरू सिर्जना गर्न। विभिन्न कलाकारहरूको काम अन्वेषण गर्नुहोस् र तपाईंलाई मनपर्ने पिक्सेल कला सिर्जना गर्नुहोस्!

सफ्टवेयर

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

पेन्ट (नि:शुल्क)

यदि तपाइँसँग विन्डोज छ भने, बिल्ट-इन पेन्ट एक आदिम कार्यक्रम हो, तर यसमा पिक्सेल कलाको लागि सबै उपकरणहरू छन्।

पिस्केल (नि:शुल्क छ)

ब्राउजर मार्फत चल्ने एक अप्रत्याशित रूपमा कार्यात्मक पिक्सेल कला सम्पादक। तपाईं आफ्नो काम PNG वा एनिमेटेड GIF को रूपमा निर्यात गर्न सक्नुहुन्छ। शुरुआतीहरूको लागि उत्कृष्ट विकल्प।

GraphigsGale (नि:शुल्क छ)

GraphicsGale एक मात्र सम्पादक हो जुन मैले सुनेको छु कि विशेष गरी पिक्सेल कलाको लागि डिजाइन गरिएको हो र एनिमेसन उपकरणहरू समावेश गर्दछ। यो जापानी कम्पनी HUMANBALANCE द्वारा बनाईएको हो। यो 2017 देखि नि: शुल्क उपलब्ध छ र Aseprite को लोकप्रियता मा वृद्धि को बावजुद अझै पनि मांग मा छ। दुर्भाग्यवश, यो केवल Windows मा काम गर्दछ।

एसेप्रिट ($)

सायद अहिलेको सबैभन्दा लोकप्रिय सम्पादक। खुला स्रोत, धेरै सुविधाहरू, सक्रिय समर्थन, Windows, Mac र Linux को लागि संस्करणहरू। यदि तपाईं पिक्सेल कलाको बारेमा गम्भीर हुनुहुन्छ र अझै पनि सही सम्पादक फेला पार्नुभएन भने, यो तपाईंलाई आवश्यक हुन सक्छ।

गेममेकर स्टुडियो २ ($$+)

GameMaker स्टुडियो 2 एक राम्रो Sprite सम्पादक संग एक उत्कृष्ट 2D उपकरण हो। यदि तपाइँ तपाइँको आफ्नै खेलहरूको लागि पिक्सेल कला सिर्जना गर्न चाहनुहुन्छ भने, यो एक कार्यक्रममा सबै गर्न धेरै सुविधाजनक छ। अब म काम गर्दा यो सफ्टवेयर प्रयोग गर्दैछु UFO २, 50 रेट्रो खेलहरूको संग्रह: म गेममेकरमा स्प्रिट्स र एनिमेसनहरू र फोटोशपमा टाइलसेटहरू सिर्जना गर्छु।

Photoshop ($$$+)

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

अन्य

मेरो पिक्सेल आर्ट किट। सबै कालो छ, मैले भर्खरै यो याद गरें।

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

म कार्पल टनेल सिन्ड्रोमबाट बच्न कुनै पनि डिजिटल चित्रण कार्यको लागि ग्राफिक्स ट्याब्लेट सिफारिस गर्दछु। यो निको पार्नु भन्दा रोक्न धेरै सजिलो छ। एक दिन तपाईले पीडा महसुस गर्नुहुनेछ र यो केवल बढ्नेछ - सुरुदेखि नै आफ्नो ख्याल राख्नुहोस्। किनकि म माउसले कोर्न गर्थें, अब मलाई कुञ्जीहरू थिच्नु पर्ने खेलहरू खेल्न गाह्रो हुन्छ। म हाल Wacom Intuos Pro S प्रयोग गर्दैछु।

कलाई समर्थन ($)

यदि तपाइँ ट्याब्लेट प्राप्त गर्न सक्नुहुन्न भने, कम्तिमा नाडी समर्थन प्राप्त गर्नुहोस्। मलाई मनपर्ने मुलर ग्रीन फिटेड रिस्ट ब्रेस हो। बाँकी या त धेरै तंग छन् वा पर्याप्त समर्थन प्रदान गर्दैनन्। क्यालिपरहरू कुनै पनि समस्या बिना अनलाइन अर्डर गर्न सकिन्छ।

२०96 × ० p पिक्सेल

अन्तिम लडाइ। Capcom, 1989

सुरु गरौं! ९६x९६ पिक्सेल क्यारेक्टर स्प्राइटबाट सुरु गरौं। उदाहरणको रूपमा, मैले एउटा orc कोरें र यसलाई फाइनल फाइट (माथिको चित्र) बाट स्क्रिनसटमा राखें ताकि तपाईंले स्केल बुझ्न सक्नुहुन्छ। यो большой धेरै रेट्रो खेलहरूको लागि स्प्राइट, स्क्रिनसट आकार: 384x224 पिक्सेल।

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

1. प्यालेट छान्नुहोस्

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

यस ट्यूटोरियलको लागि म हामीले सिर्जना गरेको 32 रङ प्यालेट प्रयोग गर्नेछु UFO २। पिक्सेल कलाको लागि तिनीहरू प्रायः 32 वा 16 रङहरूबाट भेला हुन्छन्। हाम्रो एउटा काल्पनिक कन्सोलको लागि डिजाइन गरिएको हो जुन Famicom र PC इन्जिनको बीचमा देखा पर्नेछ। तपाइँ यसलाई वा अन्य कुनै पनि लिन सक्नुहुन्छ - ट्यूटोरियल चयन गरिएको प्यालेटमा निर्भर गर्दैन।

2. असभ्य रूपरेखा

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

3. रूपरेखा को विस्तार

हामी रूपरेखाहरू परिष्कृत गर्छौं: अतिरिक्त पिक्सेलहरू हटाउनुहोस् र प्रत्येक रेखाको मोटाईलाई एक पिक्सेलमा घटाउनुहोस्। तर के वास्तवमा अनावश्यक मानिन्छ? यस प्रश्नको जवाफ दिन तपाईंले पिक्सेल रेखाहरू र अनियमितताहरू बुझ्न आवश्यक छ।

अनियमितताहरू

तपाईंले पिक्सेल कलामा दुई आधारभूत रेखाहरू कसरी कोर्ने सिक्नु आवश्यक छ: सीधा र घुमाउरो। कलम र कागज संग यो सबै मांसपेशी नियन्त्रण को बारे मा छ, तर हामी रंग को साना ब्लक संग काम गर्दैछौं।

सही पिक्सेल रेखाहरू कोर्ने कुञ्जी jaggies हो। यी एकल पिक्सेल वा सानो खण्डहरू हुन् जसले रेखाको सहजतालाई नष्ट गर्दछ। मैले पहिले भनेझैं, एकल पिक्सेलले पिक्सेल कलामा ठूलो फरक पार्छ, त्यसैले असमानताले सम्पूर्ण सौन्दर्यलाई बर्बाद गर्न सक्छ। कागजमा सीधा रेखा कोर्ने कल्पना गर्नुहोस् र अचानक कसैले टेबलमा हिर्काउँछ: पिक्सेल आर्टमा बम्पहरू अनियमित स्किगल जस्तो देखिन्छ।

उदाहरण:

प्रत्यक्ष

वक्र

अनियमितताहरू कर्भहरूमा देखा पर्दछ जब रेखा खण्डहरूको लम्बाइ क्रमशः बढ्दैन वा घट्दैन।

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

4. पहिलो रङहरू लागू गर्नुहोस्

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

तल्लो बायाँ कुनामा मैले हाम्रो साथीलाई तानेँ, भेट्नुहोस्, यो बल हो। यसले प्रत्येक चरणमा के भइरहेको छ भनेर बुझ्न सजिलो बनाउँदछ।

5. छायांकन

अब यो छायाहरू देखाउने समय हो - केवल स्प्राइटमा गाढा रङहरू थप्नुहोस्। यसले छविलाई त्रि-आयामी देखाउनेछ। मानौं कि हामीसँग यसको बायाँमा orc माथि अवस्थित एउटा प्रकाश स्रोत छ। यसको मतलब यो हो कि हाम्रो चरित्रको माथि र अगाडी भएका सबै चीजहरू उज्यालो हुनेछन्। तल दायाँ छाया थप्नुहोस्।

आकार र भोल्युम

यदि यो चरण तपाईंको लागि चुनौतीपूर्ण छ भने, रेखा र रंगको सट्टा तीन-आयामी आकारहरूको रूपमा तपाईंको रेखाचित्रको बारेमा सोच्नुहोस्। आकारहरू त्रि-आयामी ठाउँमा अवस्थित छन् र भोल्युम हुन सक्छ, जुन हामीले छायाँको मद्दतले निर्माण गर्छौं। यसले तपाईंलाई विवरण बिना चरित्र कल्पना गर्न मद्दत गर्नेछ र कल्पना गर्नुहोस् कि ऊ माटोको बनेको छ पिक्सेल होइन। छायांकन भनेको नयाँ रङहरू थप्नु मात्र होइन, यो आकार निर्माण गर्ने प्रक्रिया हो। राम्रोसँग डिजाइन गरिएको क्यारेक्टरमा, विवरणहरूले अन्तर्निहित आकारहरू लुकाउँदैन: यदि तपाईंले squint गर्नुभयो भने, तपाईंले प्रकाश र छायाका केही ठूला क्लस्टरहरू देख्नुहुनेछ।

एन्टि-अलियासिङ (एन्टि-अलियासिङ)

प्रत्येक चोटि मैले नयाँ रङ प्रयोग गर्दा, म एन्टि-अलियासिङ (AA) लागू गर्छु। यसले दुई रेखा खण्डहरू मिल्ने कुनामा मध्यवर्ती रङहरू थपेर पिक्सेललाई सहज बनाउन मद्दत गर्छ:

खैरो पिक्सेलले लाइनमा "ब्रेकहरू" लाई नरम पार्छ। रेखा खण्ड जति लामो हुन्छ, AA खण्ड त्यति लामो हुन्छ।

यो AA orc को काँधमा जस्तो देखिन्छ। यो उसको मांसपेशिहरु को वक्र देखाउने रेखाहरु लाई सहज बनाउन को लागी आवश्यक छ

एन्टि-अलियासिङ खेलमा वा रंग अज्ञात रहेको पृष्ठभूमिमा प्रयोग गरिने स्प्राइटभन्दा बाहिर विस्तार गर्नु हुँदैन। उदाहरणका लागि, यदि तपाईंले हल्का पृष्ठभूमिमा AA लागू गर्नुभयो भने, एन्टी-एलाइजिङ अँध्यारो पृष्ठभूमिमा कुरूप देखिनेछ।

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

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

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

मैले यस चरणमा गाढा छायाहरू पनि थपें। नतिजा orc को छालामा हरियो को तीन ग्रेडेशन थियो। सबैभन्दा गाढा हरियो रंग चयनात्मक रूपरेखा र AA को लागि प्रयोग गर्न सकिन्छ।

7. अन्तिम स्पर्शहरू

अन्तमा, यो हाइलाइटहरू (स्प्राइटमा सबैभन्दा हल्का स्पटहरू), विवरणहरू (कानको झुम्का, स्टडहरू, दागहरू) र अन्य सुधारहरू थप्न लायक छ जबसम्म क्यारेक्टर तयार हुँदैन वा तपाईंले अर्कोमा जानु पर्दैन।

त्यहाँ धेरै उपयोगी प्रविधिहरू छन् जुन यस चरणमा लागू गर्न सकिन्छ। रेखाचित्र तेर्सो रूपमा घुमाउनुहोस्, यसले प्रायः अनुपात र छायांकनमा त्रुटिहरू पहिचान गर्न मद्दत गर्दछ। तपाईले रंग हटाउन पनि सक्नुहुन्छ - तपाईलाई छायाँ परिवर्तन गर्न आवश्यक छ भनेर बुझ्न शून्यमा संतृप्ति सेट गर्नुहोस्।

आवाज सिर्जना गर्दै

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

माथिल्लो गाढा देखि हल्का ढाँचाले सयौं विभिन्न नीलो रंगहरू प्रयोग गर्दछ।

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

तलको ढाँचामा हामीले डिथरिङ लागू गर्यौं, जसले ब्यान्डिङलाई बेवास्ता गर्छ र दुईवटा रङहरू मात्र प्रयोग गर्छ। हामी रङ ग्रेडेशन अनुकरण गर्न विभिन्न तीव्रताको आवाज सिर्जना गर्छौं। यो प्रविधि प्रिन्टिङमा प्रयोग हुने हाफटोन (हाफटोन छवि)सँग धेरै मिल्दोजुल्दो छ; साथै stippling (दानेदार छवि) - चित्रण र कमिक्स मा।

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

यदि तपाईं ठूलो मात्रामा र उच्च-गुणस्तरको डिथरिङको उदाहरण हेर्न चाहनुहुन्छ भने, बिटम्याप ब्रदर्सका खेलहरू, 80 को दशकको ब्रिटिश स्टुडियो, वा PC-98 कम्प्युटरमा खेलहरू हेर्नुहोस्। केवल ध्यान राख्नुहोस् कि तिनीहरू सबै NSFW हुन्।

Kakyusei (PC-98)। एल्फ, 1996
यस छविमा केवल 16 रङहरू छन्!

8. अन्तिम नजर

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

यदि तपाइँको पिक्सेल कला गेमिङको लागि होइन भने, कहिलेकाहीँ यो आफैलाई भन्न लायक छ, "यो पहिले नै राम्रो छ!" र अगाडि बढ्नुहोस्। आफ्नो सीपहरू विकास गर्ने सबैभन्दा राम्रो तरिका भनेको जति सक्दो धेरै विषयहरू प्रयोग गरेर, सुरुदेखि अन्त्यसम्म सम्भव भएसम्म सम्पूर्ण प्रक्रियामा जानु हो।

र कहिलेकाहीँ केहि समयको लागि स्प्राइट छोड्न उपयोगी छ ताकि तपाइँ यसलाई केहि पछि ताजा आँखाले हेर्न सक्नुहुन्छ।

३२x३२ पिक्सेल

हामीले पहिले ठूलो 96x96 पिक्सेल स्प्राइट सिर्जना गर्यौं किनभने त्यो साइजमा यो रेखाचित्र वा चित्रकला जस्तै हो, तर पिक्सेलको साथ। स्प्राइट जति सानो हुन्छ, त्यो जति प्रदर्शन गर्नुपर्छ भन्ने कुरासँग कम मिल्दोजुल्दो हुन्छ, र प्रत्येक पिक्सेल जति महत्त्वपूर्ण हुन्छ।

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

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

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

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

सम्पूर्ण टोली भेला भएको छ!

फाइल ढाँचाहरू

यो परिणामले कुनै पनि पिक्सेल कलाकारलाई चिन्तित बनाउन सक्छ

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

गुणस्तर नगुमाई स्थिर छवि बचत गर्न, PNG ढाँचा प्रयोग गर्नुहोस्। एनिमेसनको लागि - GIF।

पिक्सेल कला कसरी राम्रोसँग साझेदारी गर्ने

सामाजिक सञ्जालहरूमा पिक्सेल कला साझेदारी गर्नु प्रतिक्रिया प्राप्त गर्ने र उही शैलीमा काम गर्ने अन्य कलाकारहरूलाई भेट्ने उत्कृष्ट तरिका हो। ह्यासट्याग #pixelart प्रयोग गर्न नबिर्सनुहोस्। दुर्भाग्यवश, सामाजिक सञ्जालहरूले प्राय: PNG लाई JPG मा बिना सोधी रूपान्तरण गर्दछ, तपाईंको अनुभवलाई खराब बनाउँछ। यसबाहेक, यो सधैं स्पष्ट छैन किन तपाईंको छवि रूपान्तरण गरियो।

विभिन्न सामाजिक सञ्जालहरूको लागि आवश्यक गुणस्तरमा पिक्सेल कला कसरी बचत गर्ने भन्ने बारे धेरै सुझावहरू छन्।

twitter

Twitter मा आफ्नो PNG फाइल अपरिवर्तित राख्न, 256 भन्दा कम रङ वा प्रयोग गर्नुहोस् सुनिश्चित गर्नुहोस्तपाईंको फाइल सबैभन्दा लामो छेउमा 900 पिक्सेल भन्दा कम छ। म फाइलको साइज कम्तिमा ५१२x५१२ पिक्सेलमा बढाउनेछु। र त्यसैले स्केलिंग 512 (512%, 100% होइन) को एक गुणा हो र तीखा किनारहरू सुरक्षित छन् (फोटोशपमा नजिकको छिमेकी)।

Twitter पोस्टहरूको लागि एनिमेटेड GIF हरू हुनु पर्छ 15 MB भन्दा बढी तौल छैन। छवि कम्तिमा 800x800 पिक्सेल हुनुपर्छ, लुपिङ एनिमेसन तीन पटक दोहोर्याउनु पर्छ, र अन्तिम फ्रेम अरू सबै भन्दा आधा लामो हुनुपर्छ - सबैभन्दा लोकप्रिय सिद्धान्त। यद्यपि, यो स्पष्ट छैन कि यी आवश्यकताहरू कुन हदसम्म पूरा गर्न आवश्यक छ, किनभने ट्विटरले लगातार आफ्नो छवि प्रदर्शन एल्गोरिदमहरू परिवर्तन गरिरहेको छ।

इन्स्टाग्राम

जहाँसम्म मलाई थाहा छ, गुणस्तर गुमाउनु बिना इन्स्टाग्राममा तस्विर पोस्ट गर्न असम्भव छ। तर यो निश्चित रूपमा राम्रो देखिने छ यदि तपाइँ यसलाई कम्तिमा 512x512 पिक्सेलमा विस्तार गर्नुहुन्छ।

स्रोत: www.habr.com