Waarom Pixel Art in 2023 'n perfekte opleidingsterrein vir grafiese ontwerp kan wees

As jy inteken op 'n diens vanaf 'n skakel op hierdie bladsy, kan Reeves and Sons Beperk 'n kommissie verdien. Sien ons etiese verklaring.

Selfs al was jy nie daar om die wonders van klassieke videospeletjies van die 1970's tot die 1990's te ervaar nie, is dit nooit te laat om 'n waardering te ontwikkel vir die kenmerkende kunsvorm wat ontwikkel het om aan die behoeftes van hierdie speletjies te voldoen nie. Dit is 'n kunsvorm wat ons vandag as pixelkuns ken, en dit is een van die beste maniere om jou stripes in 2D rekenaargesteunde grafiese ontwerp.

Die rede hiervoor is dat pixelkuns groot eise aan die kunstenaar stel. Dit verg meer dissipline en is rigider as die meeste ander kunsvorme. Pixel-kuns dwing jou om te fokus en te isoleer wat die belangrikste in 'n beeld is, en gebruik dit net, sonder om die fyner beheer te bied, in 'n meer gedetailleerde tekenstyl. Dit is 'n 'less is more'-benadering tot teken, en dit maak jou beter om te teken.

Pixelkuns neem tyd om te bemeester. U skep immers u beelde een pixel op 'n slag, en elke beeld moet noukeurig beplan word. U moet leer om met 'n beperkte palet te werk, en sonder die voordeel van natuurlike krommes. U werk ook eksklusief in 'n 2D-omgewing, waar u 'n 3D-voorkoms nodig het, dit met truuks soos isometriese perspektief en parallax-blaai moet skep.

Die leer van sprites en agtergronde is ook 'n uitstekende manier om u programmeringsvaardighede te verbeter as u self 'n hele speletjieprojek hanteer. Noudat mobiele toestelle meer verbind is en steeds nie die vermoรซ het om volgehoue โ€‹โ€‹3D-speletjies te hรช nie, 2D-speletjies maak 'n herlewing, en jy kan eintlik hierdie vaardighede aanwend om ekstra geld te verdien as ontwerpwerk nie vrylik na jou deur vloei nie.

Pixel-kuns benodig geen spesiale sagteware nie. U kan pixelkuns in enige basiese tekenprogram skep. Baie pixelkunstenaars het hul kunswerk in eenvoudige instrumente soos MS Paint begin, maar dit is beter om meer gevorderde sagteware wat lae en pasgemaakte roosters gebruik, te gebruik, sodat u u ontwerpe regtig kan aanpas. Inkscape is regtig goed vir hierdie doel. Dit is gratis, het ingeboude isometriese roosters en werk perfek vir pixelkuns.

doc88img02

Wat die hardeware betref, kan u 'n muis gebruik, maar ek vind dit makliker om 'n grafiese tablet te gebruik, omdat ek geneig is om 'muis hande' te kry wanneer ek gedetailleerde kunswerk doen, dus ek sal aanbeveel om ten minste 'n basiese grafiese tablet te gebruik.

Waarom pixelkuns ideaal is

Al te veel mense gebruik die woorde illustreerder en ontwerper omruilbaar. 'N Illustrator is in werklikheid ver onder die vlak van 'n ontwerper. Illustrators teken dinge eenvoudig volgens die versoek van hul kliรซnt. Ontwerpers ontwerp dinge volgens die behoeftes van hul kliรซnt. Dit is 'n massiewe verskil.

Om pixelkuns te leer, beteken om te leer hoe om kreatiewe oplossings te innoveer om aan baie spesifieke behoeftes te voldoen. Dit is veel meer as net teken. Die beplanning, die aandag aan detail, die vermoรซ om binne die beperkinge van tegnologie te werk, en die strategie te ontwerp om hierdie beperkings te oorkom, is dit wat 'n wonderlike pixelkunstenaar ook 'n wonderlike ontwerper maak.

Die wรชreld van pixelkuns

Anders as wat u kan verwag, is die mark vir pixelkuns groot en groei dit. Die algemeenste verwagting was dat pixelkuns sou uitsterf sodra tegnologie die punt bereik het waar dit meer prakties en uitvoerbaar was om vektorkuns en 3D CGI te gebruik. In werklikheid is daar steeds 'n groot vraag na pixelkuns en dit het 'n groter toepassingsgebied verkry. Waar pixelkuns eers tot die spel beperk was, word dit nou in 'n baie wye verskeidenheid praktiese toepassings gebruik.

