Encuentra el gesto correcto,
en el momento correcto.

Qué hace Nodixio

Nodixio reúne dos usos en un mismo estudio: convertir una imagen de mapa de bits en trazados SVG y después dibujar o retomar esos trazados con herramientas vectoriales. La aplicación se encarga de cuantas más cuestiones técnicas mejor — orden de capas, estructura de agujeros, uniones y exportación — para que te concentres en el resultado visual.

Documento inicial

El estudio se abre con un documento vacío llamado Sin título 1. Carga una imagen solo si quieres vectorizarla; también puedes empezar directamente con la pluma, el texto o las formas paramétricas.

El recorrido más corto

1. 1

   Abre el estudio y carga un PNG, JPEG o WebP en Corrección.

2. 2

   Ajusta el número de colores, la precisión de color y las motas ignoradas.

3. 3

   Lanza la vectorización: los colores detectados pasan enseguida a la paleta del documento.

4. 4

   Revisa el resultado en modo Superpuesto y afina después los ajustes avanzados si hace falta.

5. 5

   Corrige las formas de forma global y pasa luego a Edición para los puntos concretos.

6. 6

   Guarda un proyecto .nodixio para continuar más tarde o exporta el resultado en SVG, PNG o JPEG.

Dos archivos, dos usos

• El archivo .nodixio conserva el proyecto de trabajo: imagen de origen, formas, textos, capas, fuentes y ajustes.
• El archivo .svg es el resultado final estándar, listo para web, impresión u otra aplicación vectorial.
• Guarda en .nodixio antes de una sesión larga de corrección y exporta a SVG cuando el dibujo esté listo.

Método de trabajo aconsejado

Las cuatro zonas

• La barra superior gestiona abrir, importar, guardar, deshacer y exportar.
• Las pestañas de proyecto permiten mantener varios trabajos abiertos e intercambiar elementos entre ellos.
• El panel izquierdo reúne Corrección, Edición, Texto, los colores, los patrones, los efectos y las propiedades contextuales.
• La barra del área de trabajo controla la vista, las capas, el imán, las reglas, la pantalla completa, el desplazamiento y el zoom.

Modos de visualización

• PNG muestra solo la imagen de origen, útil para retoques de mapa de bits.
• Lado a lado coloca el origen y el resultado vectorial en dos zonas distintas.
• Superpuesto apila PNG y SVG. Ajusta su opacidad por separado para comparar con precisión.
• Ocultar el PNG convierte Superpuesto en una vista SVG limpia, sin perder tus ajustes.
• El modo Bézier muestra los trazados sin su render final para comprobar cómo se construyen las curvas.

Zoom y desplazamiento

• Usa el control de zoom hasta el 3 200 % para retoques finos.
• El gesto de pinza en el trackpad amplía bajo el puntero.
• Activa Desplazar o pulsa H para mover el área de trabajo sin modificar los objetos.
• El botón Recentrar devuelve el área de trabajo a su posición original.
• La pantalla completa libera la superficie disponible sin cambiar el documento.

Panel redimensionable

Arrastra la separación vertical entre el panel izquierdo y el área de trabajo. Agranda el panel para los ajustes detallados y redúcelo cuando la superficie de dibujo sea prioritaria.

Cargar el origen

En Corrección › Vectorización inicial, haz clic en Cargar una imagen o suelta un archivo PNG, JPEG o WebP. Una imagen nítida, bastante grande y poco comprimida dará siempre mejores contornos.

Ajustar la detección

• Número de colores (2 a 16): la imagen se reduce primero a esta paleta antes del trazado. Ajusta el número real de tonos importantes: un valor demasiado alto fragmenta el dibujo en subformas innecesarias.
• Precisión de color (1 a 8 bits): fineza con la que se conservan los matices durante el trazado. Un valor bajo agrupa tonos cercanos y uno alto los distingue.
• Motas ignoradas (px²): elimina las zonas aisladas menores que este umbral. Súbelo poco a poco para limpiar el ruido sin perder motivos.
• Reducir los colores de antemano evita apilar degradados: cada frontera se calcula una sola vez y solo las aperturas que dan realmente a la transparencia se convierten en agujeros.

Ajustes avanzados (VTracer)

• Fusión de degradados: cuánto se fusionan los tonos cercanos en lugar de apilarse. Un valor alto simplifica los fondos degradados y uno bajo conserva las transiciones.
• Ángulo de esquina: a partir de este ángulo, un punto se trata como esquina nítida en lugar de curva.
• Desplazamiento de esquina: cuánto puede moverse la esquina detectada para seguir el contorno real.
• Longitud de segmento: el segmento recto más corto antes de convertirse en curva.
• Iteraciones: número de pasadas de optimización. Más iteraciones dan curvas más suaves, pero tardan más.
• Decimales de trazado: precisión con la que se escriben las coordenadas en el SVG. Súbela para dibujos muy grandes y bájala para reducir el archivo.
• Modo de curva: Spline produce curvas suaves, Polígono segmentos rectos y Píxel sigue exactamente las celdas de la imagen.
• Jerarquía: Apilado superpone las capas de color y Recorte las ajusta unas contra otras sin solaparse.

Vectorizar

1. 1

   Empieza por el número real de colores importantes.

