Idioma
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
Editor de Arte Pixelado

Editor de Arte Pixelado

Crea arte pixelado con herramientas de dibujo, paletas de colores, modo espejo y exporta como PNG o GIF animado.

¿Qué es el Editor de Arte Pixelado?

El Editor de Arte Pixelado es una herramienta de dibujo basada en navegador diseñada para crear arte pixelado y animaciones de sprites. Ya sea que estés diseñando personajes de juegos retro, iconos o sprites animados, este editor proporciona todas las herramientas esenciales que necesitas sin instalar ningún software.

¿Para quién es esto?

  • Desarrolladores de juegos — prototipa rápidamente sprites de personajes y tiles
  • Artistas digitales — crea arte pixelado con paletas clásicas como PICO-8 y Game Boy
  • Aficionados — explora el arte pixelado con un editor intuitivo y fácil de usar
  • Diseñadores — crea iconos perfectos en píxeles y gráficos pequeños

Tus Datos Permanecen Privados

Todo el dibujo y procesamiento ocurre completamente en tu navegador:

  • Sin cargas — tu obra de arte nunca abandona tu dispositivo
  • Sin cuentas — comienza a dibujar inmediatamente, sin necesidad de registrarse
  • Sin seguimiento — no recopilamos datos de uso
100% del Lado del Cliente: Tu trabajo creativo permanece completamente privado y seguro en tu dispositivo. Sin cargas de servidor, sin recopilación de datos, sin preocupaciones de privacidad.

Cómo Usar el Editor de Arte Pixelado

Primeros Pasos

1

Elige un Tamaño de Lienzo

Selecciona entre 8x8, 16x16, 32x32 o 64x64 píxeles usando el menú desplegable en la barra superior. El tamaño 16x16 es ideal para la mayoría de sprites de juegos e iconos.

2

Elige un Color

Haz clic en un color de la paleta en el panel derecho, o usa el selector de color para colores personalizados. Los colores recientes se guardan automáticamente para acceso rápido.

3

Selecciona una Herramienta

La herramienta Lápiz está seleccionada por defecto. Haz clic o arrastra en el lienzo para comenzar a dibujar. Usa atajos de teclado para cambiar herramientas más rápido.

4

Exporta Tu Obra

Haz clic en "Exportar PNG" y elige una escala (1x a 32x) para descargar tu creación con transparencia preservada.

Herramientas de Dibujo

Lápiz B

Dibuja píxeles individuales o trazos a mano alzada con control de precisión.

Borrador E

Elimina píxeles para hacerlos transparentes, perfecto para limpiar.

Relleno G

Rellena un área conectada con el color actual instantáneamente.

Cuentagotas I

Haz clic en cualquier píxel para seleccionar su color. Haz clic derecho en cualquier lugar como atajo rápido.

Línea L

Haz clic y arrastra para dibujar una línea recta entre dos puntos.

Rectángulo R

Haz clic y arrastra para dibujar un contorno de rectángulo para marcos y bordes.

Navegación

Zoom

Desplaza la rueda del ratón para ampliar/reducir hacia la posición del cursor para trabajo de píxeles detallado.

Desplazamiento

Mantén presionado el botón central del ratón y arrastra para moverte por el lienzo cuando esté ampliado.

Cuadrícula

Alterna las líneas de cuadrícula activadas/desactivadas para una vista más limpia o colocación precisa de píxeles.

Creando Animaciones

1

Añade Fotogramas

Haz clic en el botón + en la sección Fotogramas para añadir un nuevo fotograma a tu secuencia de animación.

2

Dibuja Cada Fotograma

Dibuja en cada fotograma para crear tu secuencia de animación. Puedes duplicar fotogramas para acelerar el proceso.

3

Activa la Capa de Cebolla

Activa la Capa de Cebolla para ver fotogramas anteriores/siguientes como superposiciones semitransparentes para transiciones más suaves.

4

Vista Previa y Exportación

Haz clic en Reproducir para ver una vista previa de tu animación, ajusta los FPS para controlar la velocidad, luego haz clic en Exportar GIF para guardar.

Consejo Profesional: Usa el modo Capa de Cebolla para ver fotogramas adyacentes (anterior en rojo, siguiente en azul) como superposiciones transparentes. Esto te ayuda a alinear movimientos y crear animaciones más suaves y profesionales.

Características

Herramientas de Dibujo

Seis herramientas esenciales de arte pixelado con atajos de teclado para flujo de trabajo rápido:

  • Lápiz para dibujo a mano alzada
  • Borrador para eliminar píxeles
  • Relleno para rellenar áreas
  • Cuentagotas para muestreo de color
  • Línea para líneas rectas
  • Rectángulo para contornos

Paletas de Colores

Elige entre 6 paletas preestablecidas cuidadosamente seleccionadas utilizadas por artistas pixelados en todo el mundo:

  • PICO-8 — paleta icónica de consola de fantasía de 16 colores
  • Sweetie 16 — paleta moderna y versátil de 16 colores
  • Game Boy — paleta clásica verde de 4 colores
  • NES — colores completos del Sistema de Entretenimiento Nintendo
  • Endesga 32 — paleta popular de 32 colores para sprites detallados
  • Lospec 500 — paleta comunitaria vibrante de 34 colores

