La edición de trazados vectoriales te da control preciso sobre la geometría de las figuras manipulando nodos individuales y curvas Bezier. Crea figuras personalizadas o modifica las existentes moviendo puntos, ajustando curvas y agregando o eliminando nodos.

Entender los Trazados Vectoriales

Cada figura en Diagrammix3 está compuesta por un trazado formado por:

  • Nodos (puntos de anclaje) - Definen dónde el trazado cambia de dirección
  • Segmentos - Líneas o curvas que conectan nodos
  • Controles (puntos de control) - Controlan la curvatura de los segmentos Bezier

Anatomía de un Trazado Vectorial

Entrar en Modo de Edición de Trazado

Para editar el trazado de una figura:

  1. Selecciona la figura que deseas editar
  2. Elige uno de estos métodos:
    • Doble clic en el contorno de la figura
    • Selecciona Edit → Edit Path del menú
    • Haz clic en el botón Edit Path en el Inspector

Los nodos de la figura se hacen visibles y la interfaz entra en modo de edición de trazado.

Trabajar con Nodos

Seleccionar Nodos

  • Clic en un nodo para seleccionarlo
  • Shift+Clic para seleccionar múltiples nodos
  • Cmd+A para seleccionar todos los nodos del trazado
  • Clic en área vacía para deseleccionar todos los nodos

Mover Nodos

  1. Selecciona uno o más nodos
  2. Haz clic y arrastra para moverlos
  3. Mantén Shift mientras arrastras para restringir el movimiento a horizontal/vertical
  4. Usa las teclas de flecha para desplazamiento preciso de 1 píxel

Agregar Nodos

Para agregar un nuevo nodo al trazado:

  1. Clic en cualquier segmento (la línea entre dos nodos)
  2. Un nuevo nodo aparece en esa ubicación
  3. El trazado se ajusta automáticamente para incluir el nuevo nodo

Consejo: Agrega nodos donde quieras crear nuevas curvas o esquinas en tu figura.

Eliminar Nodos

Para borrar un nodo:

  1. Selecciona el/los nodo(s) que deseas eliminar
  2. Presiona Delete o Backspace
  3. El trazado reconecta los nodos adyacentes

Nota: No puedes eliminar un nodo si dejaría el trazado con menos de 3 nodos.

Operaciones con Nodos

Tipos de Nodos

Cada nodo tiene un tipo que controla cómo el trazado curva a través de él:

Nodo de Esquina

  • Crea una esquina aguda (sin curva)
  • Los controles son independientes u ocultos
  • Ideal para: figuras angulares, polígonos, giros bruscos

Nodo Suave

  • Crea una curva suave a través del punto
  • Ambos controles se mueven juntos, manteniendo alineación
  • Las longitudes de los controles pueden diferir
  • Ideal para: curvas fluidas, figuras orgánicas

Nodo de Cúspide

  • Permite control de curva independiente en cada lado
  • Los controles pueden apuntar en cualquier dirección
  • Ideal para: curvas en S, figuras de onda, curvas complejas

Para cambiar el tipo de un nodo:

  1. Selecciona el nodo
  2. Haz clic derecho para abrir el menú contextual
  3. Elige Corner, Smooth o Cusp

Alternativamente, usa la sección Path del Inspector para establecer el tipo de nodo.

Controles Bezier

Los controles controlan la curvatura de los segmentos del trazado.

Mostrar Controles

Cuando seleccionas un nodo, sus controles Bezier se hacen visibles como pequeños círculos conectados al nodo por líneas delgadas.

Ajustar Controles

  1. Haz clic y arrastra un control para cambiar la curva
  2. Mover el control más lejos del nodo crea una curva más amplia y gradual
  3. Mover el control más cerca del nodo crea una curva más ajustada y aguda
  4. Rotar el control cambia la dirección de la curva

Comportamiento de los Controles por Tipo de Nodo

  • Nodos de esquina: Los controles son independientes u ocultos
  • Nodos suaves: Los controles permanecen alineados (180° de separación), longitudes independientes
  • Nodos de cúspide: Los controles son completamente independientes

