Pixel kos duab rau beginners: cov lus qhia rau kev siv

Pixel kos duab rau beginners: cov lus qhia rau kev siv

Indie developers feem ntau yuav tsum tau muab ob peb lub luag hauj lwm ib zaug: game designer, programmer, composer, artist. Thiab thaum nws los txog rau kev pom, ntau tus neeg xaiv pixel kos duab - thaum xub thawj siab ib muag nws zoo li yooj yim. Tab sis ua kom zoo nkauj, koj xav tau ntau yam kev paub thiab kev txawj ntse. Kuv pom ib qho kev qhia rau cov neeg uas nyuam qhuav pib nkag siab txog cov hauv paus ntawm cov style no: nrog rau cov lus piav qhia ntawm software tshwj xeeb thiab kos duab siv ob lub sprites ua piv txwv.

Tom Qab

Pixel art yog ib hom kev kos duab digital uas hloov pauv ntawm qib pixel. Nws yog feem ntau txuam nrog cov duab video game los ntawm 80s thiab 90s. Tom qab ntawd, cov kws ua yeeb yam yuav tsum coj mus rau hauv tus account lub cim xeeb txwv thiab kev daws teeb meem tsawg. Niaj hnub no, pixel kos duab tseem nrov hauv kev ua si thiab raws li kev kos duab feem ntau, txawm tias muaj peev xwm tsim cov duab 3D tiag tiag. Vim li cas? Nostalgia ib sab, tsim kom muaj kev ua haujlwm txias nyob rau hauv lub moj khaum zoo li no yog qhov kev sib tw zoo siab thiab muaj txiaj ntsig.

Qhov teeb meem rau kev nkag mus rau hauv pixel kos duab yog qhov tsawg dua piv rau cov duab kos duab thiab 3D duab, uas nyiam cov neeg tsim tawm indie. Tab sis qhov ntawd tsis tau txhais hais tias nws yuav yooj yim ua kom tiav kev ua si nyob rau hauv no style. Kuv tau pom ntau indie developers nrog pixel art metroidvanias ntawm crowdfunding platforms. Lawv xav tias lawv yuav ua tiav txhua yam hauv ib xyoos, tab sis qhov tseeb lawv xav tau rau xyoo ntxiv.

Pixel kos duab rau beginners: cov lus qhia rau kev siv
Hlau Slug 3 (Arcade). NWS, 2000

Pixel kos duab nyob rau theem uas cov neeg feem coob xav tsim nws yuav siv sij hawm ntau heev, thiab muaj cov lus qhia luv luv heev. Thaum ua haujlwm nrog 3D qauv, koj tuaj yeem tig nws, deform nws, txav nws tus kheej qhov chaw, luam cov animations ntawm ib tus qauv mus rau lwm qhov, thiab lwm yam. High-theem pixel kos duab yuav luag ib txwm siv zog ntau rau hauv kev ua kom zoo nkauj tso pixels ntawm txhua tus ncej.

Feem ntau, kuv ceeb toom koj.

Thiab tam sim no me ntsis txog kuv cov style: Kuv tsuas yog kos duab pixel rau video games thiab nrhiav kev tshoov siab hauv lawv. Tshwj xeeb, kuv yog tus kiv cua ntawm Famicom / NES, 16-ntsis consoles, thiab 90's arcade games. Lub pixel kos duab ntawm kuv nyiam kev ua si ntawm lub sijhawm tuaj yeem piav qhia tau zoo, muaj kev ntseeg siab thiab huv si (tab sis tsis huv dhau), tsis yog stark thiab minimalistic. Qhov no yog qhov style kuv ua haujlwm hauv kuv tus kheej, tab sis koj tuaj yeem yooj yim siv cov tswv yim thiab cov tswv yim los ntawm qhov kev qhia no los tsim cov khoom sib txawv kiag li. Tshawb nrhiav kev ua haujlwm ntawm cov kws ua yeeb yam sib txawv thiab tsim cov duab pixel uas koj nyiam!

Software

Pixel kos duab rau beginners: cov lus qhia rau kev siv

Cov cuab yeej digital yooj yim rau pixel kos duab yog Zoom thiab cwj mem los tso cov pixels. Koj tseem yuav pom Kab, Duab, Xaiv, Tsiv thiab Xim Lub Thawv muaj txiaj ntsig. Muaj ntau yam dawb thiab them nyiaj software nrog xws li cov cuab yeej. Kuv yuav qhia koj txog cov neeg nyiam tshaj plaws thiab cov uas kuv siv kuv tus kheej.

