Piel de cebolla y etiquetas

Curso de Introducción al Pixel Art y Animaciones con Aseprite

Contenido del curso

Introducción al pixel art

Descubriendo Aseprite

Hablemos de color

Tips para crear sprites profesionales

Introduccion a la animación en Aseprite

Proyecto

20
Crea tu avatar en pixel art paso a paso
16:39 min

Continúa aprendiendo pixel art

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:006:26

Piel de cebolla y etiquetas

Curso de Introducción al Pixel Art y Animaciones con Aseprite

Clase 19 de 22

Clase 19 / 22

Recursos

Crear animaciones fluidas en pixel art requiere más que talento artístico: necesitas herramientas que te permitan organizar tu trabajo y mantener referencias visuales mientras dibujas cuadro a cuadro. Dos funciones fundamentales dentro de Aseprite transforman por completo la experiencia de animar: la piel de cebolla y las etiquetas. Dominarlas te dará control total sobre tus sprites animados.

¿Qué es la piel de cebolla y por qué es esencial en animación 2D?

La piel de cebolla (onion skin) es una técnica clásica de animación 2D que te permite ver múltiples cuadros de tu animación superpuestos en un solo frame [0:17]. En la práctica, los cuadros anterior y siguiente se muestran con una opacidad muy baja sobre el cuadro actual, lo que te da una referencia clara de movimiento y posición.

En Aseprite, esta función se activa desde un botón en la parte inferior de la interfaz [3:28]. Al habilitarla, aparecen unas marcas en tu línea de tiempo que puedes arrastrar para controlar cuántos frames de referencia quieres visualizar.

Si extiendes las marcas, verás más cuadros anteriores y posteriores al actual.
Si las reduces al mínimo, solo verás el frame inmediatamente anterior [3:50].

¿Cómo funcionan los modos merge frames y red/blue tint?

Dentro de las opciones de piel de cebolla encuentras dos modos de visualización [4:25]:

Red/blue tint: colorea el cuadro anterior en rojo y el siguiente en azul, facilitando distinguir la dirección del movimiento.
Merge frames: mantiene los colores originales de los cuadros adyacentes, útil cuando necesitas ver exactamente cómo lucen los sprites vecinos.

También puedes ajustar la opacidad de la piel de cebolla. Un número bajo hace la referencia más transparente, mientras que un valor alto la vuelve más visible [4:55].

¿Qué significan loop through frames y behind/in front of sprite?

La opción loop through frames es especialmente valiosa cuando trabajas con animaciones cíclicas, es decir, aquellas que se repiten infinitamente [5:12]. Por ejemplo, si estás en el último frame de un loop, en lugar de mostrarte el cuadro siguiente (que no existe dentro de la etiqueta), te muestra el primero. Esto te permite trabajar la transición perfecta entre el último y el primer cuadro para lograr un ciclo sin cortes.

Por otro lado, las opciones behind sprite e in front of sprite controlan cómo interactúa la piel de cebolla con las capas [5:50]. Si tienes un fondo activo, la piel de cebolla podría quedar oculta detrás de él. Activando in front of sprite, la referencia visual se muestra por encima de todas las capas, incluyendo fondos.

¿Para qué sirven las etiquetas en la línea de tiempo de Aseprite?

Las etiquetas (tags) son una herramienta de organización que te permite separar tu animación en partes con nombre propio [1:00]. Puedes asignarles nombres descriptivos como idle, carga o ataque, y además personalizar su color para identificarlas rápidamente.

Crear una etiqueta es sencillo [2:08]:

Selecciona los frames que pertenecen a una misma acción.
Haz clic derecho y elige new tag.
Asigna un nombre y un color.

Una vez creada, al presionar play dentro de una etiqueta, la reproducción se limita únicamente a esos cuadros en lugar de recorrer toda la animación [2:42]. Esto resulta fundamental cuando trabajas animaciones largas compuestas por varias acciones.

El flujo de trabajo recomendado es dividir primero la animación completa en sus partes individuales —por ejemplo, idle, carga y ataque— y después trabajar cada sección por separado [3:05]. De esta forma evitas sentirte abrumado y mantienes el enfoque en perfeccionar cada movimiento.

Estas dos funciones combinadas forman la base de un flujo de trabajo profesional en pixel art. Si ya estás creando tus propias animaciones con estas herramientas, comparte tu progreso para que la comunidad pueda ver tus avances.

Introducción al pixel art

Qué es el pixel art y para qué sirve

Qué es pixel art y por qué usarlo

Anti-aliasing, Pixel Perfect y Dithering

Descubriendo Aseprite

Qué es Aseprite y por qué usarlo

Herramientas básicas de Aseprite para sprites

Varita mágica para limpiar sprites en Aseprite

Cómo usar el menú de capas en Aseprite

Rotar y reflejar sprites en Aseprite

Reemplaza y unifica colores en Aseprite

Hablemos de color

Modos de color de Aseprite

Paletas de color en Aseprite: 3 métodos

Tips para crear sprites profesionales

Simetría y reflejo en Aseprite

Tiles en Aseprite: modo tiled sin costuras

Cómo usar outline en Aseprite

Brochas personalizadas para texturas en Aseprite

Gradientes y dithering en Aseprite

Cómo exportar GIFs y sprite sheets en Aseprite

Introduccion a la animación en Aseprite

Cuadros y línea de tiempo en Aseprite

Piel de cebolla y etiquetas

Proyecto

Crea tu avatar en pixel art paso a paso

Continúa aprendiendo pixel art

Qué sigue después de terminar el curso

Pixel Art en cine, moda y videojuegos

Piel de cebolla y etiquetas

Progreso del curso

Introducción al pixel art

Descubriendo Aseprite

Hablemos de color

Tips para crear sprites profesionales

Introduccion a la animación en Aseprite

Proyecto

Continúa aprendiendo pixel art

Recursos

Recursos