2. 2

   Ajusta la precisión de color si hace falta y sube las motas ignoradas cuando la imagen tenga ruido.

3. 3

   Pulsa Vectorizar el PNG actual.

4. 4

   Los colores del resultado se añaden a la paleta automáticamente, sin duplicados.

5. 5

   Pasa a Superpuesto y baja la opacidad del PNG para comprobar las diferencias.

6. 6

   Si una sola forma no basta, selecciónala y usa Revectorizar esta forma con nuevos ajustes.

Recuperar los colores

• Al terminar la vectorización, cada color presente en las formas creadas se añade a la paleta del documento.
• Los tonos ya conocidos no se duplican: la paleta se mantiene legible y reutilizable.
• Haz clic en una muestra para aplicar su color a la selección, igual que en un dibujo manual.
• La cruz de una muestra quita el color de la paleta sin modificar las formas que lo usan.

Elegir el nivel de detalle adecuado

Formas perfectas

• Círculo reconstruye la selección con cuatro anclajes Bézier, el mínimo para un círculo SVG limpio.
• Rectángulo reconstruye cuatro esquinas y elimina los puntos sobrantes.
• Paralelogramo regulariza un cuadrilátero inclinado.
• Polígono perfecto recrea una figura regular con el número de lados elegido.
• Arco perfecto actúa sobre todo el contorno, un agujero o una porción delimitada por dos puntos.

Suavizado global

Suavizar abre una previsualización en directo con dos ajustes. Simplificación reduce el número de anclajes; Redondez suaviza el paso entre segmentos. Las esquinas significativas y las líneas rectas quedan protegidas. Confirma solo cuando el contador de puntos y la silueta sean correctos.

Corregir una porción

1. 1

   Elige Redibujar, Recta, Suavizar, − Puntos, + Puntos o Eliminar.

2. 2

   Haz clic en los dos anclajes que delimitan la zona.

3. 3

   Elige Lado corto u Otro lado si el contorno está cerrado.

4. 4

   Ajusta la previsualización cuando la herramienta la ofrezca y haz clic en Aplicar.

Restricciones entre contornos

• Memorizar guarda una recta o un círculo como referencia.
• Hacer paralelo aplica la orientación de la referencia a la porción objetivo.
• Hacer concéntrico alinea el centro de un círculo objetivo con el memorizado.
• Restaurar vuelve a la geometría original de la forma seleccionada.

Simetría automática o manual

• Auto busca el eje y el lado más fieles al origen.
• Manual muestra un eje naranja: muévelo, inclínalo o escribe su ángulo y haz clic en el lado que quieres conservar.
• La mitad opuesta se reconstruye y el contorno se cierra automáticamente.

Seleccionar los objetos

• V activa la selección.
• Mayús-clic añade o quita un objeto de la selección.
• Q activa el lazo: rodea por completo los objetos que quieras seleccionar.
• Un clic en un elemento de un grupo selecciona todo el grupo.
• Comando-clic — Ctrl-clic en Windows — selecciona un elemento dentro de un grupo. En objetos superpuestos, repite el gesto para recorrer las capas de arriba abajo.
• Una vez seleccionado un objeto inferior, puedes arrastrarlo aunque el puntero esté también sobre un objeto superior.

Selección y edición directa

• La herramienta Selección muestra automáticamente los anclajes de las formas vectoriales editables.
• Haz clic en un anclaje para revelar sus manejadores; Mayús-clic permite seleccionar varios.
• Arrastra el anclaje o sus manejadores para modificar la curva sin perder el acceso a colores, contornos y efectos.
• Arrastra dentro de un objeto ya seleccionado para mover toda la selección; Opción/Alt-arrastrar mueve una copia.
• Opción-clic en un anclaje alterna entre esquina y curva suave. Los manejadores de una esquina se conservan pero pasan a ser independientes.
• Borrar anclajes activa una herramienta continua: haz clic uno tras otro en cada anclaje que quieras quitar.
• Borrar manejadores retira las dos tangentes del anclaje clicado sin moverlo ni eliminarlo.
• Supr también borra los anclajes ya seleccionados, conservando el mínimo necesario para el trazado.
• En un trazado abierto, arrastrar el trazo mueve el trazado entero; Alt-arrastrar curva el segmento, y Mayús+Alt-clic inserta un anclaje sin deformar la curva. Los demás atajos Bézier se detallan en el capítulo Atajos de teclado.

Seleccionar por propiedades

• Selecciona primero una forma o un texto de referencia y abre Seleccionar por propiedades bajo la paleta de colores.
• Combina libremente la naturaleza, el relleno, el contorno, la opacidad, los efectos y el nombre.
• En un texto también puedes comparar la fuente, el cuerpo, el estilo tipográfico y el contenido.
• Elige si todas las propiedades deben coincidir o si basta una, y si se incluyen los elementos ocultos o bloqueados.
• La selección obtenida puede mezclar formas y textos; los colores y estilos comunes se aplican entonces al conjunto.

Objetos paramétricos

Tamaño de las anclas

El tamaño de anclajes y manejadores se expresa en pantalla: las anclas siguen siendo fáciles de agarrar sea cual sea el nivel de zoom.

Dibujar con la pluma

