Saltar al contenido

Generador de contornos para sprites

Pon un contorno limpio alrededor de un sprite en un solo paso: de un píxel o más grueso, de cualquier color y sin nada borroso. Tus imágenes nunca salen de tu dispositivo.

Se crea en tu dispositivo. Tus imágenes nunca se suben.

  • Nunca se suben
  • Píxel perfecto
  • Muchas imágenes a la vez

Cómo funciona

Cómo añadir un contorno a un sprite

  1. Paso 1: Añade tu sprite

    Elige, suelta o pega un sprite con fondo transparente. También vale una carpeta entera.

  2. Paso 2: Elige el contorno

    Ajusta el grosor y el color, esquinas redondeadas o cuadradas, por fuera del dibujo o por dentro.

  3. Paso 3: Descarga el PNG

    Guarda un sprite, o todos los del lote con el mismo contorno, en un ZIP.

Contorno de sprites

El contorno que dibujarías a mano

  • Solo píxeles enteros

    El contorno está hecho de píxeles sólidos de un solo color, sin desenfoque ni bordes suaves.

  • Redondeado o cuadrado

    El contorno clásico que deja abiertas las esquinas diagonales, o el más pesado que las cierra.

  • Se le hace sitio

    El lienzo crece lo que mide el grosor del contorno, así un sprite que toca el borde no se corta.

  • Cualquier color

    Negro, blanco, un tono oscuro de tu paleta o el color que elijas.

En detalle

Los contornos en el pixel art

Cómo se hace el contorno

Cada píxel vacío que toca el dibujo toma el color del contorno. Con esquinas redondeadas solo cuentan los píxeles que están justo encima, debajo y a los lados del dibujo, lo que deja abiertas las esquinas diagonales: el contorno que los artistas de pixel art dibujan a mano. Las esquinas cuadradas cuentan también las diagonales.

El contorno está hecho de píxeles enteros y sólidos. Un borde suave o un brillo tenue que ya esté en la imagen se conserva y se coloca sobre el contorno, así el arte con antialiasing también recibe un contorno limpio.

Elegir un contorno

  • Grosor: 1 píxel para sprites de hasta unos 64 píxeles; 2 o más para arte más grande o para un aspecto de pegatina.
  • Color: el negro se lee sobre cualquier fondo. Un tono oscuro de la propia paleta del sprite queda más suave y más intencionado.
  • Interior: recolorea los píxeles exteriores del propio dibujo, así el sprite conserva su tamaño. Úsalo cuando el tamaño no deba cambiar, como en un tileset o en una hoja de sprites fija.
  • Dejar sitio para el contorno: hace crecer la imagen lo que mide el grosor por cada lado. Desactívalo para conservar el tamaño y aceptar que un sprite que toca el borde se corte ahí.

Dónde ayuda un contorno

Un contorno separa un sprite de un fondo recargado, lo que importa sobre todo en aquello que el jugador no debe perder de vista: el personaje, los objetos que se recogen, los enemigos.

También es la forma habitual de mostrar que algo está seleccionado o se puede usar: el sprite se dibuja con un contorno brillante mientras el puntero está encima. Crea aquí la copia con contorno y alterna entre las dos en el juego.

Contorno de sprites

Preguntas frecuentes

¿Mis imágenes se suben a algún sitio?

No. Todo funciona en tu navegador, en tu propio dispositivo. Tus imágenes nunca se envían a Moriqa ni a nadie más, y no se conserva nada después de cerrar la página.

¿Cómo añado un contorno a un sprite?

Añade el sprite, ajusta el grosor y el color, y descarga el PNG. El fondo debe ser transparente para que la herramienta vea la forma del sprite.

¿Por qué mi imagen se ha hecho más grande?

El contorno necesita sitio. Con Dejar sitio para el contorno activado, la imagen crece lo que mide el grosor del contorno por cada lado para que no se corte nada.

¿Puedo contornear una hoja de sprites entera?

Sí, siempre que los fotogramas tengan espacio vacío entre ellos. Desactiva Dejar sitio para el contorno para que los fotogramas no se muevan, o usa Interior.

Mi imagen no tiene fondo transparente. ¿Funcionará?

Tal cual, no: el contorno rodearía toda la imagen. Quita primero el fondo con Quitar fondo y luego añade el contorno.

¿Puedo contornear muchos sprites a la vez?

Sí. Añade todos los que quieras; todos reciben el mismo contorno y se pueden descargar juntos en un ZIP.

¿Quieres dibujar tú el contorno?

Abre el editor de pixel art de Moriqa para dibujar y limpiar sprites píxel a píxel, gratis en tu navegador.