Editar nodos y curvas bezier en SVG

Guia practica

Las formas de un SVG estan hechas de nodos (anclas) unidos por segmentos rectos o curvos. Editar esos nodos te da control total sobre la forma. Las curvas se controlan con asas bezier: tiradores que definen cuanto y hacia donde se curva un segmento.

Conceptos basicos

Entrar al modo nodo

En svgdesk, haz doble clic en una forma (o elige la herramienta de nodos, tecla N). La forma se convierte en un path editable y veras sus anclas.

Mover un nodo

Arrastra cualquier ancla para reposicionarla. Manten Shift para bloquear el movimiento a un eje (solo horizontal o solo vertical).

Convertir esquina en curva

Doble clic en un nodo, o usa el boton Convertir a curva, para que el nodo gane asas bezier. Luego arrastra los puntos rosas para dar forma a la curva. Para volver a esquina, conviertelo de nuevo.

Asas simetricas o libres

Por defecto las asas son simetricas (espejo): mover una mueve la otra, logrando curvas suaves. Pulsa Libres (o manten Alt al arrastrar) para romper la simetria y controlar cada lado por separado, util en puntas y quiebres.

Agregar y eliminar nodos

Haz clic en el marcador del punto medio de un segmento para insertar un nodo nuevo. Selecciona un nodo y pulsa Supr o el boton Eliminar nodo para quitarlo.

Seleccion multiple

Con Shift+clic seleccionas varios nodos a la vez y los mueves juntos. Ideal para desplazar una parte completa de la forma sin deformarla.

Paths compuestos

Una forma puede tener varios subtrazos (por ejemplo, una letra "O" con su hueco). svgdesk respeta esos subtrazos al editar, asi no se deforma el conjunto.

Practicar con el editor

Sigue leyendo