SlideShare una empresa de Scribd logo
1 de 2
ÁREA DE TECNOLOGÍA E INFORMÁTICA 
Pixel Art con Gimp 
El arte con píxeles (pixel art en inglés) es una forma retro de arte digital usando colores limitados y 
software de edición de imágenes básico. Los primeros personajes y ambientes de los videojuegos 
fueron creados píxel por píxel, y este estilo influenció al arte con píxeles. 
Para trabajar Pixel Art con Gimp, lo primero es 
cambiar algunas opciones para que no nos 
moleste el efecto antialiasing (el filtro de la 
imagen que suaviza los bordes), para lo cual 
debemos ir al menú Editar > Preferencias. 
Se abrirá una ventana con todas las opciones 
del programa. Primero cambiaremos la 
interpolación, para no tener problemas a la hora 
de re-escalar las imágenes. En la opción 
'Opciones de Herramienta' encontramos una 
sección llamada Escalado donde hay una 
casilla para elegir la Interpolación 
predeterminada, la cual debemos dejar en 
'Ninguna'. 
Y para ayudarnos con una rejilla cuadriculada, 
volvemos a la lista de opciones de la ventana 
Preferencias para seleccionar Rejilla 
predeterminada y en la sección Espaciado 
marcamos la anchura y la altura a 1 pixel. 
Ahora es el momento de crear nuestro nuevo 
proyecto. Vamos a Archivo > Nuevo y elegimos 
un tamaño del lienzo no demasiado grande 
(anchura y altura) y dejamos 72 ppp. 
Ahora ya se tiene un lienzo en blanco listo para 
trabajar 
Es el momento de activar la rejilla que se 
configuró previamente. Para ello iremos al menú 
Vista > Mostrar rejilla. Si no se observa la 
rejilla debemos acercar el lienzo en Vista > 
Ampliación > 8:1 (800%) o 16:1 (1600%) (Una 
manera cómoda de hacer zoom en Gimp es con 
Control + rueda del ratón). 
Las herramientas están configuradas por 
defecto para suavizar los bordes y en Pixel Art 
esto es un problema, pero afortunadamente es 
fácil de solucionar. Básicamente, debemos 
utilizar la herramienta 'Lápiz' y no el 'Pincel' ya 
que tiene un trazo más duro.
Ahora utilizamos la herramienta Lápiz, con una 
opacidad al 100%, un pincel de 1 pixel y con 
tamaño de 1.00. 
Al seleccionar la herramienta 'Borrador', 
tendremos el mismo problema de suavizado. Es 
tan sencillo como seleccionar la casilla de 
'bordes duros' y listo. 
Ya estamos listos para empezar a dibujar. 
Elegimos color y vamos pintando en el lienzo. 
Vamos a dibujar al protagonista de Rainbow 
Island por su diseño simple. 
Si no queremos estar jugando con el zoom en 
todo momento y necesitamos una referencia 
para poder ver el dibujo en su tamaño original 
para apreciar cómo va quedando, podemos abrir 
una pequeña ventana que nos muestre el 
resultado final, así: pulsamos sobre la pestaña 
Vista > Vista nueva y la ponemos a escala 
100%. Es bastante útil. 
El trabajo final quedará así: 
Recordar que para guardar cualquier proyecto 
pixel, el formato correcto es .PNG. 
Si se quiere más grande o más pequeño 
recordemos que podemos utilizar el escalado de 
imágenes, pestaña Imagen > Escalar Imagen. 
Fuente: 
http://www.pixelsmi l.com/2011/09/configurar-gimp-para-pixel-art-tutorial.html

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Tp 1 gimp
Tp 1 gimpTp 1 gimp
Tp 1 gimp
 
Street-Art habilidad
Street-Art habilidadStreet-Art habilidad
Street-Art habilidad
 
Presentación2n proyecto final
Presentación2n proyecto finalPresentación2n proyecto final
Presentación2n proyecto final
 
