116. Pixel art gyerekeknek – képpont-rács, sziluett, színpaletta és játékszereplők

Tanulási cél: készíts kis méretű, tudatosan felépített képpontgrafikát. Tanuld meg, hogyan lesz néhány tucat vagy néhány száz színes négyzetből felismerhető szereplő, tárgy, ikon vagy egyszerű játékkörnyezet. A fejezet papíron, négyzetrácsos lapon és digitális rajzprogramban is követhető.

Fontos elhatárolás: a Firkavár 1217. Digitális rajzolás és grafika kézikönyve általánosan tanítja a raszteres képet, a pixeleket, a rétegeket, a színkezelést és az exportot. A 1788. Rajzstílusok kézikönyv röviden bemutatja a pixel art történeti és stílusbeli helyét. Ez a 116. fejezet ezekre épít, de egyetlen sajátos képi nyelvre összpontosít: a rács tudatos használatára, a sziluettre, a pixelcsoportokra, a korlátozott palettára és a kis méretű sprite-ok tervezésére.

1. Mi a pixel art?

A pixel art olyan digitális képkészítési mód, amelyben a képpontok elhelyezése látható és tudatos alkotói döntés. A kép nem egyszerűen egy nagyobb rajz lekicsinyített változata: a formák, a körvonalak, a színfoltok és a részletek a választott képpont-rácshoz igazodnak. Egyetlen képpont megváltoztatása is módosíthatja egy szem, egy kéz, egy levél vagy egy tárgy felismerhetőségét.

A pixel art egyik fontos sajátossága a korlátozás. A kis vászon kevés helyet ad, ezért az alkotónak választania kell: melyik forma nélkülözhetetlen, melyik szín különíti el a részeket, és melyik részlet hagyható el. A jó pixelgrafika nem attól részletes, hogy minden négyzetet kitölt, hanem attól, hogy a rendelkezésre álló képpontok világos feladatot kapnak.

Raszteres kép: sorokba és oszlopokba rendezett képpontokból áll.
Pixel art: a képpont-rácsot a képalkotás látható szerkezeteként használja.
Sprite: egy játékban vagy animációban használt önálló képi elem, például szereplő, tárgy vagy effekt.
Tileset: újra felhasználható képcsempék készlete.
Tilemap: a csempékből összeállított pálya vagy háttér elrendezése.

Az „8-bit stílus” elnevezés történeti és esztétikai utalás lehet, de nem jelenti azt, hogy minden ilyen kép pontosan nyolc színből vagy nyolc képpontból áll. A bitmélység, a képméret és a retro megjelenés három különböző fogalom.

2. Miben különbözik a mozaiktól, a pointillizmustól és a hagyományos digitális rajztól?

Eljárás	Mi építi fel a képet?	Mi a fő alkotói döntés?
Pixel art	Digitális képpontok rácsa	Kontúr, pixelcsoport, paletta és kis méretű olvashatóság
Mozaik	Fizikai vagy digitális tesszerák, azaz különálló darabok	Darabméret, illesztés, fuga és felület
Pointillizmus	Festett vagy rajzolt színpontok	A pontok szín- és tónuskapcsolata, valamint a néző távolsága
Általános digitális festés	Ecsetnyomok, rétegek, alakzatok és képpontadatok	Festői felület, tónus, forma és szerkeszthető munkafolyamat

A pixel artban a négyzetes rács nem csupán háttérsegédlet: a kész kép szerkezetének része. A mozaiknál a fizikai darabok anyaga és közötti hézag is fontos; pointillizmusnál a színpontok optikai hatása; digitális festésnél pedig az ecsetnyom és a rétegezés. Ezek egymással kombinálhatók, de nem azonos technikák.

3. Eszközök és anyagok

Digitális munkához