Xim (dawb)

Yog tias koj muaj Windows, cov xim ua ke yog qhov kev pabcuam qub, tab sis nws muaj tag nrho cov cuab yeej rau pixel kos duab.

Ntses (yog dawb)

Ib qho kev npaj txhij txog ua haujlwm pixel kos duab editor uas khiav los ntawm qhov browser. Koj tuaj yeem xa koj cov haujlwm ua PNG lossis animated GIF. Ib qho kev xaiv zoo tshaj plaws rau cov pib tshiab.

GraphigsGale (yog dawb)

GraphicsGale yog tus editor nkaus xwb uas kuv tau hnov ​​​​txog qhov ntawd yog tsim tshwj xeeb rau pixel kos duab thiab suav nrog cov cuab yeej ua yeeb yam. Nws tau tsim los ntawm Japanese tuam txhab HUMANBALANCE. Nws tau muaj pub dawb txij li xyoo 2017 thiab tseem nyob rau hauv kev thov, txawm tias muaj kev nce qib ntawm Aseprite. Hmoov tsis zoo, nws tsuas yog ua haujlwm ntawm Windows.

Kev ncaj ncees ($)

Tej zaum tus editor nrov tshaj plaws tam sim no. qhib qhov chaw, ntau yam nta, kev txhawb nqa nquag, versions rau Windows, Mac thiab Linux. Yog tias koj mob siab txog pixel kos duab thiab tseem tsis tau pom tus kws kho kom raug, qhov no yuav yog qhov koj xav tau.

GameMaker Studio 2 ($$+)

GameMaker Studio 2 yog ib qho cuab yeej zoo 2D nrog tus Sprite Editor zoo. Yog tias koj xav tsim pixel kos duab rau koj tus kheej ua si, nws yooj yim heev los ua txhua yam hauv ib qho kev pab cuam. Tam sim no kuv siv cov software no thaum ua haujlwm UAS 50, ib phau ntawm 50 retro ua si: Kuv tsim sprites thiab animations hauv GameMaker, thiab tilesets hauv Photoshop.

Photoshop ($$$+)

Photoshop yog kim software, faib los ntawm subscription, thiab tsis tsim rau pixel kos duab. Kuv tsis pom zoo kom yuav nws tshwj tsis yog tias koj tau koom nrog hauv kev ua yeeb yaj kiab hauv kev daws teeb meem siab, lossis koj tsis tas yuav ua cov kev ua haujlwm nyuaj nrog cov duab, zoo li kuv. Koj tuaj yeem tsim cov duab zoo li qub thiab pixel kos duab hauv nws, tab sis nws yog qhov nyuaj heev piv rau cov software tshwj xeeb (piv txwv li, GraphicsGale lossis Aseprite).

Lwm yam

Pixel kos duab rau beginners: cov lus qhia rau kev siv
Kuv cov khoom siv pixel kos duab. Txhua yam yog dub, kuv nyuam qhuav pom nws tam sim no.

Graphics ntsiav tshuaj ($$+)

Kuv pom zoo kom cov ntsiav tshuaj duab rau ib qho kev ua haujlwm digital illustration kom tsis txhob carpal tunnel syndrome. Nws yooj yim dua los tiv thaiv dua li kho. Muaj ib hnub koj yuav hnov ​​mob thiab nws tsuas yog nce ntxiv - saib xyuas koj tus kheej txij thaum pib. Vim kuv tau siv los kos nrog nas, tam sim no kuv muaj lub sijhawm nyuaj ua si uas xav kom kuv nias cov yuam sij. Tam sim no kuv tab tom siv Wacom Intuos Pro S.

Lub dab teg txhawb nqa ($)

Yog tias koj tsis tuaj yeem tau txais ib ntsiav tshuaj, tsawg kawg tau txais lub dab teg. Kuv nyiam yog Mueller Green Fitted Wrist Brace. Cov seem yog nruj dhau los yog tsis muab kev txhawb nqa txaus. Calipers tuaj yeem xaj online yam tsis muaj teeb meem.

96 Γ— 96 pixels

Pixel kos duab rau beginners: cov lus qhia rau kev siv
Kev sib ntaus zaum kawg. Capcom, 1989