PHOTOSHOP CS6: CAPAS
PHOTOSHOP CS6: CAPASPHOTOSHOP CS6: CAPAS
PHOTOSHOP CS6: CAPAS
 
Deber de informatica
Deber de informaticaDeber de informatica
Deber de informatica
 
Resumen de Photoshop
Resumen de PhotoshopResumen de Photoshop
Resumen de Photoshop
 
Técnicas para desarrollo de videojuegos 2D
Técnicas para desarrollo de videojuegos 2DTécnicas para desarrollo de videojuegos 2D
Técnicas para desarrollo de videojuegos 2D
 
Gimp - Ventana de Manipulación de Imágenes
Gimp - Ventana de Manipulación de ImágenesGimp - Ventana de Manipulación de Imágenes
Gimp - Ventana de Manipulación de Imágenes
 
Manual de practicas Photoshop
Manual de practicas PhotoshopManual de practicas Photoshop
Manual de practicas Photoshop
 
TP GIMP
TP GIMPTP GIMP
TP GIMP
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Pasos pixlr
Pasos pixlrPasos pixlr
Pasos pixlr
 
Tutorial pixel art
Tutorial pixel artTutorial pixel art
Tutorial pixel art
 
Actividad 2 photoshop
Actividad 2 photoshopActividad 2 photoshop
Actividad 2 photoshop
 
Real paint
Real paintReal paint
Real paint
 
Gimp efectos
Gimp efectosGimp efectos
Gimp efectos
 
Photoscape
PhotoscapePhotoscape
Photoscape
 
M14 taller practico
M14 taller practicoM14 taller practico
M14 taller practico
 
Texto Infierno - Tutorial de Photoshop
Texto Infierno - Tutorial de PhotoshopTexto Infierno - Tutorial de Photoshop
Texto Infierno - Tutorial de Photoshop
 

Destacado

Guia 4 de html imagenes
Guia 4 de html   imagenesGuia 4 de html   imagenes
Guia 4 de html imageneslisvancelis
 
Proyecto 2 en micromundos 07 abr2015
Proyecto 2 en micromundos   07 abr2015Proyecto 2 en micromundos   07 abr2015
Proyecto 2 en micromundos 07 abr2015lisvancelis
 
Evaluación diagnóstica y nivelatoria de excel para novenos 2015
Evaluación diagnóstica y nivelatoria de excel para novenos   2015Evaluación diagnóstica y nivelatoria de excel para novenos   2015
Evaluación diagnóstica y nivelatoria de excel para novenos 2015lisvancelis
 
Glosario de Internet
Glosario de InternetGlosario de Internet
Glosario de Internetlisvancelis
 
Taller 4 micromundos pro repite y otras instrucciones
Taller 4 micromundos pro   repite y otras instruccionesTaller 4 micromundos pro   repite y otras instrucciones
Taller 4 micromundos pro repite y otras instruccioneslisvancelis
 
Proyecto 1 en micromundos 24 mar2015
Proyecto 1 en micromundos   24 mar2015Proyecto 1 en micromundos   24 mar2015
Proyecto 1 en micromundos 24 mar2015lisvancelis
 
Actividad sobre el glosario de internet
Actividad sobre el glosario de internetActividad sobre el glosario de internet
Actividad sobre el glosario de internetlisvancelis
 

Destacado (7)

Guia 4 de html imagenes
Guia 4 de html   imagenesGuia 4 de html   imagenes
Guia 4 de html imagenes
 
Proyecto 2 en micromundos 07 abr2015
Proyecto 2 en micromundos   07 abr2015Proyecto 2 en micromundos   07 abr2015
Proyecto 2 en micromundos 07 abr2015
 
Evaluación diagnóstica y nivelatoria de excel para novenos 2015
Evaluación diagnóstica y nivelatoria de excel para novenos   2015Evaluación diagnóstica y nivelatoria de excel para novenos   2015
Evaluación diagnóstica y nivelatoria de excel para novenos 2015
 
Glosario de Internet
Glosario de InternetGlosario de Internet
Glosario de Internet
 