Számítógép vagy táblagép, amelyen egyszerű képpontszerkesztő fut.
Egér, érintőtoll vagy grafikus toll. Kezdéshez egyik sem kötelező; az a fontos, hogy egyenként lehessen képpontokat elhelyezni.
Rácsot, nagyítást és pontos képméretet kezelő pixelrajzoló program.
Jegyzetlap vagy színpaletta-minta, amelyen a választott színeket és a kép célját rögzíted.
Natív projektfájl mentéséhez elegendő tárhely, valamint PNG-export a kész állóképhez.

Papíron történő tervezéshez

8×8, 16×16 vagy 32×32 mezőre osztott négyzetrácsos lap.
Grafitceruza, radír, vonalzó és 4–8 színű ceruzakészlet.
Kis színminta-lap a paletta kipróbálásához.
Vázlatlap, amelyen a digitális munka előtt több sziluettet is kipróbálhatsz.

Nem szükséges drága rajztábla vagy fizetős program. A papíron készített rácsos terv ugyanazokat az alapvető döntéseket gyakoroltatja: melyik négyzet legyen világos, sötét, üres vagy színes. Digitális programot választva nézd meg a mentési, exportálási és adatvédelmi feltételeket is. Gyermek csak felnőtt által ellenőrzött eszközön és megfelelő felügyelettel használjon online szerkesztőt.

4. Mekkora legyen a vászon?

A vászon mérete képpontban megadott szélesség és magasság. A következő értékek gyakorlási kiindulópontok, nem kötelező szabványok:

Vászon	Javasolt feladat	Mire elég?
8×8 pixel	Egyszerű jel, gyümölcs, apró ikon	Sziluett és 1–2 felismerhető részlet
16×16 pixel	Kezdő karakter vagy játéktárgy	Egyszerű fej, test, fő színfoltok
24×24 vagy 32×32 pixel	Részletesebb szereplő vagy tárgy	Jobban elkülönülő végtagok, arc és árnyék
64×64 pixel	Nagyobb tárgy, portré vagy kis jelenet	Több felületi részlet és összetettebb fényhatás

Kezdőként válassz kis vásznat. Ha túl nagy felületen indulsz, könnyű sok apró részletet rajzolni anélkül, hogy a fő forma tisztázódna. A kis méret fegyelmez: előbb a sziluettnek, a fő arányoknak és a színfoltoknak kell működniük.

Aránypróba 16×16-os figurához: egy egyszerű, álló karakter 14–15 képpont magas lehet, hogy maradjon körülötte némi üres hely. Kiindulásként a fej 5–6, a törzs 4–5, a láb 3–4 képpontnyi magasságot kaphat. Ez csak stilizált váz, nem anatómiai szabály: állat, robot, chibi figura vagy lebegő lény más arányt kívánhat.

5. A sziluett az első – előbb legyen felismerhető a forma!

A sziluett a figura külső körvonala és tömege. Ha a képet egyetlen sötét színnel kitöltöd, a karakternek akkor is felismerhetőnek kell maradnia. Egy kalapos alakot a kalap széle, egy madarat a csőr és a test aránya, egy robotot a fej és a végtagok jellegzetes formája különböztethet meg.

Rajzolj három apró, egyszínű sziluettet ugyanarra az ötletre.
Mindegyiknél másold át a fő tömeget, de változtasd meg a fej, a test vagy a kiegészítő arányát.
Kicsinyítsd a nézetet a tényleges 1× méretre.
Takard el a részleteket, és csak a külső formát vizsgáld.
Válaszd ki azt, amelyik a leggyorsabban felismerhető.

Ha a sziluett nem működik, ne apró szemekkel, gombokkal vagy díszítéssel próbáld megmenteni. Előbb a fő formát módosítsd: változtass a fej szélességén, a lábak távolságán, a farok irányán vagy a tárgy körvonalán.

6. Kontúr és „pixel-lépcső”