Cia peb pib! Cia peb pib nrog 96x96 pixel cim sprite. Ua piv txwv, kuv kos ib qho orc thiab muab tso rau ntawm lub screenshot ntawm Kev Sib Tw Kawg (daim duab saum toj no) kom koj tuaj yeem nkag siab qhov ntsuas. Qhov no loj sprite rau feem ntau retro ua si, screenshot loj: 384x224 pixels.

Ntawm qhov loj sprite nws yuav yooj yim dua los qhia cov txheej txheem kuv xav tham txog. Per-pixel rendering kuj zoo ib yam li cov duab kos duab (xws li kos duab lossis kos duab) uas koj yuav paub ntau dua. Tau paub cov tswv yim yooj yim, peb yuav txav mus rau cov sprites me.

1. Xaiv lub palette

Pixel kos duab rau beginners: cov lus qhia rau kev siv

Pixel yog lub tswv yim tob tob hauv pixel kos duab dua li hauv lwm lub ntiaj teb digital. Pixel kos duab yog txhais los ntawm nws cov kev txwv, xws li xim. Nws yog ib qho tseem ceeb uas yuav tau xaiv cov palette zoo; nws yuav pab txiav txim siab koj cov style. Tab sis thaum pib, kuv xav kom tsis txhob xav txog palettes thiab xaiv ib qho ntawm cov uas twb muaj lawm (los yog ob peb xim random) - koj tuaj yeem hloov tau yooj yim ntawm txhua theem.

Rau qhov kev nyeem no kuv yuav siv 32 xim palette peb tsim rau UAS 50. Rau pixel kos duab lawv feem ntau sib sau los ntawm 32 lossis 16 xim. Peb qhov yog tsim los rau lub console tsis tseeb uas yuav tshwm sim ntawm qhov chaw ntawm Famicom thiab PC Cav. Koj tuaj yeem nqa nws lossis lwm yam - cov lus qhia tsis nyob ntawm txhua qhov ntawm cov palette xaiv.

2. Cov ntsiab lus ntxhib

Pixel kos duab rau beginners: cov lus qhia rau kev siv

Cia peb pib kos duab siv Pencil tool. Cia peb kos ib daim duab kos ib yam li peb ua nrog tus cwj mem thiab ntawv tsis tu ncua. Tau kawg, pixel kos duab thiab kev kos duab ib txwm sib tshooj, tshwj xeeb tshaj yog thaum nws los txog rau cov sprites loj. Kuv cov kev soj ntsuam pom tau hais tias muaj zog pixel kos duab kos duab tsawg kawg yog qhov zoo ntawm kev kos duab ntawm tes thiab rov ua dua. Yog li kev txhim kho koj cov kev txawj kos duab yog ib txwm muaj txiaj ntsig.

3. Kev piav qhia ntawm contours

Pixel kos duab rau beginners: cov lus qhia rau kev siv

Peb kho cov contours: tshem cov pixels ntxiv thiab txo cov thickness ntawm txhua kab rau ib pixel. Tab sis dab tsi raws nraim yog suav tias yog superfluous? Txhawm rau teb cov lus nug no koj yuav tsum nkag siab txog cov kab pixel thiab qhov tsis sib xws.

Tsis ncaj ncees lawm

Koj yuav tsum kawm yuav ua li cas kos ob kab hauv paus hauv pixel kos duab: ncaj thiab nkhaus. Nrog cwj mem thiab ntawv nws yog txhua yam txog kev tswj cov leeg nqaij, tab sis peb tab tom ua haujlwm nrog cov xim me me.

Tus yuam sij rau kev kos duab pixel kab yog jaggies. Cov no yog ib qho pixels lossis ntu me me uas rhuav tshem cov kab du. Raws li kuv tau hais ua ntej, ib qho pixel ua qhov sib txawv loj hauv pixel kos duab, yog li kev tsis sib xws tuaj yeem ua rau tag nrho cov kev zoo nkauj. Xav txog kev kos ib txoj kab ncaj nraim rau ntawm daim ntawv thiab mam li nco dheev ib tug neeg tsoo lub rooj: cov pob hauv pixel kos duab zoo li ib qho random squiggle.

piv txwv:

Pixel kos duab rau beginners: cov lus qhia rau kev siv
Cov kab ncaj