Taller 4 micromundos pro repite y otras instrucciones
Taller 4 micromundos pro   repite y otras instruccionesTaller 4 micromundos pro   repite y otras instrucciones
Taller 4 micromundos pro repite y otras instrucciones
 
Proyecto 1 en micromundos 24 mar2015
Proyecto 1 en micromundos   24 mar2015Proyecto 1 en micromundos   24 mar2015
Proyecto 1 en micromundos 24 mar2015
 
Actividad sobre el glosario de internet
Actividad sobre el glosario de internetActividad sobre el glosario de internet
Actividad sobre el glosario de internet
 

Similar a Pixel Art Gimp 40

2. la imagen digital
2. la imagen digital2. la imagen digital
2. la imagen digital3aulagasss
 
Presentacion De Photoshop
Presentacion De PhotoshopPresentacion De Photoshop
Presentacion De Photoshopguestf223b3
 
Minimanual retoque fotográfico con el Gimp (2016)
Minimanual retoque fotográfico con el Gimp (2016)Minimanual retoque fotográfico con el Gimp (2016)
Minimanual retoque fotográfico con el Gimp (2016)Agneta Gallardo
 
Apunte foto para diseño
Apunte foto para diseñoApunte foto para diseño
Apunte foto para diseñoLaura Azzarini
 
2. la imagen digital
2. la imagen digital2. la imagen digital
2. la imagen digital3aulagasss
 
Tratamiento de imagenes con paint canarias
Tratamiento de imagenes con paint canariasTratamiento de imagenes con paint canarias
Tratamiento de imagenes con paint canariasmariavalencia
 
Uso de los recursos didácticos
Uso de los recursos didácticosUso de los recursos didácticos
Uso de los recursos didácticosarredesjavier
 
Edicion imagenes[1]
Edicion imagenes[1]Edicion imagenes[1]
Edicion imagenes[1]yanina812
 
2º eso tarea tema 1
2º eso tarea tema 12º eso tarea tema 1
2º eso tarea tema 1inma
 
25 trucos-para-seguir-aprendiendo-gimp
25 trucos-para-seguir-aprendiendo-gimp25 trucos-para-seguir-aprendiendo-gimp
25 trucos-para-seguir-aprendiendo-gimpNik-ol Riascös
 
Gimp grupo-uno-de-practicas
Gimp grupo-uno-de-practicasGimp grupo-uno-de-practicas
Gimp grupo-uno-de-practicasALICIAROSAS7
 
Apuntes sobre Digitalizacion
Apuntes sobre DigitalizacionApuntes sobre Digitalizacion
Apuntes sobre DigitalizacionEduardo Sganga
 
La resolucion en las imagenes
La resolucion en las imagenesLa resolucion en las imagenes
La resolucion en las imagenesjcdelassaletta
 

Similar a Pixel Art Gimp 40 (20)

Gimp
GimpGimp
Gimp
 
2. la imagen digital
2. la imagen digital2. la imagen digital
2. la imagen digital
 
Presentacion De Photoshop
Presentacion De PhotoshopPresentacion De Photoshop
Presentacion De Photoshop
 
Minimanual retoque fotográfico con el Gimp (2016)
Minimanual retoque fotográfico con el Gimp (2016)Minimanual retoque fotográfico con el Gimp (2016)
Minimanual retoque fotográfico con el Gimp (2016)
 
Apunte foto para diseño
Apunte foto para diseñoApunte foto para diseño
Apunte foto para diseño
 
2. la imagen digital
2. la imagen digital2. la imagen digital
2. la imagen digital
 
Tratamiento de imagenes con paint canarias
Tratamiento de imagenes con paint canariasTratamiento de imagenes con paint canarias
Tratamiento de imagenes con paint canarias
 
Uso de los recursos didácticos
Uso de los recursos didácticosUso de los recursos didácticos
Uso de los recursos didácticos
 
Edicion imagenes[1]
Edicion imagenes[1]Edicion imagenes[1]
Edicion imagenes[1]
 
