Content
- etapes
- 1a part Descarregueu les eines necessàries
- 2a part Una mica de pràctica bàsica
- Tercera part Esbossa els contorns del teu primer goblina
- 4a part. Pinta el teu pixie
- 5a part Aplicar llum i ombres
- Part 6 Utilitzant tècniques més sofisticades
- 7a part Posem un toc final
L’art Pixel fa furor en la creació de videojocs independents. Permet a un artista donar molt de caràcter a un joc sense haver de passar molt de temps modelant un objecte 3D o redibuixant manualment temes complexos. Si vols convertir-te en píxel-artistaprimer haureu de crear un elf, també anomenat follet, que és la representació a mapa de bits un personatge o un element que tingui la facultat de desenvolupar una imatge de fons i que pugui animar-se o no. Un cop familiaritzat amb aquest concepte, podeu començar a practicar animació i plantejar-vos vendre la vostra experiència a possibles empresaris.
etapes
1a part Descarregueu les eines necessàries
-
Descarregueu programes d’edició d’imatges bones. Encara que puguis fer-ho Pixel-art amb el programari bàsic de Paint, trobaràs difícil treballar amb les seves limitacions. Els programes més coneguts per aquesta especialitat inclouen:- Photoshop (programari de pagament, per a Windows / Mac)
- Paint.net (gratuït, Windows)
- Pinta (gratuït, Linux)
- Pixia (gratuït, Windows)
- GIMP (gratuït, Linux, Windows i Mac)
- Pixen (pagant, Mac)
-
Obteniu una tauleta gràfica. Si voleu fer un dibuix a mà lliure o si no us agrada dibuixar a la pantalla amb el ratolí, podeu utilitzar una tauleta gràfica i un bolígraf electrònic. Wacom és un dels fabricants de tauletes gràfiques més famoses. -
Activeu la visualització de la graella del vostre programa d’edició. Sigui quin sigui el programari que utilitzeu, caldrà activar la visualització de la graella que us permeti localitzar la ubicació de cada píxel que creeu. Normalment podeu habilitar la visualització des del menú de visualització del programa.- Haureu de configurar la graella de manera que cada quadrat representi un píxel. El mètode per fer-ho varia segons el programa que utilitzeu. A GIMP, podeu fer-ho des del menú "Imatge" on haureu de seleccionar "Configura la graella". A Paint.net o Pinta, la graella de píxels apareix en comprovar l'opció "Reixeta de píxels" al menú "Veure".
-
Trieu l'eina a llapis per dibuixar punts aïllats. Seleccioneu l'eina de llapis del vostre programa d'edició i escolliu el patró de punts aïllats de la llista d'opcions. Podreu posar píxels simples al mapa de bits.
2a part Una mica de pràctica bàsica
-
Crea una nova imatge. A mesura que treballareu a nivell de píxels, no necessitareu una mida de imatge gran. La pantalla completa del joc "Super Mario Brothers" té només 256 x 224 píxels i el personatge del mateix Mario només té una mida de 12 x 16 píxels. -
Amplia la imatge. Per poder treballar al nivell del píxel, haureu d’ampliar la imatge el màxim possible per visualitzar la graella i la ubicació de cadascun dels píxels. Per veure-les amb claredat a la graella necessiteu un factor d'augment mínim del 800%. -
Practiqueu dibuixant una línia recta. Pot semblar simple, però un petit desplaçament de píxels a prop del centre d'una línia recta és "com el nas al mig de la figura".Feu exercici el més recte possible amb el vostre estil o amb el ratolí fins que ja no us sentiu obligats a utilitzar l'eina de dibuix de línies. -
Ara practiqueu el dibuix de línies corbes. Les corbes es generen per una successió de pauses d’una línia recta a intervals successius. Una bona corba començarà, per exemple, amb una pausa després d’una línia de sis píxels, després una altra després de tres píxels, seguida d’un interval de dos píxels i després d’un píxel. Els salts es reverteixen per construir l'altre extrem de la corba. Una línia recta trencada després de tres píxels es pot considerar com una mala corba, seguida d’un píxel únic, i altres ruptures després de cada píxel o qualsevol altra progressió incoherent. -
Utilitzeu l’eina d’eliminació per eliminar errors. Igual que per al llapis, la vostra eina d'esborrar, que normalment es simbolitza amb una forma de goma d'esborrar, haurà d'establir-ne només per eliminar un píxel alhora. Si s’estableix massa, la supressió serà eficaç, si no és impossible.
Tercera part Esbossa els contorns del teu primer goblina
-
Defineix què faràs amb el teu goblin. Haureu de decidir si serà animat o estàtic. Podeu posar més detalls en un sprite estàtic, però, si cal animar-lo, voldreu mantenir-lo senzill perquè heu de redibuixar-lo, almenys en part, per donar-li una mica de moviment. Si s'ha d'utilitzar conjuntament amb d'altres, haureu de mantenir un estil coherent per mantenir un vincle estret. -
Mireu si teniu que respectar les limitacions. Si creeu un goblin com a part d’un projecte en concret, determineu si se us imposen limitacions quant a colors i mides. Aquest punt serà més important quan comenceu a treballar en projectes més grans amb diferents follets.- Els sistemes dissenyats recentment no són realment limitats en mida i nombre de colors, però si estàs desenvolupant específicament un joc per a sistemes relativament antics, haureu de fer front a aquestes limitacions.
-
Feu un croquis. Feu un dibuix conceptual del vostre elf sobre paper. D’aquesta manera, us donarà un tast del que semblarà i us permetrà fer algunes correccions o altres funcions. Més endavant podeu fer servir aquest esbós com a font de traça si teniu una tauleta gràfica.- Feu un esbós detallat. Col·loqueu totes les funcions que voleu afegir de manera que pugueu veure com sembla.
-
Dibuixa els esquemes del teu elf amb una edició del programa. Utilitzeu com a referència l'esquema del vostre croquis o dibuixeu-lo amb la tauleta gràfica. També podeu dibuixar-lo mitjançant clics successius o col·locar cada píxel individualment, segons hagueu de triar.- Quan creeu el vostre primer goblin, utilitzeu el color negre per dibuixar contorns. Serà més fàcil de distingir. Més endavant podreu canviar aquest color.
-
Netegeu els contorns. Amplieu la imatge i comenceu a eliminar els píxels i ajusteu-ne les línies. Els contorns no han de tenir més d’un píxel de gruix. Afegiu-ne les que feu falta mitjançant la vostra eina de llapis.- Centra't en els detalls grossos mentre dibuixa els esquemes. Podeu tornar més endavant i afegir petits tocs.
4a part. Pinta el teu pixie
-
Pintura de la teoria fonamental del color. Mireu la roda o la paleta de colors per ajudar-vos a determinar quins colors fareu servir. Els colors distants els uns dels altres seran molt diferents, mentre que els que s’uneixen es casaran molt bé junts.- Trieu un esquema de colors que donarà al vostre estiletre un aspecte original sense impactar la visió. Si és possible, eviteu tons en pastel a menys que tot el projecte utilitzi aquest estil.
-
Limita el nombre de colors. El vostre goblin es veurà massa fort si hi afegiu massa colors. Per inspirar-se, observa alguns dels personatges dels jocs més famosos i veuràs que utilitzen només uns quants colors bàsics.- Mario: el personatge de "Mario Classic" només utilitza tres colors molt propers.
- Sonic - Sonic és més detallat que Mario, però consta de només quatre colors amb variacions de matisos.
- Ryu: aquest és un dels personatges clàssics del joc de lluita. Ryu està format per àrees grans de colors lleugerament ombrejats per millorar la definició. Consta de només cinc colors bàsics completats amb diversos tons.
-
Aplica els teus colors. Utilitzeu l'eina de farciment per pintar els colors que trieu al vostre pixie. Arribats a aquest punt, només li apliqueu colors bàsics, així que no us preocupeu per l’aparent falta d’alleujament. L’eina d’emplenament acoloreix tots els píxels coincidits amb el que heu fet clic fins que compleixi els límits de la zona de difusió.
5a part Aplicar llum i ombres
-
Decidiu l’origen de la “font de llum”. El color de la llum que hauria de tocar el vostre goblin us ajudarà a determinar els matisos de color que haureu d’aplicar-hi per afegir realisme i credibilitat. Tot i que no és una llum real, és molt important saber quina direcció ha de venir en relació amb el tema del dibuix.- El més senzill és aplicar un conjunt de dombres generats per una font de llum imaginària que provindria de molt amunt sobre el goblin, amb una lleugera inclinació a la dreta o a l’esquerra.
-
Ombra amb un matís lleugerament més fosc que l'ombra base. Si la llum ha de venir de la part superior del goblin, heu d'aplicar l'ombra a les seves "parts baixes". Feu ombra a totes les parts que no seran afectades directament per aquesta llum. N'hi ha prou amb afegir algunes capes de punts repartits per sobre i per sota dels contorns per emfatitzar l'efecte d'ombrejament.- Podeu reduir lleugerament el valor de brillantor i augmentar lleugerament el valor de la tonalitat per obtenir un bon color de la tonalitat.
- No utilitzeu mai degradats de color. Semblarien poc realistes i es consideren poc professionals. D'altra banda, podeu afegir un efecte de trituració per imitar efectivament els degradats (vegeu més avall).
-
Afegiu ombres toves. Trieu i utilitzeu una ombra una mica més clara que el color base per enfosquir, cosa que produirà un efecte de transició entre la foscor i la llum. -
Apliqueu alguns reflexos lleugers. Alguns punts particulars de l’elf estan més il·luminats que d’altres per la llum de la font. Podeu il·luminar-les mitjançant tons més lleugers que el color base. Utilitzeu aquest efecte només en dosis petites, ja que poden cridar massa l’atenció.
Part 6 Utilitzant tècniques més sofisticades
-
Proveu el dithering. És un efecte que dóna a l’artista la facultat de representar una esllavissada. Permet crear un gradient fals amb només uns quants colors alternant la ubicació de píxels de dos o més d’ells per obtenir un efecte de transició. La densitat i el posicionament de píxels de dos colors diferents en un patró determinat poden crear un efecte trompe-l'oeil jugant amb els seus diversos tons.- Els principiants utilitzen el dithering massa freqüent, de manera que a menys que sigui absolutament necessari, proveu de levitar.
-
Exercici amb funcions de suavització (o anti-aliasing). Lanti aliasing és una tècnica que permet suavitzar línies i contorns en un dibuix de mapa de bits "diluint" una petita porció amb el color base.- Afegiu colors intermedis al voltant d’una corba per suavitzar. Afegiu una capa de colors intermedis més enllà i per sota de les vores d’una corba que voleu suavitzar. Si encara sembla massa tallat, no dubteu a afegir una capa d’ombra més clara.
- Si voleu que el elf destaqui clarament d’un fons de colors, no sobreescriviu el contorn amb els seus contorns.
-
Aplica la trama selectiva. Aquest és el terme que es fa servir per acolorir la trama de la mateixa manera que el color d'ompliment. Això disminuirà l’efecte de la “caricatura” donada a l’elf, perquè el contorn de la seva perifèria sembla una mica més natural. Intenteu aplicar una vora selectiva per als colors que representen la pell, mantenint un traç clàssic per a la roba.- Utilitzeu una ombra lleugerament més fosca que el color base de la secció en què dibuixeu un esquema selectiu. Per obtenir un aspecte més natural del goblin, utilitzeu la font de llum per alleugerir els matisos de color a mesura que dibuixeu les vores selectives. Això és particularment útil per reproduir tons de la pell o relleus musculars.
- El disseny tradicional del contorn és vàlid si cal mantenir el focus en un fons relativament congestionat.
7a part Posem un toc final
-
Feu que el vostre aspecte bo sigui bo. Feu un pas enrere i vigileu amb atenció. Busqueu incoherències i errors i corregiu-los. -
Afegeix detalls. Després d’acabar de pintar i ombrejar, podeu afegir alguns detalls al vostre pixie, com ara escriptura, ulls, components addicionals i qualsevol altra cosa que pugui afegir valor. Cal destacar el detall que diferencia artistes professionals i aficionats. -
Animeu el vostre follet. Si heu seguit els passos anteriors, obtindreu un goblin senzill però sense vida. Pot ser una bella obra d’art, però si voleu crear follets per als jocs, haureu d’animar-los. Això vol dir que cada fotograma successiu d’animació contindrà el seu propi programa lliure, cosa que comportarà un lleuger canvi respecte al del marc anterior. La col·lecció de tots els dibuixos dels elfs que constitueixen una animació s'anomena "full d'animació".- Consulteu aquesta guia per obtenir més detalls sobre les animacions de Gimp elf.
- La creació d'animacions originals i atractives és una de les maneres en què els artistes confirmats destaquen dels amateurs. Una animació ben feta pot donar una vida intensa a un elf amb efectes impressionants.
-
Prepareu una carpeta de presentació. Si teniu intenció d’entrar al món del desenvolupament de jocs professionals, haureu d’establir un registre ben documentat per presentar-lo als possibles empresaris. Poseu alguns dels vostres millors elfs i alguns fulls d’animació si els teniu. Inclou també una varietat de temes, escenaris, accessoris i tot allò que hi puguis posar.