Sombras y Efectos
Agrega profundidad e interés visual a tus diagramas con sombras proyectadas, sombras interiores, opacidad y efectos de esquinas.
Sombras
Agregar una Sombra Proyectada
- Selecciona una figura
- En la pestaña Style del Inspector, selecciona el Colour Fill de la figura en la sección Style
- Activa Shadow
- Ajusta los controles de sombra que aparecen
También puedes alternar Shadow desde el botón Shape Style en la barra de herramientas flotante de la figura.
Controles de Sombra
| Control | Descripción |
|---|---|
| Angle (selector) | Dirección en la que cae la sombra |
| Distance | A qué distancia se desplaza la sombra respecto a la figura (0–20) |
| Blur | Suavidad del borde de la sombra (0 = nítido, 20 = muy suave) |
| Colour | Color de la sombra, incluida su opacidad |
Sombra Interior
Una sombra interior se dibuja dentro del borde de la figura, haciendo que parezca hundida o repujada.
- Selecciona una figura vectorial
- En la pestaña Style del Inspector, selecciona su Colour Fill (sólido o degradado)
- Activa Inner Shadow
| Control | Descripción |
|---|---|
| Angle (selector) | Dirección de la sombra interior |
| Distance | Desplazamiento dentro del borde (0–20) |
| Blur | Suavidad (0–20) |
| Spread | Hasta dónde se extiende la sombra hacia el interior antes de desvanecerse (0–10) |
| Colour | Color y opacidad de la sombra |
Las nuevas sombras interiores comienzan con un preajuste "presionado": negro al 45% de opacidad, cayendo hacia abajo, distancia 3, desenfoque 6.
El botón Shape Style en la barra de herramientas flotante de la figura también tiene una casilla Inner Shadow con controles de Distance, Blur, Spread y Color.
Consejos para Sombras
- Mantén la dirección de la sombra consistente en todo tu diagrama
- Usa sombras sutiles para documentos profesionales
- Combina una sombra proyectada suave con una sombra interior ligera para un aspecto brillante y táctil
- Ten en cuenta tu formato de exportación (las sombras pueden renderizarse de forma diferente)
Opacidad
Ajustar la Transparencia
Haz un elemento semitransparente con su control deslizante de Opacity (se muestra con un valor de porcentaje):
- Símbolos de notación e imágenes — pestaña Style del Inspector → sección Element Color Components
- Figuras vectoriales — pestaña Style del Inspector → en la parte inferior de la sección Style
| Opacidad | Efecto |
|---|---|
| 100% | Totalmente opaco |
| 75% | Ligeramente transparente |
| 50% | Semitransparente |
| 25% | Mayormente transparente |
| 0% | Invisible |
Casos de Uso para la Opacidad
- Superposición: Muestra áreas superpuestas
- Fondos: Marcas de agua o rellenos sutiles
- Enfoque: Atenúa elementos no esenciales
- Anotaciones: Llamadas semitransparentes
Opacidad del Relleno vs. del Elemento
- Opacidad del elemento (el control deslizante Opacity) hace transparente todo el elemento — relleno, trazo y texto
- Solo relleno o trazo — reduce el alfa (opacidad) del color de relleno o trazo en el selector de color en su lugar
Radio de Esquina
Redondear Esquinas
Para figuras dibujadas con la herramienta Rounded Rectangle:
- Selecciona la figura
- En la pestaña Style del Inspector, busca el grupo Shape en la sección Style
- Arrastra el control deslizante Corner Radius (0–100%) — valores más altos redondean más las esquinas
Los conectores tienen su propio Corner Radius (0–60) para redondear sus curvas — consulta Conectores.
Combinar Efectos
Crea profundidad y jerarquía visual:
- Figuras de fondo: Menor opacidad, sin sombra
- Elementos principales: Opacidad total, sombra sutil
- Elementos de enfoque: Opacidad total, sombra prominente, esquinas redondeadas
Consideraciones de Rendimiento
Los efectos pueden afectar el rendimiento en diagramas complejos:
- Las sombras requieren renderizado adicional
- Muchas figuras transparentes pueden ralentizar el desplazamiento
- Considera simplificar los efectos antes de exportar
Consejos
- Menos es más: los efectos sutiles se ven más profesionales
- Consistencia: usa los mismos ajustes de sombra en todo el diagrama
- Prueba las exportaciones: los efectos pueden aparecer de forma diferente en PDF frente a PNG
- Accesibilidad: asegura un contraste suficiente al usar transparencia