Trabajo Unformatica
Trabajo UnformaticaTrabajo Unformatica
Trabajo Unformatica
 
2º eso tarea tema 1
2º eso tarea tema 12º eso tarea tema 1
2º eso tarea tema 1
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
25 trucos-para-seguir-aprendiendo-gimp
25 trucos-para-seguir-aprendiendo-gimp25 trucos-para-seguir-aprendiendo-gimp
25 trucos-para-seguir-aprendiendo-gimp
 
Gimp tanda2
Gimp tanda2Gimp tanda2
Gimp tanda2
 
Practicas Gimp tanda1 4º ESO Inf
Practicas Gimp tanda1 4º ESO InfPracticas Gimp tanda1 4º ESO Inf
Practicas Gimp tanda1 4º ESO Inf
 
Gimp grupo-uno-de-practicas
Gimp grupo-uno-de-practicasGimp grupo-uno-de-practicas
Gimp grupo-uno-de-practicas
 
Apuntes sobre Digitalizacion
Apuntes sobre DigitalizacionApuntes sobre Digitalizacion
Apuntes sobre Digitalizacion
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digital
 
La resolucion en las imagenes
La resolucion en las imagenesLa resolucion en las imagenes
La resolucion en las imagenes
 
U3_Resolucion_1.pdf
U3_Resolucion_1.pdfU3_Resolucion_1.pdf
U3_Resolucion_1.pdf
 

Más de lisvancelis

Conceptos básicos en informática
Conceptos básicos en informáticaConceptos básicos en informática
Conceptos básicos en informáticalisvancelis
 
Octavo grado taller 0 de excel 2010
Octavo grado taller 0 de excel 2010Octavo grado taller 0 de excel 2010
Octavo grado taller 0 de excel 2010lisvancelis
 
Octavo grado taller 1 de excel 2010
Octavo grado taller 1 de excel 2010Octavo grado taller 1 de excel 2010
Octavo grado taller 1 de excel 2010lisvancelis
 
Evaluación final de excel para el primer período 2015
Evaluación final de excel para el primer período 2015Evaluación final de excel para el primer período 2015
Evaluación final de excel para el primer período 2015lisvancelis
 
Evaluación escrita de excel en el cuaderno 2015
Evaluación escrita de excel en el cuaderno   2015Evaluación escrita de excel en el cuaderno   2015
Evaluación escrita de excel en el cuaderno 2015lisvancelis
 
Taller 5 uso de funciones en excel - perímetros
Taller 5   uso de funciones en excel - perímetrosTaller 5   uso de funciones en excel - perímetros
Taller 5 uso de funciones en excel - perímetroslisvancelis
 
Taller 4 referencias relativas y absolutas
Taller 4   referencias relativas y absolutasTaller 4   referencias relativas y absolutas
Taller 4 referencias relativas y absolutaslisvancelis
 
Taller 3 practicar fórmulas y series en excel
Taller 3   practicar fórmulas y series en excelTaller 3   practicar fórmulas y series en excel
Taller 3 practicar fórmulas y series en excellisvancelis
 
Cuestionario de Herramientas Web
Cuestionario de Herramientas WebCuestionario de Herramientas Web
Cuestionario de Herramientas Weblisvancelis
 
Evaluación final - Tablas y diagramas en Word
Evaluación final - Tablas y diagramas en WordEvaluación final - Tablas y diagramas en Word
Evaluación final - Tablas y diagramas en Wordlisvancelis
 
Quinta clase novenos - Esquemas con formas
Quinta clase novenos - Esquemas con formasQuinta clase novenos - Esquemas con formas
Quinta clase novenos - Esquemas con formaslisvancelis
 
Guía 5 de PowerPoint 2007
Guía 5 de PowerPoint 2007Guía 5 de PowerPoint 2007
Guía 5 de PowerPoint 2007lisvancelis
 