• P inicia una forma cerrada; Mayús+P o \\ inicia una curva abierta destinada al trazo.
• Haz clic para colocar un vértice, clic-arrastra para crear un anclaje curvo con sus manejadores.
• Los anclajes siguen siendo modificables durante todo el trazado: arrastra uno, o Cmd/Ctrl-arrástralo para tirar de sus manejadores sin moverlo.
• Un clic en un segmento inserta un anclaje sin deformar la curva; un arrastre curva el segmento.
• Mayús limita a 45°, Opción/Alt convierte un vértice o libera un manejador y Espacio durante un arrastre mueve el punto creado.
• Al hacer clic en el extremo de un trazado abierto, la pluma retoma ese trazado. Mantén Opción para crear un nuevo punto sin engancharte a él.

Tijeras

1. 1

   Selecciona el trazado con la herramienta Selección.

2. 2

   Haz clic en Tijeras.

3. 3

   Haz clic en un anclaje o un segmento.

4. 4

   Una forma cerrada pasa a abierta; una curva abierta se divide en dos objetos independientes.

Modo Unión

1. 1

   Activa Unión: este modo es independiente de la selección normal.

2. 2

   Haz clic en un primer trazado abierto y luego, si quieres, en un segundo. Un tercero sustituye al primero.

3. 3

   Haz clic en dos puntos extremos. Un tercero sustituye al primer punto elegido.

4. 4

   Elige la unión: segmento recto, curva armoniosa, fusión por vértice o fusión por curva.

Elegir la unión

• Recta conserva dos extremos y los une con un segmento.
• Curva conserva dos extremos y crea manejadores coherentes con las direcciones existentes.
• Fusión por vértice reúne los dos extremos en una esquina única.
• Fusión por curva reúne los extremos en un anclaje suave, orientado según los segmentos vecinos.

Objetos disponibles

• Círculo y elipse.
• Rectángulo con radio de esquina ajustable.
• Polígono con número de lados ajustable.
• Estrella con número de puntas y relación interior ajustables.
• Flor con número de pétalos, profundidad, redondez y anchura de pétalos ajustables.

Crear y modificar

1. 1

   Elige la forma en las herramientas vectoriales.

2. 2

   Ajusta sus parámetros en el panel contextual.

3. 3

   Arrastra sobre el área de trabajo para definir su tamaño y orientación.

4. 4

   Mientras el objeto siga siendo paramétrico, cambia sus valores sin deformar manualmente sus puntos.

5. 5

   Usa Convertir en forma para un retoque Bézier libre.

Por qué conservar el objeto

Abrir las capas

Haz clic en Capas en la barra del área de trabajo. Cada fila muestra una miniatura, un nombre editable, el tipo o el número de puntos, la visibilidad y el bloqueo.

Acciones esenciales

• Haz clic en una fila para seleccionar la capa.
• Mayús-clic selecciona de una vez todas las capas entre la última fila clicada y esta; Mayús-clic en una fila ya seleccionada retira todo el intervalo.
• Comando-clic en macOS — Ctrl-clic en Windows — añade o quita una capa aislada, sin tocar las demás.
• Haz clic en el nombre para renombrar una capa.
• El ojo oculta o muestra el elemento sin eliminarlo.
• El candado impide cualquier modificación accidental.
• Arrastra el asa para cambiar el orden o soltar un elemento dentro de un grupo.
• Agrupar reúne la selección; Desagrupar libera los hijos; Duplicar crea una copia estructurada.

Grupos anidados

Un grupo puede contener formas, textos y otros grupos. Haz clic en su fila o en uno de sus objetos del dibujo para seleccionar el conjunto. Despliégualo para llegar a un hijo concreto desde el panel de capas.

Opacidad y efectos de grupo

• Selecciona el grupo en las capas para ajustar su opacidad global.
• Los efectos aplicados al grupo actúan sobre el resultado ensamblado, mientras que un efecto aplicado a una forma actúa antes del ensamblaje.
• Los efectos son acumulables: un mismo objeto o grupo puede combinar varias sombras, resplandores, biseles y grabados.

Crear agujeros

1. 1

   Selecciona primero la forma o formas que quieres perforar y memorízalas como objetos afectados.

2. 2

   Selecciona después la forma o formas que servirán de recorte.

3. 3

   Haz clic en Hacer los agujeros.

4. 4

   Nodixio coloca los elementos en el orden correcto automáticamente y crea un grupo estructurado en las capas.

Cuando el recorte sobresale

Un recorte totalmente incluido se convierte en un agujero. Si sobresale del borde, Nodixio realiza una verdadera operación booleana sobre el trazado para producir el contorno esperado. Nunca tienes que reordenar las capas tú mismo.

Editar un agujero

• Despliega el grupo de agujero en las capas.
• Selecciona la forma perforada o una de las capas Agujero.
• Mueve o transforma el agujero: el resultado visual se actualiza.
• Añade un nuevo agujero al grupo sin perder los existentes.
• Si eliminas el último agujero, la forma base vuelve a ser automáticamente una capa estándar.

Diferencia con una resta definitiva

Operaciones booleanas

• Unión fusiona las zonas ocupadas por las formas seleccionadas.
• Restar retira las formas de recorte de la forma base.
• Intersección solo conserva las zonas comunes.
• Exclusión conserva las zonas pertenecientes a un número impar de formas y crea un grupo Exclusión cuando resultan varias formas.