Control de Controles Bezier

Crear Figuras Personalizadas desde Cero

Usar la Herramienta Mano Alzada Vectorial

  1. Selecciona la Herramienta Mano Alzada Vectorial de la barra de herramientas
  2. Haz clic para colocar el primer nodo
  3. Continúa haciendo clic para agregar más nodos
  4. Doble clic o presiona Enter para completar la figura

La figura se cierra automáticamente conectando el último nodo con el primero.

Usar la Herramienta de Trazado Vectorial

Para más control:

  1. Selecciona la Herramienta de Trazado Vectorial
  2. Haz clic para colocar cada nodo
  3. Arrastra mientras colocas un nodo para crear controles de curva
  4. Completa el trazado conectando de vuelta al primer nodo

Operaciones Avanzadas de Trazado

Combinar Trazados

Fusiona múltiples figuras en una:

  1. Selecciona dos o más figuras
  2. Elige Edit → Combine Paths
  3. Las figuras se fusionan en un solo trazado

Separar Trazados

Divide un trazado cerrado en segmentos:

  1. Entra en modo de edición de trazado
  2. Selecciona el nodo donde quieres separar el trazado
  3. Elige Edit → Break Path

Invertir la Dirección del Trazado

Cambia el orden de los nodos en el trazado:

  1. Selecciona la figura
  2. Elige Edit → Reverse Path Direction

Esto es útil cuando trabajas con conectores que siguen la dirección del trazado.

Optimización de Trazados

Diagrammix3 puede limpiar trazados automáticamente:

  1. Selecciona una figura con muchos nodos
  2. Elige Edit → Optimize Path
  3. La aplicación elimina nodos redundantes mientras preserva la forma

Esto es útil después de:

  • Importar archivos SVG con nodos excesivos
  • Trazar trazados dibujados a mano
  • Convertir texto a contornos

Ejemplos Prácticos

Crear una Flecha Personalizada

  1. Comienza con un rectángulo
  2. Entra en modo de edición de trazado
  3. Agrega nodos en el borde derecho
  4. Mueve nodos para crear la punta de flecha
  5. Ajusta curvas para transiciones suaves
  1. Comienza con una elipse
  2. Entra en modo de edición de trazado
  3. Agrega un nodo en la parte inferior
  4. Arrástralo hacia afuera para crear el indicador
  5. Ajusta los controles Bezier para curvas suaves

Crear una Estrella

  1. Usa la herramienta Polígono para crear un polígono regular
  2. Entra en modo de edición de trazado
  3. Agrega nodos entre cada nodo existente
  4. Arrastra nodos alternos hacia afuera para crear puntas

Ejemplos de Figuras Personalizadas

Consejos

  1. Comienza simple - Empieza con figuras básicas, luego modifícalas mediante edición de trazado
  2. Usa menos nodos - Los trazados más simples son más fáciles de editar y se renderizan más rápido
  3. Las curvas suaves necesitan nodos suaves - Usa nodos suaves o de cúspide para segmentos curvos
  4. Haz zoom para precisión - Acércate cuando ajustes detalles pequeños
  5. Practica con duplicados - Copia una figura antes de editar el trazado por si quieres revertir
  6. Usa ajuste a cuadrícula - Activa el ajuste a cuadrícula para precisión geométrica

Atajos de Teclado

  • Enter o Doble clic - Entrar/salir del modo de edición de trazado
  • Delete - Eliminar nodo(s) seleccionado(s)
  • Cmd+A - Seleccionar todos los nodos
  • Teclas de flecha - Desplazar nodos seleccionados 1 píxel
  • Shift+Teclas de flecha - Desplazar 10 píxeles
  • Esc - Salir del modo de edición de trazado

Limitaciones

  • No puedes editar el trazado de objetos conectores (solo figuras)
  • Las figuras agrupadas deben desagruparse antes de editar el trazado
  • Algunas operaciones (como la rotación) pueden afectar las posiciones de los controles Bezier

Temas Relacionados