Modo Espejo

Dibuja arte simétrico sin esfuerzo con espejo automático:

  • Espejo horizontal para simetría izquierda-derecha
  • Espejo vertical para simetría arriba-abajo
  • Ambos modos para simetría de cuatro vías
  • Perfecto para sprites de personajes, iconos y patrones

Soporte de Animación

Crea animaciones fotograma a fotograma con herramientas profesionales:

  • Múltiples fotogramas con opciones de duplicar y eliminar
  • Vista previa de animación con FPS ajustable
  • Modo Capa de Cebolla para alineación
  • Exportar como GIF con velocidad de fotograma elegida

Exportación Flexible

Exporta tu arte pixelado en múltiples formatos y escalas:

  • Exportación PNG a escala 1x a 32x
  • Exportación GIF para animaciones
  • Píxeles transparentes preservados
  • Salida de alta resolución para cualquier caso de uso

Atajos de Teclado

Acelera tu flujo de trabajo con atajos intuitivos:

  • Atajos de herramienta de una sola tecla (B, E, G, I, L, R)
  • Ctrl+Z/Y estándar para deshacer/rehacer
  • Clic derecho para cuentagotas instantáneo
  • Selección rápida de color mientras dibujas
Colores Personalizados: Aunque se proporcionan 6 paletas preestablecidas, puedes hacer clic en la muestra de color para abrir un selector de color completo o escribir cualquier código de color hexadecimal directamente en el campo de entrada hexadecimal. Los colores recientes se guardan automáticamente para acceso rápido.

Preguntas Frecuentes

¿Qué tamaños de lienzo están disponibles?

Puedes elegir entre 8x8, 16x16, 32x32 o 64x64 píxeles. El tamaño 16x16 está seleccionado por defecto, que es ideal para la mayoría de sprites de juegos e iconos pequeños. Los tamaños más grandes como 32x32 y 64x64 son perfectos para sprites de personajes más detallados o conjuntos de tiles.

¿Puedo usar mis propios colores personalizados?

Sí. Aunque se proporcionan 6 paletas preestablecidas, puedes hacer clic en la muestra de color para abrir un selector de color completo o escribir cualquier código de color hexadecimal directamente en el campo de entrada hexadecimal. Esto te da opciones de color ilimitadas más allá de las paletas preestablecidas.

¿Cómo funciona el Modo Espejo?

Cuando activas el espejo horizontal, todo lo que dibujas en un lado del lienzo se refleja automáticamente al otro lado. El espejo vertical hace lo mismo de arriba a abajo. Activa ambos para simetría de cuatro vías, que es especialmente útil para caras de personajes, escudos y patrones decorativos.

¿Cómo creo un sprite animado?

Haz clic en el botón "+" en la sección Fotogramas para añadir fotogramas. Dibuja cada fotograma de tu animación, luego haz clic en Reproducir para verla en vista previa. Puedes ajustar los FPS (fotogramas por segundo) para controlar la velocidad de la animación. Cuando estés satisfecho, haz clic en "Exportar GIF" para descargar la animación.

¿Qué es la Capa de Cebolla?

La Capa de Cebolla es una ayuda de animación que muestra el fotograma anterior en rojo y el fotograma siguiente en azul como superposiciones semitransparentes en tu fotograma actual. Esto te ayuda a ver cómo se alinean tus fotogramas y crear animaciones más suaves con mejor flujo de movimiento.

¿Qué escalas de exportación están disponibles?

Puedes exportar a escala 1x, 2x, 4x, 8x, 16x o 32x. Por ejemplo, un lienzo 16x16 exportado a 8x produce una imagen de 128x128 píxeles. El PNG exportado preserva la transparencia para píxeles que no hayas dibujado, haciéndolo perfecto para sprites de juegos e iconos.

¿Se guarda mi obra de arte?

Importante: El editor funciona completamente en tu sesión de navegador. Tu obra de arte no se guarda automáticamente — asegúrate de exportar tu trabajo antes de cerrar la página para evitar perder tu progreso.

¿Puedo ampliar para trabajo detallado?

Sí. Usa la rueda de desplazamiento para ampliar y reducir. El zoom se centra en la posición de tu cursor. También puedes mantener presionado el botón central del ratón para desplazarte por el lienzo cuando esté ampliado. Una pequeña vista previa 1x en la esquina te muestra el resultado del tamaño real mientras trabajas.

Color
Paleta
Colores Recientes
Cuadros
Presiona B, E, G, I, L, R para cambiar rápidamente entre herramientas
Usa Ctrl+Z para deshacer y Ctrl+Y para rehacer
Haz clic derecho en cualquier píxel para seleccionar instantáneamente su color
Activa el Modo Espejo para dibujar sprites simétricos más rápido
Usa la rueda de desplazamiento para ampliar y arrastra con el botón central para desplazarte
Activa la Capa de Cebolla para ver fotogramas adyacentes mientras animas
Todo el procesamiento ocurre en tu navegador — nada se carga
¿Quieres aprender más? Leer documentación →
1/8
¿No lo encuentras? Crea tu propia herramienta con IA
Comience a escribir para buscar...
Buscando...
No se encontraron resultados
Pruebe con otras palabras clave