El Outliner: Tu Visión de Rayos X

Cuando una ilustración tiene 5 formas, simplemente puedes hacer clic en lo que quieres. Cuando una ilustración tiene 500 formas superpuestas en docenas de capas, hacer clic en la pantalla se convierte en una pesadilla.

Es por eso que Brinimate proporciona el Outliner — una lista jerárquica definitiva basada en texto de cada objeto en tu lienzo. Es tu visión de rayos X para escenas complejas.

📋 Lo que Muestra el Outliner

El Outliner, típicamente acoplado a la izquierda (o abierto vía el menú superior, o el bottom sheet en móvil), muestra una estructura de árbol:

Formas (Shapes): Rectángulos, círculos, trazos personalizados.
Trazos (Paths): Líneas de pincel a mano alzada y contornos geométricos.
Grupos (Groups): Carpetas que contienen múltiples formas/trazos.
Instancias de Símbolo (Symbol Instances): Copias de símbolos de tu biblioteca.
Texto: Bloques de texto.

Esta lista representa el orden Z (orden de apilamiento) de atrás hacia adelante. El objeto en la parte inferior de la lista se dibuja primero (en el fondo); el objeto en la parte superior de la lista se dibuja el último (en primer plano).

🎯 Selección de Precisión

¿Alguna vez has intentado seleccionar un pequeño círculo blanco de brillo posicionado perfectamente sobre una forma más grande, solo para seleccionar accidentalmente la forma grande en su lugar?

Solución: Abre el Outliner. El pequeño brillo estará listado justo ahí. Haz clic en su nombre en el Outliner. Se selecciona instantáneamente en el lienzo, ignorando por completo sobre lo que estaba pasando el ratón.

🔄 Reordenar el Z-Index Estructuralmente

Aunque la Sidebar Rápida te permite “Traer al Frente” o “Enviar Atrás”, a veces necesitas que un objeto se sitúe exactamente entre el elemento #40 y el elemento #41.

En el Outliner:

Haz clic y mantén pulsado el tirador de arrastre (el icono de agarre) junto a un elemento en la lista.
Arrástralo hacia arriba o hacia abajo en el árbol.
Suéltalo.

Acabas de reestructurar manualmente el orden de apilamiento con precisión de píxeles perfectos.

📁 Agrupar para Mantener la Cordura

A medida que construyes un personaje vectorial complejo, puedes terminar con 30 paths solo para el ojo (iris, pupila, brillos, pestañas, esclerótica).

Selecciona los 30 objetos (a través del lienzo o haciendo Shift+clic en el Outliner).
Pulsa Ctrl+G (Cmd+G en Mac) para Agruparlos.
En el Outliner, todos se colapsan en una sola carpeta etiquetada “Group”.
Ahora puedes mover todo el ojo como una sola unidad.

✏️ Nombrar Objetos Como un Profesional

Por defecto, los objetos se nombran “Path”, “Shape” o “Group”. En un proyecto grande, esto es inútil.

Para renombrar un objeto:

Haz doble clic en su nombre en el Outliner.
Escribe un nombre descriptivo (ej. ojo_izq_brillo_01).
Pulsa Enter.

Renombrar grupos y trazos complejos es fundamental antes de convertirlos en Símbolos, ya que te ahorra por completo preguntarte qué es el “Group 8” durante la animación.

💡 Consejo de Pro — El Rastreador de “Objetos Perdidos” ¿Alguna vez has dibujado algo, cambiado su opacidad al 0%, lo has deseleccionado y luego has perdido por completo la pista de dónde está en la pantalla? No puedes hacerle clic porque es invisible. Abre el Outliner. Desplázate por la lista. Lo encontrarás ahí (incluso puedes ver si su opacidad es 0 en el Inspector). Selecciónalo a través del Outliner e instantáneamente recuperas el control.