Мазмұны

• Басу үшін
• 7-ден 1-бөлім: Құралдарыңызды жинаңыз
• 7-ден 2-бөлім: Негізгі дағдыларға машықтану
• 7-ден 3-бөлім: Бірінші спрайттың контурын жасау
• 7-ден 4-бөлім: Спрайтты бояңыз
• 7-ден 5-бөлім: Тональдық мәндерді қолдану
• 7-ден 6-бөлім: озық әдістерді қолдану
• 7-ден 7-бөлім: әрлеу жұмыстарын жүргізу

Pixel art заманауи инди видео ойындарындағы барлық ашуланшақтық. Бұл суретшіге 3D нысандарын немесе қолмен салынған, күрделі тақырыптарды модельдеуге көптеген уақыт жұмсамай, ойынға көптеген кейіпкерлер қосуға мүмкіндік береді. Егер сіз пиксель суретшісі болғыңыз келсе, бірінші кезекте спрайт жасау керек. Сіз спрайт жасауды меңгергеннен кейін, анимациядан бастай аласыз және әлеуетті жұмыс берушілерге өз дағдыларыңызды жарнамалай аласыз.

Басу үшін

7-ден 1-бөлім: Құралдарыңызды жинаңыз

1. Жақсы кескінді өңдейтін бағдарламаны жүктеп алыңыз. Paint-те пиксельдік сурет жасау мүмкіндігі болғанымен, оның оңай еместігін байқайсыз. Ең жиі қолданылатын пиксельдік бағдарламалардың кейбіреулері:
   • Photoshop
   • Paint.net
   • GIMP
   • Пиксен
2. Сурет планшетін сатып алыңыз. Егер сіз өзіңіздің қолыңызбен салған суреттерді бақылағыңыз келсе немесе тышқанмен сурет салғанды ​​ұнатпасаңыз, планшет пен қаламды қолданыңыз. Wacom - бұл планшеттерді салу туралы сөз болғанда ең танымал брендтердің бірі.
3. Суреттерді өңдеу бағдарламасында торлы дисплейді қосыңыз. Қандай бағдарламалық жасақтаманы таңдасаңыз да, тор көрінісін қосыңыз. Бұл әр пиксельдің қайда орналастырылғанын анық көруге мүмкіндік береді. Әдетте торға View мәзірінен қол жеткізуге болады.
   • Сіз алдымен торды әр шаршы 1 пикселден тұратын етіп қоюыңыз керек шығар. Мұның әдісі әр бағдарламада әр түрлі болады. GIMP-де мұны кескін мәзірі арқылы өзгертуге болады («Торды орнату ...» таңдаңыз).
4. Бір пиксельді қарындашты таңдаңыз. Кескінді өңдеу бағдарламасынан Қарындаш құралын таңдаңыз. Қарындаш опцияларының ішінен бір пиксельді щетканы таңдаңыз. Мұның көмегімен сіз пиксельмен сурет сала аласыз.

7-ден 2-бөлім: Негізгі дағдыларға машықтану

1. Жаңа сурет жасаңыз. Сіз пиксель деңгейінде жұмыс істейтін болғандықтан, кескін өте үлкен болмауы керек. Super Mario Bros-дағы толық экран. ойын тек 256 x 224 пиксел. Марионың өзі небары 12 x 16 пиксел!
2. Үлкейту. Сіз жеке пиксельдермен жұмыс істейтін болғандықтан, торды және әрбір пиксельдің қайда орналастырылатындығын анық көре алуыңыз үшін өте алыс үлкейтуіңіз керек. Тордағы пикселдерді көру үшін сізге 800% үлкейту қажет болуы мүмкін.
3. Тікелей сызуға машықтаныңыз Бұл қарапайым нәрсе сияқты көрінеді, бірақ егер сызық центрден бір пиксельге де ауытқып кетсе, онда ол заңсыздық ретінде көрінеді. Тінтуірдің көмегімен түзу сызықтар жасауға немесе қаламды сызуға машықтаныңыз, осылайша сызық құралын әрдайым пайдаланбаңыз
4. Қисық сызықтарды салуға машықтану. Сіз пиксель сызығын жылжыту арқылы қисық сызықтар жасайсыз. Мысалы, сіз пикселді алты пикселден кейін жылжыту арқылы жақсы қисық жасай аласыз, содан кейін үш пикселге ауысып, содан кейін екі пикселден кейін. Содан кейін ауысулар қисықтың басқа бөлігіне ауыстырылады. Сәтсіз қисық үш пикселдің жылжуынан басталады, содан кейін бір пиксель, содан кейін тағы үш пиксель немесе басқа біртүрлі үлгі.
5. Қателерді жою үшін өшіргішті пайдаланыңыз. Қарындаш сияқты, сіз де Өшіргіш құралын бір уақытта бір пиксельге қоясыз. Егер өшіргіш құралы тым үлкен болса, пикселдерді дәл жою қиын болады.

