Devlopè endepandan souvan oblije konbine plizyè wòl nan yon fwa: designer jwèt, pwogramè, konpozitè, atis. Ak lè li rive vizyèl, anpil moun chwazi pixel art - nan premye gade li sanble senp. Men, pou fè li trè byen, ou bezwen anpil eksperyans ak ladrès sèten. Mwen te jwenn yon leson patikilye pou moun ki fèk kòmanse konprann Basics yo nan style sa a: ak yon deskripsyon lojisyèl espesyal ak teknik desen lè l sèvi avèk de sprites kòm yon egzanp.
Istorik
Piksèl atizay se yon fòm atizay dijital kote chanjman yo fèt nan nivo pixel. Li se sitou ki asosye ak grafik jwèt videyo soti nan ane 80 yo ak ane 90 yo. Lè sa a, atis yo te oblije pran an kont limit memwa ak rezolisyon ki ba. Sèjousi, atizay pixel se toujou popilè nan jwèt ak kòm yon style atizay an jeneral, malgre kapasite nan kreye grafik reyalis 3D. Poukisa? Nostalji sou kote, kreye travay fre nan yon kad sere konsa se yon defi agreyab ak rekonpanse.
Baryè pou antre nan atizay pixel relativman ba konpare ak atizay tradisyonèl ak grafik 3D, ki atire devlopè endepandan yo. Men, sa pa vle di li pral fasil fini jwèt nan style sa a. Mwen te wè anpil devlopè endepandan ak pixel art metroidvanias sou platfòm crowdfunding. Yo te panse yo ta fini tout bagay nan yon ane, men an reyalite yo te bezwen yon lòt sis ane.
Sou entènèt jwèt Metal Slug 3 (Arcade). SNK, 2000
Piksèl atizay nan nivo kote pifò moun vle kreye li pran anpil tan, e gen anpil ti leson patikilye kout. Lè w ap travay ak yon modèl 3D, ou ka vire l, defòme l, deplase pati endividyèl li yo, kopye animasyon soti nan yon modèl nan yon lòt, ak sou sa. Atizay wo nivo piksèl prèske toujou pran anpil efò pou mete piksèl sou chak ankadreman.
An jeneral, mwen te avèti ou.
Epi, koulye a yon ti kras sou style mwen an: Mwen sitou trase pixel art pou jwèt videyo epi jwenn enspirasyon nan yo. An patikilye, mwen se yon fanatik Famicom/NES, konsola 16-bit, ak jwèt arcade ane 90 yo. Piksèl atizay jwèt mwen pi renmen nan epòk la ka dekri kòm byen klere, konfyans ak pwòp (men pa twò pwòp), olye ke strik ak minimalist. Sa a se style mwen travay nan tèt mwen, men ou ka fasilman aplike lide yo ak teknik ki soti nan leson patikilye sa a yo kreye bagay konplètman diferan. Eksplore travay diferan atis epi kreye pixel art ke ou renmen!
Mou
Zouti dijital debaz pou atizay pixel yo se Zoom ak kreyon pou mete piksèl yo. Ou pral jwenn tou Liy, Fòm, Chwazi, Deplase ak Penti Bokit itil. Gen anpil lojisyèl gratis ak peye ak yon seri zouti konsa. Mwen pral di ou sou sa ki pi popilè yo ak sa mwen itilize tèt mwen.
Penti (gratis)
Si ou gen Windows, Paint entegre a se yon pwogram primitif, men li gen tout zouti pou pixel art.
(li gratis)
Yon editè pixel art san atann fonksyonèl ki kouri atravè navigatè a. Ou ka ekspòte travay ou kòm PNG oswa GIF anime. Yon opsyon ekselan pou débutan.
(li gratis)
GraphicsGale se sèl editè mwen tande pale de ki fèt espesyalman pou pixel art e ki gen ladan zouti animasyon. Li te kreye pa konpayi Japonè HUMANBALANCE. Li te disponib pou gratis depi 2017 epi li toujou nan demann, malgre ogmantasyon nan popilarite Aseprite. Malerezman, li sèlman travay sou Windows.
($)
Petèt editè ki pi popilè nan moman sa a. , yon anpil nan karakteristik, sipò aktif, vèsyon pou Windows, Mac ak Linux. Si ou serye sou pixel art epi ou toujou pa jwenn editè a dwat, sa a ta ka youn nan ou bezwen.
($$+)
GameMaker Studio 2 se yon zouti 2D ekselan ak yon bon Editè Sprite. Si ou vle kreye pixel art pou pwòp jwèt ou, li trè pratik pou fè tout bagay nan yon pwogram. Koulye a, mwen ap itilize lojisyèl sa a pandan y ap travay sou , yon koleksyon 50 jwèt retro: Mwen kreye sprites ak animasyon nan GameMaker, ak tilesets nan fotoschop.
($$$+)
Photoshop se lojisyèl chè, distribye pa abònman, epi li pa fèt pou pixel art. Mwen pa rekòmande pou achte li sof si ou patisipe nan rann ilistrasyon an rezolisyon segondè, oswa ou pa bezwen fè manipilasyon konplèks ak imaj la, tankou mwen. Ou ka kreye sprites estatik ak atizay pixel nan li, men li se byen konplèks konpare ak lojisyèl espesyalize (pa egzanp, GraphicsGale oswa Aseprite).
Lòt
Twous pixel art mwen an. Tout bagay nwa, mwen jis remake li kounye a.
Tablèt grafik ($$+)
Mwen rekòmande tablèt grafik pou nenpòt travay ilistrasyon dijital pou fè pou evite sendwòm tinèl karp. Li pi fasil pou anpeche pase pou geri. Yon jou ou pral santi doulè epi li pral sèlman ogmante - pran swen tèt ou depi nan kòmansman an. Paske mwen te konn fè desen ak yon sourit, kounye a mwen gen yon tan difisil jwe jwèt ki mande pou mwen peze kle. Kounye a mwen itilize Wacom Intuos Pro S.
Sipò ponyèt ($)
Si ou pa ka jwenn yon tablèt, omwen jwenn yon sipò ponyèt. Pi renmen m 'se Mueller Green Fitted Wrist Brace la. Rès yo swa twò sere oswa yo pa bay ase sipò. Kalè ka kòmande sou entènèt san okenn pwoblèm.
96 × 96 piksèl
Final batay. Capcom, 1989
An n kòmanse! Ann kòmanse ak yon luten karaktè 96x96 pixel. Kòm yon egzanp, mwen te trase yon ork epi mete l sou yon D nan Final Fight (foto pi wo a) pou ou ka konprann echèl la. Sa a большой sprite pou pifò jwèt retro, gwosè D: 384x224 piksèl.
Sou yon gwo luten konsa li pral pi fasil pou montre teknik mwen vle pale sou. Rann pou chak piksèl se tou plis menm jan ak fòm tradisyonèl nan atizay (tankou desen oswa penti) ke ou ka pi abitye avèk yo. Èske w gen metrize teknik debaz yo, nou pral deplase sou pi piti luten.
1. Chwazi yon palèt
Piksèl se yon konsèp ki pi pwofon nan atizay pixel pase nan nenpòt lòt domèn dijital. Piksèl atizay defini pa limit li yo, tankou koulè. Li enpòtan pou chwazi bon palèt la; li pral ede detèmine style ou. Men, nan kòmansman an, mwen sijere pa panse sou palèt ak chwazi youn nan sa yo ki deja egziste (oswa jis kèk koulè o aza) - ou ka fasilman chanje li nan nenpòt etap.
Pou leson patikilye sa a mwen pral itilize palèt 32 koulè nou te kreye pou . Pou atizay pixel yo souvan reyini soti nan 32 oswa 16 koulè. Nou fèt pou yon konsole fiktiv ki ta parèt yon kote ant Famicom ak PC Engine. Ou ka pran li oswa nenpòt lòt - leson patikilye a pa depann ditou sou palèt la chwazi.
2. Deskripsyon ki graj
Ann kòmanse fè desen ak zouti kreyon an. Ann trase yon chema menm jan ak yon plim regilye ak papye. Natirèlman, atizay pixel ak atizay tradisyonèl sipèpoze, espesyalman lè li rive gwo luten sa yo. Obsèvasyon mwen yo montre ke atis fò pixel art yo omwen bon nan desen alamen ak vis vèrsa. Se konsa, devlope ladrès desen ou toujou itil.
3. Elaborasyon nan kontou
Nou rafine kontou yo: retire piksèl siplemantè epi redwi epesè chak liy nan yon sèl pixel. Men, ki sa egzakteman yo konsidere kòm superflu? Pou reponn kesyon sa a ou bezwen konprann liy pixel ak iregilarite.
Iregilarite
Ou bezwen aprann kijan pou trase de liy debaz nan pixel art: dwat ak koube. Avèk plim ak papye se tout bagay sou kontwòl misk, men nou ap travay ak ti blòk koulè.
Kle a pou trase liy pixel kòrèk se jaggies. Sa yo se piksèl sèl oswa ti segman ki detwi lis nan liy lan. Kòm mwen te di anvan, yon sèl pixel fè yon gwo diferans nan atizay pixel, kidonk inegalite ka ruine ayestetik la tout antye. Imajine trase yon liy dwat sou papye epi toudenkou yon moun frape tab la: boul yo nan pixel art sanble jis tankou yon squiggle o aza.
Egzanp:
Liy dwat
Koub
Iregilarite parèt nan koub lè longè segman liy yo pa ogmante oswa diminye piti piti.
Li enposib konplètman evite monte desann - tout jwèt retro pi renmen ou genyen yo (sòf si, nan kou, atizay la pixel konsiste sèlman nan fòm senp). Objektif: Kenbe inegalite nan yon minimòm pandan w ap toujou montre tout sa ki nesesè.
4. Aplike premye koulè yo
Koulè karaktè ou lè l sèvi avèk ranpli oswa lòt zouti apwopriye. Palèt la pral senplifye pati sa a nan travay la. Si lojisyèl an pa bay pou itilize nan palèt, ou ka mete li dirèkteman nan foto a, tankou nan egzanp ki anwo a, epi chwazi koulè lè l sèvi avèk yon compte-gouttes.
Nan kwen gòch pi ba mwen te trase zanmi nou an, rankontre, sa a se boul. Li pral fè li pi fasil pou konprann sa egzakteman k ap pase nan chak etap.
5. Lonbraj
Li lè yo montre lonbraj yo - jis ajoute koulè pi fonse nan luten an. Sa a pral fè imaj la gade twa dimansyon. Ann sipoze ke nou gen yon sèl sous limyè ki sitiye anlè ork la sou bò gòch li. Sa vle di ke tout bagay ki anwo ak devan karaktè nou yo pral eklere. Ajoute lonbraj sou bò dwat yo.
Fòm ak volim
Si etap sa a difisil pou ou, panse a desen ou an kòm fòm ki genyen twa dimansyon olye ke jis liy ak koulè. Fòm egziste nan espas ki genyen twa dimansyon epi yo ka gen volim, ke nou bati avèk èd nan lonbraj. Sa a pral ede w visualize karaktè a san detay epi imajine ke li se te fè nan ajil epi yo pa piksèl. Lonbraj se pa sèlman ajoute nouvo koulè, li se pwosesis la nan bati yon fòm. Sou yon karaktè ki byen fèt, detay yo pa kache fòm ki kache yo: si ou strabiye, ou pral wè kèk gwo grap limyè ak lonbraj.
Anti-aliasing (anti-aliasing)
Chak fwa mwen itilize yon nouvo koulè, mwen aplike anti-aliasing (AA). Li ede lis piksèl yo lè li ajoute koulè entèmedyè nan kwen kote de segman liy rankontre:
Piksèl gri adousi "kase yo" nan liy lan. Plis segman liy lan pi long, se pi long segman AA a.
Men sa AA sanble sou zepòl yon ork. Li nesesè pou lise liy ki montre koub misk li yo
Anti-aliasing pa ta dwe pwolonje pi lwen pase luten an ki pral itilize nan jwèt la oswa sou yon background ki gen koulè se enkoni. Pou egzanp, si ou aplike AA nan yon background limyè, anti-aliasing la pral gade lèd sou yon background nwa.
6. Deskripsyon selektif
Précédemment, deskripsyon yo te konplètman nwa, ki te fè luten an gade trè desen. Foto a te sanble yo divize an segman. Pou egzanp, liy nwa sou yon bra bay twòp kontras nan misk la, fè karaktè a gade mwens limenm.
Si luten an vin pi natirèl ak segmentasyon an mwens evidan, fòm debaz karaktè a ap pi fasil pou li. Pou fè sa, ou ka itilize yon deskripsyon selektif - pasyèlman ranplase deskripsyon nwa a ak yon sèl pi lejè. Sou pati ki eklere nan luten an, ou ka itilize koulè ki pi lejè, oswa, kote luten an manyen espas negatif, ou ka retire deskripsyon an nèt. Olye pou yo nwa, ou bezwen sèvi ak koulè a ki te chwazi pou lonbraj la - fason sa a pral segmantasyon an ap konsève (pou fè distenksyon ant misk, fouri, ak sou sa).
Mwen te ajoute tou lonbraj pi fonse nan etap sa a. Rezilta a se te twa gradyasyon vèt sou po ork la. Koulè vèt ki pi fonse a ka itilize pou deskripsyon selektif ak AA.
7. Final manyen
Finalman, li vo ajoute rekò (tach ki pi lejè sou luten an), detay (zanno, poto, sikatris) ak lòt amelyorasyon jiskaske karaktè a pare oswa jiskaske ou oblije ale nan pwochen an.
Gen plizyè teknik itil ki ka aplike nan etap sa a. Wotasyon desen an orizontal, sa souvan ede idantifye erè nan pwopòsyon ak lonbraj. Ou kapab tou retire koulè a - mete saturation a zewo pou w konprann ki kote ou bezwen chanje lonbraj yo.
Kreye bri (dithering, dithering)
Jiskaprezan nou te sitou itilize gwo, zòn lonbraj solid. Men, gen yon lòt teknik - dithering, ki pèmèt ou ale soti nan yon koulè nan yon lòt san yo pa ajoute yon twazyèm. Gade egzanp ki anba a.
An tèt fènwa pou limyè gradyan itilize dè santèn de diferan nuances de ble.
Gradyan an mwayèn itilize sèlman nèf koulè, men gen toujou twòp tout koulè nan menm koulè a. Yon banding sa yo rele rive (ki soti nan band angle a - bann), nan ki, akòz bann inifòm epè, je a konsantre sou pwen yo nan kontak nan koulè yo, olye pou yo koulè yo tèt yo.
Sou gradyan anba a nou aplike dithering, ki evite bande epi sèvi ak sèlman de koulè. Nou kreye bri diferan entansite pou simulation gradyasyon koulè. Teknik sa a sanble anpil ak mwatye ton (imaj demi ton) yo itilize nan enprime; osi byen ke stippling (imaj grenn) - nan ilistrasyon ak komik.
Sou ork la, mwen dithered byen yon ti jan transmèt teksti. Gen kèk atis pixel ki pa sèvi ak li nan tout, lòt moun, okontrè, yo pa timid epi fè li trè abilman. Mwen jwenn ke dither sanble pi byen sou gwo zòn ki ranpli ak yon sèl koulè (gade syèl la nan ekran an Metal Slug pi wo a) oswa sou zòn ki ta dwe gade ki graj ak inegal (tankou pousyè tè). Deside pou tèt ou kijan pou itilize li.
Si ou vle wè yon egzanp gwo echèl ak bon jan kalite dithering, tcheke jwèt yo nan Bitmap Brothers, yon estidyo Britanik ki soti nan ane 80 yo, oswa jwèt yo sou òdinatè PC-98 la. Jis kenbe nan tèt ou ke yo tout se NSFW.
Kakyusei (PC-98). Èlf, 1996
Gen sèlman 16 koulè nan imaj sa a!
8. Dènye gade
Youn nan danje ki genyen nan atizay pixel se ke li sanble fasil ak senp (akòz estrikti li yo ak limit style). Men, ou pral fini depanse yon gwo kantite tan rafine luten ou yo. Se tankou yon devinèt ki bezwen rezoud - se poutèt sa pixel art atire pèfeksyonis. Sonje ke yon luten pa ta dwe pran twòp tan - li se jis yon ti moso nan yon koleksyon ekstrèmman konplèks nan moso. Li enpòtan pou pa pèdi de gwo foto a.
Menm si atizay pixel ou a pa pou jwèt, pafwa li vo di tèt ou, "Li deja bon ase!" Epi kontinye. Pi bon fason pou devlope konpetans ou se ale atravè tout pwosesis la depi nan kòmansman rive nan fini otan ke posib, lè l sèvi avèk anpil sijè ke posib.
Epi pafwa li itil yo kite yon luten pou yon ti tan pou ke ou ka gade nan li ak je fre yon ti kras pita.
32 × 32 piksèl
Nou te kreye yon gwo luten 96x96 piksèl anvan paske nan gwosè sa a li plis tankou desen oswa penti, men ak piksèl. Pi piti luten an, mwens li sanble ak sa li sipoze montre, ak pi enpòtan an chak pixel se.
Nan Super Mario Bros. Je Mario se jis de piksèl, youn sou lòt la. Epi zòrèy li tou. Kreyatè karaktè Shigeru Miyamoto te di ke moustach la te bezwen separe nen an ak rès la nan figi an. Se konsa, youn nan karakteristik prensipal yo nan Mario se pa sèlman yon konsepsyon karaktè, men yon konplo pragmatik. Ki konfime ansyen bon konprann - "nesesite se manman envansyon."
Etap prensipal yo nan kreye yon luten 32x32 pixel yo deja abitye pou nou: trase, koulè, lonbraj, plis rafineman. Men, nan kondisyon sa yo, kòm yon trase inisyal, mwen chwazi fòm ki gen koulè pal olye pou yo trase plan akòz ti gwosè a. Koulè jwe yon wòl pi enpòtan nan defini yon karaktè pase plan. Gade Mario ankò, li pa gen okenn plan ditou. Se pa sèlman moustach la ki enteresan. Pati li yo defini fòm nan zòrèy li, manch rad li montre bra l ', ak fòm jeneral li plis oswa mwens klè deskripsyon tout kò li.
Kreye ti luten se yon konpwomi konstan. Si ou ajoute yon konjesyon serebral, ou ka pèdi espas pou lonbraj la. Si karaktè ou gen bra ak janm byen vizib, tèt la pwobableman pa ta dwe gwo anpil. Si ou itilize koulè, konjesyon serebral selektif, ak anti-aliasing efektivman, objè a rann ap parèt pi gwo pase li aktyèlman.
Pou ti luten mwen renmen style chibi a: karaktè yo sanble trè bèl, yo gen gwo tèt ak je. Yon bon fason yo kreye yon karaktè kolore nan yon espas limite, ak an jeneral yon style trè bèl. Men, petèt ou bezwen montre mobilite yon karaktè oswa fòs, Lè sa a, ou ka bay mwens espas nan tèt la fè kò a gade pi pwisan. Li tout depann sou preferans ou ak objektif.
Tout ekip la reyini!
Fòma dosye
Rezilta sa a ka fè nenpòt atis pixel nève
Foto ou wè a se rezilta nan sove foto a nan JPG. Gen kèk done ki te pèdi akòz algoritm konpresyon dosye. Atizay pixel kalite siperyè pral fini gade move, epi retounen li nan palèt orijinal li pa pral fasil.
Pou sove yon imaj estatik san pèdi bon jan kalite, sèvi ak fòma PNG a. Pou animasyon - GIF.
Ki jan yo byen pataje pixel art
Pataje pixel art sou rezo sosyal yo se yon bon fason pou jwenn fidbak ak rankontre lòt atis k ap travay nan menm style la. Pa bliye itilize hashtag #pixelart la. Malerezman, rezo sosyal yo souvan konvèti PNG an JPG san yo pa mande, sa ki fè eksperyans ou vin pi mal. Anplis, li pa toujou klè poukisa imaj ou te konvèti.
Gen plizyè konsèy sou fason pou konsève pou atizay pixel nan bon jan kalite ki nesesè pou divès rezo sosyal.
Pou kenbe dosye PNG ou a pa chanje sou Twitter, sèvi ak mwens pase 256 koulè oswa ke dosye ou a mwens pase 900 piksèl sou bò ki pi long lan. Mwen ta ogmante gwosè dosye a omwen 512x512 piksèl. Epi pou dekale a se yon miltip 100 (200%, pa 250%) ak bor byen file yo konsève (Vwazen ki pi pre nan fotoschop).
GIF anime pou Posts Twitter peze pa plis pase 15 MB. Imaj la dwe omwen 800x800 piksèl, animasyon an bouk dwe repete twa fwa, ak dènye ankadreman an dwe mwatye tan ke tout lòt yo - teyori ki pi popilè. Sepandan, li pa klè nan ki nivo kondisyon sa yo bezwen satisfè, paske Twitter ap toujou ap chanje algoritm ekspozisyon imaj li yo.
Jan mwen konnen, li enposib poste yon foto sou Instagram san pèdi bon jan kalite. Men, li pral definitivman gade pi bon si ou elaji li nan omwen 512x512 piksèl.
Sous: www.habr.com