Sommige van die gebiede waar pixelkuns verkoop word, sluit in:

  • Mobiele speletjies en retro-speletjies
  • computeranimatie
  • Webwerf ontwerp
  • Koppelvlakontwerp
  • Ontwerpe wat gebruik word op klere, sleutelmerke, ens.
  • Televisiegrafika (bv. Die IT-menigte, goeie spel)
  • Pixel-kuns-strokiesprente (soos: Diesel Sweeties, Kid Radd)
  • Flieks (bv .: Wreck It Ralph, Pixels)
  • Pixel-kunsuitstallings en private versamelings

Daar kan ander potensiรซle markte wees wat van tyd tot tyd ontstaan. Op sommige maniere kan jy selfs van Lego-bakstene as 'n soort pixelkuns dink, en dit is eintlik moontlik om 3D-pixelkuns met Lego te skep. Maar dit sal nie gebeur nie, tensy u eers 'n meester-pixelkunstenaar word, so laat ons meer uitvind oor hoe u dit doen.

Aan die gang met pixelkunsontwerp

Die beste manier om in hierdie wรชreld in te kom, is om sommige te betree pixel kunskompetisies en leer soos jy gaan. Natuurlik, as ons oor kompetisies praat, bedoel ons dit met vrye deelname en wat nie u werk kommersieel benut deur te vereis dat u al u regte aan die kompetisieorganiseerders moet onderteken nie.

Goeie pixelkunskompetisies stel uitdagings wat vereis dat u u vaardighede as innoverende ontwerper moet gebruik om die doel te bereik. Soms is dit eenvoudig om die tema in te stel, maar dit kan ook reรซls insluit soos die beperking van die aantal kleure wat u kan gebruik of die maksimum pixeltelling instel. Dit is alles beperkings waaraan spelontwerpers eens moes werk. As u dieselfde tegnieke leer, in dieselfde omstandighede, ontwikkel u sterk vaardighede en hopelik 'n beter begrip van die hele ontwerpproses.

opleiding

Daar is baie gratis tutoriale aanlyn wat u kan koop boeke oor pixelkuns or spelontwerp om jou aan die gang te kry. Vir 'n meer in-diepte inleiding, kan u dit oorweeg om 'n udemy kursus in pixelkuns. Teen slegs $ 35 en aangebied deur 'n kundige spelkunstenaar (Marco Vale, tans kunsdirekteur op Indot Studios), dit is baie goeie waarde.

Die pixelkunsproses

Die skep van enige pixelkunswerk volg op 'n lineรชre proses van konsep tot voltooiing:

  • Die idee - jy besluit wat jy gaan skep, of kry instruksies
  • Beplanning - u maak keuses oor hoe u die beeld gaan skep
  • Roosterkeuse - u kies die regte roostertipe vir die prent wat u skep
  • Paletkeuse - u stel 'n kleurpalet vir die beeld op
  • Prototipering - 'n opsionele stap om u 'n basiese raamwerk vir die uiteensetting te gee
  • Omlyn - u skep die basiese uiteensetting van die belangrikste dele van die beeld
  • Gladding - u herstel enige "jaggies" of onreรซlmatighede om 'n beter oorsig te skep
  • Inkleur - u voeg kleure by met die palet wat u opgestel het
  • Skakering - u voeg hoogtepunte en skaduwees by om u beeld meer realisties te maak
  • Dithering - 'n opsionele stap om 'n ware retro-gevoel in 'n beperkte palet-situasie weer te gee
  • Selektiewe uiteensetting - u gebruik soliede lyne op geselekteerde gedeeltes van die beeld om definisie te gee
  • Anti-aliasing - 'n finale gladstap waarin u kleur gebruik om die realisme te bevorder
  • Instelling - as die beeld wat u gemaak het 'n klein deel uitmaak van 'n groter toneel, moet u dit instel

Sommige stappe, soos versmoring en anti-aliasing, kan outomaties deur u tekenprogrammatuur hanteer word. Dit hang af van wat u gebruik en watter opsies u kies.

Die idee

Sommige mense beskou dit as die moeilikste stap om 'n nuwe werk te skep, maar dit is waarskynlik nie so nie. U doel is om te besluit wat u gaan skep, of in sommige gevalle om opdragte van die kliรซnt te neem rakende wat hy wil hรช. Inspirasie kan kom uit die regte wรชreld rondom u, of uit films, speletjies, boeke en alles wat u kan help om die voorwerpe wat in u toneel verskyn, te visualiseer. Vir hierdie voorbeeld sal ons 'n blompot skep wat in 'n groter toneel 'n rekwisiet kan wees.

Beplanning

In hierdie stap weet u reeds wat u gaan skep, sodat u nou nadink oor hoe u dit gaan skep. Die eerste groot besluit is of u 'n plat beeld gaan ontwerp of 'n 3D-perspektief wil gee. U sal ook besluit hoe gedetailleerd of realisties die beeld moet wees, of dit retro-voorkoms nodig het, en ander dinge soos dit.