GeoGebra Guía 0 Introducción
GeoGebra Guía 0 IntroducciónGeoGebra Guía 0 Introducción
GeoGebra Guía 0 Introducciónlisvancelis
 
GeoGebra Guía 1
GeoGebra Guía 1GeoGebra Guía 1
GeoGebra Guía 1lisvancelis
 
Geogebra Guía 2
Geogebra Guía 2Geogebra Guía 2
Geogebra Guía 2lisvancelis
 
GeoGebra Guía 3
GeoGebra Guía 3GeoGebra Guía 3
GeoGebra Guía 3lisvancelis
 
Trabajo sobre el plan de mejoramiento 26 jul a 02ago 2013
Trabajo sobre el plan de mejoramiento   26 jul a 02ago 2013Trabajo sobre el plan de mejoramiento   26 jul a 02ago 2013
Trabajo sobre el plan de mejoramiento 26 jul a 02ago 2013lisvancelis
 
Dirección de curso 25 jul2013
Dirección de curso   25 jul2013Dirección de curso   25 jul2013
Dirección de curso 25 jul2013lisvancelis
 
Presentación gnoss
Presentación gnossPresentación gnoss
Presentación gnosslisvancelis
 
Presentación gnoss
Presentación gnossPresentación gnoss
Presentación gnosslisvancelis
 

Más de lisvancelis (20)

Conceptos básicos en informática
Conceptos básicos en informáticaConceptos básicos en informática
Conceptos básicos en informática
 
Octavo grado taller 0 de excel 2010
Octavo grado taller 0 de excel 2010Octavo grado taller 0 de excel 2010
Octavo grado taller 0 de excel 2010
 
Octavo grado taller 1 de excel 2010
Octavo grado taller 1 de excel 2010Octavo grado taller 1 de excel 2010
Octavo grado taller 1 de excel 2010
 
Evaluación final de excel para el primer período 2015
Evaluación final de excel para el primer período 2015Evaluación final de excel para el primer período 2015
Evaluación final de excel para el primer período 2015
 
Evaluación escrita de excel en el cuaderno 2015
Evaluación escrita de excel en el cuaderno   2015Evaluación escrita de excel en el cuaderno   2015
Evaluación escrita de excel en el cuaderno 2015
 
Taller 5 uso de funciones en excel - perímetros
Taller 5   uso de funciones en excel - perímetrosTaller 5   uso de funciones en excel - perímetros
Taller 5 uso de funciones en excel - perímetros
 
Taller 4 referencias relativas y absolutas
Taller 4   referencias relativas y absolutasTaller 4   referencias relativas y absolutas
Taller 4 referencias relativas y absolutas
 
Taller 3 practicar fórmulas y series en excel
Taller 3   practicar fórmulas y series en excelTaller 3   practicar fórmulas y series en excel
Taller 3 practicar fórmulas y series en excel
 
Cuestionario de Herramientas Web
Cuestionario de Herramientas WebCuestionario de Herramientas Web
Cuestionario de Herramientas Web
 
Evaluación final - Tablas y diagramas en Word
Evaluación final - Tablas y diagramas en WordEvaluación final - Tablas y diagramas en Word
Evaluación final - Tablas y diagramas en Word
 
Quinta clase novenos - Esquemas con formas
Quinta clase novenos - Esquemas con formasQuinta clase novenos - Esquemas con formas
Quinta clase novenos - Esquemas con formas
 
Guía 5 de PowerPoint 2007
Guía 5 de PowerPoint 2007Guía 5 de PowerPoint 2007
Guía 5 de PowerPoint 2007
 
GeoGebra Guía 0 Introducción
GeoGebra Guía 0 IntroducciónGeoGebra Guía 0 Introducción
GeoGebra Guía 0 Introducción
 
GeoGebra Guía 1
GeoGebra Guía 1GeoGebra Guía 1
GeoGebra Guía 1
 
Geogebra Guía 2
Geogebra Guía 2Geogebra Guía 2
Geogebra Guía 2
 