Leer el resultado en las capas

Cuando una operación produce varias siluetas, Nodixio crea un grupo con el nombre de la operación. Cada forma resultante aparece como una capa hija seleccionable y modificable.

Crear una máscara

1. 1

   Selecciona y memoriza los elementos que deben permanecer visibles.

2. 2

   Selecciona después una o varias siluetas de máscara.

3. 3

   Valida la creación de la máscara.

4. 4

   Despliega el grupo para encontrar por separado Contenido y Máscara.

Máscara o agujero

• La máscara limita la visualización de varios objetos, textos o grupos a una silueta.
• El agujero retira visualmente zonas de una forma base y conserva sus recortes como hijos editables.
• Ambas estructuras son no destructivas en el proyecto .nodixio y se traducen correctamente al exportar SVG.

Paleta del documento

• La paleta se llena automáticamente tras una vectorización o una importación SVG: los colores detectados se añaden sin duplicados.
• Haz clic en una muestra para aplicar el color a la selección.
• El selector Libre aplica el color en directo sobre las formas o textos seleccionados; ⌘Z / Ctrl+Z permite volver atrás.
• La pipeta toma y aplica directamente el píxel elegido en el PNG, incluso en vista Lado a lado, sin velo delante de la imagen.
• + Paleta memoriza el color libre en el documento.
• La pequeña cruz retira un color de la paleta; no elimina los objetos que lo usan.

Sin relleno

Selecciona una forma o un texto y haz clic en Sin relleno. El relleno se vuelve realmente transparente; un contorno, un efecto o un patrón de trazo pueden seguir visibles.

Opacidad

• Ajusta la opacidad de 0 a 100 % con el campo o el control deslizante.
• En una forma afecta a su relleno, su contorno y sus efectos.
• En un texto afecta al texto completo.
• En un grupo se aplica después de componer todos sus hijos.

Consejo de composición

Ajustes básicos

• Activa o desactiva el contorno independientemente del relleno.
• Escribe libremente el grosor: Nodixio no impone un techo artificial de 40 pt.
• Elige los extremos y las uniones adecuados al dibujo.
• Define una serie de guiones y su desfase para crear una línea discontinua.

Marcadores

• Inicio y fin se ajustan por separado.
• Los marcadores disponibles incluyen flecha cóncava, flecha abierta, triángulo, rombo, círculo, cuadrado y barra.
• El marcador sigue automáticamente la orientación del trazado.

Aspecto del contorno

Un contorno puede recibir un color, un degradado, un patrón y sus propios efectos. Estos ajustes son distintos de los del relleno de la forma.

Convertir el contorno en forma

Convertir el contorno transforma el grosor visible en una o varias formas rellenas. Si el resultado tiene varias siluetas, Nodixio las coloca en un grupo y crea una capa hija para cada una.

Tipos de relleno

• Plano usa un solo color.
• Axial o lineal sigue un eje que se puede mover directamente sobre la forma.
• Radial difunde los colores desde un centro ajustable.
• Degradado curvo sigue un trazado Bézier editable colocado sobre la forma.
• Patrón repite una tesela de la biblioteca.

Editar un degradado

1. 1

   Elige el tipo de degradado.

2. 2

   Añade, selecciona y mueve las paradas de color.

3. 3

   Mueve el eje, su centro o el trazado guía directamente en el dibujo.

4. 4

   Ajusta colores y posiciones hasta lograr la transición deseada.

Elegir un patrón

Abre el menú Patrones. Los nombres están ordenados alfabéticamente. Pasa el cursor sobre un valor para ver una vista previa en directo y haz clic para aplicarlo a la selección.

Taller de patrones

1. 1

   Crea un patrón nuevo o modifica un motivo existente.

2. 2

   Define la anchura y la altura de la tesela, su fondo transparente o coloreado y sus repeticiones.

3. 3

   Dibuja en el marco naranja con las herramientas habituales; las copias vecinas muestran las uniones en tiempo real.

4. 4

   Añade el resultado a la paleta o actualiza el patrón existente.

5. 5

   Después, en cada objeto que use el motivo, ajusta la escala, la rotación y la posición X/Y.

Biblioteca y exportación

• Un patrón se puede duplicar, renombrar, ocultar o volver a editar.
• Las dependencias de patrón siguen a los objetos al copiar y pegar entre proyectos.
• Las definiciones usadas se integran en el SVG exportado.

Efectos disponibles

• Sombra paralela: desplaza y desenfoca una silueta coloreada detrás del objeto.
• Sombra interior: oscurece el interior cerca de los bordes.
• Resplandor exterior: difunde un color alrededor de la silueta.
• Resplandor interior: difunde la luz hacia el interior.
• Bisel saliente: simula un relieve iluminado.
• Grabado hundido: simula una forma presionada en la superficie.

Acumular y ordenar los efectos

1. 1

   Selecciona una forma, un texto, un contorno o un grupo.

2. 2

   Elige Añadir un efecto.

3. 3

   Ajusta su color, opacidad, desenfoque, difusión y, en los efectos direccionales, sus desplazamientos X/Y.

4. 4

   Añade tantos efectos complementarios como necesites.

5. 5

   Arrastra el asa de un efecto para cambiar su posición; los efectos se calculan de arriba abajo y el render se actualiza al instante.