7-ден 3-бөлім: Бірінші спрайттың контурын жасау

1. Спрайттың мақсаты не екенін шешіңіз. Бұл анимация бола ма немесе ол тұрақты болып қала ма? Сіз статикалық спрайтқа толығырақ мәлімет қосуға болады, бірақ қозғалатын спрайтты қарапайым ұстауға тырысыңыз, өйткені анимация үшін бөліктерді басқаша салуға тура келеді. Егер спрайт басқа спрайттармен бірге қолданылса, бәрін бүтіндей етіп жасайтын көркем стильді сақтаңыз.
2. Шектеу бар-жоғын біліп алыңыз. Жобаға арналған спрайтты жасағанда, өлшемі мен түсіне қатысты шектеулер бар-жоғын анықтаңыз. Бұл әртүрлі спрайттармен бірге үлкен жобалармен жұмыс істей бастағанда маңызды болады.
   • Қазіргі заманғы жүйелердің көпшілігінде спрайттардың түсі мен өлшемдеріне ешқандай шектеулер жоқ. Егер сіз ойынды ескі жүйеге арнайы жасасаңыз, шектеулерге тап болуыңыз мүмкін.
3. Дизайн эскизін жасаңыз. Қағазға спрайттың негізгі дизайнын жасаңыз. Бұл сізге спрайттың қалай көрінетінін көруге, сондай-ақ дене қалпын және басқа атрибуттарды түзетуге мүмкіндік береді. Сіз бұл эскизді кейінірек планшет арқылы іздеуге болады (егер сізде болса).
   • Эскизге қосымша мәліметтерді қосыңыз. Қосқыңыз келетін атрибуттарды жасаңыз, ол спрайт аяқталғаннан кейін оның қалай болатындығы туралы түсінікке ие болады.
4. Бағдарламада контур жасаңыз. Эскиз сызбасын анықтама ретінде пайдаланыңыз немесе сызбаны планшеттің көмегімен сызыңыз. Сызықты құру үшін әр батырманы басып, сурет салуға болады немесе әр пикселді жеке орналастыруға болады. Таңдау сіздікі.
   • Алғашқы спрайт үшін қара түсті қара түсті қолданыңыз. Бұл контурды оңай ажыратуға мүмкіндік береді. Контурдың түсін кейінірек өзгертуге болады.
5. Контурды тазалаңыз. Үлкейту және артық пикселдерді алып тастау және сызықтарды ұқыпты ету. Контурдың пикселден қалың болуы мүмкін емес. Қателерді түзету үшін қарындашыңызды пайдаланып пикселдерді салыңыз.
   • Контур жасау кезінде үлкен бөліктерге назар аударыңыз. Сіз әрқашан оралуға және кейінірек кішігірім өзгерістер енгізуге болады.

7-ден 4-бөлім: Спрайтты бояңыз

1. Түстер теориясы туралы негізгі білімдеріңізді жетілдіріңіз. Түстер шеңберін пайдаланып, қандай түстерді таңдау керектігін анықтаңыз. Бір-біріне қарама-қарсы орналасқан түстер бір-бірінен алыс, ал түсті дөңгелекте бір-біріне жақын түстер үйлеседі.
   • Спрайт басқа түстермен қақтығыспай ерекшеленетін түстерді таңдаңыз. Пастельден аулақ болыңыз, егер бұл жоба бүкіл стильде қолданылмаса.