A ferde vonalak és ívek pixel artban lépcsőzetes képpontsorokból épülnek fel. A jó lépcső ritmusa szándékos és következetes. Például egy átlós kontúr haladhat 1–1, majd 2–2 képpontos vízszintes és függőleges szakaszokkal. Nem kell minden vonalat azonos hosszú lépcsőkből felépíteni, de a véletlenszerűen váltakozó szakaszok gyakran remegő, bizonytalan körvonalat adnak.

Vizsgáld meg a ferde vonalat 100%-os és nagyított nézetben is.
Kerüld az egyetlen, magányos képpontot, ha nem ad hozzá felismerhető részletet.
Használj eltérő vastagságot ott, ahol a forma indokolja, de ne változtasd véletlenszerűen a kontúrt.
A külső körvonal legyen erősebb, a belső részletek pedig ne versenyezzenek vele.

A fekete kontúr nem kötelező. Sötétkék, mélybarna, bordó vagy a fő színhez igazított sötét árnyalat természetesebb lehet. A szelektív körvonal azt jelenti, hogy nem minden oldalt azonos sötétségű vonal zár le: a fény felőli perem lehet világosabb vagy részben nyitott.

7. Pixelcsoportok – ne elszórt négyzeteket, hanem formákat rajzolj!

A pixelcsoport (cluster) összefüggő, tudatosan elhelyezett képpontokból álló folt. Egy jól kialakított csoport követi a tárgy felületét: például egy alma oldalán ívesen fordul, egy kő felületén síkokat választ el, egy hajtincsen pedig a haj növekedési irányát mutatja.

Gyakorlati ellenőrzés: nagyítsd ki a képet, és keresd meg azokat az egyszínű vagy közeli színű képpontokat, amelyek magányosan lebegnek. Ha nem jelentenek szemet, csillagot, fénycsillanást vagy tudatos textúrát, valószínűleg zajt okoznak. Kapcsold ki őket, majd nézd meg, tisztább lett-e a forma.

Ne minden felületet tölts tele textúrával. A nyugodt, nagyobb színfoltok segítenek abban, hogy a szem felismerje a tárgyat, és a részletesebb területek valódi hangsúlyt kapjanak.

8. Korlátozott színpaletta

A paletta a képhez kiválasztott színek készlete. Kezdő gyakorlatnál 4–8 szín bőven elegendő lehet. Ez nem merev korlát: a cél az, hogy minden színnek legyen szerepe, és a sok hasonló árnyalat ne gyengítse a képi rendet.

Egy egyszerű karakterpaletta lehetséges szerepei:

Kontúr: a legsötétebb szerkezeti szín.
Árnyék: elválasztja a fénytől elforduló részeket.
Alapszín: a figura vagy tárgy fő színe.
Világos szín: a megvilágított felületet jelzi.
Hangsúlyszín: kis területen emeli ki a fontos részletet.
Háttérszín: segíti a figura elkülönülését.

Ne csak az árnyalatot, hanem a világosságot is hasonlítsd össze. Ha a szereplő és a háttér egyformán világos, a sziluett elmosódik akkor is, ha a két szín különböző. Készíts szürkeárnyalatos próbát: ha a figura ebben a nézetben is elkülönül, a tónusrend valószínűleg megfelelő.

Színlépcső: egy színcsaládhoz válassz sötét, közép- és világos változatot. Nem kell minden színnek pontosan ugyanolyan lépésközzel változnia. A hidegebb árnyék és a melegebb fény élénkebbé teheti a képet, de először a világos–sötét különbséget tedd érthetővé.

9. Árnyékolás és fényirány

Válassz egy fő fényirányt, és tartsd meg a kép minden részén. Ha a fény bal felülről érkezik, a bal felső felületek több világos képpontot, a jobb alsó részek több árnyékot kaphatnak. A fényfolt ne véletlenszerű dísz legyen: a tárgy térbeli fordulását és anyagát magyarázza.