6. 6

   Los botones Subir y Bajar ofrecen el mismo comando con el teclado o en una pantalla táctil.

7. 7

   Desactiva un efecto para comparar sin perder sus ajustes, o elimínalo cuando ya no sea útil.

Nivel de aplicación

• Efecto de forma: sigue únicamente esa silueta.
• Efecto de contorno: sigue el trazo, sus guiones y sus marcadores.
• Efecto de texto: permanece ligado al texto editable.
• Efecto de grupo: trabaja sobre el render combinado de los hijos.

Mantener un SVG razonable

Desenfoque

• Añade el efecto Desenfoque para suavizar el propio objeto: sin color ni desplazamiento, solo la cantidad de desenfoque.
• Para una estela de movimiento, aumenta Direction (amplitud en píxeles) y ajusta después Angle en grados.
• El desenfoque se aplica a una forma, un texto, un contorno o un grupo, como los demás efectos acumulables.

Añadir un texto

1. 1

   Abre la pestaña Texto y haz clic en Añadir.

2. 2

   Escribe el contenido en el panel.

3. 3

   Elige la fuente incluida o busca una Google Font.

4. 4

   Ajusta tamaño, grosor, cursiva, interletraje, interlínea y alineación.

5. 5

   Mueve o transforma el texto como cualquier otro objeto.

Estilos dentro de una misma frase

1. 1

   Selecciona los caracteres que quieras en el campo de texto.

2. 2

   Elige su fuente, cuerpo, grosor, cursiva, interletraje o color.

3. 3

   Repite la operación en otra parte de la frase.

4. 4

   Usa Borrar el estilo local para devolver la parte seleccionada al estilo general del texto.

Fuentes remotas

La búsqueda de Google Fonts amplía la selección. Nodixio carga el archivo de fuente necesario para el render y puede incrustarlo en el proyecto para recuperar la composición al reabrirlo.

Texto sobre curva

1. 1

   Selecciona el texto.

2. 2

   Activa Elegir una curva y haz clic en el trazado portador.

3. 3

   Ajusta el desfase a lo largo del trazado, la distancia a la curva y el sentido.

4. 4

   Usa Desprender para liberar el texto sin perder su contenido ni su estilo.

Texto y capas

Cada texto tiene su propia capa y permanece editable mientras no se vectorice. Puede agruparse, ocultarse, bloquearse y recibir opacidad, relleno, patrón, degradado y varios efectos.

Columnas de texto

1. 1

   Haz clic en Añadir en la pestaña Texto: el cursor pasa a modo columna.

2. 2

   Dibuja un rectángulo en el lienzo para definir ancho y alto, o haz clic para una columna de ancho predeterminado.

3. 3

   El contenido se coloca y se ajusta automáticamente al ancho de la columna.

4. 4

   Ajusta el ancho en el panel o arrastra el tirador directamente sobre el dibujo.

5. 5

   Sin altura dibujada, el cuerpo empieza en 16 px; al trazar en vertical, el tamaño sigue al gesto.

Alineación, crenado e interlineado

• Los cuatro iconos del panel alinean el texto a la izquierda, al centro, a la derecha o justificado.
• El justificado estira cada línea al ancho completo de la columna; la última línea queda a la izquierda, salvo tras un salto justificado.
• Una línea de una sola palabra también se estira, espaciando sus letras.
• Crenado: Ajustar, Separar y Restablecer ajustan el espacio, para todo el texto o la selección.
• Interletraje e Interlínea afinan el conjunto de la composición.

Saltos justificados y guiones

1. 1

   Mayús+Intro inserta un salto que sigue justificado hasta el final de la columna.

2. 2

   Cmd/Ctrl+Mayús+- inserta un guion condicional, visible solo si la palabra se corta al final de la línea.

3. 3

   Intro crea un nuevo párrafo, con un salto de línea no justificado.

4. 4

   Los mismos comandos existen como botones Salto justificado y Guion en el panel.

Estilos de carácter y de párrafo

1. 1

   Selecciona los caracteres a estilizar, o todo el texto.

2. 2

   Define fuente, cuerpo, grosor, cursiva, interletraje y color.

3. 3

   Escribe un nombre y pulsa Guardar para crear un estilo reutilizable.

4. 4

   Un estilo también memoriza el interlineado y la alineación del párrafo.

5. 5

   Haz clic en un estilo de la lista para aplicarlo: con selección, solo cambian esos caracteres; si no, todo el texto.

6. 6

   Borrar el estilo local restaura el estilo general en la parte seleccionada.

Importar una fuente

• El botón Importar una fuente TTF, OTF o WOFF carga un archivo desde el ordenador.
• El archivo se conserva en el proyecto y la fuente aparece en Fuentes importadas.
• Útil sin conexión o para una fuente ausente del catálogo.
• Un carácter escrito tras un carácter con estilo hereda su estilo, grosor y cursiva incluidos.
• El formato WOFF2 no es compatible: conviértelo a TTF, OTF o WOFF.

Por qué vectorizar

Un texto SVG depende normalmente de que su fuente esté disponible. La vectorización sustituye los caracteres por trazados: el dibujo queda idéntico en otra máquina, en la imprenta o en una aplicación que no tenga la fuente.

Limpieza de glifos