2. Бірнеше түстерден артық пайдаланбаңыз. Сіз қаншалықты көп түсті қолдансаңыз, спрайт соншалықты назардан тыс қалады. Кейбір таңқаларлық спрайттарды тексеріп көріңіз, олар көбінесе бірнеше түсті пайдаланады.
   • Марио - классикалық Марио спрайтында үш түсті ғана қолданады, олар бір-біріне жақын.
   • Sonic - түпнұсқа Мариодан гөрі егжей-тегжейлі, бірақ бәрібір тоналды вариациялары бар төрт түстен тұрады.
   • Рю - жекпе-жек ойындарынан шыққан классикалық спрайттардың бірі. Рю кейіпкерді қалыптастыру үшін тональды шамалардың шамалы ғана өзгерісімен үлкен түсті аймақтарды қолданады. Рюде әр түрлі тональды мәндер бар бес негізгі түстер ғана бар.
3. Түстерді қолданыңыз. Толтырғыш құралын спрайтты бояу үшін қолданыңыз. Осы кезде сіз тек стандартты түстерді қолданасыз, сондықтан оның тегіс болып көрінуіне алаңдамаңыз. Толтыру құралы шекара анықталғанға дейін таңдалған түспен сіз басқан пиксельге сәйкес келетін барлық пикселдерді ауыстырады.

7-ден 5-бөлім: Тональдық мәндерді қолдану

1. «Жарық көзін» анықтаңыз. Спрайтқа жарық түскен бұрыш шындық пен сенімді әсер ету үшін көлеңке түсіретін орынды анықтауға көмектеседі. Жарық көрінбесе де, жарықтың қайдан келетінін білу маңызды.
   • Жарық көзі спрайттан әлдеқайда оң жақта немесе сол жақта орналасқан кезде көлеңке түсіру оңай шығар.
2. Негізгі түске қарағанда сәл күңгірт түсті тональды мәндерді қолданыңыз. Егер жарық көзі жоғарыдан келсе, көлеңкелер спрайттың «төменгі жағында» болады. Тікелей жарық түспейтін кез-келген бетті көлеңкелеңіз. Көлеңкелер жасау үшін контурдың жоғарғы немесе төменгі жағына бірнеше пиксель қабаттарын қоссаңыз жеткілікті.
   • Жақсы көлеңке түсі алу үшін сіз өзіңіздің негізгі түсіңіздің «жарықтығын» азайтып, «реңк» мәнін сәл арттыра аласыз.
   • Градиенттерді ешқашан пайдаланбаңыз. Олар жалған және кәсіби емес көрінеді. Градиенттерді модельдеу үшін дитерингті қолдануға болады (төменде қараңыз).
3. Оған бірнеше жұмсақ көлеңке қосыңыз. Қараңғы көлеңке мен түпнұсқа негізгі түс арасындағы көлеңкеді таңдаңыз. Бұл көлеңкені көлеңке мен негізгі түс арасында жаңа көлеңке қабатын қосу үшін пайдаланыңыз. Бұл сізге қараңғыдан жарыққа өту әсерін береді.
4. Ерекшеліктерді қолданыңыз. Спрайтта жарық тікелей түсетін орындар бар. Негізгі түстерге қарағанда сәл ашық реңкті қосып, жарқын сәттерді қосуға болады. Маңызды сәттерді аз пайдаланыңыз, өйткені олар назарыңызды аударуы мүмкін.

7-ден 6-бөлім: озық әдістерді қолдану

1. Дитингпен жұмыс істеуге тырысыңыз. Бұл суретшілерге реңктің өзгеруін көрсетуге мүмкіндік беретін әсер. Бұл кезек-кезек пикселдерді орналастыру, өтулер құру арқылы бірнеше түстермен градиент құруға мүмкіндік береді. Екі түрлі пиксельді түстердің орналасуы және оның дәрежесі әр түрлі реңктері бар сияқты көзді алдай алады.
   • Растризацияны жаңадан бастаушылар жиі шамадан тыс пайдаланады, сондықтан сирек кездесетін жағдайларды қоспағанда, оны қолданбаған дұрыс.