Először töltsd ki a nagy alapszíneket.
Jelöld a fénytől elforduló nagyobb árnyékfoltokat.
Adj egy világosabb foltot a legfontosabb felületre.
Csak ezután tegyél apró csillanást vagy anyagjelzést.
Kicsinyítsd a képet, és ellenőrizd, hogy az árnyék nem bontja-e szét a sziluettet.

Fém, víz, fa, szőr és textil más fényrajzot kíván. Kis méretben nem kell minden anyagot fotószerűen megfesteni. Elég néhány következetes jel: a fémhez erősebb világos–sötét váltás, a fához hosszabb irányított folt, a szőrzethez kevés, a növekedés irányát követő csoport.

10. Dithering és kézi élsimítás – csak akkor, ha valóban szükséges

A dithering két vagy több szín szabályos képpontmintával történő váltogatása. Segíthet átmenetet vagy textúrát jelezni akkor, ha a paletta kevés színt tartalmaz. Például egy sötét és egy világos szín közé ritkás, majd sűrűbb váltakozó mintát helyezhetsz. A mintázatot a felület irányához igazítsd.

A dithering nem ugyanaz, mint a véletlenszerű zaj. Ha mindenhová sakktáblamintát teszel, a kép zsúfolttá válik, és a kis szereplő elveszíti az olvashatóságát. Kezdőként először készíts átmenetet egy harmadik színnel; csak utána próbáld ki a mintázott átmenetet.

A kézi élsimítás (anti-aliasing) köztes színű képpontokkal lágyítja a kiválasztott kontúrszakaszt. Pixel artban ezt szelektíven használd. A teljes kép automatikus elmosása eltüntetheti a szándékos lépcsőket. A dithering és az élsimítás külön eszköz: egyik sem kötelező minden képen.

11. Sprite, csempe és játékkörnyezet

A sprite egy önálló képi elem, amelyet egy játék vagy digitális jelenet külön kezelhet. Lehet karakter, érme, kulcs, ajtó, növény vagy varázshatás. A sprite akkor jó, ha a célméretben is felismerhető, és a hátterétől világosan elkülönül.

A csempe (tile) egy újra felhasználható képrészlet, például fű, fal, víz vagy padló. A csempékből csempekészletet (tileset) állíthatsz össze, majd ezek ismétlésével építhetsz pályát (tilemap). Ha a csempe ismétlődő mintát ad, a bal és jobb, illetve a felső és alsó széleknek úgy kell találkozniuk, hogy ne keletkezzen véletlen törés vagy üres rés.

Próba: készíts 16×16 képpontos fűcsempét, másold egymás mellé 3×3-as elrendezésben, és nézd meg, hol válik feltűnővé az ismétlődés. Javításként változtass néhány részleten, de őrizd meg az illeszkedő széleket. A véletlenszerűen szétszórt díszek helyett használj néhány, a felületet magyarázó formacsoportot.

12. Lépésről lépésre – saját pixel art kép készítése

Fogalmazd meg az ötletet. Például: „Egy apró erdei robot lámpást tart.”
Készíts papírvázlatot. Rajzolj három sziluettet, még színezés nélkül.
Válassz vászonméretet. Kezdéshez próbálj 16×16 vagy 24×24 képpontot.
Határozd meg a palettát. Válassz 4–8 szerep szerint elrendezett színt.
Helyezd el a fő tömegeket. Előbb a fej, törzs, lábak és kellék nagy formája kerüljön a rácsra.
Ellenőrizd a sziluettet. Kapcsold ki a színeket vagy töltsd ki egyetlen tónussal a figurát.
Tisztítsd a kontúrt. Javítsd a véletlenül megtörő vagy túl sűrű pixel-lépcsőket.
Alakíts ki nagy színcsoportokat. Kerüld a magányos, indokolatlan képpontokat.
Jelöld a fényt és az árnyékot. Egyetlen fő fényirányból indulj ki.
Adj hozzá néhány jellegzetes részletet. Például szem, csavar, levél vagy lámpafény.
Vizsgáld meg a negatív teret. A figura körül maradjon elegendő üres hely.
Próbáld ki kis méretben. Ne csak nagyított nézetben értékeld.
Készíts másolatot, és hasonlítsd össze. Egy változatban csökkentsd a színek számát, a másikban egyszerűsítsd a kontúrt.
Mentsd a szerkeszthető projektet. A rétegeket és képkockákat őrző natív fájlt külön tárold.
Exportálj PNG-t. Ha nagyítod a képet, egész számú méretlépcsőt használj, és a pixelélek megőrzéséhez legközelebbi szomszéd interpolációt válassz.