Pixel kos duab rau beginners: cov lus qhia rau kev siv
Curves

Irregularities tshwm nyob rau hauv curves thaum qhov ntev ntawm kab ntu tsis nce lossis txo qis.

Nws tsis yooj yim sua kom tsis txhob ua pob - tag nrho koj cov kev ua si retro nyiam muaj lawv (tshwj tsis yog, ntawm chav kawm, pixel kos duab tsuas muaj cov duab yooj yim xwb). Lub hom phiaj: Khaws qhov tsis sib xws kom tsawg thaum tseem qhia txhua yam xav tau.

4. Siv thawj xim

Pixel kos duab rau beginners: cov lus qhia rau kev siv

Xim koj tus cwj pwm siv sau lossis lwm yam khoom tsim nyog. Lub palette yuav yooj yim rau qhov no ntawm txoj haujlwm. Yog tias lub software tsis muab rau kev siv palettes, koj tuaj yeem tso ncaj qha rau hauv daim duab, xws li hauv qhov piv txwv saum toj no, thiab xaiv cov xim uas siv lub eyedropper.

Nyob rau sab laug ces kaum kuv rub peb tus phooj ywg, ntsib, qhov no yog Pob. Nws yuav ua rau nws yooj yim to taub dab tsi tshwm sim ntawm txhua theem.

5. Duab ntxoov ntxoo

Pixel kos duab rau beginners: cov lus qhia rau kev siv

Nws yog lub sijhawm los tso saib cov duab ntxoov ntxoo - tsuas yog ntxiv cov xim tsaus rau cov sprite. Qhov no yuav ua rau cov duab zoo li peb-dimensional. Cia peb xav tias peb muaj ib lub teeb ci nyob saum lub orc mus rau sab laug ntawm nws. Qhov no txhais tau hais tias txhua yam uas yog saum toj no thiab nyob rau hauv pem hauv ntej ntawm peb tus cwj pwm yuav illuminated. Ntxiv cov duab ntxoov ntxoo rau hauv qab sab xis.

Zoo thiab ntim

Pixel kos duab rau beginners: cov lus qhia rau kev siv

Yog tias cov kauj ruam no nyuaj rau koj, xav txog koj cov duab kos raws li cov duab peb sab es tsis yog cov kab thiab xim xwb. Cov duab muaj nyob hauv qhov chaw peb sab thiab tuaj yeem muaj ntim, uas peb tsim nrog kev pab ntawm cov duab ntxoov ntxoo. Qhov no yuav pab koj pom tus cwj pwm tsis muaj cov ntsiab lus thiab xav tias nws yog ua los ntawm av nplaum thiab tsis pixels. Shading tsis yog tsuas yog ntxiv cov xim tshiab, nws yog txheej txheem ntawm kev tsim cov duab. Ntawm tus cwj pwm zoo, cov ntsiab lus tsis zais cov duab hauv qab: yog tias koj squint, koj yuav pom qee pawg loj ntawm lub teeb thiab duab ntxoov ntxoo.

Anti-aliasing (anti-aliasing)

Txhua zaus kuv siv cov xim tshiab, kuv thov tiv thaiv lub npe (AA). Nws pab du tawm cov pixels los ntawm kev ntxiv cov xim nruab nrab ntawm cov ces kaum uas ob kab kab sib ntsib:

Pixel kos duab rau beginners: cov lus qhia rau kev siv

Grey pixels soften cov "so" hauv kab. Qhov ntev ntawm kab ntu, qhov ntev ntawm AA ntu.

Pixel kos duab rau beginners: cov lus qhia rau kev siv
Qhov no yog qhov AA zoo li ntawm lub xub pwg nyom. Nws yog ib qho tsim nyog kom du tawm cov kab uas qhia qhov nkhaus ntawm nws cov leeg

Anti-aliasing yuav tsum tsis txhob ncua dhau lub sprite uas yuav siv nyob rau hauv qhov kev ua si los yog nyob rau hauv ib tug keeb kwm yav dhau uas nws cov xim tsis paub. Piv txwv li, yog tias koj siv AA rau lub teeb tom qab, qhov kev tiv thaiv tsis zoo yuav zoo li tsis zoo rau tom qab tsaus.

6. Cov txheej txheem xaiv

Pixel kos duab rau beginners: cov lus qhia rau kev siv