Hoe meer realisties jy wil hรช dat die beeld moet wees, hoe meer pixels en kleure moet jy gebruik, en hoe langer sal dit neem om te skep. As u vir 'n kompetisie ontwerp, sal sommige van hierdie keuses reeds vir u gemaak word, maar u moet nogtans die beste manier bedink om die resultaat te bereik.

Die verstandige ding om te doen sou wees om die rooster waarmee u gaan werk uit te druk en dit te gebruik om 'n papierskets van die voltooide rekenaarbeeld te maak. Dit sal dien as verwysing vir die bitmap wat u skep, om u te help om die perspektief en skaal konsekwent te hou.

Roosterkeuse

Dit word bepaal deur die aard van die werk wat u skep. Vir plat afbeeldings gebruik u 'n standaardrooster waar al die lyne mekaar reghoekig kruis.

doc88img03

In 'n 3D-toneel het u 'n keuse tussen 'n isometriese rooster (die mees algemene keuse) of 'n skuins rooster. 'N Isometriese ruitenet het lyne wat mekaar by 30 grade kruis:

doc88img04

'N Skuinsrooster het lyne wat mekaar by 45 grade kruis:

doc88img05

Skuintekeninge is goed wanneer u baie fyn besonderhede wil insluit, maar in die algemeen bied isometries 'n beter beeld en voel dit meer realisties. Dit is om die rede die mees gekose tekenstyl.

Paletkeuse

U kan hierdie stap verlaat totdat u gereed is om in te kleur, maar kan eintlik help met die res van die proses as u kleure vroeg definieer.

prototyping

Die blompot in die voorbeeld is basies 'n verwronge keรซlvorm, en soos met alle 2D-nabootsings van 'n keรซl, skep ons die basiese vorm deur gestapelde ellips te gebruik. Dit spaar tyd en toon ook die waarde van die gebruik van Inkscape, omdat dit algoritmes het om gladder lyne op geboรซ rande te produseer as baie ander tekenprogramme. Ons moet net seker maak dat die ellips mooi ooreenstem met die rooster.

doc88img06

Gebruik dan 'n paar reguit lyne om hulle aan mekaar te koppel (saggies geboรซ lyne is selfs meer realisties as u die geduld het om dit te teken).

doc88img07

waarin