13. Műhelyprojekt A – 16×16-os saját játékszereplő

Cél: olyan kis figura készítése, amely egyetlen pillantásra felismerhető.

Ötlet: tervezz egy saját „mohagombóc” nevű erdei lényt. Ne másolj ismert játékfigurát; találj ki saját sziluettet és jellegzetes kelléket.

Rajzolj egy 16×16-os rácsot.
Foglalj le 1–2 képpontnyi levegőt a szélek mentén.
Helyezd el a fej és a test nagy tömegét. A két rész össze is olvadhat, ha ez a karakter ötletéhez illik.
Válassz sötét kontúrt, két zöld alapszínt, egy világos fényt és egy kis hangsúlyszínt.
Jelöld a szemeket és egyetlen különleges ismertetőjegyet, például egy levelet a fejen.
Próbáld ki a figurát egyszínű sziluettként és szürkeárnyalatos nézetben.
Ha a szem vagy a levél túl közel kerül a szélhez, mozdítsd beljebb, vagy egyszerűsítsd a formát.

Értékelés: felismerhető-e a karakter 1× méretben? Megkülönböztethető-e a feje a testétől? Van-e egy olyan részlete, amely megjegyezhetővé teszi?

14. Műhelyprojekt B – 32×32-es tárgyikon és mini környezet

Cél: egy tárgy és a környezete közötti vizuális kapcsolat megtervezése.

Ötlet: készíts varázslámpást, amely egy sötét erdei ösvényen áll.

Készíts 32×32-es vásznat.
Jelöld ki a lámpás nagy külső formáját, majd a fogantyút és a fény belső mezőjét.
Válassz legfeljebb 8–10 színt a tárgyhoz és a háttérhez együtt.
A lámpás fényét ne pusztán sárga négyzettel jelezd: használj világos belső foltot és egy-két környező, melegebb színű képpontcsoportot.
A háttér legyen sötétebb és egyszerűbb, hogy a tárgy maradjon a fókusz.
Próbáld meg a lámpást külön sprite-ként is elmenteni átlátszó háttérrel.
Másold a képet egy sötét és egy világos háttér elé. Ha az egyik változatban eltűnik, javítsd a kontúrt vagy a tónuskülönbséget.

Értékelés: a fényforrás helye egyértelmű-e? A lámpás elkülönül-e a háttértől? A fényfolt nem takarja-e el a tárgy szerkezetét?

15. Műhelyprojekt C – négyrészes sprite-animáció

Cél: egy egyszerű mozgás digitális képkockákkal történő megjelenítése. Ez nem stop-motion tárgyfelvétel: a sprite minden képkockáját a digitális vásznon módosítod.

Ötlet: egy kis zászló leng a szélben, vagy egy saját karakter pislog.

Készíts egy egyszerű, 16×16 vagy 24×24 képpontos sprite-ot.
Mentsd el az első képkockát alapállapotként.
Másold a képkockát, és csak néhány képpontot változtass: például a szemhéjat vagy a zászló szélét.
Készíts még két köztes állapotot, hogy a mozgás ne ugorjon hirtelen.
Kapcsold be az előnézetet, és nézd meg a négy képkockát ismétlődő ciklusként.
Próbálj ki képkockánként körülbelül 100–160 ms időt, majd a mozgás jellegéhez igazítsd. Ez kiindulópont, nem kötelező sebesség.
Ha a figura teste akaratlanul elmozdul, jelölj ki egy rögzített támpontot, és ahhoz igazítsd a többi képkockát.
Exportálj animált GIF-et vagy a program által támogatott képkockasorozatot, és ellenőrizd külön a lejátszást.