Yav dhau los, cov txheej txheem yog dub kiag li, uas ua rau sprite zoo li cartoonish. Daim duab zoo li muab faib ua ntu. Piv txwv li, cov kab dub ntawm ib sab caj npab muab ntau qhov sib txawv rau cov leeg nqaij, ua rau tus cwj pwm tsis sib haum xeeb.

Yog hais tias lub sprite ua ntau ntuj thiab segmentation tsis pom tseeb, cov duab yooj yim ntawm tus cwj pwm yuav yooj yim nyeem. Txhawm rau ua qhov no, koj tuaj yeem siv cov txheej txheem xaiv - ib nrab hloov cov txheej txheem dub nrog ib qho sib dua. Ntawm qhov illuminated ib feem ntawm sprite, koj tuaj yeem siv cov xim lightest, lossis, qhov twg sprite kov qhov chaw tsis zoo, koj tuaj yeem tshem tawm cov qauv tag nrho. Es tsis txhob dub, koj yuav tsum tau siv cov xim uas tau xaiv rau tus duab ntxoov ntxoo - txoj kev no yuav khaws cia segmentation (kom paub qhov txawv ntawm cov leeg, plaub, thiab lwm yam).

Kuv kuj ntxiv cov duab ntxoov ntxoo tsaus nti ntawm theem no. Qhov tshwm sim yog peb gradations ntsuab ntawm orc daim tawv nqaij. Cov xim ntsuab tsaus tshaj plaws tuaj yeem siv rau kev xaiv cov qauv thiab AA.

7. Qhov kawg kov

Pixel kos duab rau beginners: cov lus qhia rau kev siv

Thaum kawg, nws tsim nyog ntxiv cov ntsiab lus tseem ceeb (qhov teeb pom kev zoo tshaj plaws ntawm sprite), cov ntsiab lus (pob ntseg, studs, caws pliav) thiab lwm yam kev txhim kho kom txog thaum tus cwj pwm npaj tau lossis kom txog thaum koj yuav tsum txav mus rau lwm qhov.

Muaj ntau ntau yam txuj ci tseem ceeb uas tuaj yeem siv rau theem no. Tig tus duab horizontally, qhov no feem ntau pab txheeb xyuas qhov ua yuam kev hauv proportions thiab shading. Koj tuaj yeem tshem tawm cov xim - teem lub saturation rau xoom kom nkag siab qhov twg koj yuav tsum hloov cov duab ntxoov ntxoo.

Tsim suab nrov (dithering, dithering)

Txog tam sim no peb feem ntau tau siv cov duab ntxoov ntxoo loj loj. Tab sis muaj lwm txoj kev - dithering, uas tso cai rau koj mus los ntawm ib tug xim mus rau lwm yam tsis tau ntxiv ib tug thib peb. Saib cov piv txwv hauv qab no.

Pixel kos duab rau beginners: cov lus qhia rau kev siv

Sab saum toj tsaus rau lub teeb gradient siv ntau pua qhov sib txawv ntawm xiav.

Qhov nruab nrab gradient tsuas yog siv cuaj xim xwb, tab sis tseem muaj ntau qhov ntxoov ntxoo ntawm tib xim. Ib lub npe hu ua banding tshwm sim (los ntawm Askiv band - kab txaij), nyob rau hauv uas, vim yog tuab cov kab txaij, lub qhov muag tsom rau cov ntsiab lus ntawm kev sib cuag ntawm cov xim, es tsis txhob ntawm cov xim lawv tus kheej.

Nyob rau hauv qab gradient peb thov dithering, uas tsis txhob banding thiab siv tsuas yog ob xim. Peb tsim cov suab nrov ntawm qhov sib txawv siv los simulate xim gradation. Cov txheej txheem no zoo ib yam li halftone (halftone duab) siv hauv kev luam ntawv; as well as stippling (grainy image) - nyob rau hauv illustrations thiab comics.

Ntawm lub orc, kuv dithered heev me ntsis los qhia kev ntxhib los mos. Qee tus kws kos duab pixel tsis siv nws tag nrho, lwm tus, ntawm qhov tsis sib xws, tsis txaj muag thiab ua nws zoo heev. Kuv pom tias dither zoo nkaus li zoo tshaj plaws ntawm thaj chaw loj uas muaj ib qho xim (saib saum ntuj hauv Metal Slug screenshot saum toj no) lossis ntawm thaj chaw uas yuav tsum saib ntxhib thiab tsis sib xws (xws li av). Txiav txim siab rau koj tus kheej yuav siv nws li cas.

Yog tias koj xav pom ib qho piv txwv ntawm qhov loj thiab zoo dithering, mus saib cov kev ua si ntawm The Bitmap Cov kwv tij, ib tug British studio los ntawm lub 80s, los yog cov kev ua si ntawm lub PC-98 lub computer. Cia li nco ntsoov tias lawv yog NSFW tag nrho.

Pixel kos duab rau beginners: cov lus qhia rau kev siv
Kakyusei (PC-98). Ib., 1996
Tsuas muaj 16 xim hauv daim duab no!

8. Kawg saib

Pixel kos duab rau beginners: cov lus qhia rau kev siv

Ib qho kev phom sij ntawm pixel kos duab yog tias nws zoo li yooj yim thiab yooj yim (vim nws cov qauv thiab cov qauv txwv). Tab sis koj yuav siv sijhawm ntau los kho koj cov sprites. Nws zoo li lub puzzle uas yuav tsum tau daws - uas yog vim li cas pixel kos duab attracts perfectionists. Nco ntsoov tias ib qho sprite yuav tsum tsis txhob siv sij hawm ntau dhau - nws tsuas yog ib qho me me ntawm cov khoom sib sau ua ke. Nws yog ib qho tseem ceeb kom tsis txhob poob qhov pom ntawm daim duab loj.

Txawm hais tias koj daim duab pixel tsis yog rau kev ua si, qee zaum nws tsim nyog qhia koj tus kheej, "Nws twb zoo txaus!" Thiab txav mus. Txoj hauv kev zoo tshaj plaws los txhim kho koj cov kev txawj ntse yog mus dhau tag nrho cov txheej txheem txij thaum pib mus txog kom tiav ntau zaus li sai tau, siv ntau cov ncauj lus kom ntau li ntau tau.

Thiab qee zaum nws tseem ceeb heev kom tawm ntawm sprite ib ntus kom koj tuaj yeem saib nws nrog lub qhov muag tshiab me ntsis tom qab.

32 Γ— 32 pixels

Pixel kos duab rau beginners: cov lus qhia rau kev siv

Peb tsim ib tug loj 96x96 pixel sprite ua ntej vim hais tias ntawm qhov luaj li cas nws yog ntau dua li kos duab los yog painting, tab sis nrog pixels. Qhov me me ntawm sprite, qhov tsawg dua nws yog qhov nws yuav tsum tso saib, thiab qhov tseem ceeb dua txhua pixel yog.

Pixel kos duab rau beginners: cov lus qhia rau kev siv

Hauv Super Mario Bros. Mario lub qhov muag tsuas yog ob lub pixels, ib qho nyob rau sab saum toj. Thiab nws pob ntseg thiab. Tus tsim cim Shigeru Miyamoto tau hais tias lub hwj txwv yuav tsum tau cais lub qhov ntswg ntawm lub ntsej muag. Yog li ib qho ntawm cov yam ntxwv tseem ceeb ntawm Mario tsis yog tsuas yog tus qauv tsim, tab sis yog ib qho pragmatic ploy. Uas lees paub qhov qub kev txawj ntse - "yuav tsum tau yog leej niam ntawm invention."

Cov theem tseem ceeb ntawm kev tsim 32x32 pixel sprite twb tau paub rau peb: kos duab, xim, duab ntxoov ntxoo, kev kho kom zoo ntxiv. Tab sis nyob rau hauv cov xwm txheej zoo li no, raws li kev kos duab thawj zaug, kuv xaiv cov duab kos duab tsis yog kos duab kos vim qhov me me. Xim plays lub luag haujlwm tseem ceeb hauv kev txhais tus cwj pwm dua li cov qauv. Saib ntawm Mario dua, nws tsis muaj qhov taw qhia txhua. Nws tsis yog lub hwj txwv xwb uas nthuav. Nws lub puab tsaig txhais cov duab ntawm nws pob ntseg, nws lub tes tsho qhia nws txhais tes, thiab nws tag nrho cov duab ntau dua los yog tsawg dua qhia nws lub cev tag nrho.

