.:darkbyte:.

ZX Spectrum e-zine

10.09.2009
Pixel art

Niečo o kreslení obrázkov na ZX Spectre.
Ako určite viete, obrázky na ZX Spectre vznikajú viacerými cestami. Podľa toho, ako súčasné obrázky na Spektráči vyzerajú, dovolím si tvrdiť, že sa používa prevažne cesta konverzie na PC, s následným ručným retušom buď v nejakom ZX Screen editore na PC, alebo priamo na ZX. Ja mám však radšej starú dobrú metódu ručného kreslenia v Art Studiu, a tak vám dnes predvediem, ako sa kreslí zložitý obrázok bod po bode, takzvaný pixel art.

V prvom rade budete potrebovať nejakú predlohu. Ja som si pre dnešok vybral obrázok Škody Octavia:

octavia

Obrázok si vytlačíme a ceruzkou si naznačíme náš spektrácky grid 32x24. Bude nám slúžiť ako vodítko pri prekresľovaní, aby mal objekt po prekreslení správne proporcie. Naštartujeme ART Studio, zapneme si raster 1 a poďho prekresľovať podľa predlohy.

Začneme samozrejme obrysom – to nám zaručí, že objekt bude vyzerať tak ako má, a nie ako rozšliapnuté hovno :-) Asi nejak takto:

krok 1

Vyzerá to jednoducho, ale je to asi najťažší krok a ak pri ňom niečo odfláknete, vráti sa vám to v podobe rozbitých proporcií. Ako nasledujúci krok nakreslíme základné tvary, čiže doplníme to, čo nám drží línie obrázku a robí auto autom:

krok 2

Nemusíte to už robiť tak otrocky ako hlvaný obrys. Stačia skice, ktoré potom dodatočne upravíte tak, aby to sedelo s hlavným obrysom, ktorý nám drží proporcie celku. Ako vidieť na nasledujúcom obrázku, ja som sa s tým pohral priamo, takže úprava už nebude nutná, keďže väčšinu obrysov som vypiplal natvrdo, tak ako majú byť:

krok 3

Tým sme získali plný tvar auta a môžme sa začať hrať s detailami. Berieme to doradu a postupne pridávame hrubší a presnejší obrys, doplníme drobnosti ako je interiér, späťáky, kľučky, atď a postupne začneme zjemňovať ostro ohraničené plochy ditheringom:

krok 4

V detailoch nemusíte slepo kopírovať predlohu, väčšinou to ani nejde. Snažte sa rozbiť nepresnosti ditherom. Ten môže byť dvojaký. Buď použijete nejaký pravidelný typ, ako to robia vačšinou rusi, alebo to môžete robiť ako Marwin – nepravidelný, vyslovene vyhrajkaný v každom bode. Ja som použil niečo medzi. Volám to Marwin-z00m dither :-)

krok 5

Ako ste si iste všimli, doplnil som už aj kolesá a hoci nie sú vyditherované, auto tak dostalo úplne finálny tvar. Zostáva pohrať sa s drobnosťami, doplniť posledné detaily, prípadne doplniť nejaký nápis, či svoje logo. Po tomto poslednom kroku nechajte obrázok 24 hodín odležať a potom sa k nemu vráťte a spravte finálny retuš. Mozog má s odstupom času iný názor na niektoré drobnosti a väčšinou je to k prospechu finálneho obrázku.

Mohol som sa ešte viac pohrať s tým ditherom, lebo tam vidím ešte pár hluchých miest, ale chcel som len názorne ukázať, že aj bez konverzie to ide, tak to berte ako cvičenie:

krok 6

Počítajte však s tým, že touto metódou nenakreslíte obrázok za hodinu, ani za dve. Ani za tri. Konkrétne tento obrázok mi zabral 6 hodín čistého času a kreslil som ho na tri krát.

Vyšší level kreslenia pixel artu sú farebné obrázky. Na ZX Spectre je to peklo, lebo už pri kreslení základného obrysu musíte priebežne prikresľovať hlavné línie obrázku, tak aby vám to ako-tak sadlo na atribúty v miestach, kde sa vám stretajú dve a viac farieb. Ale to už je iný príbeh. Raz, keď nebudem vedieť čo s voľným časom, vám to ukážem ;-)

 


10.09.2009 | rubrika: ZX Spectrum | permalink Linkuj si ! asdf.sk
Komentáre

[1]Spicka! (omega ) Vložené 10.09.2009, 17:01:19
avatar Zoome si total computer grafik ;-) Krasny tutorial.

[2] (mikezt - WWW) Vložené 10.09.2009, 17:18:00
avatar Je nieco, co na spektre nevies?

[3]kotel (Logout - WWW) Vložené 10.09.2009, 17:23:16
avatar ano, je to kotel. vic nevim co rict, protoze nemam slov.