Értékelés: a mozgás folyamatosnak tűnik-e? A karakter mérete és sziluettje állandó marad-e? A ciklus végén természetesen kapcsolódik-e vissza az első képkockához?

16. Gyakori hibák és célzott javításuk

Hiba	Miért történik?	Javítás
Túl sok apró részlet	A nagy forma még nem tisztult le.	Kapcsold ki a részleteket, és előbb a sziluettet javítsd.
Túl sok hasonló szín	Nincs világos palettaszerep.	Vond össze a közeli árnyalatokat, és tarts meg egy világos–közép–sötét rendszert.
Véletlenszerű pixelzaj	Magányos képpontok kerülnek a felületre.	Csak olyan pontot hagyj meg, amely formát, fényt vagy felismerhető részletet jelez.
Elmosódott kontúr	Nem megfelelő méretezési vagy interpolációs eljárás.	Használj egész számú nagyítást és legközelebbi szomszéd módszert.
Rezgő, egyenetlen átló	A pixel-lépcsők hossza véletlenszerű.	Rendezd a szakaszokat tudatos, ismétlődő ritmusba.
Mindenhol fekete körvonal	A kontúr nem követi a fényviszonyokat.	Próbálj színezett vagy szelektív körvonalat.
Túl erős dithering	A mintázat átveszi a fő forma szerepét.	Egyszerűsítsd az átmenetet, vagy használj harmadik színt.
Nem illeszkedő csempe	A szélek nem folytatják egymást.	Ismételd meg a csempét 3×3-as próbafelületen, és javítsd az illesztést.
Villódzó animáció	A képkockákban véletlenül változik a forma vagy a textúra.	Rögzíts egy támpontot, és csak a mozgó részt módosítsd.
Hibás export	A szerkeszthető fájlt összekeverik a megjelenítési változattal.	Őrizd meg a projektfájlt, exportálj külön PNG-t vagy GIF-et, majd nyisd meg újra az exportot ellenőrzéshez.

17. Kevésbé jó és jobb megoldások

Kevésbé jó	Jobb	Miért?
Azonnal nagy, részletes vászonnal kezdesz.	Kis rácson tisztázod a sziluettet, majd szükség esetén nagyobb vászonra lépsz.	Előbb a felismerhetőség, utána a részletezés számít.
Minden képpontot külön díszítőelemnek tekintesz.	Összefüggő pixelcsoportokat alakítasz ki.	A csoportok formát és felületet hoznak létre.
Automatikusan elsimítod az összes élt.	Megőrzöd a tudatos lépcsőket, és csak ott simítasz, ahol indokolt.	A túlzott simítás eltünteti a pixel art jellegét.
Színválasztás közben folyamatosan új árnyalatokat veszel fel.	Előre rögzített palettát használsz.	Egységesebb lesz a kép és könnyebb a javítás.
Csak nagyított nézetben értékeled a képet.	1× méretben is rendszeresen ellenőrzöd.	A néző többnyire nem nagyítva látja a sprite-ot.
A kész képet egyetlen lapos fájlként őrzöd meg.	A szerkeszthető projektet és az exportot külön tárolod.	Így később módosítható marad a paletta, a réteg és az animáció.

18. Korosztályhoz igazított módszerek

4–6 évesek

Használj nagy, 8×8-as vagy 10×10-es papírrácsot, előre kijelölt mezőket és 3–4 színt. A feladat lehet alma, ház, nap vagy egyszerű állat. A cél a rács megértése és a nagy formák kitöltése, nem a digitális program kezelése.