Durante la conversión, Nodixio fusiona los contornos que forman cada letra. Este paso elimina los solapamientos internos habituales en los archivos de fuentes y produce una silueta más limpia y seleccionable.

Estructura obtenida

• Todas las letras de una misma conversión se colocan en un grupo.
• El grupo toma el inicio del texto como nombre para ser identificable de inmediato.
• Cada silueta resultante tiene su propia capa hija.
• Los contragrafos — por ejemplo el interior de una e, una o o una a — siguen siendo agujeros reales.

En la exportación

La casilla Vectorizar el texto está activada por defecto para asegurar el render del SVG. Desactívala solo si quieres conservar texto SVG editable y aceptas que la fuente deba estar disponible o incrustada.

Irreversible en el SVG

Transformación libre

• M activa el marco de transformación.
• Los manejadores laterales y de esquina redimensionan la selección.
• Los controles específicos permiten la inclinación y la transformación libre.
• Los manejadores de rotación exteriores giran alrededor del eje elegido.
• Conservar el original está desactivado por defecto para evitar copias involuntarias.

Rotación con eje libre

• Mueve el centro de rotación al lugar deseado antes de girar.
• Mantén Opción durante la rotación para crear una copia; un simple Opción-clic sin desplazamiento no crea nada.
• Los ajustes numéricos de ángulo y número de copias siguen visibles en el panel Transformación.
• Después de una rotación, ⌘R o Ctrl+R repite exactamente la última transformación.

Desplazamiento repetido

Mueve una selección manteniendo Opción para crear una copia. Usa después ⌘R o Ctrl+R — o el botón Repetir del panel contextual — para producir cada copia siguiente con el mismo desplazamiento.

Simetrías

Las simetrías horizontal y vertical pueden sustituir la selección o conservar el original según el ajuste de copia. La simetría manual de Corrección sirve, en cambio, para reconstruir geométricamente la mitad de un contorno.

Modos de transformación

• Estándar: marco de transformación clásico para mover y redimensionar.
• Libre: inclinación y deformación libres de la selección.
• Perspectiva: deformación del volumen desde los anchos superior e inferior.
• Arco: deformación por perfil, del arco simple a bandera, onda u ojo de pez.

Deformar con un perfil (arco)

1. 1

   Selecciona una forma y elige el modo Arco.

2. 2

   Elige el perfil: Arco, Arco inferior, Arco superior, Bóveda, Abombar, Concha superior, Concha inferior, Bandera, Onda, Pez, Elevar, Ojo de pez, Inflar, Girar o Comprimir.

3. 3

   Ajusta Curvatura y Distorsión: el esquema y la forma se actualizan en directo.

4. 4

   Activa Añadir puntos cuando el perfil deba ceñirse mejor a contornos complejos.

5. 5

   Pulsa Confirmar para aplicar, o Reiniciar para volver al punto de partida.

Deformación en perspectiva

1. 1

   Elige el modo Perspectiva.

2. 2

   Ajusta Ancho arriba y Ancho abajo para abrir o cerrar el volumen.

3. 3

   Mueve el Desplazamiento horizontal y la Inclinación vertical para orientar la cara.

4. 4

   El esquema de seis casillas sigue cada ajuste; Confirmar aplica, Reiniciar vuelve a cero.

Expandir y contraer (desplazamiento)

1. 1

   Selecciona una o varias formas.

2. 2

   Introduce una distancia en píxeles en Desplazamiento.

3. 3

   Pulsa Expandir para agrandar la silueta, o Contraer para reducirla.

4. 4

   El nuevo contorno sigue la forma, sus curvas y sus agujeros.

5. 5

   Un trazado abierto puede expandirse, pero no contraerse.

Objeto de referencia

1. 1

   Selecciona al menos dos formas.

2. 2

   Elige en la lista la que debe permanecer inmóvil, o activa el puntero de referencia y haz clic en ella en el dibujo.

3. 3

   Aplica una alineación de borde, de centro o superpón los centros.

4. 4

   Para la distribución, escribe el espaciado y elige después el eje horizontal o vertical.

Imán

• El imán está desactivado por defecto.
• Actívalo en la barra del área de trabajo y elige una tolerancia en píxeles de pantalla.
• Detecta bordes, centros, guías y puntos situados en la misma abscisa o a la misma altura.
• La alineación horizontal o vertical se señala durante el desplazamiento, lo que garantiza en particular una línea perfectamente horizontal.

Reglas y guías

• Activa Reglas para mostrar las graduaciones.
• Haz clic o arrastra desde una regla para crear una guía.
• Mueve después la guía directamente sobre el área de trabajo.
• Haz doble clic en una guía para eliminarla, o usa el comando de borrado global.

Tolerancia del imán

Pestañas de proyectos

• El botón + crea un proyecto nuevo en una pestaña.
• Haz clic en una pestaña para cambiar de proyecto; el estado del proyecto que dejas se conserva localmente.
• Haz doble clic en su nombre para renombrarlo.
• La cruz cierra la pestaña. Nodixio conserva siempre al menos un espacio de trabajo.

Copiar y pegar entre pestañas

1. 1

   Selecciona formas, textos o grupos en el dibujo o en las capas.

2. 2

   Usa ⌘C o Ctrl+C.

3. 3

   Abre la pestaña de destino.