[4]2 Mike (z00m ) Vložené 10.09.2009, 17:23:33
avatar Coding?

[5] (Shrek69 ) Vložené 10.09.2009, 17:42:37
avatar Nadherne... ;) jsi frajer, smekam pred tebou muj pomyslny klobouk ;)

[6] (F6 ) Vložené 10.09.2009, 20:13:33
avatar Heh, ze ty ses inspiroval? :) http://factor6.ic.cz/924zx.html
Pekne pekne, sam vim ze to neni prdel to nakreslit. A navic se strefit do atributu... peklo. Nakresli mi tohle: http://indianautosblog.com..._4.jpg

[7]Pekne ! (Busy - Mail - WWW) Vložené 10.09.2009, 20:13:47
avatar Velmi pekna pracicka, aj obrazok ! Takto nejak som kreslil vecsinu obrazkov do svojich dem - napriklad 3D suradnicovy kriz v 3D vektorovej casti Echologie :)

[8]Ufff (Softhouse - WWW) Vložené 10.09.2009, 20:47:22
avatar Úžasné. Takto som kreslil hádam len obrázok k Francais verbes a niekolkym demám. Dithering mi velmi nesiel a na nom velmi zalezi. Najťažšie sú obrysy. Tie sa bez myši kreslia veľmi ťažko a ani s ňou to nie je med lízať. :)

[9]obdivuhodne (zxy - Mail ) Vložené 10.09.2009, 21:48:19
avatar 6 hodin - obdivuju Tvou trpelivost ... a samozrejme vysledek :-)

[10]Nice (Tornado ) Vložené 10.09.2009, 23:37:08
avatar Parada ! Ja sice kreslim s rastrom 8x8 kde vidim ako budu sediet atributy a podla toho objekt nastavujem a upravujem aby sedel na atributy. Ale od tvorby obrazkov ako ma napr Tricxs mam velmi daleko. Asi v tom ma nejaky tricxs :)

[11] (wixet ) Vložené 11.09.2009, 00:00:34
avatar masaker:)

[12]mys vs keyboard (F6 ) Vložené 11.09.2009, 08:18:08
avatar ja treba mysi na speccy kreslit neumim, zasadne pouzivam OPQA-SPACE. A 6 hodin to neni moc, obvykle trva obrazek daleko dele.

[13]krasa (pardal ) Vložené 11.09.2009, 08:32:09
avatar mocpekne

[14]Primo "Naamrd"! ;-) (johny-x ) Vložené 11.09.2009, 09:20:18
avatar jedna z mnoha veci, na ktere sem nikdy "nedosahl", moje pokusy vetsinou zkoncily uz u problemu prekreslovani s pomoci mrizky.. Nj, jako kazdy tutorial, i tohle vypada "jednoduse" dokud to clovek nezkusi :)
pekne, pekne..

[15] (z00m ) Vložené 11.09.2009, 13:20:24
avatar to F6: neinspiroval, je to vyslovene nahoda :-) Fabiu skusim ked bude znova trocha casu.

to Tornado: ja pouzivam raster len pri obrysoch, kvoli dodrzaniu proporcii. Pri farebnych obrazkoch to robim inac. Zacnem v bodoch kritickych na farbu a proporcie dorabam podla nich, je to peklo ale da sa to.

[16] (fikee ) Vložené 11.09.2009, 13:39:33
avatar eh :) ma to jedinou chybku a to ze predloha je oktavka ;)

[17] (dex - WWW) Vložené 11.09.2009, 17:15:19
avatar Oktávka nelíbí? Tak se inspiruj tady:

http://www.jaguar-daimler.cz....htm

:o)

[18]Klobouk dolu (Poke - WWW) Vložené 13.09.2009, 08:43:55
avatar Nadherny navod. Neni co dodat, proste jsi satan. :-)

[19] (joe [openID] - WWW) Vložené 08.11.2009, 13:35:46

[20] (joe [openID] - WWW) Vložené 08.11.2009, 14:03:13
avatar ... a rychla konverzia vasej oktavky, vo farbe.

http://img11.imageshack.us...84.png

[21] (joe ) Vložené 08.11.2009, 22:04:39
avatar ... este nedokonceny screen ..

http://img18.imageshack.us...zx.png

[22] (joe ) Vložené 15.11.2009, 11:39:46
avatar ... finalna verzia, a pouzite su iba 4 farby.

http://img194.imageshack.us...x.png


Všetky polia sú nepovinné.
Vaša IP adresa nebude verejne zobrazená.
Číslo v hranatých zátvorkách vytvorí odkaz na daný komentár.
Avatar friendly.
Vaše meno:
Váš e-mail:
URL vašich stránok:
Nadpis:
Text: