El otro día encontré un gif de un pixelart animado (que hice hace siglos) y quise modificar uno de los frames a través de Photoshop
Aquí un tutorial sobre cómo hacerlo en Photoshop CS3 y CS4 (no he podido comprobar que funcione en otras pero imagino que sí) para Windows.
- Lo primero es instalar Quicktime
- Segundo ir a File->Import->Video Frames to Layers
- Escribe "*" y podrás ver todos los tipos de archivo.
- Busca el gif que quieres abrir y listo : )
Hace poco empecé en este mundillo de Pixel art.
Me leí unos pocos tutoriales y me animé a probar.
El primer programa que usé durante un tiempo fue el Paint de toda la vida pero se me quedó corto rápido porque quería usar capas e intentar realizar una pequeña animación.
En Internet hay muy buenas guías sobre cómo configurar el Photoshop para dibujar Pixel art pero me he animado a coger lo mejor de ellas y juntarlo en una (y seguro que no es del todo perfecta aún).
¿Qué tamaño de lienzo uso?
Bien, al crear un nuevo documento debemos trabajar a un tamaño pequeño de píxeles y a una resolución de 72 píxeles por pulgada.
Clic para ampliar y ver con más resolución
El tamaño que elijas podrás ampliarlo pero si lo creas a gran tamaño desde un principio, después no podrás reducirlo porque eliminará los píxeles sobrantes (en otro tutorial mostraré cómo escalar tu dibujo).
¿Qué valores por defecto debo usar en las preferencias?
Después vamos a las Preferencias generales de Photoshop para establecer una serie de valores por defecto. De este modo, siempre que abramos un documento, lo hará tal y como indiquemos en los siguientes pasos.
Edit > Preferences > General (Ctrl+K) y selecciona Nearest Neighbor para Image Interpolation.
Editar > Preferencias > General: Interpolación de imagen: Por aproximación (conserva los bordes definidos)
Aquí podemos ver un ejemplo práctico sobre aumentar una imagen con los distintos tipos de interpolación:
Ahora configuramos una cuadrícula con todos los valores a 1 (en algunos tutoriales te dicen que a 4). Personalmente, opino que este paso es opcional, al menos yo prefiero dibujar sin cuadrícula.
¿Cómo muestro la cuadrícula?
Para mostrar la cuadrícula: View > Show > Grid
Ver > Mostrar > Cuadrícula
¿Qué valores debo usar en las herramientas?
Ahora configuramos las herramientas:
Usa el lápiz a tamaño 1
Goma de borrar en modo Cuadrado
Por si algún casual fueras a usar la varita mágica, desactiva la opción Anti-alias
En selección de rectángulo pon el Feather a 0px
Igual en la herramienta lazo poligonal: Feather a 0px y opción Anti-alias desactivada
Ver el dibujo al completo en otra ventana mientras estoy trabajando en él
Otra herramienta útil para el diseñador de pixel art, es la opción ventana nueva en la que podrás ver el dibujo que estás realizando al tamaño original mientras editas en tu lienzo al nivel de zoom que elijas. Window > Arrange > New window for... Ventana > Organizar > Nueva ventana para...
Y esto es todo lo necesario para empezar a trabajar en Pixel art. Espero que os sea de mucha ayuda y os anime a intentarlo. Os aseguro que es un mundo nuevo.
Si algún experto en la materia considera que me he dejado algo es bienvenido a comunicármelo estaré encantada de corregirlo y aprenderlo que sólo soy una principiante.
Si quieres saber cómo dibujar a estilo Pixel art en Adobe Illustrator visita: Cómo configurar Illustrator para crear Pixelart
¿Eres un apasionado del pixel art y no sabes qué programa elegir para crear tus dibujos, animaciones, sprites o tiles?
Aquí tienes una serie de programas para crear tus obras en Pixel Art. Es difícil elegir entre ellos ya que no hay programa bueno ni malo, es cuestión de probarlos y elegir el que más te guste y se adapte a tus necesidades.
Paint.net
Paint.net (no confundir con el Paint de Windows) es una excelente aplicación para hacer Pixel Art. A pesar de sus limitaciones (y de no ser tan poderosa como los archiconocidos Photoshop o Gimp), posee otras ventajas que la hacen una herramienta muy cómoda y rápida.
Posee capas, historial, deshacer infinito, varita mágica, herramienta de clonar, Alpha masks además de una comunidad online donde poder preguntar tus dudas, exponer tus obras, descargarte plugins y paletas de color: http://forums.getpaint.net/
A destacar lo más importante de este programa de pixel art: tiene libre licencia de uso comercial y personal.
Además, puedes grabar extensiones .ICO a través de un plugin. La única pega es que no puedes hacer GIFs animados sólo con esta aplicación.
Paint.net Requisitos del sistema:
S.O: Windows 7 SP1 o más nuevo (incluido Windows 8, 8.1, y 8.1 Update 1)
Procesador: 1GHz (dual-core recomendado)
RAM: 1GB
Es un programa gratuito (freeware) pero acepta donativos para mantenerse.
Graphics Gale
Este programa creado por Human Balance es algo más Pro y exclusivo para la creación del Pixel Art.
Está especializado en crear animaciones de sprites o tiles, reproducirlas a tiempo real mientras las editas y exportarlas a .avi, .gif, .ico, .cur o .ani.
Posee capas, papel cebolla (onion skinning) de los frames anteriores y posteriores, soporta canales Alpha, posee una ventana añadida para ver tu trabajo en el tamaño original, herramienta TWAIN para importar una imagen desde tu escaner.
También puedes borrar o reemplazar colores de forma selectiva, añadir paletas de colores, editar iconos o cursores de Windows, ver múltiples sprites en un único lugar, convertir de forma masiva (Batch) los formatos de los archivos...
Además tiene un explorador de archivos que reproduce la vista previa de las imágenes animadas.
Graphics Gale resulta muy intuitivo para algunas cosas, pero para otras es bien confuso (fondos transparentes...). Menos mal que en el archivo de ayuda del programa, podemos encontrar tutoriales de todo tipo. Tipos de archivos soportados: Entrada y salida de GIF, ICO, CUR, ANI, AVI, GAL, BMP, DIB, JPEG, PNG, TGA. Entrada .SusiePlugin
GraphicsGale Requisitos del sistema:
S.O: Windows98/Me/NT4.0/2000/XP/Vista/7/8
Procesador: Pentium 133 MHz o más.
RAM: 64MB o más.
Graphics Gale se encuentra en el idioma Japones e Inglés y posee una versión de prueba limitada (Shareware) en la que no podrás exportar ni importar GIFs animados, .ico, .avi, .cur, .ani.
La versión de pago cuesta unos 15 euros.
GIMP
GIMP es un potente editor gráfico conocido por ser la más aproximada alternativa gratuita de Photoshop. No está creado para uso exclusivo de Pixel Art, y no posee una interfaz muy intuitiva, así que no resulta muy práctico pero aún así se puede utilizar sin problema porque posee todas las herramientas necesarias (animaciones...).
Un punto a resaltar es que puedes añadir tus propias paletas de color.
GIMP Requisitos del sistema:
S.O: Windows 32 y 64bits, Mac, Linux.
Es un programa gratuito que acepta donaciones.
Photoshop
Al igual que GIMP, Adobe Photoshop no está diseñado para la creación de Pixel Art pero se puede usar igualmente para este fin.
Se trata de un programa de pago en el que, recordemos, necesitas licencia de uso comercial.
Photoshop CC Requisitos del sistema:
S.O: Windows, Mac OS
Procesador: Core Duo o superior 2 GHz
RAM: 2 GB de RAM (8 GB recomendadas)
OpenGL 2.0
Tarjeta Gráfica de al menos 1 GB
De pago: $19.99 dólares al mes.
Aseprite
Aseprite es un programa para animar sprites y una herramienta para editar pixel art bastante parecida al Graphics Gale que hasta hace poco era gratuita. La única diferencia entre la verión pago y de prueba es que con la de pago puedes guardar sprites.
Ahora, por su compra (14.99 dólares que son aproximadamente 13 euros), obtienes los siguientes beneficios: Instalador de Windows y .zip portable, un paquete Mac OS X .dmg, actualizaciones hasta la versión 1.9, soporte via email, la posibilidad de poder instalarlo en todas las computadoras que desees (aunque esto planean cambiarlo), libre licencia de uso personal y comercial.
A destacar: Exporta GIFs a secuencias de .png, escalado fácil de imágenes, papel cebolla, exporta hojas CSS de sprites, puedes realizar dibujos con simetrías, y lo más importante, escucha a sus usuarios y van mejorando el programa con cada versión.
Me recuerda bastante al Flash en cuanto a su forma de animar se refiere:
Aseprite Requisitos del sistema:
S.O: Windows, Mac, Linux (aunque tienen ciertos problemas con este S.O.).
De pago: $14.99 dólares. El programa tiene una versión gratuita en la que no te deja guardar los archivos
Pyxel Edit
Pyxel Edit es un editor diseñado especialmente para el fácil tratamiento de tilesets, niveles y animaciones.
No es muy conocido pero es una muy buena aplicación con una serie de características a destacar tales como: Mosaicos instancia que puedes rotar o voltear haciendo referencia al original. Animaciones y la posibilidad de exportarlas como hoja de sprite o GIFs animados, papel de cebolla para ver los fotogramas anteriores y posteriores, importar Tilesets, exportar mapas de mosaico, exportar el tilemap en XML, JSON o texto plano...
Puedes descargar una versión gratuita en la que no podrás realizar animaciones (y tendrás una interfaz anticuada) o comprar el programa por 9 dólares (unos 8 euros).
Pyxel Edit Requisitos del sistema:
S.O: Windows, Mac con Adobe Air (no necesario en la versión portable).
Versión gratuita (no podrás realizar animaciones e interfaz anticuada) o versión de pago por 9 dólares (unos 8 euros).
Pickle
Pickle es muy parecido a PyxelEdit pero está más enfocado a la creación de tiles (mosaicos).
Funciona con Adobe Air y sus características principales son: Vista previa en tiempo real tanto para animaciones como terrarios, patrones de mosaicos... Importar hojas de sprite creados en otros programas de edición con la posibilidad de crearlos automáticamente en frames separados. Guarda el documento final junto con su paleta de color. Modo espejo para dibujar y crear simetrías.
Pickle Requisitos del sistema:
S.O: Windows XP o superior, Mac OS X 10.6.0 + y es necesario Adobe Air 3.2. aunque si no lo tienes se instalará automáticamente.
RAM: 512MB
Pickle es de pago (22,59 € por licencia de usuario) pero te deja descargar una versión de prueba durante 7 días.
Pro Motion
Pro Motion es un programa para dibujar y animar Pixel Art.
Está diseñado de forma parecida al Deluxe Paint de Amiga.
Sus características principales son: Crear patrones de mosaicos. Poder dibujar mientras la animación está mostrándose. Cambiar el tamaño del pixel a por ejemplo 2x1. Máscaras y transparencias Alpha. Crear mapas de mosaicos en tiempo real. Guías isométricas, octagonales... Editor de color con el que puedes cortar, mover, insertar o modificar rangos de colores. Trabaja con los tipos de archivo: Compuserver GIF89a (.gif), Deluxe Paint image (.lbm), Dr.Halo CUT (*.cut), Amiga Interchange File Format (.iff) / with Anim5 support, Windows Bitmap (.bmp) up to 24bit, JPEG (.jpg), PC Paintbrush (.pcx), Portable Network Graphics (.png), Tagged Image (.tga), Autodesk Flic (.fli/flc), Windows AVI (.avi), Sprites (.spr), Windows Icon (.ico), Windows animated Cursors (.ani), Gameboy Cel File (.cel)
Pro Motion Requisitos del sistema:
S.O: Windows
Puedes descargar una versión reducida de prueba durante 30 días o comprar la versión final: 78.00 dólares (unos 72 euros).
Grafx2
Grafx2 es otro programa inspirado en el Deluxe Paint de Amiga.
Soporta capas, transparencias, es Open Source y lo que considero lo más importante a destacar de este programa es que también se puede descargar en smartphones y tablets Android.
Grafx2 Requisitos del sistema:
S.O: Windows (32bits), Mac y Linux. También compatible con tablets y móviles Android
RAM: 512MB
Gratuito
MOAI
Se trata de un programa sucesor del Autodesk Animator de los 90 pero actualizado y únicamente compatible con Windows (32bits). MOAI es gratuito.
MOAI Requisitos del sistema:
S.O: Windows (32bits)
Gratuito
En definitiva.
Existen muchas herramientas y muy completas. Nadie te puede decir cuál es la mejor porque todo dependerá de tus necesidades; animacioes, tiles, sprites o simplemente dibujar algo a pixel. ¿Te animas a contar cuál es tu preferida y por qué?