4. 4

   Usa ⌘V o Ctrl+V.

5. 5

   Los grupos, estilos, efectos y patrones necesarios se copian con los objetos.

Copia de seguridad local

Nodixio funciona sin cuenta. Cada pestaña modificada se memoriza por separado en el navegador y Nodixio propone restaurar esa sesión al volver. Esta recuperación local no sustituye a un archivo de copia: descarga un .nodixio con regularidad para conservar cada proyecto de forma duradera.

Abrir un proyecto .nodixio

Abrir restaura un proyecto Nodixio completo. Nodixio comprueba la estructura del documento y su huella de integridad — completada por una firma cuando el servicio está disponible — para rechazar archivos corruptos o modificados después de guardarlos.

Importar un SVG

• Importar SVG analiza el archivo antes de leerlo y rechaza construcciones peligrosas.
• Las formas visibles compatibles se convierten al modelo Nodixio.
• Rellenos, contornos, opacidades y transformaciones habituales se recuperan en la medida de lo posible.
• La importación se aplana deliberadamente: algunos elementos SVG externos muy especializados pueden simplificarse.

Descomponer un objeto SVG

• Un archivo con textos, máscaras, motivos, filtros o marcas se conserva como objeto SVG compuesto, fiel pero no editable en anclajes.
• Selecciona ese objeto y haz clic en Descomponer en formas: cada trazado se convierte en una forma Nodixio completa.
• Los degradados lineales y radiales, los rellenos, los contornos y las opacidades se recuperan en las formas obtenidas.
• Las formas descompuestas aceptan entonces todo el instrumental Nodixio: anclajes, suavizado, agujeros, operaciones booleanas, degradados curvos y efectos.
• Los elementos con máscara, filtro, motivo o texto siguen agrupados en un objeto SVG al mismo nivel, para no perder nada.
• La operación se puede deshacer con Cmd/Ctrl+Z.

Guardar

Guardar descarga un archivo .nodixio con la imagen de origen, las formas, los textos, las fuentes, las capas, los grupos, los agujeros, las máscaras, los patrones y los ajustes del documento.

Exportar SVG

• El menú Exportar produce un SVG estándar autónomo.
• Los elementos invisibles no se exportan.
• Los grupos, opacidades, agujeros, máscaras, degradados, patrones, contornos y efectos usados se traducen en estructuras SVG.
• La opción Vectorizar el texto garantiza el render tipográfico; desactívala para conservar los textos editables.

Exportar PNG o JPEG

• PNG transparente conserva las zonas vacías del área de trabajo en transparencia, para reutilizarlas sobre cualquier fondo.
• JPEG usa un fondo blanco, porque el formato no admite transparencia.
• Ambas imágenes reproducen exactamente las dimensiones en píxeles del área de trabajo.
• Los textos se vectorizan durante el render para conservar su aspecto, incluso en un dispositivo que no tenga la fuente.

Exportar EPS

• EPS vectorial produce un archivo Encapsulated PostScript destinado a la imprenta o a un flujo de autoedición (Illustrator, InDesign, QuarkXPress).
• La conversión la realiza Inkscape en el servidor Nodixio: se le envía el SVG del dibujo y se devuelve el EPS.
• Los textos se vectorizan y los degradados, patrones, máscaras y efectos gestionados por Inkscape se conservan en vectorial.
• El EPS no admite transparencia: las zonas transparentes se renderizan sobre fondo blanco.
• Las dimensiones siguen la regla de la web: 1 píxel del área de trabajo equivale a 0,75 puntos (96 ppp). Para un tamaño de impresión preciso, comprueba el formato en tu aplicación de autoedición.
• Si la entrada aparece atenuada con «Se requiere Inkscape», la herramienta de conversión no está instalada en el servidor: usa entonces la exportación SVG, aceptada por todos los programas de autoedición.

Antes de salir

Herramientas

• V o A — Selección de objetos, desplazamiento y edición directa de anclajes.
• Q — Selección con lazo.
• P — Pluma, nueva forma cerrada.
• Mayús+P o \\ — Pluma de contorno / curva abierta.
• M — Transformación.
• H — Desplazamiento del área de trabajo.
• B — Pincel de mapa de bits cuando el modo PNG está activo.
• E — Borrador de mapa de bits cuando el modo PNG está activo.

Edición

• ⌘Z / Ctrl+Z — Retroceder en el historial del proyecto, hasta 100 operaciones por pestaña.
• ⌘⇧Z / Ctrl+Mayús+Z — Rehacer las operaciones anuladas.
• ⌘C / Ctrl+C — Copiar la selección estructurada.
• ⌘V / Ctrl+V — Pegar en el proyecto activo.
• ⌘R / Ctrl+R — Repetir la última rotación, traslación o duplicación memorizada.
• ⌘D / Ctrl+D — Deseleccionar todo.
• Supr / Retroceso — Eliminar los objetos, textos o anclajes seleccionados.
• Escape — Salir del modo activo, cancelar una máscara en curso o volver a la selección.

Durante un trazado con la pluma

