Aquells temps en què, en els anys 80, per la poder crear Pixel Art havies de tirar de codi binari per conformar la forma d'una nau o d'una persona animada amb una sèrie d'icones que es superposaven l'un sobre l'altre. Aquest codi binari va ser capaç de donar-nos joies dels videojocs per ser gairebé la base perquè a dia d'avui puguem gaudir d'una nova edat d'or de l'Pixel Art gràcies als jocs per a dispositius mòbils.
I a el mateix temps que han canviat els temps amb aquests dispositius mòbils, podem accedir a una sèrie d'eines que ens faciliten la creació de Pixel Art amb el nostre PC. Una d'aquestes eines és Pixel Art Studio, un programa gratuït que tens disponible des de la Windows Store en Windows 10. Anem a passar a comentar cadascuna de les característiques d'aquest programa, a l'igual que mostrar els passos per crear Pixel Art d'una manera bastant senzilla amb les útils eines que facilita aquesta app.
Les característiques de Píxel Art Studio
Estem davant d'una eina de gran poder i que pot ser utilitzada per qualsevol que vulgui endinsar-se en el disseny de Pixel Art. Entre les seves característiques cridaneres es troba que està optimitzada per a llapis digitals i aquells amb entrada tàctil, així que si teniu un llapis Wacom o Surface de Windows, podreu gairebé volar en el disseny Pixel Art.
Però no només es queda aquí, sinó que compta amb una sèrie de característiques com són la seva manera prèvia de sprites, Capacitat per importar / exportar PNG, diferents tipus de pinzells, ajustos per la mida i opacitat de l'pinzell, pressió de el pinzell, efectes especials en les capes, mida personalitzada de la tela, funcionalitat avançada de les capes, dibuix simètric, control sobre cada un dels píxels de la nostra feina i la possibilitat de dibuix de formes amb alguns pinzells en concret.
És l'habilitat per dibuixar simètricament una de les més útils, Ja que amb aquesta eina serem capaços de crear objectes en un tres i no res, com pot ser una nau espacial o un objecte en concret que li vingui molt bé per a aquest amic que s'està posant les mans a la massa per crear el seu propi videojoc per Android o iOS.
Pixel Art Studio també té la seva versió web, Tot i que està disponible en alfa, de manera que possiblement us trobeu amb alguns errors. Així que per poder endinsar-te en el món de l'Pixel Art, et recomanem que passis per la descàrrega de el programa des de la botiga de Windows 10.
Les eines i interfície de Píxel Art Studio
En el moment que ho hàgim instal·lat i llançat el programa, tindrem davant nostre el llenç amb forma de quadrícules que ens permetrà dibuixar amb els diferents pinzells que podrem trobar a la barra d'eines lateral esquerra.
Com podeu veure, té moltes similituds amb altres programes de disseny, així que si estem acostumats a Photoshop i altres, us sentireu com a casa. Dit això, anem a repassar les diferents parts de el programa. A la part superior tenim les eines d'esborrat, Tirar per enrere, enganxat, previ i zoom.
A part d'aquestes, que seran molt usades per a diferents comeses, Tenim una molt important: eines o tools. Si premem en ella podrem accedir a una sèrie d'eines de gran importància per a començar amb el dibuix del nostre primer Pixel Art.
Tenim a Rotate, que s'encarregarà de rotar el dibuix que hàgim fet ja; Flip X, per voltejar de forma lateral el dibuix creat; Flip I, amb la mateixa funció tot i que ho farà verticalment des de l'eix I; i Mirror X i Mirror I, dos eines essencials per facilitar la creació de Pixel Art. Cada píxel que dibuixeu en el llenç, serà doblat en l'altra part de la mateixa. Dependrà que s'usi l'eina Mirror X perquè es copiï al lateral, o Mirror I perquè sigui en la part vertical.
La resta d'eines d'aquesta part és Grid, per canviar la mida de la quadrícula; Axis lock, per tirar el forrellat als eixos X i Y; Import, per importar una imatge i així jugar ja amb una base en píxels si la que hem importat és prou petita; i Resize, per canviar la mida de la tela.
també tenim l'opció d'usar Animation, Encara que això ho deixarem per a un altre tutorial. Vol dir que podreu animar píxels per així crear explosions o tot aquest tipus d'efectes necessaris a l'igual d'animar personatges. Finalment teniu «More», per així accedir a guardar, carregar, nou art, exportar o veure la galeria; una sèrie d'eines bàsiques per a la creació artística amb aquest programa.
Les eines de dibuix i les capes
A la part esquerra tenim les eines principals de dibuix més el que és el selector de color. El selector de color és ben bàsic amb un historial de colors recents i colors personalitzats per a un ràpid accés. Aquesta part és interessant, ja que molts dels dibuixos que fem no necessitaran tants colors, amb uns quants serem capaços de realitzar Pixel Art de qualitat.
La següent eina són els ajustos de pinzell, que ens permeten ajustar la mida i opacitat de la mateixa. Tenim uns configurats per defecte per així accedir ràpidament a ells sense haver de perdre res de temps.
Si premem ara sobre l'eina de pinzell, podrem triar també línia, quadrat o cercle. Les altres eines són ben conegudes com esborrat, pot de pintura per omplir una zona i selecció.
A l'altra banda tenim a la part de les capes que ens permetran dibuixar les capes que ens interessin. El signe + per crear una nova capa que s'afegirà a l'actual per així tenir totes les que vulguem. Podem bloquejar-amb el signe de l'cadenat o fer-les visibles amb el signe de l'ull.
Com podeu veure, Pixel Art Studio ens porta davant d'un programa ben senzill en la seva dinàmica perquè ens disposem ràpidament a crear un dibuix Pixel Art. En aquest cas crearem una nau intergalàctica que podríem fer servir en un shoot 'em up d'aquests de moltes explosions i molts enemics.
Com dibuixar una nau espacial Pixel Art amb Pixel Art Studio
Descàrrega Pixel Art Studio des d'aquí.
- anem a seleccionar el pinzell de línia i 1 píxel de mida per començar amb el dibuix.
- Fet això, ens anem a Tools i seleccionem Mirror X.
- Podem reduir la mida de la tela amb la vista de zoom a la part inferior esquerra amb el signe + o -.
- Portem el punter de l'ratolí a la part superior de la tela just a la meitat; amb la guia ens serà ben fàcil.
- Premem i dibuixem cap avall la forma obliqua que donarà lloc a la part davantera de la nau.
- Obrim una mica les ales de la nau com podeu veure a la imatge a continuació amb una altra línia de diferent angle:
- Ara tanquem les ales de la nau i vam crear la part inferior de propulsió com veieu a la imatge:
- És el moment de crear la cabina des d'un terç de la part frontal de la nau, gairebé com féssim la mateixa part però més petita per tancar-la finament:
- Ara els míssils col·locats en les ales:
- Anem a donar color a la nau seleccionant el selector de color.
- Un blau amb el codi Hex # 2c6598. I ho vam passar a color personalitzat a l'prémer sobre la icona de la mà i arrossegar-lo cap a la posició que vulguem.
- Triem ara el cub i fem clic a l'interior de la nau dibuixada i en els míssils.
- donem color a la cabina amb aquest to: # e1a279
- Seleccionem el color negre, un color gris li podria venir millor, i dibuixem els alerons a la part inferior de la nau. Podem prendre com a punt d'inici la vertical de la cabina.
- També vam crear una línia vertical de 5 píxels situada just a sobre dels míssils.
- La punta de l'frontal de la nau el tanquem amb una línia horitzontal. Aquesta part també la acolorim amb un to: # ec6d19
- És el moment de crear els reflexos de la nau amb el pinzell.
- Desactivem Mirror X i amb un to més clar: # f2c6a8, dibuixem el reflex amb uns quants píxels a la part lateral esquerra de la cabina com s'indica a la imatge:
- Per a la punta de la nau, amb el selector de color, podem utilitzar el comptagotes per a prendre el taronja i així triar un to més clar.
- Us ho donarem de totes maneres: # eeb18a
- Important: Anar guardant com colors personalitzats per poder tornar a ells en qualsevol moment.
- Canviem ara a línia, vam triar el to blau, busquem un més clar (# 94989b) i dibuixem el reflexos a la part lateral esquerra de la nau:
- anem a pintar de negre els alerons com en la imatge amb el pot de pintura:
- Ens dirigim a les capes i seleccionem la de l'dibuix per duplicar amb Duplicate. També la bloquegem la nova capa amb el cadenat.
- Triem el color blanc i en la nova capa duplicada fem servir el pot de pintura per pintar tot el color blau i fins i tot els reflexos donats anteriorment:
- Ara és el moment per seleccionar el llapis o pinzell, vam canviar la mida de l'pinzell a 7px i pintem tot el llenç amb el color blanc.
- A la capa duplicada, just on som, seleccionem la manera blend «Multiply» perquè aparegui la nau.
- Ens anem a la configuració de pinzell i triem el difusor a una mida de 5px. També el color negre i l'opacitat de l'pinzell a l'10%.
- El que farem és donar ombra a la part lateral dreta de la nau i de l'propulsor a la inferior a l'igual que la part dels míssils inferior:
- Ens anem a Preview a la part superior per mostrar un previ de la nau i prenem l'esborrany per netejar les ombres.
- prenem el llapis en mà i seguim dibuixant ombres al voltant de la cabina. Fins i tot a la cabina per donar volum amb l'ombra.
- En tot moment podem rebaixar la intensitat de les ombres amb l'opacitat de capa.
- donem ombra als míssils i ja tindrem llista la nostra nau.
- Feu clic en More> Export.
- Escalar la imatge a 400% o fins i tot afegim espaiat de píxel perquè aparegui més pixelada. Això ja dependrà del nostre gust i art.
- També podem canviar el fons en background color i afegim marge en X i Y a 45% i 60% respectivament.
- Ya tenim a punt la nostra super nau per guardar-la com .PNG.
Ara a crear naus alienígenes de tota mena per així conformar una sèrie d'elles per passar-la a aquest amic que les espera amb ànsia per al seu joc.