2. Бүркендіруге қарсы жаттығу жасаңыз. Pixel art анық көрінетін пикселдермен анықталады, бірақ кейде сіз сызықтарды сәл тегіс етіп көрсеткіңіз келеді. Антиализинг - оған қол жеткізуге болатын әдіс.
   • Қисықтағы иректерге аралық түстер қосыңыз. Тегіс көрінгісі келетін қисықтың контурына өтпелі түстер қабатын қосыңыз. Егер ол бұғатталған болып көріне берсе, ашық түсті басқа қабатты қосыңыз.
   • Егер сіз спрайттың кез-келген түрлі-түсті фонмен қарама-қайшы болуын қаласаңыз, контурдың сыртқы шеті үшін лақапты қолданбаңыз.
3. Таңдалған контурларды қолданыңыз. Бұл толтыру түсімен бірдей контур түсін қолданудың мерзімі. Бұл спрайтқа сәл аз «карикатуралық» көрініс береді, өйткені контур сәл табиғи болып көрінеді. Теріге арналған таңдаулы контурларды және киімнің дәстүрлі сұлбаларын қолданыңыз.
   • Бөлшектің негізгі түсіне қарағанда күңгірт көлеңке қолданыңыз, контурларды іріктеп қосыңыз. Спрайт табиғи болып көрініп, контур жасау кезінде реңкті өзгерту үшін жарық көзін пайдаланыңыз. Бұл әсіресе терінің тонусымен және бұлшықеттің анықталуымен пайдалы.
   • Егер сіз спрайтты бос емес фоннан ерекшелендіргіңіз келсе, дәстүрлі контурлар өте жақсы.

7-ден 7-бөлім: әрлеу жұмыстарын жүргізу

1. Спрайтты мұқият қарастырыңыз. Бір қадам артқа шегініп, спрайтқа қалай болғанын қараңыз. Қате бар-жоғын тексеріп, кемшіліктер мен қателіктерді түзетіңіз.
2. Мәліметтерді қосыңыз. Бояуды және тональды мәндерді қолдануды аяқтағаннан кейін сіз мәтін, көз, қосымша функциялар және спрайтты жақсартатын барлық нәрселер сияқты мәліметтерді қоса аласыз. Жобаның соңында егжей-тегжейлі назар аудару - бұл әуесқойдың кәсіби пиксел суретшілерінен ерекшелігі.
3. Спрайттың анимациясын жасаңыз. Егер сіз жоғарыдағы қадамдарды орындаған болсаңыз, сізде бірыңғай статикалық спрайт бар. Бұл өнер туындысы сияқты өте жақсы, бірақ егер сіз ойынға арналған спрайт жасағыңыз келсе, оларды анимациялау керек шығар. Бұл дегеніміз, әрбір анимациялық кадр өзінің спрайтына ие болады, алдыңғы кадрдан шамалы өзгертулер болады. Анимацияда қолданылатын барлық спрайттардың жиынтығы «спрайт парағы» деп аталады.
   • GIMP-де спрайт парағын анимациялау туралы қосымша ақпаратты wikiHow-тен қараңыз.
   • Спрайттар үшін ерекше және тартымды анимацияларды құру - пиксель суретшілерінің әуесқойлардан өзгешеленуінің бір әдісі. Жақсы анимация спрайтты толығымен өмірге әкелуі мүмкін.
4. Портфолио жасаңыз. Егер сіз өзіңіздің пикселдік өнер дағдыларыңызды бейне ойындарын дамыту әлемінде қолданғыңыз келсе, сізге әлеуетті жұмыс берушілерге көрсету үшін сенімді портфолио ойлап табуыңыз керек. Мұнда өзіңіздің ең жақсы спрайттарыңызды, егер бар болса, кейбір анимацияларды қосыңыз. Әр түрлі тақырыптарды қосыңыз, мысалы кейіпкерлер, қоршаған орта, заттар және т.б.