In hierdie stap teken ons die buitelyn van die beeld wat ons wil pixel. As u 'n prototipe van die afbeelding gemaak het, is hierdie deel maklik. Skep eers 'n nuwe beeldlaag en stapel dit bo-op die ander laag (in Inkscape het die nuwe laag outomaties 'n deursigtige agtergrond). Sluit die prototipe laag, kies dan die nuwe laag en gebruik dit om u prototipe op te spoor met die potloodwerktuig. Deaktiveer die knip van die rooster wanneer u geboรซ lyne naspeur.

doc88img08

As u probleme ondervind om u nuwe reรซls te sien, verminder die ondeursigtigheid van die prototipe laag, totdat dit makliker is om u buitelyne te sien. Moenie al die lyne naspeur nie, net die wat sinvol is.

doc88img09

Jy kan die prototipe laag uitvee nadat jy die uiteensetting voltooi het, as jy wish, of maak dit bloot onsigbaar.

doc88img10

glad

Dit is 'n moeilike stap. Hiervoor zoom u in op die krommes in die prentjie en probeer u enige gekartelde lyne regstel wat die prentjie minder natuurlik laat lyk. Afhangend van die vlak van die prent, hoef u dit dalk nie te doen nie (as u beeld 32 ร— 32 pixels of minder is, kan u baie min doen om dit te verbeter deur dit glad te maak.

Die manier om u eerste gladstryding te doen, is om op die beeld in te zoem, sodat u kan sien waar die kurwes nie goed gedefinieรซr is nie, of waar daar breuke (gapings) in die soliede lyne is. Enige gapings sal kleurbloeding veroorsaak as u 'n emmervul gebruik, daarom is dit 'n goeie idee om gapings uit te skakel. Onthou dat u net een pixel op 'n slag doen, en dit is waar 'n tablet die taak baie makliker maak as 'n muis.

doc88img11

Kleur

Dit is wat jy vir die pret gedoen het toe jy vyf was, behalwe dat dit nou baie makliker is. Jy kan groot areas van kleur vul met 'n emmervul, en baie tekenprogramme laat jou 'n gradiรซnt stel wat jou 'n realistiese voorkoms kan gee of nie. Anderwise dit is dieselfde ooreenkoms as gladmaak: zoem in en stel jou pixels een op 'n slag. Moenie 'n aparte kleurlaag maak nie, want jou sagteware herken dalk nie grense van 'n ander laag wanneer jy 'n emmervul doen nie.

doc88img12

skadu

Soliede kleure is maklik, maar om 'n realistiese voorkoms te kry, moet u skaduwee gebruik. Dit is makliker om skaduwees op groter beelde te doen, omdat dit meer pixels het om aan te werk. Die eerste stap in die skadu is om uit te vind hoe die lig jou voorwerp of toneel tref, en dan hoogtepunte en skaduwees op 'n realistiese manier toe te pas. Dit sal aanvanklik moeilik wees, maar met ervaring en terugvoering van mede-kunstenaars kry jy die kans. Hier gaan ek net die agterwand van die pot inskadu, maar dit sal beter wees om enkele hoogtepunte op die voorste muur toe te pas.

doc88img13

weifelende

Met 'n beperkte palet kan u nie altyd elke kleur en kleur kry wat u wil hรช nie, en dit is moeilik om subtiele veranderinge tussen aaneenlopende gebiede aan te bring sonder om te praat. Dit is nie iets wat op moderne hardeware benodig word nie, maar dit word dikwels toegepas in situasies waar u 'n retro-90's-voorkoms wil hรช of waar u om verskillende redes met 'n beperkte palet moet werk. Sommige sagteware kan outomaties dithering vir u hanteer, of u moet miskien u eie dithering opstel. Hierdie afbeelding is te eenvoudig om enige ontbloting te benodig, maar hier is 'n handleiding wat verduidelik hoe u 'n valse verkleurende effek in Inkscape kan skep.

doc88img14

Selektiewe uiteensetting

Dit beteken dat swart buitelyne op interne gebiede met 'n meer natuurlike voorkoms vervang moet word, en slegs 'n uiteensetting van die gedeeltes wat omskryf moet word. In die regte lewe is die are op 'n blaar nie swart nie, so hulle moet ook nie in u tekening wees nie.

doc88img15

anti-aliasing

Dit is soortgelyk aan gladstryking, behalwe as u van naderby kyk na kleurgebiede wat moontlik moet "stamp" om die lyne 'n bietjie sag te maak sodat dit meer realisties lyk. Om 'n kleur te stamp, beteken net dat u 'n kleurskerm vir 'n pixel kies tussen die kleure van die pixels aan weerskante daarvan. Opsetlike vervaag maak lyne minder skerp. Soos met dithering, kan u sagteware outomaties anti-aliasing op u toepas.

Die opstel

Om u voltooide voorwerp in 'n groter toneel te plaas, word die instelling genoem. U hoef dit nie met karaktersprites of beweeglike voorwerpe te doen nie. U kan dit later met kode doen. Gebruik instelling vir vaste voorwerpe wat nie beweeg nie. Geanimeerde voorwerpe moet omgeskakel word na sprites, wat 'n onderwerp is vir 'n ander dag.

Wat om te doen as u beeld nie genoeg gepixel is nie

Een van die probleme is dat Inkscape en soortgelyke vektorprogramme net te goed is met die vulling van emmer, sodat kleure regtig glad en vektore lyk. As u 'n gepixeliseerde voorkoms wil hรช, moet u die beeld na png uitvoer, dit in GIMP oopmaak en die Pixelize-filter toepas, wat u in die Blur-afdeling sal vind. Dit sal u 'n resultaat soos hierdie gee (wat u moontlik nodig het om alias te voorkom):

doc88img16

Slotopmerkings

Pixelkuns is ver van dood, en goeie pixelkunstenaars kry steeds baie respek in die ontwerpgemeenskap van diegene wat die toewyding wat dit neem om 'n meester te word, verstaan. As u prente pixel vir pixel saamstel, word u 'n beter ontwerper en moontlik ook 'n beter ingenieur. Daar is steeds 'n sterk vraag na pixelkuns en relatief min talentvolle pixelkunstenaars op die grond wat in hierdie behoefte voorsien. U kan geld verdien in pixelkuns, of dit eenvoudig gebruik om u vaardighede te verbeter. Hoe dan ook, dit is lekker en lonend, die moeite werd om te doen.

Bogdan Rancea

Bogdan is 'n stigterslid van Inspired Mag, en het bykans 6 jaar ervaring in hierdie periode opgedoen. In sy vrye tyd studeer hy graag klassieke musiek en verken visuele kuns. Hy is ook behep met fixies. Hy besit al 5.

Kommentaar Kommentaar

Lewer Kommentaar

Jou e-posadres sal nie gepubliseer word nie. Verpligte velde gemerk *

Gradering *

Hierdie webwerf gebruik Akismet om spam te verminder. Leer hoe jou opmerking verwerk is.