7–9 évesek

Próbálj 16×16-as rácsot, saját kis szereplőt és 4–6 színes palettát. A gyermek előbb papíron tervezzen, majd felnőtt felügyeletével vigye át a digitális felületre. A National Videogame Museum pixel art oktatóanyaga is 7 éves kortól ajánl kezdő feladatokat.

10–12 évesek

Dolgozz 16×16 vagy 32×32 méretben. A tanuló tervezzen sziluettet, palettát, árnyékot és egyszerű csempét. Hasonlítsa össze a normál és a nagyított nézetet, és próbáljon ki egy négyrészes animációt.

13–18 évesek

Haladó feladatként készítsenek karakterlapot, 3–5 csempéből álló készletet, ismétlődő tilemapet és rövid sprite-animációt. Vizsgálják meg a színprofil, a képkockaidő, a sprite sheet és a célméret kapcsolatát. A technikai részleteket mindig az adott program dokumentációjához igazítsák.

Szülőknek és pedagógusoknak

Ne a képernyő előtt töltött idő legyen a feladat fő mércéje. A tervezés, a papírrácsos próba, a színválasztás és az önellenőrzés ugyanolyan fontos. Rövid, 15–25 perces alkotói szakaszok után tartsatok szünetet; ez gyakorlati foglalkozásszervezési javaslat, nem merev egészségügyi határérték.

19. 60 perces foglalkozásterv – egy karakter, két változat

0–8 perc: mutassatok be egy egyszerű sprite-ot nagyított és 1× nézetben. Beszéljétek meg, mitől felismerhető.
8–15 perc: mindenki készítsen három sziluettvázlatot papíron.
15–25 perc: válasszatok 4–8 színből álló palettát, és jelöljétek a színek szerepét.
25–40 perc: készítsétek el a 16×16-os vagy papíron rácsozott karaktert.
40–48 perc: készítsetek második változatot kevesebb színnel vagy egyszerűbb kontúrral.
48–55 perc: páros értékelés: melyik változat olvashatóbb 1× méretben, és melyik részlet segíti legjobban a felismerést?
55–60 perc: mentsétek el a munkát, és mindenki nevezzen meg egy következő fejlesztési célt.

Differenciálás: a kezdő tanuló használhat előre megrajzolt rácsot és kisebb palettát. A haladó tervezhet animált változatot vagy ismétlődő csempét. Aki nehezen dolgozik egérrel vagy tollal, készíthet papírrácsos tervet, és egy társával együtt viheti át a digitális vászonra.

20. Hozzáférhetőség, adatvédelem és szerzői jog

Színlátás: ne kizárólag vörös és zöld különbsége jelezze a fontos elemeket. Használj eltérő világosságot, körvonalat vagy formát is.
Kontraszt: a fő figura és a háttér között legyen elegendő világossági különbség.
Digitális biztonság: online szerkesztőt felnőtt felügyeletével használjatok. Ne adjatok meg teljes nevet, lakcímet, iskolát vagy más személyes adatot, ha az nem szükséges.
Fiók és megosztás: ellenőrizzétek az aktuális adatvédelmi feltételeket, a mentési módot és a nyilvános galériák beállításait. Ha a feladat fiók nélkül is elvégezhető, ne hozzatok létre felesleges profilt.
Szerzői jog: gyakorláshoz készíts saját karaktert és saját pályát. Ismert játékfigurát ne tüntess fel saját alkotásként, és nyilvános vagy kereskedelmi felhasználás előtt ellenőrizd a jogokat és licenceket.
Fájlkezelés: a fájlnevek ne tartalmazzanak gyermekre vagy pontos helyszínre utaló személyes adatot.

21. Minőségellenőrző lista

