Zhvilluesit indie shpesh duhet të kombinojnë disa role në të njëjtën kohë: stilisti i lojës, programuesi, kompozitori, artisti. Dhe kur bëhet fjalë për pamjet vizuale, shumë njerëz zgjedhin artin me pixel - në shikim të parë duket e thjeshtë. Por për ta bërë atë bukur, ju duhet shumë përvojë dhe aftësi të caktuara. Gjeta një tutorial për ata që sapo kanë filluar të kuptojnë bazat e këtij stili: me një përshkrim të softuerit special dhe teknikave të vizatimit duke përdorur dy sprite si shembull.
sfond
Arti piksel është një formë e artit dixhital në të cilin bëhen ndryshime në nivelin e pikselit. Ai është i lidhur kryesisht me grafika të lojërave video nga vitet '80 dhe '90. Në atë kohë, artistët duhej të merrnin parasysh kufizimet e kujtesës dhe rezolucionin e ulët. Në ditët e sotme, arti me pixel është ende i popullarizuar në lojëra dhe si një stil arti në përgjithësi, pavarësisht aftësisë për të krijuar grafika realiste 3D. Pse? Mënjanë nostalgjinë, krijimi i një pune të lezetshme brenda një kornize kaq të ngushtë është një sfidë e këndshme dhe shpërblyese.
Pengesa për hyrjen në artin e pikselëve është relativisht e ulët në krahasim me artin tradicional dhe grafikën 3D, gjë që tërheq zhvilluesit indie. Por kjo nuk do të thotë se do të jetë e lehtë përfundoni lojë në këtë stil. Unë kam parë shumë zhvillues indie me metroidvania të artit pixel në platformat crowdfunding. Ata mendonin se do të përfundonin gjithçka brenda një viti, por në realitet u duheshin gjashtë vjet të tjera.
Metal Slug 3 (Arcade). SNK, 2000
Arti pixel në nivelin në të cilin shumica e njerëzve duan ta krijojnë kërkon shumë kohë dhe ka shumë pak mësime të shkurtra. Kur punoni me një model 3D, mund ta rrotulloni, deformoni, zhvendosni pjesët e tij individuale, kopjoni animacione nga një model në tjetrin, etj. Arti i pikselave të nivelit të lartë pothuajse gjithmonë kërkon shumë përpjekje për të vendosur me përpikëri pikselët në çdo kornizë.
Në përgjithësi, ju paralajmërova.
Dhe tani pak për stilin tim: Unë kryesisht vizatoj art pixel për videolojëra dhe gjej frymëzim në to. Në veçanti, unë jam një adhurues i Famicom/NES, konzollave 16-bit dhe lojërave arcade të viteve '90. Arti i pikselave të lojërave të mia të preferuara të epokës mund të përshkruhet si i ndritshëm, i sigurt dhe i pastër (por jo shumë i pastër), në vend që të jetë i zymtë dhe minimalist. Ky është stili që unë punoj në veten time, por ju mund të aplikoni lehtësisht idetë dhe teknikat nga ky tutorial për të krijuar gjëra krejtësisht të ndryshme. Eksploroni punën e artistëve të ndryshëm dhe krijoni art pixel që ju pëlqen!
butë
Mjetet bazë dixhitale për artin piksel janë Zoom dhe Pencil për të vendosur pikselët. Ju gjithashtu do të gjeni të dobishme Line, Shape, Select, Move dhe Paint Bucket. Ka shumë softuer falas dhe me pagesë me një grup të tillë mjetesh. Unë do t'ju tregoj për ato më të njohurat dhe ato që i përdor vetë.
Bojë (falas)
Nëse keni Windows, Paint i integruar është një program primitiv, por i ka të gjitha mjetet për artin e pikselëve.
(eshte falas)
Një redaktues i papritur funksional i artit pixel që kalon nëpër shfletues. Mund ta eksportoni punën tuaj si PNG ose GIF të animuar. Një opsion i shkëlqyeshëm për fillestarët.
(eshte falas)
GraphicsGale është i vetmi redaktues për të cilin kam dëgjuar që është krijuar posaçërisht për artin piksel dhe përfshin mjete animacioni. Është krijuar nga kompania japoneze HUMANBALANCE. Ka qenë në dispozicion falas që nga viti 2017 dhe është ende në kërkesë, pavarësisht rritjes së popullaritetit të Aseprite. Fatkeqësisht, funksionon vetëm në Windows.
($)
Ndoshta redaktori më i njohur për momentin. , shumë veçori, mbështetje aktive, versione për Windows, Mac dhe Linux. Nëse jeni serioz për artin e pikselëve dhe ende nuk keni gjetur redaktorin e duhur, ky mund të jetë ai që ju nevojitet.
($$+)
GameMaker Studio 2 është një mjet i shkëlqyer 2D me një redaktues të mirë Sprite. Nëse dëshironi të krijoni art pixel për lojërat tuaja, është shumë e përshtatshme të bëni gjithçka në një program. Tani po e përdor këtë softuer gjatë punës , një koleksion prej 50 lojërash retro: Unë krijoj sprite dhe animacione në GameMaker dhe grupe pllakash në Photoshop.
($$$+)
Photoshop është softuer i shtrenjtë, i shpërndarë me abonim dhe nuk është krijuar për artin e pikselëve. Unë nuk e rekomandoj blerjen e tij nëse nuk jeni të përfshirë në paraqitjen e ilustrimeve me rezolucion të lartë, ose nuk keni nevojë të kryeni manipulime komplekse me imazhin, si unë. Mund të krijoni sprite statike dhe art pixel në të, por është mjaft kompleks në krahasim me softuerët e specializuar (për shembull, GraphicsGale ose Aseprite).
Tjetër
Kompleti im i artit me pixel. Gjithçka është e zezë, sapo e vura re tani.
Tabletë grafike ($$+)
Unë rekomandoj tableta grafike për çdo punë ilustrimi dixhital për të shmangur sindromën e tunelit karpal. Është shumë më e lehtë për të parandaluar sesa për të kuruar. Një ditë do të ndjeni dhimbje dhe ajo vetëm do të rritet - kujdesuni për veten që në fillim. Për shkak se dikur vizatoja me maus, tani e kam të vështirë të luaj lojëra që më kërkojnë të shtyp butonat. Aktualisht jam duke përdorur Wacom Intuos Pro S.
Mbështetje për kyçet e dorës ($)
Nëse nuk mund të merrni një tabletë, të paktën merrni një mbështetje për kyçin e dorës. E preferuara ime është mbajtësja e dorës së pajisur me jeshile Mueller. Pjesa tjetër janë ose shumë të ngushta ose nuk ofrojnë mbështetje të mjaftueshme. Kaliprat mund të porositen online pa asnjë problem.
96 × 96 pixel
Lufta përfundimtare. Capcom, 1989
Le të fillojmë! Le të fillojmë me një sprite karakteresh 96x96 pixel. Si shembull, unë vizatova një ork dhe e vendosa në një pamje nga Final Fight (foto më lart) në mënyrë që të kuptoni shkallën. Kjo большой sprite për shumicën e lojërave retro, madhësia e pamjes së ekranit: 384x224 piksele.
Në një sprite kaq të madhe do të jetë më e lehtë të tregoj teknikën për të cilën dua të flas. Paraqitja për piksel është gjithashtu më e ngjashme me format tradicionale të artit (si vizatimi ose piktura) me të cilat mund të jeni më të njohur. Pasi të kemi zotëruar teknikat bazë, do të kalojmë në sprite më të vogla.
1. Zgjidhni një paletë
Pixel është një koncept shumë më i thellë në artin piksel sesa në çdo fushë tjetër dixhitale. Arti pixel përcaktohet nga kufizimet e tij, si ngjyrat. Është e rëndësishme të zgjidhni paletën e duhur; kjo do të ndihmojë në përcaktimin e stilit tuaj. Por në fillim, unë sugjeroj të mos mendoni për paletat dhe të zgjidhni një nga ato ekzistuese (ose vetëm disa ngjyra të rastësishme) - mund ta ndryshoni lehtësisht në çdo fazë.
Për këtë tutorial do të përdor paletën me 32 ngjyra që kemi krijuar . Për artin piksel, ato shpesh mblidhen nga 32 ose 16 ngjyra. E jona është projektuar për një tastierë imagjinare që do të shfaqet diku midis Famicom dhe PC Engine. Ju mund ta merrni atë ose ndonjë tjetër - tutoriali nuk varet fare nga paleta e zgjedhur.
2. Konturet e përafërta
Le të fillojmë të vizatojmë duke përdorur mjetin Pencil. Le të vizatojmë një skicë në të njëjtën mënyrë si bëjmë me një stilolaps dhe letër të rregullt. Sigurisht, arti i pikselave dhe arti tradicional mbivendosen, veçanërisht kur bëhet fjalë për sprite kaq të mëdha. Vëzhgimet e mia tregojnë se artistët e fortë të artit me pixel janë të paktën të mirë në vizatimin me dorë dhe anasjelltas. Pra, zhvillimi i aftësive tuaja të vizatimit është gjithmonë i dobishëm.
3. Përpunimi i kontureve
Ne i përsosim konturet: hiqni pikselët shtesë dhe zvogëloni trashësinë e secilës rresht në një piksel. Por çfarë saktësisht konsiderohet e tepërt? Për t'iu përgjigjur kësaj pyetjeje, duhet të kuptoni linjat dhe parregullsitë e pikselit.
Parregullsi
Ju duhet të mësoni se si të vizatoni dy linja themelore në artin e pikselëve: të drejtë dhe të lakuar. Me stilolaps dhe letër, gjithçka ka të bëjë me kontrollin e muskujve, por ne po punojmë me blloqe të vogla ngjyrash.
Çelësi për të vizatuar linjat e sakta të pikselit është jaggies. Këto janë piksele të vetme ose segmente të vogla që shkatërrojnë butësinë e linjës. Siç thashë më parë, një piksel i vetëm bën një ndryshim të madh në artin e pikselëve, kështu që pabarazia mund të shkatërrojë të gjithë estetikën. Imagjinoni të vizatoni një vijë të drejtë në letër dhe papritmas dikush godet tavolinën: gungat në artin e pikselave duken njësoj si një kërcitje e rastësishme.
Shembuj:
Linjat e drejta
Kthesa
Parregullsitë shfaqen në kthesa kur gjatësia e segmenteve të linjës nuk rritet ose zvogëlohet gradualisht.
Është e pamundur të shmangësh plotësisht goditjet - të gjitha lojërat tuaja të preferuara retro i kanë ato (përveç nëse, sigurisht, arti i pikselëve përbëhet vetëm nga forma të thjeshta). Objektivi: Mbani pabarazinë në minimum, duke treguar akoma gjithçka që ju nevojitet.
4. Aplikoni ngjyrat e para
Ngjyrosni karakterin tuaj duke përdorur mbushje ose mjet tjetër të përshtatshëm. Paleta do ta thjeshtojë këtë pjesë të punës. Nëse softueri nuk parashikon përdorimin e paletave, mund ta vendosni direkt në figurë, si në shembullin e mësipërm, dhe të zgjidhni ngjyrat duke përdorur një pikatore.
Në këndin e poshtëm të majtë kam vizatuar mikun tonë, tako, ky është Balli. Do ta bëjë më të lehtë për të kuptuar se çfarë saktësisht po ndodh në çdo fazë.
5. Hijezim
Është koha për të shfaqur hijet - thjesht shtoni ngjyra më të errëta në sprite. Kjo do ta bëjë imazhin të duket tre-dimensional. Le të supozojmë se kemi një burim drite të vendosur mbi ork në të majtë të tij. Kjo do të thotë se gjithçka që është sipër dhe përballë karakterit tonë do të ndriçohet. Shtoni hijet në fund të djathtë.
Forma dhe vëllimi
Nëse ky hap është sfidues për ju, mendoni për vizatimin tuaj si forma tre-dimensionale dhe jo thjesht linja dhe ngjyra. Format ekzistojnë në hapësirën tredimensionale dhe mund të kenë vëllim, të cilin e ndërtojmë me ndihmën e hijeve. Kjo do t'ju ndihmojë të vizualizoni personazhin pa detaje dhe të imagjinoni se ai është bërë prej balte dhe jo piksel. Hijezim nuk është thjesht shtimi i ngjyrave të reja, është procesi i ndërtimit të një forme. Në një personazh të dizajnuar mirë, detajet nuk i fshehin format themelore: nëse shikoni sytë, do të shihni disa grupime të mëdha drite dhe hije.
Anti-aliasing (anti-aliasing)
Sa herë që përdor një ngjyrë të re, aplikoj anti-aliasing (AA). Ndihmon në zbutjen e pikselëve duke shtuar ngjyra të ndërmjetme në qoshet ku takohen dy segmente vijash:
Piksele gri zbutin "thyerjet" në linjë. Sa më i gjatë të jetë segmenti i linjës, aq më i gjatë është segmenti AA.
Kështu duket AA në shpatullën e një orkeje. Është e nevojshme për të zbutur linjat që tregojnë kurbën e muskujve të tij
Anti-aliasing nuk duhet të shtrihet përtej spritit që do të përdoret në lojë ose në një sfond, ngjyra e të cilit nuk dihet. Për shembull, nëse aplikoni AA në një sfond të lehtë, anti-aliasing do të duket i shëmtuar në një sfond të errët.
6. Skicë selektive
Më parë, skicat ishin krejtësisht të zeza, gjë që e bënte spritin të dukej shumë vizatimor. Fotografia dukej se ishte e ndarë në segmente. Për shembull, linjat e zeza në një krah ofrojnë shumë kontrast me muskulaturën, duke e bërë personazhin të duket më pak koheziv.
Nëse spriti bëhet më i natyrshëm dhe segmentimi më pak i dukshëm, format bazë të personazhit do të jenë më të lehta për t'u lexuar. Për ta bërë këtë, mund të përdorni një skicë selektive - zëvendësoni pjesërisht skicën e zezë me një më të lehtë. Në pjesën e ndriçuar të spritit, mund të përdorni ngjyrat më të çelura, ose, kur spriti prek hapësirën negative, mund ta hiqni plotësisht skicën. Në vend të ngjyrës së zezë, duhet të përdorni ngjyrën që u zgjodh për hijen - në këtë mënyrë segmentimi do të ruhet (për të dalluar muskujt, leshin etj.).
Unë gjithashtu shtova hije më të errëta në këtë fazë. Rezultati ishte tre shkallëzime të gjelbër në lëkurën e orkës. Ngjyra e gjelbër më e errët mund të përdoret për skicë selektive dhe AA.
7. Prekjet e fundit
Së fundi, ia vlen të shtoni pikat kryesore (pikat më të lehta në sprite), detaje (vathë, stufa, plagë) dhe përmirësime të tjera derisa personazhi të jetë gati ose derisa të duhet të kaloni te tjetri.
Ka disa teknika të dobishme që mund të zbatohen në këtë fazë. Rrotulloni vizatimin horizontalisht, kjo shpesh ndihmon në identifikimin e gabimeve në përmasa dhe hije. Ju gjithashtu mund të hiqni ngjyrën - vendosni ngopjen në zero për të kuptuar se ku duhet të ndryshoni hijet.
Krijimi i zhurmës (prishje, turbullim)
Deri më tani, ne kemi përdorur kryesisht zona hije të mëdha dhe të forta. Por ekziston një teknikë tjetër - dithering, e cila ju lejon të kaloni nga një ngjyrë në tjetrën pa shtuar një të tretë. Shikoni shembullin më poshtë.
Gradienti i sipërm i errët në dritë përdor qindra nuanca të ndryshme blu.
Gradienti mesatar përdor vetëm nëntë ngjyra, por ka ende shumë nuanca të së njëjtës ngjyrë. Lind një i ashtuquajtur brez (nga gjuha angleze - shirit), në të cilin, për shkak të vijave të trasha uniforme, syri fokusohet në pikat e kontaktit të ngjyrave, në vend të vetë ngjyrave.
Në gradientin e poshtëm kemi aplikuar dithering, i cili shmang brezin dhe përdor vetëm dy ngjyra. Ne krijojmë zhurmë me intensitet të ndryshëm për të simuluar gradimin e ngjyrave. Kjo teknikë është shumë e ngjashme me gjysmëtonin (imazhin gjysmëton) që përdoret në printim; si dhe stippling (imazh kokrrizor) - në ilustrime dhe komike.
Në ork, u mërzita mjaft për të përcjellë cilësi. Disa artistë pixel nuk e përdorin fare, të tjerët, përkundrazi, nuk janë të trembur dhe e bëjnë atë me shumë mjeshtëri. Unë konstatoj se dridhja duket më mirë në zona të mëdha të mbushura me një ngjyrë të vetme (shikoni qiellin në pamjen e ekranit të Metal Slug më lart) ose në zonat që duhet të duken të vrazhda dhe të pabarabarta (si papastërtia). Vendosni vetë se si ta përdorni.
Nëse dëshironi të shihni një shembull të grindjeve në shkallë të gjerë dhe me cilësi të lartë, shikoni lojërat e The Bitmap Brothers, një studio britanike nga vitet '80, ose lojërat në kompjuterin PC-98. Vetëm mbani në mend se ata janë të gjithë NSFW.
Kakyusei (PC-98). Elf, 1996
Ka vetëm 16 ngjyra në këtë imazh!
8. Shikimi i fundit
Një nga rreziqet e artit pixel është se ai duket i lehtë dhe i thjeshtë (për shkak të strukturës dhe kufizimeve të stilit). Por do të përfundoni duke shpenzuar një sasi të madhe kohe për të rafinuar spritet tuaja. Është si një enigmë që duhet zgjidhur - kjo është arsyeja pse arti me pixel tërheq perfeksionistët. Mos harroni se një sprite nuk duhet të marrë shumë kohë - është vetëm një pjesë e vogël e një koleksioni jashtëzakonisht kompleks të pjesëve. Është e rëndësishme të mos humbisni pamjen e madhe.
Edhe nëse arti juaj me pixel nuk është për lojëra, ndonjëherë ia vlen t'i thoni vetes: "Tashmë është mjaft i mirë!" Dhe vazhdo. Mënyra më e mirë për të zhvilluar aftësitë tuaja është të kaloni të gjithë procesin nga fillimi në fund sa më shumë që të jetë e mundur, duke përdorur sa më shumë tema të jetë e mundur.
Dhe ndonjëherë është e dobishme të lini një sprite për një kohë, në mënyrë që ta shikoni me sy të freskët pak më vonë.
32×32 piksele
Fillimisht krijuam një sprite të madhe pikselësh 96x96 sepse në atë madhësi është më shumë si vizatim ose pikturë, por me pikselë. Sa më i vogël të jetë spriti, aq më pak i ngjashëm është me atë që supozohet të shfaqë dhe aq më i rëndësishëm është çdo piksel.
Në Super Mario Bros. Syri i Marios është vetëm dy piksel, njëri mbi tjetrin. Dhe veshi i tij gjithashtu. Krijuesi i personazhit Shigeru Miyamoto tha se mustaqet duheshin për të ndarë hundën nga pjesa tjetër e fytyrës. Pra, një nga tiparet kryesore të Mario nuk është thjesht një dizajn personazhi, por një dredhi pragmatike. E cila konfirmon mençurinë e vjetër - "domosdoshmëria është nëna e shpikjes".
Fazat kryesore të krijimit të një sprite 32x32 pixel janë tashmë të njohura për ne: skica, ngjyra, hijet, përsosje e mëtejshme. Por në kushte të tilla, si skicë fillestare, zgjedh forma me ngjyra në vend që të vizatoj konturet për shkak të përmasave të vogla. Ngjyra luan një rol më të rëndësishëm në përcaktimin e një karakteri sesa skica. Shikoni sërish Marion, ai nuk ka fare skicë. Nuk janë vetëm mustaqet interesante. Palët e tij përcaktojnë formën e veshëve të tij, mëngët i tregojnë krahët dhe forma e tij e përgjithshme tregon pak a shumë qartë të gjithë trupin.
Krijimi i spriteve të vogla është një kompromis i vazhdueshëm. Nëse shtoni një goditje, mund të humbni hapësirën për hijen. Nëse karakteri juaj ka krahë dhe këmbë qartësisht të dukshme, koka ndoshta nuk duhet të jetë shumë e madhe. Nëse përdorni ngjyrën, goditjen selektive dhe anti-aliasing në mënyrë efektive, objekti i paraqitur do të duket më i madh se sa është në të vërtetë.
Për spritet e vogla më pëlqen stili chibi: personazhet duken shumë të lezetshëm, kanë kokë dhe sy të mëdhenj. Një mënyrë e shkëlqyer për të krijuar një personazh shumëngjyrësh në një hapësirë të kufizuar, dhe në përgjithësi një stil shumë të bukur. Por ndoshta ju duhet të tregoni lëvizshmërinë ose forcën e një personazhi, atëherë mund t'i jepni më pak hapësirë kokës për ta bërë trupin të duket më i fuqishëm. E gjitha varet nga preferencat dhe qëllimet tuaja.
I gjithë ekipi është mbledhur!
Formatet e skedarëve
Ky rezultat mund të bëjë nervoz çdo artist pixel
Fotografia që shihni është rezultat i ruajtjes së figurës në JPG. Disa të dhëna humbën për shkak të algoritmeve të kompresimit të skedarëve. Arti me pixel me cilësi të lartë do të përfundojë duke u dukur keq dhe kthimi i tij në paletën e tij origjinale nuk do të jetë i lehtë.
Për të ruajtur një imazh statik pa humbur cilësinë, përdorni formatin PNG. Për animacione - GIF.
Si të ndani siç duhet artin pixel
Ndarja e artit piksel në rrjetet sociale është një mënyrë e shkëlqyer për të marrë komente dhe për të takuar artistë të tjerë që punojnë në të njëjtin stil. Mos harroni të përdorni hashtagun #pixelart. Fatkeqësisht, rrjetet sociale shpesh konvertojnë PNG në JPG pa pyetur, duke e përkeqësuar përvojën tuaj. Për më tepër, nuk është gjithmonë e qartë pse imazhi juaj u konvertua.
Ka disa këshilla se si të kurseni artin e pikselëve në cilësinë e kërkuar për rrjete të ndryshme sociale.
Për të mbajtur skedarin tuaj PNG të pandryshuar në Twitter, përdorni më pak se 256 ngjyra ose se skedari juaj është më pak se 900 piksele në anën më të gjatë. Do të rrisja madhësinë e skedarit në të paktën 512x512 piksele. Dhe në mënyrë që shkallëzimi të jetë një shumëfish i 100 (200%, jo 250%) dhe skajet e mprehta ruhen (Fqinji më i afërt në Photoshop).
GIF të animuar për postimet në Twitter peshojnë jo më shumë se 15 MB. Imazhi duhet të jetë së paku 800x800 piksele, animacioni lakues duhet të përsëritet tre herë dhe korniza e fundit duhet të jetë sa gjysma e të gjithë të tjerëve - teoria më e njohur. Megjithatë, është e paqartë se deri në çfarë mase duhet të plotësohen këto kërkesa, duke pasur parasysh se Twitter po ndryshon vazhdimisht algoritmet e shfaqjes së imazheve.
Me sa di unë, është e pamundur të postosh një foto në Instagram pa humbur cilësinë. Por padyshim që do të duket më mirë nëse e zmadhoni në të paktën 512x512 piksele.
Burimi: www.habr.com