Tsim cov sprites me me yog qhov tsis sib haum xeeb. Yog tias koj ntxiv qhov mob stroke, koj yuav poob qhov chaw rau tus duab ntxoov ntxoo. Yog tias koj tus cwj pwm pom tau meej ntawm caj npab thiab txhais ceg, lub taub hau yuav tsum tsis txhob loj heev. Yog tias koj siv xim, xaiv mob stroke, thiab tiv thaiv lub npe zoo, cov khoom siv yuav tshwm sim loj dua qhov nws ua tau.

Rau cov me me sprites kuv nyiam chibi style: cov cim zoo nkauj heev, lawv muaj lub taub hau loj thiab ob lub qhov muag. Ib txoj hauv kev zoo los tsim cov yeeb yuj cim hauv qhov chaw txwv, thiab tag nrho cov style zoo nkauj heev. Tab sis tej zaum koj yuav tsum tau qhia tus cwj pwm kev txav mus los lossis lub zog, tom qab ntawd koj tuaj yeem muab qhov chaw tsawg dua rau lub taub hau kom lub cev zoo dua. Nws tag nrho yog nyob ntawm koj nyiam thiab lub hom phiaj.

Pixel kos duab rau beginners: cov lus qhia rau kev siv
Tag nrho pab neeg yog sib sau ua ke!

Cov ntaub ntawv tawm tswv yim

Pixel kos duab rau beginners: cov lus qhia rau kev siv
Cov txiaj ntsig no tuaj yeem ua rau txhua tus pixel artist ntshai

Daim duab koj pom yog qhov tshwm sim ntawm kev txuag daim duab hauv JPG. Qee cov ntaub ntawv tau ploj vim cov ntaub ntawv compression algorithms. Cov duab zoo pixel zoo yuav xaus rau qhov tsis zoo, thiab rov qab mus rau nws cov palette qub yuav tsis yooj yim.

Txhawm rau txuag cov duab zoo li qub tsis poob zoo, siv PNG hom. Rau animations - GIF.

Yuav ua li cas qhia pixel kos duab kom raug

Kev sib koom pixel kos duab ntawm kev sib raug zoo yog ib txoj hauv kev zoo kom tau txais kev tawm tswv yim thiab ntsib lwm tus kws ua yeeb yam ua haujlwm zoo ib yam. Tsis txhob hnov ​​​​qab siv lub hashtag #pixelart. Hmoov tsis zoo, kev sib txuas lus feem ntau hloov PNG rau JPG yam tsis tau nug, ua rau koj qhov kev paub tsis zoo. Ntxiv mus, nws tsis yog ib txwm paub meej tias vim li cas koj cov duab tau hloov dua siab tshiab.

Muaj ob peb lub tswv yim yuav ua li cas txuag pixel kos duab hauv qhov yuav tsum tau ua kom zoo rau ntau yam kev sib raug zoo.

Twitter

Txhawm rau khaws koj cov ntaub ntawv PNG tsis hloov pauv ntawm Twitter, siv tsawg dua 256 xim lossis xyuas kom meejtias koj cov ntaub ntawv tsawg dua 900 pixels ntawm sab ntev. Kuv yuav nce cov ntaub ntawv loj kom tsawg kawg yog 512x512 pixels. Thiab yog li ntawd qhov scaling yog ntau yam ntawm 100 (200%, tsis yog 250%) thiab cov npoo ntse yog khaws cia (Nyob ze ze ntawm Photoshop).

Animated GIFs rau Twitter Posts yuav tsum hnyav tsis ntau tshaj 15 MB. Cov duab yuav tsum yog tsawg kawg yog 800x800 pixels, lub looping animation yuav tsum rov ua peb zaug, thiab lub xeem ncej yuav tsum yog ib nrab ntev li ntev raws li tag nrho cov lwm yam - lub feem ntau nrov txoj kev xav. Txawm li cas los xij, nws tsis paub meej txog qhov yuav tsum tau ua raws li qhov yuav tsum tau ua, vim tias Twitter tau hloov pauv nws cov duab tso saib algorithms tas li.

Instagram

Raws li kuv paub, nws tsis tuaj yeem tshaj tawm cov duab ntawm Instagram yam tsis tau poob zoo. Tab sis nws yuav twv yuav raug hu zoo dua yog tias koj nthuav nws kom tsawg kawg 512x512 pixels.

Tau qhov twg los: www.hab.com

Ntxiv ib saib