Pamekar Indie mindeng kudu ngagabungkeun sababaraha kalungguhan sakaligus: desainer game, programmer, komposer, artis. Sareng ngeunaan visuals, seueur jalma milih seni piksel - dina pandangan anu pertama sigana saderhana. Tapi pikeun ngalakukeunana éndah, anjeun peryogi seueur pangalaman sareng kaahlian anu tangtu. Kuring mendakan tutorial pikeun anu nembé mimiti ngartos dasar-dasar gaya ieu: kalayan pedaran parangkat lunak khusus sareng téknik gambar nganggo dua sprites sabagé conto.
Latar latar
Seni piksel mangrupikeun bentuk seni digital dimana parobihan dilakukeun dina tingkat piksel. Ieu utamana pakait sareng grafik video game ti 80s sarta 90s. Jaman harita, seniman kedah tumut kana watesan memori sareng résolusi anu handap. Kiwari, seni piksel masih populer dina kaulinan sareng salaku gaya seni sacara umum, sanaos kamampuan nyiptakeun grafik 3D anu réalistis. Naha? Salian nostalgia, nyiptakeun karya anu keren dina kerangka anu ketat mangrupikeun tantangan anu pikaresepeun sareng anu pikaresepeun.
Halangan pikeun asup kana seni piksel rélatif low dibandingkeun seni tradisional jeung grafik 3D, nu metot pamekar indie. Tapi éta henteu hartosna éta bakal gampang rengse kaulinan dina gaya ieu. Kuring parantos ningali seueur pamekar indie sareng metroidvania seni piksel dina platform crowdfunding. Aranjeunna panginten bakal ngabéréskeun sadayana dina sataun, tapi kanyataanna aranjeunna peryogi genep taun deui.
Metal Slug 3 (Arcade). SNK, 2000
Seni piksel dina tingkat nu paling jalma hayang nyieun butuh loba waktu, tur aya saeutik pisan tutorials pondok. Nalika damel sareng modél 3D, anjeun tiasa muterkeunana, ngarobih bentukna, mindahkeun bagian-bagianna, nyalin animasi tina hiji modél ka modél anu sanés, sareng saterasna. Seni piksel tingkat luhur ampir sok peryogi seueur usaha pikeun nempatkeun piksel sacara saksama dina unggal pigura.
Sacara umum, kuring ngingetkeun anjeun.
Sareng ayeuna sakedik ngeunaan gaya kuring: Kuring utamina ngagambar seni piksel pikeun kaulinan vidéo sareng mendakan inspirasi dina éta. Khususna, kuring kipas tina Famicom / NES, konsol 16-bit, sareng kaulinan arcade 90an. Seni piksel tina kaulinan paporit abdi jaman bisa digambarkeun salaku caang, yakin tur bersih (tapi teu bersih teuing), tinimbang Stark na minimalistic. Ieu mangrupikeun gaya anu kuring damel sorangan, tapi anjeun tiasa kalayan gampang nerapkeun ideu sareng téknik tina tutorial ieu pikeun nyiptakeun hal anu béda-béda. Jelajahi karya seniman anu béda sareng jieun seni piksel anu anjeun resep!
Parangkat lunak
Alat digital dasar pikeun seni piksel nyaéta Zoom sareng Pensil pikeun nempatkeun piksel. Anjeun oge bakal manggihan Line, Wangun, Pilih, Pindahkeun jeung cet Ember mangpaat. Aya seueur parangkat lunak gratis sareng mayar kalayan set alat sapertos kitu. Kuring bakal nyarioskeun ka anjeun ngeunaan anu pang populerna sareng anu dianggo ku kuring sorangan.
Cat (gratis)
Upami Anjeun gaduh Windows, anu diwangun-di Paint mangrupakeun program primitif, tapi boga sagala parabot pikeun seni piksel.
(gratis)
Éditor seni piksel anu teu disangka-sangka anu dijalankeun dina browser. Anjeun tiasa ngékspor karya anjeun salaku PNG atanapi GIF animasi. Hiji pilihan alus teuing pikeun beginners.
(gratis)
GraphicsGale mangrupikeun hiji-hijina pangropéa anu kuring kantos nguping yén dirancang khusus pikeun seni piksel sareng kalebet alat animasi. Éta diciptakeun ku perusahaan Jepang HUMANBALANCE. Éta parantos sayogi gratis ti saprak 2017 sareng masih dipénta, sanaos naékna popularitas Aseprite. Hanjakalna, éta ngan ukur tiasa dianggo dina Windows.
($)
Panginten pangropéa pang populerna ayeuna. , loba fitur, rojongan aktip, versi pikeun Windows, Mac jeung Linux. Upami anjeun serius ngeunaan seni piksel sareng masih teu acan mendakan éditor anu leres, ieu panginten anu anjeun peryogikeun.
($$+)
GameMaker Studio 2 mangrupikeun alat 2D anu saé kalayan Editor Sprite anu saé. Upami anjeun hoyong nyiptakeun seni piksel pikeun kaulinan anjeun nyalira, éta gampang pisan pikeun ngalakukeun sadayana dina hiji program. Ayeuna kuring nganggo parangkat lunak ieu nalika damel , kumpulan 50 kaulinan retro: Kuring nyieun sprites jeung animasi di GameMaker, sarta tilesets di Photoshop.
($$$+)
Photoshop mangrupikeun parangkat lunak anu mahal, disebarkeun ku langganan, sareng henteu dirancang pikeun seni piksel. Abdi henteu nyarankeun mésér éta kecuali anjeun aub dina ngadamel ilustrasi dina résolusi anu luhur, atanapi anjeun henteu kedah ngalaksanakeun manipulasi rumit sareng gambar, sapertos kuring. Anjeun tiasa nyiptakeun sprite statik sareng seni piksel di jerona, tapi éta rada rumit dibandingkeun sareng parangkat lunak khusus (contona, GraphicsGale atanapi Aseprite).
Прочее
Kit seni piksel kuring. Sagalana hideung, Kuring kakara noticed eta ayeuna.
Tablet grafik ($$+)
Abdi nyarankeun tablet grafik pikeun sagala karya ilustrasi digital pikeun nyegah carpal torowongan sindrom. Éta langkung gampang pikeun nyegah tibatan ngubaran. Hiji poé anjeun bakal ngarasa nyeri jeung eta ngan bakal nambahan - ngurus diri ti mimiti. Kusabab kuring biasa ngagambar nganggo beurit, ayeuna kuring sesah maén kaulinan anu meryogikeun kuring pencét kenop. Abdi ayeuna nganggo Wacom Intuos Pro S.
Rojongan pigeulang ($)
Upami anjeun teu tiasa nyandak tablet, sahenteuna kéngingkeun dukungan pigeulang. Karesep kuring nyaéta Mueller Green Fitted Wrist Brace. Sésana boh ketat teuing atanapi henteu nyayogikeun dukungan anu cukup. Calipers tiasa dipesen online tanpa masalah.
96 × 96 piksel
Tarung pamungkas. Capcom, 1989
Hayu urang ngamimitian! Hayu urang mimitian ku sprite karakter 96x96 piksel. Salaku conto, kuring ngagambar orc sareng nempatkeun kana layar tina Tarung Final (gambar di luhur) supados anjeun tiasa ngartos skala. Ieu большой Sprite pikeun kalolobaan kaulinan retro, ukuran screenshot: 384x224 piksel.
Dina sprite ageung sapertos éta bakal langkung gampang pikeun nunjukkeun téknik anu kuring hoyong ngobrolkeun. Rendering per-piksel ogé langkung mirip sareng bentuk seni tradisional (sapertos gambar atanapi lukisan) anu anjeun tiasa langkung akrab. Sanggeus ngawasaan téknik dasar, urang bakal ngaléngkah ka sprites leutik.
1. Milih palette a
Pixel mangrupikeun konsép anu langkung jero dina seni piksel tibatan dina alam digital anu sanés. Seni piksel ditetepkeun ku watesanna, sapertos warna. Penting pikeun milih palette anu leres; éta bakal ngabantosan nangtukeun gaya anjeun. Tapi dina mimitina, abdi nyarankeun teu mikir ngeunaan palettes sarta milih salah sahiji nu geus aya (atawa ngan sababaraha kelir acak) - anjeun bisa kalayan gampang ngarobahna dina sagala tahapan.
Pikeun tutorial ieu kuring bakal nganggo 32 palette warna anu kami ciptakeun . Pikeun seni piksel, aranjeunna sering dirakit tina 32 atanapi 16 warna. Kami dirancang pikeun konsol fiksi anu bakal muncul di antara Famicom sareng Mesin PC. Anjeun tiasa nyandak atanapi anu sanés - tutorialna henteu gumantung pisan kana palette anu dipilih.
2. Gariswanci kasar
Hayu urang mimitian ngagambar nganggo alat Pensil. Hayu urang ngagambar sketsa dina cara anu sami sapertos anu urang lakukeun ku pulpén sareng kertas biasa. Tangtosna, seni piksel sareng seni tradisional tumpang tindih, khususna upami sprite ageung sapertos kitu. Pengamatan kuring nunjukkeun yén seniman seni piksel anu kuat sahenteuna saé ngagambar ku leungeun sareng sabalikna. Ku kituna ngamekarkeun kaahlian gambar anjeun salawasna mangpaat.
3. Elaborasi kontur
Kami nyaring kontur: miceun piksel tambahan sareng ngirangan ketebalan unggal garis janten hiji piksel. Tapi naon anu dianggap superfluous? Pikeun ngajawab patarosan ieu anjeun kedah ngartos garis piksel sareng irregularities.
Kasalahan
Anjeun kedah diajar ngagambar dua garis dasar dina seni piksel: lempeng sareng melengkung. Kalayan pulpén sareng kertas éta sadayana ngeunaan kontrol otot, tapi urang damel sareng blok warna leutik.
Konci pikeun ngagambar garis piksel anu leres nyaéta jaggies. Ieu piksel tunggal atawa bagéan leutik nu ngancurkeun smoothness tina garis. Sakumaha anu kuring nyarios sateuacanna, piksel tunggal ngajantenkeun bédana dina seni piksel, ku kituna henteu rata tiasa ngarusak sadayana éstétika. Bayangkeun ngagambar garis lempeng dina kertas sareng ujug-ujug aya anu nabrak méja: nabrak dina seni piksel katingali sapertos squiggle acak.
conto:
Langsung
Lengkungan
Irregularities muncul dina kurva nalika panjang ruas garis teu nambahan atawa ngurangan laun.
Mustahil pikeun ngahindarkeun nabrak - sadaya kaulinan retro karesep anjeun gaduh aranjeunna (kecuali, tangtosna, seni piksel ngan ukur diwangun ku bentuk anu saderhana). Tujuan: Tetep unevenness ka minimum bari tetep némbongkeun sagalana diperlukeun.
4. Larapkeun kelir munggaran
Warna karakter anjeun nganggo eusian atanapi alat anu cocog. palette bakal simplify ieu bagian tina karya. Upami parangkat lunak henteu nyayogikeun palét, anjeun tiasa nempatkeun éta langsung dina gambar, sapertos conto di luhur, sareng pilih warna nganggo eyedropper.
Di belah kénca juru handap kuring Drew sobat urang, papanggih, ieu Ball. Bakal ngagampangkeun ngartos naon anu lumangsung dina unggal tahapan.
5. Ngiuhan
Waktosna pikeun nampilkeun bayangan - tambahkeun warna anu langkung poék kana sprite. Ieu bakal nyieun gambar kasampak tilu diménsi. Hayu urang nganggap yen urang boga hiji sumber cahaya ayana luhureun orc ka kénca ti eta. Ieu ngandung harti yén sagalana nu aya di luhur jeung di hareup karakter urang bakal cahayana. Tambahkeun kalangkang ka katuhu handap.
Wangun jeung volume
Lamun hambalan ieu nangtang pikeun anjeun, pikir gambar anjeun salaku wangun tilu diménsi tinimbang ngan garis jeung warna. Wangun aya dina spasi tilu diménsi sarta bisa mibanda volume, nu urang ngawangun kalayan bantuan bayangan. Ieu bakal ngabantosan anjeun ngabayangkeun karakter tanpa detil sareng ngabayangkeun yén anjeunna didamel tina liat sareng sanés piksel. Shading henteu ngan ukur nambihan warna anyar, éta mangrupikeun prosés ngawangun bentuk. Dina karakter anu dirarancang saé, detil henteu nyumputkeun bentuk dasarna: upami anjeun juling, anjeun bakal ningali sababaraha gugusan cahaya sareng kalangkang anu ageung.
Anti-aliasing (anti-aliasing)
Unggal waktos kuring nganggo warna anyar, kuring nerapkeun anti-aliasing (AA). Ngabantosan ngalancarkeun piksel ku cara nambihan warna panengah di juru tempat dua ruas garis patepang:
Piksel abu ngalembutkeun "ngarecah" dina jalur. Beuki panjang ruas garis, langkung panjang ruas AA.
Ieu naon AA kasampak kawas dina taktak hiji orc urang. Ieu diperlukeun pikeun halus kaluar garis némbongkeun kurva otot-Na
Anti-aliasing teu kudu manjangkeun sprite nu bakal dipaké dina kaulinan atawa dina latar tukang anu warna teu dipikanyaho. Contona, upami anjeun nerapkeun AA ka latar anu terang, anti-aliasing bakal katingali awon dina latar anu poék.
6. Gariswanci selektif
Saméméhna, outlines sagemblengna hideung, nu ngajadikeun Sprite kasampak pisan cartoonish. Gambar sigana dibagi kana bagéan. Contona, garis hideung dina panangan nyadiakeun teuing kontras jeung musculature nu, nyieun karakter nu kasampak kirang cohesive.
Upami sprite janten langkung alami sareng segmentasina kirang atra, bentuk dasar karakter bakal langkung gampang dibaca. Jang ngalampahkeun ieu, anjeun tiasa nganggo outline selektif - sawaréh ngagentos outline hideung sareng torek. Dina bagian bercahya tina Sprite, anjeun tiasa nganggo kelir lightest, atawa, dimana sprite némpél spasi négatip, anjeun tiasa miceun outline lengkep. Gantina hideung, anjeun kedah nganggo warna anu dipilih pikeun kalangkang - ku cara ieu ségméntasi bakal dilestarikan (pikeun ngabédakeun antara otot, bulu, sareng saterasna).
Kuring ogé nambihan bayangan anu langkung poék dina tahap ieu. Hasilna nyaéta tilu gradasi héjo dina kulit orc. Warna héjo anu paling poék tiasa dianggo pikeun garis selektif sareng AA.
7. némpél ahir
Tungtungna, éta patut nambahkeun highlights (titik lightest on sprite nu), rinci (anting, studs, scars) jeung perbaikan séjén nepi ka karakter geus siap atawa nepi ka anjeun kudu ngaléngkah ka nu salajengna.
Aya sababaraha téknik mangpaat anu tiasa diterapkeun dina tahap ieu. Puterkeun gambar sacara horisontal, ieu sering ngabantosan kasalahan dina proporsi sareng shading. Anjeun oge bisa nyabut warna - set jenuh ka enol ngartos dimana anjeun kudu ngarobah bayangan.
Nyiptakeun noise (dithering, dithering)
Sajauh ieu kami lolobana geus ngagunakeun badag, wewengkon kalangkang padet. Tapi aya téknik anu sanés - dithering, anu ngamungkinkeun anjeun ngalih tina hiji warna ka warna anu sanés tanpa nambihan katilu. Tingali conto di handap ieu.
Gradién poék nepi ka terang luhureun nganggo ratusan nuansa biru anu béda.
Gradién rata-rata ngan nganggo salapan warna, tapi masih seueur teuing nuansa warna anu sami. Anu disebut banding timbul (tina band Inggris - stripe), dimana, kusabab garis seragam kandel, panon museurkeun kana titik kontak warna, tibatan warna sorangan.
Dina gradién handap kami nerapkeun dithering, anu ngahindarkeun banding sareng ngan ukur nganggo dua warna. Urang nyieun noise of varying inténsitas mun simulate gradasi warna. Téhnik ieu pisan sarupa halftone (halftone gambar) dipaké dina percetakan; kitu ogé stippling (gambar grainy) - dina ilustrasi jeung komik.
Dina orc, kuring rada rada nyimpang pikeun nepikeun tékstur. Sababaraha seniman piksel teu make eta pisan, batur, sabalikna, teu isin tur ngalakukeun eta pisan skillfully. Kuring manggihan yén dither Sigana pangalusna dina wewengkon badag ngeusi hiji warna tunggal (tingali langit dina Metal Slug screenshot luhur) atawa di wewengkon nu sakuduna kasampak kasar jeung henteu rata (kawas kokotor). Mutuskeun pikeun diri kumaha ngagunakeunana.
Upami anjeun hoyong ningali conto dithering skala ageung sareng kualitas luhur, pariksa kaulinan The Bitmap Brothers, studio Inggris ti 80s, atanapi kaulinan dina komputer PC-98. Ngan tetep dina pikiran yén aranjeunna sadayana NSFW.
Kakyusei (PC-98). Elf, 1996
Aya ngan 16 kelir dina gambar ieu!
8. Panungtungan katingal
Salah sahiji bahaya seni piksel nyaéta sigana gampang sareng saderhana (kusabab strukturna sareng watesan gaya). Tapi anjeun bakal mungkas nepi méakkeun jumlah badag waktu nyaring sprites Anjeun. Éta sapertos teka-teki anu kedah direngsekeun - naha éta seni piksel narik perfeksionis. Émut yén hiji sprite teu kedah nyéépkeun waktos teuing - éta ngan sapotong leutik tina kumpulan potongan anu rumit pisan. Kadé ulah poho ngeunaan big picture.
Malah lamun seni piksel Anjeun teu keur kaulinan, kadang sia ngabejaan ka diri, "Éta geus cukup alus!" Sareng teraskeun. Cara anu pangsaéna pikeun ngembangkeun katerampilan anjeun nyaéta ngaliwat sadayana prosés ti mimiti dugi ka rengse saloba-lobana, nganggo saloba jejer anu mungkin.
Sarta kadangkala éta mangpaat ninggalkeun sprite sakedap ku kituna anjeun bisa nempo eta kalawan panon seger saeutik engké.
32 x 32 piksel
Urang nyiptakeun sprite 96x96 piksel anu ageung heula sabab dina ukuran éta langkung sapertos ngagambar atanapi ngalukis, tapi kalayan piksel. Sprite anu langkung alit, kirang sami sareng anu sakuduna ditampilkeun, sareng anu langkung penting unggal piksel.
Dina Super Mario Bros. Panon Mario ngan ukur dua piksel, hiji di luhur anu sanés. Jeung ceulina oge. Pencipta karakter Shigeru Miyamoto nyarios yén kumis diperyogikeun pikeun misahkeun irung tina sesa raray. Janten salah sahiji fitur utama Mario sanés ngan ukur desain karakter, tapi ploy pragmatis. Nu confirms hikmah heubeul - "kabutuhan nyaeta indung penemuan".
Tahap utama nyieun sprite 32x32 piksel geus wawuh ka urang: sketsa, warna, kalangkang, perbaikan salajengna. Tapi dina kaayaan kitu, salaku sketsa awal, kuring milih bentuk berwarna tinimbang ngagambar outlines kusabab ukuranana leutik. Warna muterkeun hiji peran leuwih penting dina nangtukeun karakter ti outline. Tingali deui Mario, anjeunna henteu gaduh garis. Henteu ngan kumis anu pikaresepeun. sideburns na ngahartikeun bentuk ceuli na, leungeun baju na nembongkeun leungeun-Na, sarta sakabéh bentuk na kurang leuwih jelas outlines sakabéh awakna.
Nyiptakeun sprites leutik mangrupikeun kompromi konstan. Upami anjeun nambihan stroke, anjeun tiasa kaleungitan rohangan pikeun kalangkang. Upami karakter anjeun ngagaduhan panangan sareng suku anu katingali jelas, sirah sigana henteu kedah ageung pisan. Upami anjeun nganggo warna, guratan selektif, sareng anti-aliasing sacara efektif, obyék anu dirender bakal katingali langkung ageung tibatan anu saleresna.
Pikeun sprites leutik Abdi resep gaya chibi: karakter kasampak pisan lucu, maranéhna boga huluna badag sarta panon. Cara anu saé pikeun nyiptakeun karakter anu warni dina rohangan anu terbatas, sareng sacara umum gaya anu saé pisan. Tapi panginten anjeun kedah nunjukkeun mobilitas atanapi kakuatan karakter, teras anjeun tiasa masihan sakedik rohangan pikeun sirah pikeun ngajantenkeun awak langkung kuat. Éta sadayana gumantung kana karesep sareng tujuan anjeun.
Sakabeh tim geus dirakit!
Format file
Hasil ieu tiasa ngajantenkeun seniman piksel gugup
Gambar anu anjeun tingali mangrupikeun hasil tina nyimpen gambar dina JPG. Sababaraha data leungit alatan algoritma komprési file. Seni piksel kualitas luhur bakal katingali goréng, sareng uih deui ka palette aslina moal gampang.
Pikeun nyimpen gambar statik tanpa kaleungitan kualitas, paké format PNG. Pikeun animasi - GIF.
Kumaha leres ngabagi seni piksel
Ngabagi seni piksel dina jaringan sosial mangrupikeun cara anu saé pikeun nampi tanggapan sareng pendak sareng seniman sanés anu damel dina gaya anu sami. Tong hilap nganggo hashtag #pixelart. Hanjakalna, jaringan sosial sering ngarobih PNG kana JPG tanpa naroskeun, ngajantenkeun pangalaman anjeun langkung parah. Leuwih ti éta, teu salawasna jelas naha gambar anjeun dirobah.
Aya sababaraha tip ngeunaan cara nyimpen seni piksel dina kualitas anu diperyogikeun pikeun sababaraha jaringan sosial.
Pikeun ngajaga file PNG anjeun teu robih dina Twitter, paké kirang ti 256 warna atanapi yén file anjeun kirang ti 900 piksel dina sisi pangpanjangna. Abdi ningkatkeun ukuran file sahenteuna 512x512 piksel. Sarta ku kituna skala mangrupa kakalian tina 100 (200%, teu 250%) jeung edges seukeut dilestarikan (tatangga pangdeukeutna di Photoshop).
GIF animasi pikeun Tulisan Twitter beuratna teu leuwih ti 15 MB. Gambar kedah sahenteuna 800x800 piksel, animasi looping kedah diulang tilu kali, sareng pigura anu terakhir kedah satengah salami sadayana anu sanésna - téori anu paling populér. Sanajan kitu, éta can écés naon extent syarat ieu kudu patepung, nunjukkeun yen Twitter terus ngarobah algoritma tampilan gambar na.
Sajauh anu kuring terang, mustahil masangkeun gambar dina Instagram tanpa kaleungitan kualitas. Tapi pasti bakal katingali langkung saé upami anjeun ngagedekeun sahenteuna 512x512 piksel.
sumber: www.habr.com