• Intro o doble clic — Terminar el trazado abierto.
• Escape — Cancelar el gesto en curso; pulsado de nuevo, abandonar el trazado.
• Supr / Retroceso — Eliminar el anclaje actual, o el último punto colocado.
• Cmd/Ctrl+Z, Cmd/Ctrl+Mayús+Z — Anular y rehacer una acción del trazado en curso.
• Cmd/Ctrl-arrastrar un anclaje — Tirar de sus manejadores sin mover el anclaje; Mayús limita a 45°, Alt fija el otro manejador.
• Mayús+Alt-clic en un segmento — Insertar un anclaje sin deformar la curva.
• Opción sobre un extremo existente — No retomar ese trazado.

Edición de los puntos Bézier

• Arrastrar el trazo sin modificador — Mover el trazado entero, incluida una línea o curva abierta.
• Alt-arrastrar en un segmento — Curvar el segmento sin mover los dos anclajes que lo delimitan.
• Mayús+Alt-clic en un segmento — Insertar un anclaje sin deformar la curva. Funciona como con la pluma, incluso en un trazado cerrado.
• Alt-clic en un anclaje — Alternar entre esquina y curva suave.
• Cmd/Ctrl+Alt-clic en un anclaje — Añadir o quitar sus dos manejadores de esquina.
• Borrar anclajes y hacer clic — Eliminar varios anclajes seguidos.
• Borrar manejadores y hacer clic — Retirar las dos tangentes de un anclaje.
• Mayús-clic en un anclaje — Añadir o quitar el anclaje de la selección múltiple.

Modificadores

• Mayús-clic — Añadir o quitar un objeto o un anclaje de la selección; los anclajes retenidos aparecen en rojo.
• Comando-clic / Ctrl-clic — Entrar en un grupo o recorrer los objetos superpuestos.
• Opción durante una rotación o un desplazamiento — Crear una copia.
• Opción sobre un anclaje — Alternar entre esquina y curva suave.

Texto

• Mayús+Intro — Salto de línea justificado que permanece alineado al ancho de la columna.
• Cmd/Ctrl+Mayús+- — Guion condicional (división), visible solo si la palabra se corta al final de la línea.
• Intro — Nuevo párrafo, con un salto de línea no justificado.

Apoyar a Nodixio

• Nodixio es gratis, sin cuenta y sin límites: ninguna función es de pago y ninguna está bloqueada.
• Un botón Apoyar se ofrece discretamente tras exportar un SVG y desde la página de inicio.
• El apoyo es totalmente opcional: no aporta ninguna contrapartida, no desbloquea nada y nunca se exige.
• Solo sirve para financiar el alojamiento del servicio y el tiempo de desarrollo, como agradecimiento al autor.
• El pago es único y lo gestiona Stripe; ningún dato bancario pasa por Nodixio y puedes cerrar la ventana en cualquier momento.

No puedo seleccionar un objeto

• Comprueba que su capa y sus grupos padres estén visibles y desbloqueados.
• Un clic selecciona normalmente el grupo: usa Comando-clic — Ctrl-clic en Windows — o elige directamente el hijo en las capas.
• Si otro objeto cubre el objetivo, repite Comando-clic o Ctrl-clic para bajar en la pila.
• Pulsa Escape y luego V para salir de una herramienta especializada que siga activa.

No veo los puntos

• Selecciona una forma estándar y pulsa A.
• Un objeto paramétrico debe convertirse primero en forma.
• El modo Unión muestra voluntariamente solo los extremos de los trazados abiertos.
• Aumenta el tamaño de las anclas si los anclajes son difíciles de agarrar.

El SVG no se parece al proyecto

• Controla las capas ocultas: no se exportan.
• Deja Vectorizar el texto activado si el archivo debe abrirse en otro sitio.
• Reduce temporalmente los efectos muy difusos para identificar un problema de render.
• Conserva el .nodixio y reimporta el SVG solo como verificación, nunca como copia de trabajo.

El archivo se vuelve complejo

• Usa las formas perfectas y el suavizado para reducir los puntos.
• Agrupa los conjuntos lógicos y dales un nombre explícito.
• Elimina las capas, colores, patrones y efectos realmente inútiles.
• Convierte un contorno en forma solo cuando esa conversión sea necesaria.

Regla de seguridad

Geometría

• Anclaje: punto principal de un trazado Bézier.
• Manejador: controla la dirección y la curvatura cerca de un anclaje.
• Contorno: serie de segmentos rectos o curvos que delimitan una forma.
• Trazado abierto: línea con dos extremos, normalmente mostrada con un contorno.
• Trazado cerrado: contorno cuyo último segmento se une al primero y que puede recibir un relleno.
• Contragrafo: zona vacía interna de una letra o una forma, por ejemplo el interior de una o.

Aspecto

• Relleno: materia situada dentro de un trazado cerrado.
• Contorno o trazo: línea dibujada a lo largo del trazado.
• Opacidad: proporción de visibilidad, de 0 % transparente a 100 % opaco.
• Degradado: transición entre varios colores.
• Patrón: pequeña tesela repetida para llenar una superficie.
• Filtro: efecto SVG como una sombra, un resplandor o un relieve.

Estructura

• Grupo: conjunto de elementos transformados o estilizados colectivamente.
• Máscara: silueta que limita la zona visible de un contenido.
• Booleano: operación geométrica entre varias siluetas.
• Objeto paramétrico: forma pilotada por valores como el número de lados o el radio.
• Vectorizar: convertir una imagen o un texto en trazados geométricos.