Gráfica

Gimp

Es un potente programa de software libre. Es la alternativa libre más evolucionada para la manipulación de imágenes

Preparar los diseños en proyecto de vectores o pixelares en múltiples capas
Trata de que todos los archivos tengan nombres sin espacios, letras de las "a" a la "z", sin eñes, ni guiones medios, solos guiones de abajo. En la terminal rename 'y/A-Z/a-z/; s/-/_/g; s/[^a-z0-9_]//g' * y todos los archivos tiene el nombre compatible con web y todos los sistemas operativos :D
En cada capa un elemento de modo que sea simple de recortar/extrae
Varios estados colocar en varias capas (animaciones, estados de un botón, etc)
- Las capas deben tener nombres descriptivos (ejemplo: boton, boton_presionado, fondo, logo, ayuda, atril, fichas, etc)
El tamaño del archivo tiene que tener la misma resolución y tamaño del proyecto final. O una mayor pero proporcional.
El archivo final tiene que estar en SVG o XFC
Guarda las tipografías que usas en la carpeta de trabajo