A kép témája 1× méretben is felismerhető.
A sziluett részletek nélkül is működik.
A palettában minden színnek van feladata.
A fényirány következetes.
A kontúr pixel-lépcsői szándékosak.
Nincsenek véletlenül elszórt, fölösleges képpontok.
A dithering és az élsimítás csak indokolt helyen jelenik meg.
A csempék ismétléskor illeszkednek.
Az animáció képkockái között a fő forma stabil marad.
A natív projektfájl és az export külön megvan.
A PNG vagy GIF újranyitás után is helyesen jelenik meg.
A megosztott kép nem tartalmaz szükségtelen személyes adatot.

22. Fogalomtár

Pixel / képpont: A raszteres kép legkisebb képi egysége.
Pixel art: A képpont-rács tudatos, látható képi nyelvként való használata.
Sprite: Önálló digitális képelem, például karakter vagy tárgy.
Sprite sheet: Több sprite-ot vagy animációs képkockát egyetlen képfelületen rendező lap.
Tileset: Újra felhasználható képcsempék készlete.
Tilemap: A csempékből összeállított térkép vagy pálya.
Paletta: A képhez kiválasztott színek rendszere.
Színlépcső / color ramp: Egy színcsalád világosabb és sötétebb változatainak sora.
Pixelcsoport / cluster: Összefüggő képpontokból kialakított, formát hordozó folt.
Dithering: Két vagy több szín szabályos képpontmintával történő váltogatása.
Élsimítás / anti-aliasing: Köztes színű képpontok használata a kiválasztott kontúrok lágyítására.
Legközelebbi szomszéd interpoláció: Méretezési módszer, amely az eredeti képpontok értékét tartja meg, így a pixel art kemény élei megőrizhetők.
Képkocka / frame: Az animáció egy időpillanatot ábrázoló állóképe.

23. Kapcsolódó Firkavár-fejezetek

Digitális rajzolás és grafika – nagy kézikönyv: raszter, képpontméret, rétegek, interpoláció, export és digitális munkafolyamat.
Rajzstílusok eredete, története és érdekességei: a pixel art történeti és stílusbeli kapcsolatai.
Illusztráció, képregény és karaktertervezés: eredeti karakter, sziluett, modellállandóság és történet.
66. Képregény- és storyboardkészítés: képkockasorrend és képi ritmus.
75. Stop-motion animáció: a tárgyak fényképezésével készített képkockás animáció, amely különbözik a digitális sprite-animációtól.
80. Pointillizmus és optikai színkeverés: színpontok és tónuskapcsolatok.
114. Piktogramtervezés: kis méretű, gyorsan felismerhető jelek tervezése.

24. Szakmai és oktatási források

National Videogame Museum – Learn at Home: 7 éves kortól ajánlott pixel art és karaktertervezési oktatóanyagok.
National Videogame Museum – Creating Pixel Art with Piskel: kezdő eszközbemutató és karaktertervező munkalap.
Piskel: böngészős sprite- és pixel art szerkesztő, animációs előnézettel és PNG/GIF/sprite sheet exporttal. A szolgáltatás aktuális adatvédelmi és használati feltételeit gyermekekkel történő használat előtt ellenőrizni kell.
Aseprite dokumentáció – Animation: képkockák, időzítés és onion skin alapelvei.
Aseprite dokumentáció – Sprite sheets: képkockák elrendezése és sprite sheet import/export.
Aseprite dokumentáció – Exporting: PNG, GIF, képkockasorozat és méretezési lehetőségek.
Lospec – Pixel Art Tutorials: válogatott szakmai oktatóanyagok kontúrról, palettáról, pixelcsoportokról, ditheringről és árnyalásról.

Záró gondolat: a pixel artban nem a képpontok száma teszi erőssé a képet, hanem az, hogy minden képpont a felismerhetőséget, a formát, a fényt vagy a történetet szolgálja. Kezdj kicsiben, tervezz tudatosan, és mindig a tényleges méretben ellenőrizd a munkádat.