GeoGebra Guía 3
GeoGebra Guía 3GeoGebra Guía 3
GeoGebra Guía 3
 
Trabajo sobre el plan de mejoramiento 26 jul a 02ago 2013
Trabajo sobre el plan de mejoramiento   26 jul a 02ago 2013Trabajo sobre el plan de mejoramiento   26 jul a 02ago 2013
Trabajo sobre el plan de mejoramiento 26 jul a 02ago 2013
 
Dirección de curso 25 jul2013
Dirección de curso   25 jul2013Dirección de curso   25 jul2013
Dirección de curso 25 jul2013
 
Presentación gnoss
Presentación gnossPresentación gnoss
Presentación gnoss
 
Presentación gnoss
Presentación gnossPresentación gnoss
Presentación gnoss
 

Pixel Art Gimp 40

  • 1. ÁREA DE TECNOLOGÍA E INFORMÁTICA Pixel Art con Gimp El arte con píxeles (pixel art en inglés) es una forma retro de arte digital usando colores limitados y software de edición de imágenes básico. Los primeros personajes y ambientes de los videojuegos fueron creados píxel por píxel, y este estilo influenció al arte con píxeles. Para trabajar Pixel Art con Gimp, lo primero es cambiar algunas opciones para que no nos moleste el efecto antialiasing (el filtro de la imagen que suaviza los bordes), para lo cual debemos ir al menú Editar > Preferencias. Se abrirá una ventana con todas las opciones del programa. Primero cambiaremos la interpolación, para no tener problemas a la hora de re-escalar las imágenes. En la opción 'Opciones de Herramienta' encontramos una sección llamada Escalado donde hay una casilla para elegir la Interpolación predeterminada, la cual debemos dejar en 'Ninguna'. Y para ayudarnos con una rejilla cuadriculada, volvemos a la lista de opciones de la ventana Preferencias para seleccionar Rejilla predeterminada y en la sección Espaciado marcamos la anchura y la altura a 1 pixel. Ahora es el momento de crear nuestro nuevo proyecto. Vamos a Archivo > Nuevo y elegimos un tamaño del lienzo no demasiado grande (anchura y altura) y dejamos 72 ppp. Ahora ya se tiene un lienzo en blanco listo para trabajar Es el momento de activar la rejilla que se configuró previamente. Para ello iremos al menú Vista > Mostrar rejilla. Si no se observa la rejilla debemos acercar el lienzo en Vista > Ampliación > 8:1 (800%) o 16:1 (1600%) (Una manera cómoda de hacer zoom en Gimp es con Control + rueda del ratón). Las herramientas están configuradas por defecto para suavizar los bordes y en Pixel Art esto es un problema, pero afortunadamente es fácil de solucionar. Básicamente, debemos utilizar la herramienta 'Lápiz' y no el 'Pincel' ya que tiene un trazo más duro.
  • 2. Ahora utilizamos la herramienta Lápiz, con una opacidad al 100%, un pincel de 1 pixel y con tamaño de 1.00. Al seleccionar la herramienta 'Borrador', tendremos el mismo problema de suavizado. Es tan sencillo como seleccionar la casilla de 'bordes duros' y listo. Ya estamos listos para empezar a dibujar. Elegimos color y vamos pintando en el lienzo. Vamos a dibujar al protagonista de Rainbow Island por su diseño simple. Si no queremos estar jugando con el zoom en todo momento y necesitamos una referencia para poder ver el dibujo en su tamaño original para apreciar cómo va quedando, podemos abrir una pequeña ventana que nos muestre el resultado final, así: pulsamos sobre la pestaña Vista > Vista nueva y la ponemos a escala 100%. Es bastante útil. El trabajo final quedará así: Recordar que para guardar cualquier proyecto pixel, el formato correcto es .PNG. Si se quiere más grande o más pequeño recordemos que podemos utilizar el escalado de imágenes, pestaña Imagen > Escalar Imagen. Fuente: http://www.pixelsmi l.com/2011/09/configurar-gimp-para-pixel-art-tutorial.html