CAPITULOS 1 AL 5

Capítulo 1. Inicio Rápido

Tabla de contenidos

 Componentes de la Ventana de Inkscape

 La Bandera Sueca—Un Ejemplo Sencillo
 La Bandera Europea—Un Ejemplo más Elaborado
 El Logotipo de un Club de Senderismo—Un Ejercicio con Trazos
 El Logotipo del Ferrocarril Northern Pacific—Un Ejemplo de Vectorización
 Una Caja de Naipes—Una Proyección Isométrica
 Una Lata de Sopa—Un Dibujo en 3 Dimensiones con Degradados
 Un Diseño Vitícola—Un Ejemplo de Mosaico
 Un Botón SVG—SVG e Internet
 Un Anuncio de Neón—Animación
 Un Billete de Banco—Elementos de Seguridad
 Una Botella—Fotorrealismo

Comencemos. Inkscape es un programa muy potente. Sin embargo, solo es necesario

entender una pequeña parte del mismo para empezar a dibujar. Este capítulo ofrece una
visión general de los distintos elementos de la interfaz gráfico de usuario de Inkscape, y a
continuación nos guía a través de la creación de unas pocas ilustraciones. Vamos a
trabajar en los siguientes ejemplos:

 La Bandera Sueca: Introducción básica a Inkscape mediante un ejemplo en el que

se dibujan rectángulos sencillos.
 La Bandera Europea: Este ejemplo, incluye el dibujo de estrellas y la colocación de
objetos de forma precisa.
 El Logotipo de un Club de Senderismo: Introducción al manejo de textos y un buen
ejercicio sobre la manipulación de trazos.
 El Logotipo de los Ferrocarriles Northern Pacific: En este ejemplo se muestra cómo
crear un dibujo a partir de una fotografía con la ayuda de la rutina de vectorización.
También es una introducción al manejo de capas.
 Caja de Naipes: Aquí se explica cómo usar Inkscape para dibujar una proyección
isométrica sencilla de un objeto tridimensional. También se realizan
transformaciones de objetos con precisión.
 Una Lata de Sopa: Otra demostración de cómo simular un objeto tridimensional en
un dibujo de 2 dimensiones. También es una introducción a los degradados.
 Un Diseño Vitícola: En este ejemplo se muestra cómo crear un dibujo que puede
utilizarse como tesela patrón para formar luego un mosaico por repetición de la
misma. Introducción al manejo de la opción Crear clones en mosaico que es una
potente herramienta de Inkscape.
 Botón: Creación de un botón SVG interactivo para utilizarlo dentro de una página
web. También se enseña la forma de usar el botón, y se trata el uso de los
estándares de estilo SMIL, JavaScripty CSS.
 Un Anuncio de Neón: Introducción a la creación de animaciones con Inkscape.
  Un Billete de Banco: En este ejemplo se utilizan diversos recursos de Inkscape para
diseñar un billete de banco “seguro”. Se explica la manipulación de patrones y
volutas.
 Una Botella: Creación de un dibujo fotorrealista de una botella de sifón. Para ello se
hace uso de trazos, degradados y desenfoques.

Componentes de la Ventana de Inkscape

Actualizado para la versión 0.48.

Para empezar, abra Inkscape. En la pantalla aparecerá una sola ventana. Esta ventana
tiene varias secciones importantes, muchas de ellas contienen botones o menús
desplegables. En la siguiente figura se muestra dicha ventana y se indican sus partes
principales.

La Barra de Comandos, los Controles de Herramienta, y la Caja de Herramientas se

pueden desplazar de sus posiciones arrastrando de los tiradores (marcados con azul en
la figura) situados en el extremo izquierdo de la barra, o en su borde superior. Cada una
de ellas se puede volver a colocar en su ubicación normal arrastrándolas de nuevo a sus
posiciones iniciales. Nuevo en la versión 0.48: La posición inicial de algunas de las barras
cambia dependiendo de la opción que se encuentre seleccionada en la parte inferior del
menú Ver. Cuando la opción Predeterminado está seleccionada, la Barra de
Comandos está situada en la parte superior de la ventana, mientras que la Barra de
Controles de Ajuste está a la derecha. Si la opción Personalizado es la que se encuentra
seleccionada, entonces tanto la Barra de Comandos como la Barra de Controles de
Ajuste aparecen ubicadas en la parte superior de la ventana. Cuando la
opción Ancho está seleccionada, la Barra de Comandos y la Barra de Controles de
Ajuste están situadas ambas a la derecha de la ventana. Por defecto, el programa utiliza
la opción Predeterminado si no se está usando una “pantalla panorámica”. En caso
contrario, el programa utiliza por defecto la opción Ancho. El programa considera que una
pantalla es panorámica si tiene una proporción anchura/altura mayor que 1.65. Tanto
estas barras como la Paleta y la Barra de Estado se pueden ocultar usando el
submenú Ver → Mostrar/ocultar.

A medida que Inkscape ha aumentado en complejidad, ha ido aumentando el área

necesaria para incluir los iconos y los cuadros de entrada de datos de las distintas
herramientas del programa. Este hecho ha generado problemas cuando Inkscape se
utiliza en pantallas pequeñas. La Barra de Comandos, la Barra de Controles de Ajuste,
los Controles de Herramienta y la Caja de Herramientastienen anchuras o alturas
variables. Si algunas de estas barras contienen demasiados ítems y no caben en la
anchura (o altura) de la ventana de Inkscape, una pequeña flecha hacia abajo aparecerá
en el extremo derecho o en la parte inferior de las barras. Al hacer clic sobre esta flecha
se abrirá un menú desplegable para acceder a los ítems que no quepan en la barra.
También existe la posibilidad de utilizar iconos más pequeños. Esta opción se encuentra
en la sección Interfaz del cuadro de diálogo Preferencias de Inkscape. Tenga en cuenta
que el Tamaño de los iconos de la barra de herramientas secundaria se refiere a la Barra
de Controles de Ajuste. Utilizando los iconos más pequeños, la ventana de Inkscape más
pequeña posible tiene 505 píxeles de ancho por 451 píxeles de alto en la versión 0.48,
mientras que en la versión 0.47 tiene 573 píxeles de ancho por 506 píxeles de alto. El
tamaño más pequeño puede depender del sistema operativo que esté utilizando y de la
disponibilidad de un conjunto de iconos pequeños. Ocultando todos los diferentes
componentes de la ventana Inkscape (la Barra de Comandos, la Paleta, etc.), se puede
conseguir una ventana con un tamaño de sólo 505 por 281 píxeles en la versión 0.48, y
de 525 por 287 píxeles en la versión 0.47.

Ausencia de los Iconos en los Menús

Los autores del sistema de ventanas de Gnome que utiliza Inkscape, en su sabiduría infinita han decidido
que los iconos no aparezcan en los menús desplegables ni en los botones. En las últimas bibliotecas de
Gnome, han desactivado los iconos, e incluso han eliminado la opción de reactivarlos desde los menús de
Preferencias de Gnome. Si desea reincorporar los iconos dentro de los menús, necesitará utilizar el
programa gconf-editor o el “Editor de Configuración” (que es posible que deba instalar previamente).
Para ello, deberá acceder a desktop → gnome → interface, y después marcar la
casilla “menus_have_icons”. Si así lo desea, también puede marcar la casilla“buttons_have_icons”.

La ventana predeterminada de Inkscape con sus elementos más importantes señalados.

Pizarra
 Es la zona donde se dibuja. Puede extenderse más allá del área visible. Esta zona
se puede desplazar (moverse a izquierda/derecha y arriba/abajo) y también se
puede ampliar o reducir.

Página

Es la parte de la Pizarra que corresponde a una página impresa o a otra área

predefinida. Sirve para definir el área de salida para imprimir o para exportar una
imagen en mapa bits. Puede extenderse más allá del área visible. [3]

Barra de Menús

Contiene los menús desplegables más importantes.

Barra de Comandos

Contiene atajos a muchas de las opciones localizadas en los menús. Hay que hacer
clic sobre la Flecha hacia la derecha situada en el extremo derecho de la barra para
acceder a las opciones que no aparecen por falta de espacio.

Barra de Controles de Ajuste

Contiene botones para controlar los ajustes. Ver la sección “Ajustar

” del Capítulo 5, Situar y Transformar.

Controles de Herramienta

Contiene cuadros de entrada, iconos y botones que son específicos de la

herramienta que esté seleccionada. Por ejemplo, cuando la Herramienta
Rectángulo está siendo utilizada, aparece un cuadro de entrada para especificar la
anchura del rectángulo. Hay que hacer clic sobre la Flecha hacia la derecha situada
en el extremo derecho de la barra para acceder a las opciones que puede que no
aparezcan por falta de espacio. Si no hay ninguna flecha, entonces es que en la
barra aparecen todas las opciones.

Caja de Herramientas

Contiene las “Herramientas” para seleccionar, dibujar o modificar objetos. Haciendo

clic sobre uno de los iconos se activa la herramienta correspondiente. Si se hace un
doble-clic se abre el cuadro de diálogo con las preferencias de esa herramienta.
Dependiendo de la herramienta seleccionada, el cursor (puntero) cambia de forma
cuando se coloca sobre la pizarra.

Herramientas disponibles:
 , , , , , , , , , , , , , , ,
, , , .

Paleta de Colores

Contiene una paleta de colores. Los colores se pueden arrastrar desde la paleta
hasta los objetos para cambiar el color de su Relleno. Si mantiene presionada la
tecla Mayús. al arrastrar un color, cambiará el color del Borde del objeto. El color
usado por algunas herramientas se puede elegir haciendo clic sobre una de las
muestras de color. La paleta se puede cambiar haciendo clic sobre la flecha que se
encuentra en el extremo derecho de la paleta. El programa incluye muchas paletas
predefinidas. Si el número de muestras de color de una paleta excede el espacio
disponible, se puede usar la barra de desplazamiento situada debajo de la paleta
para acceder a las muestras de color ocultas.

Barra de Estado

Contiene varias zonas que incluyen el Indicador de Estilo, la capa de dibujo actual
(y si está visible o está bloqueada), la posición del cursor, el nivel de zoom actual,
el tirador para ajustar el tamaño de la ventana, y una Zona de Información donde se
describen en cada momento las opciones disponibles dependientes del contexto.

Indicador de Estilo

Muestra el estilo (Relleno y Borde) de un objeto, o de un fragmento de texto, o de

una parada de un degradado, que estén seleccionados. Haciendo clic con el Botón
Izquierdo del ratón sobre la parte del Relleno o del Color de trazo del indicador, se
abre el cuadro de diálogo Relleno y borde. Si se hace un clic con el Botón
Derecho se abre un menú desplegable. Ver la sección “Indicador de
Estilo” del Capítulo 10, Atributos para conocer más detalles y aplicaciones.

Zona de Información

Contiene información dependiente del contexto del momento. Si la zona es

demasiado pequeña para ver todo el texto, hay que colocar el cursor sobre la
misma, y entonces aparecerá una nota emergente con el texto completo.

Zona de Información

La Zona de Información contiene información muy útil. Es muy conveniente prestarle mucha
atención cuando estemos aprendiendo a utilizar una herramienta desconocida.
Reglas
 Muestran los ejes de coordenadas x e y del dibujo. Para mostrar u ocultar las reglas
hay que pulsar la combinación de teclas Ctrl +R . Para crear una Línea Guía hay
que realizar un movimiento de Arrastre con el Botón Izquierdo del Ratón desde
una Regla hacia la Pizarra.

Barras de Desplazamiento

Permiten el desplazamiento de la Pizarra para controlar y ajustar la parte visible de

la misma.

Calibración de Color

Con este botón se activa y desactiva el uso de un Perfil de Color (si está
configurado).

Cuadros de Diálogo Acoplables

Inkscape tiene incorporados Cuadros de Diálogo Acoplables. Con esta propiedad, los
cuadros de diálogos abiertos se sitúan dentro de la ventana principal de Inkscape en su
lado derecho como muestra la figura siguiente.
 La ventana principal de Inkscape con dos cuadros de diálogo acoplados.

Los cuadros de diálogo acoplados pueden reordenarse, cambiarse de tamaño (si el

espacio disponible lo permite), apilarse y reducirse a un icono. Para mover un cuadro de
diálogo, hay que arrastrar con el Botón Izquierdo del Ratón la barra de título del cuadro
de diálogo. Los cuadros de diálogo también se pueden arrastrar fuera de la ventana
principal del programa, convirtiéndose ellos en nuevas ventanas. Cada cuadro de diálogo
puede tener su propia ventana, o se pueden agrupar varios cuadros de diálogo en una
misma ventana flotante.
 Una ventana flotante con dos cuadros de diálogo.

Si selecciona la opción Flotante en el apartado Comportamiento de los diálogos dentro de

la sección Ventanas del cuadro de diálogo Preferencias de Inkscape (Archivo →
Preferencias de Inkscape... ( Mayús +Ctrl+ P )) se desactiva el uso de ventanas
acoplables. De esta forma, todos los cuadros de diálogo se abrirán en su propia ventana.

Aún queda algo de trabajo por hacer en la implementación de los cuadros de diálogo
acoplables. Algunos cuadros de diálogo todavía no se han convertido en acoplables (por
ejemplo, Texto y tipografía o Propiedades del objeto). También es posible encontrarse
con algunos errores de programación.

[3]
Inkscape usa los términos Pizarra y Página indistintamente. En este libro, con el
término Pizarra nos referiremos a toda el área de dibujo, mientras que
con Página indicaremos una zona concreta de la Pizarra correspondiente al área
especificada de salida.

La Bandera Sueca—Un Ejemplo Sencillo

Vamos a utilizar Inkscape para dibujar una bandera muy sencilla, la de Suecia. En este
ejemplo vamos a explicar varias tareas: cómo personalizar el tamaño de un dibujo, cómo
crear una Rejilla que nos ayude a colocar con precisión los objetos, el manejo de
la Herramienta Rectángulo, cómo cambiar el color de los objetos, y por último cómo
guardar un dibujo y exportarlo en un formato adecuado para poder usarlo en una página
web.

La Bandera de Suecia.

Los pasos que vamos a seguir son los siguientes:

 Abrir Inkscape.
 Definir el tamaño del dibujo.
 Definir una Rejilla que nos ayude a dibujar los objetos.
 Dibujar el fondo de la bandera.
 Dibujar la cruz.
 Especificar los colores del fondo y de la cruz.
 Guardar y exportar el dibujo.

Suponemos que ya sabe abrir Inkscape y usar un ratón, un área táctil o una tableta para
seleccionar las opciones de los menús y mover las barras de desplazamiento.

Procedimiento 1.1. Dibujar la Bandera Sueca

1. Abrir Inkscape.

El programa se abrirá en una única ventana con un tamaño de página

predeterminado.

2. Ajustar el tamaño de la página al tamaño deseado de la bandera.

La proporción correcta entre la anchura y la altura de la bandera sueca es de 16 a

10. Vamos a ajustar el tamaño de la página a un área de 320 por 200 píxeles. Lo
importante en este punto es mantener esta proporción. El tamaño del dibujo se
puede cambiar más tarde cuando se vaya a imprimir o a exportar en formato mapa
de bits (de manera predeterminada, en la exportación un píxel corresponde a un
píxel de pantalla).

a. Abrir el cuadro de diálogo Propiedades del documento.

 Abra el cuadro de diálogo Propiedades del documento seleccionando la
opción Archivo → Propiedades del documento... (Mayús+Ctrl+D).

b. Ajustar el tamaño de la página.

En la nueva ventana abierta, cambie Tamaño personalizado: Unidades a "px"

usando el menú desplegable. Después ajuste el tamaño de la bandera
cambiando Tamaño personalizado:Ancho a 320, y la Altura a 200. Esto se
puede hacer tecleando los números en los recuadros de entrada junto a las
etiquetas (se podrían usar las pequeñas flechas hacia arriba y abajo para
cambiar el valor de entrada, pero este método no funciona bien cuando el
número que se quiere introducir no es entero). Observe que al introducir
nuevos valores, para que los cambios tengan efecto hay que pulsar la
tecla Intro, o hacer clic en otro recuadro de entrada diferente, o mover el
cursor desde el cuadro de diálogo Propiedades del documento hasta otra
ventana de Inkscape. La Orientación del papel cambiará automáticamente
a Horizontal.
 Cuadro de diálogo Propiedades del documento.

c. Ajustar la página dentro del área de dibujo.

Ahora la página es un pequeño rectángulo al fondo del área de dibujo. Para

ajustar la página al área de dibujo, hay que hacer clic sobre el icono Ajustar la
página a la ventana situado en la Barra de Comandos, o bien usar el atajo
de teclado: 5. Después de esto, la ventana de Inkscape debería tener el
siguiente aspecto:
 La ventana de Inkscape después de haber ajustado el tamaño de la página y
el nivel del zoom.

3. Definir una Rejilla.

Mientras el cuadro de diálogo Propiedades del documento está abierto, haremos un

cambio más que nos facilitará el dibujo del fondo y la cruz. Una Rejilla es un
conjunto de líneas (por lo general) verticales y horizontales que sirven de guía para
dibujar objetos. Opcionalmente, los objetos se pueden “ajustar” a la Rejilla cuando
los estemos dibujando o moviendo, permitiéndonos de esta forma dibujar con
precisión. La Rejilla no aparece cuando el dibujo se imprime o se exporta como
mapa de bits.

a. Crear una Rejilla.

Seleccione la ficha Rejillas en el cuadro de diálogo Propiedades del

documento. En la sección Creación, seleccione la opción Rejilla
rectangular en el menú desplegable (si es que no estuviera ya seleccionada)
y después haga clic sobre el botón Rejilla Nueva. Entonces debería ver una
rejilla de líneas azules en la pizarra. Si no es así, asegúrese de que están
marcadas las casillas Activado y Visible dentro de la sección Rejillas
 definidas. Si las casillas ya están marcadas, active la visibilidad global
de Rejillas aplicando el comando Ver → Rejilla (#).

b. Ajustar el espaciado de la Rejilla.

Ahora puede graduar la Rejilla para que coincida con la cruz. La legislación
sueca establece las dimensiones y la posición de la cruz. La barra vertical de
la misma debe colocarse entre los 5/16 y los 7/16 de la anchura de la
bandera, mientras que la barra horizontal debe situarse entre los 4/10 y los
6/10 de la altura de la bandera.

La Rejilla predeterminada tiene divisiones secundarias cada píxel y divisiones

primarias cada 5 píxeles. Dependiendo del nivel del zoom, no todas las
divisiones son visibles. Una Rejillamás adecuada para dibujar la bandera
sería una que tuviese divisiones cada 20 píxeles, de manera que las líneas
de la Rejilla dividan el ancho de la bandera en 16 partes iguales y la altura de
la bandera en 10 partes iguales.

Para cambiar la escala de la Rejilla, hay que volver a la ficha Rejillas del
cuadro de diálogo Propiedades del documento.
 Cuadro de diálogo Propiedades del documento, ficha Rejillas.

Fije en 20 el valor de los parámetros Espaciado X y Espaciado Y.

Para dibujar la bandera con mayor precisión, vamos a activar el ajuste de los
nodos a las líneas de la rejilla. Primero seleccione la ficha Ajustar. Marque la
opción Ajustar siempre en la sección Ajustar a rejillas. Así se forzará siempre
el ajuste de los objetos independientemente de la distancia existente entre el
cursor y las líneas de la Rejilla. Active el ajuste global resaltando con un clic
el icono Activar ajuste ( ) situado en la Barra de Controles de Ajuste.
Después active el ajuste de nodos resaltando con un clic el icono Ajustar
nodos ( ) ubicado en la Barra de Controles de Ajuste. A continuación,
asegúrese de que el icono Ajustar a rejillas ( ) esté resaltado en la Barra
de Controles de Ajuste (puede que necesite ampliar la anchura o altura de la
ventana de Inkscape si este icono no aparece visible dependiendo de la
orientación que tenga la Barra de Controles de Ajuste, o también puede
utilizar el menú desplegable que se abre con la Flecha hacia la
derecha situada en el extremo inferior o derecho de dicha barra, y hacer clic
sobre la opción Rejillas). Por último, asegúrese de que el icono Ajustar
esquinas de cajas de contorno ( ) no esté resaltado. [4]

Cuadro de diálogo Propiedades del documento, ficha Ajustar.

Después de realizar estos cambios, puede cerrar el cuadro de

diálogo Propiedades del documento. La ventana de Inkscape debería
presentar este aspecto:
 El área de dibujo después de activar y adaptar la Rejilla. Observe los ajustes
en la Barra de Controles de Ajuste.

4. Dibujar el fondo de la bandera.

La bandera tiene un fondo azul claro. Hay varias formas para conseguirlo, nosotros
vamos a utilizar un rectángulo coloreado.

a. Seleccionar la Herramienta Rectángulo.

Para seleccionar la Herramienta Rectángulo hay que hacer clic sobre el

icono Herramienta Rectángulo en la Caja de Herramientas situada a la
izquierda de la ventana de Inkscape (o bien utilizar el atajo de teclado F4).

Notas Emergentes
Una característica muy interesante de Inkscape es que tiene incorporadas notas emergentes
con indicaciones y consejos muy útiles. Así, por ejemplo, al colocar el puntero del ratón
sobre el icono de la Herramienta Rectángulo, aparecerá una nota emergente que explica el
uso de la Herramienta Rectángulo. Esta propiedad está presente en casi todos los iconos y
objetos de Inkscape. La nota emergente suele incluir el atajo de teclado del icono
correspondiente. En este caso, aparece la tecla F4, lo que indica que otra forma de
 seleccionar la Herramienta Rectángulo es pulsar la tecla F4.

Una vez que haya seleccionado la Herramienta Rectángulo, mueva el cursor

sobre el área de dibujo. El cursor se convertirá en un pequeño rectángulo.
Esto significa que ya puede dibujar un rectángulo o cuadrado. La pequeña
cruz de la esquina superior izquierda del cursor indica el punto activo.

Región de Información
En la parte inferior de la ventana hay una Zona de Información (dentro de la Barra de
Estado). En esta sección se indican las acciones puede realizar con la herramienta
seleccionada. Observe que la región no siempre es lo suficientemente amplia para que se
puedan ver todas las opciones disponibles. Si se coloca el cursor sobre la región aparecerá
una nota emergente en la que se mostrará la información completa. También se puede
ampliar la ventana de Inkscape para aumentar el espacio de esta sección. Cuando
la Herramienta Selector está activada, la Zona de Información también informa del
número y el tipo de objetos que están seleccionados en ese momento.

b. Dibujar el rectángulo del fondo.

Para dibujar el rectángulo del fondo, siga las indicaciones de la Zona de

Información. Realice un clic sostenido arrastrando el cursor desde una
esquina del área de la página hasta la esquina opuesta.

Observe cómo las esquinas del rectángulo se ajustan a la Rejilla. Si su

rectángulo no coincide con el tamaño de la página, puede usar uno de los
tiradores (pequeños cuadrados blancos), situados en la esquina superior
izquierda o inferior derecha del rectángulo, para ajustar el tamaño del
rectángulo. (El círculo de la esquina superior derecha tiene una función
diferente. Se utiliza para redondear las cuatro esquinas de un rectángulo.) A
medida que arrastre de los cuadraditos, estos se ajustarán a la Rejilla.

Si comete algún error, puede hacer clic sobre el icono Deshacer de

la Barra de Comandos, seleccionar la opción Edición →
Deshacer (Ctrl+Z) de la Barra de Menús, o bien utilizar el atajo de
teclado Ctrl+Z para deshacer el error cometido.
 Rectángulo del fondo.

Es necesario cambiar el color del fondo. Podemos hacerlo ahora mismo, pero es
más fácil esperar y cambiarlo cuando definamos el color de la cruz.

5. Dibujar la cruz.

La cruz está formada por una barra horizontal y otra vertical.

a. Dibujar la barra horizontal.

Con la Herramienta Rectángulo aún seleccionada, cuente seis celdillas de la

rejilla hacia arriba desde la base de la bandera en su lado izquierdo, haga clic
y arrastre el cursor hasta la cuarta casilla por encima de la base de la
bandera en su lado derecho. Las esquinas del nuevo rectángulo se deberían
ajustar a la rejilla. Observe que el color de Relleno del nuevo rectángulo es el
mismo que el del fondo, pero aún así la nueva barra horizontal debería ser
visible. Haga las correcciones necesarias en el tamaño y la posición del
nuevo rectángulo.
 Si no puede ver la barra horizontal ... ¡no se asuste! Inkscape a menudo
utiliza el Estilo activo (atributos: color, estilo de trazo, etc.) para dibujar los
nuevos objetos. El Estilo activocorresponde al del último objeto cuyo estilo
haya sido modificado (incluyendo el de una sesión anterior de Inkscape). Si el
color del borde coincide con el color del Relleno del rectángulo, o si el dibujo
del borde está desactivado, Y si el valor de la transparencia o el Alfa es del
100%, la situación será como tratar de ver a un oso polar en medio de una
tormenta de nieve. Hay muchas soluciones para esto, pero la más fácil es
cambiar el color de la barra horizontal para que sea distinto del color del
fondo. Para ello, hay que hacer clic en cualquiera de las muestras de color de
la Paleta mientras la barra recién dibujada todavía esté seleccionada (esto
está indicado por la línea discontinua que rodea su perímetro). Si se hace clic
sobre una muestra de color de la Paleta cuando no hay ningún objeto
seleccionado, el Estilo activo cambiará para usar ese color en el Relleno del
siguiente Rectángulo que se dibuje.

b. Dibujar la barra vertical.

La barra vertical debe extenderse entre las líneas 5 y 7 de la rejilla, contadas

desde el lado izquierdo del rectángulo del fondo.

La imagen de la bandera después de haber dibujado las barras horizontal y

vertical. Las líneas de los bordes muestran cómo un rectángulo de la cruz se
superpone al otro.

c. Unir las barras para formar la cruz.

Podríamos parar aquí. Sería suficiente con eliminar los bordes de las barras
para conseguir la cruz que queremos. Sin embargo, sería mejor (o al menos
más pedagógico) unir las barras en una cruz, de manera que la cruz sea un
único objeto en lugar de dos.

i. Seleccionar ambos rectángulos.

Ahora tenemos que seleccionar las dos barras a la vez. Esto se puede
hacer con la Herramienta Selector y la tecla Mayús.. Active
 la Herramienta Selector haciendo clic sobre el icono de la Caja de
Herramientas o usando uno de los atajos de teclado F1 o s.

Después de activar la Herramienta Selector (esto queda reflejado en el

cursor, que pasa a ser una flecha cuando está sobre la pizarra, o una
flecha y una mano cuando pasa sobre un objeto), haga clic sobre uno
de los rectángulos de la cruz. Luego, manteniendo pulsada la
tecla Mayús., haga clic sobre el otro rectángulo de la cruz. Ambos
rectángulos quedan seleccionados, como lo indican sus bordes
discontinuos. Observe que el rectángulo del fondo no está rodeado por
un borde discontinuo, y que la Zona de Información nos indica que
están seleccionados dos objetos.

Los dos rectángulos que forman la cruz están seleccionados.

ii. Unir los trazos.

Los dos rectángulos se pueden combinar uniendo sus Trazos. (Aquí,

el Trazo, también llamado trayecto, es el borde del rectángulo.) Para
unir los dos rectángulos, seleccione la opción Trayecto →
 Unión (Ctrl++) en la Barra de Menús. Ahora los rectángulos están
fundidos en un único objeto.

La cruz después de haber unido los rectángulos.

La cruz ya no está formada por dos objetos Rectángulo, sino que está
definida por un solo Trazo.

6. Definir los colores del fondo y de la cruz.

El siguiente paso es cambiar los colores del fondo y de la cruz por los de la bandera
de Suecia. Vamos a usar el cuadro de diálogo Relleno y borde para poder definir
con precisión los colores correctos.

a. Abrir el cuadro de diálogo Relleno y borde.

Para abrir el cuadro de diálogo Relleno y borde hay que hacer clic sobre el
icono Relleno y borde de la Barra de Comandos, o hacer clic en la parte
del Relleno del Indicador de Estilo en la Barra de Estado, o utilizar el atajo de
teclado Mayús.+Ctrl+F.

De forma predeterminada, el cuadro de diálogo aparecerá acoplado a la

derecha dentro de la ventana de Inkscape. Si dispone de espacio en la
pantalla, desacople el cuadro de diálogo arrastrando de la barra superior del
cuadro (la barra gris con Relleno y borde escrito en ella). Suelte el cuadro de
diálogo fuera de la ventana de Inkscape. Pulse la tecla 5 para volver a centrar
el dibujo dentro de la ventana principal (o use el Botón central del ratón para
volver a colocar el dibujo en el centro).
 Cuadro de diálogo Relleno y borde.

Compruebe si la pestaña Relleno está resaltada en la parte superior del

cuadro de diálogo, si no es así, haga clic sobre la misma. Los parámetros
definidos en el cuadro de diálogoRelleno y borde se aplican al objeto u
objetos que estén seleccionados en ese momento.

b. Definir el color de Relleno del fondo.

Seleccione el rectángulo del fondo haciendo clic sobre él con la Herramienta

Selector. La Zona de Información debe indicar que hay un rectángulo
seleccionado, y el Indicador de Estilomostrará los colores del Relleno y
del Borde del rectángulo. El icono Color uniforme debería aparecer
resaltado, si no es así, haga clic sobre él.

Hay varios métodos de especificar el color de Relleno deseado. Vamos a

usar el modo RGB (Red-Green-Blue) (seleccione la ficha RGB si no estuviera
ya abierta). Con este método, un color se especifica definiendo las cantidades
de cada uno de los tres colores primarios. La escala se extiende desde 0
hasta 255. Se puede cambiar la cantidad de cada color primario deslizando
 de izquierda a derecha los pequeños triángulos de las barras etiquetadas R,
G, B, o bien cambiando los números de los recuadros situados a la derecha
de las barras (tecleando o usando las flechas arriba/abajo). Para la bandera
sueca, el color de fondo está definido por el color del estándar NIS 4055-
R95B, que equivale a los valores: Red: 0, Green: 90, Blue: 173. El cuarto
valor es el Alfa (A) o transparencia, que indica el nivel de opacidad que debe
tener el objeto. Queremos que nuestra bandera tenga un fondo sólido y no
transparente, así que debemos ajustar el Alfa en 255 (el rango es de 0 a
255). Del mismo modo, el deslizador de la Opacidad Maestra debe estar al
100%.

Un paso más es desactivar el color del Borde. En el cuadro de

diálogo Relleno y borde, seleccione la ficha Color de trazo y haga clic sobre el
icono Sin relleno para desactivar el color del borde.

c. Definir el color de Relleno de la cruz.

Seleccione la cruz y cambie el color del Relleno siguiendo las instrucciones

anteriores. Cuando la cruz este seleccionada, la Zona de Información nos
indicará que está seleccionado unTrazo (trazo) con 12 nodos. Es necesario
abrir de nuevo la ficha Relleno. Esta vez defina el color de la cruz con estos
valores de las componentes primarias R: 255, G: 194, y B: 0. Desactive
también el color del borde de la cruz como hizo antes con el borde del fondo.

7. Guardar y exportar el trabajo.

Es hora de guardar su trabajo. Para ello, hay que seleccionar la

opción Archivo → Guardar como... (Mayús+Ctrl+S). El cuadro de diálogo que
aparece a continuación dependerá de su sistema operativo. Seleccione la carpeta o
directorio donde quiera guardar el dibujo y déle un nombre apropiado. Por último,
haga clic en el botón Guardar.

Un último paso es exportar su archivo en formato de mapa de bits PNG (Portable

Network Graphic) para que pueda ser utilizado con otros programas gráficos o en
una página web. [5] Abra el cuadro de diálogo Exportar mapa de bits: (Archivo →
Exportar mapa de bits... (Mayús+Ctrl+E)).
 Cuadro de diálogo Exportar mapa de bits.

Hay cuatro opciones para elegir el área a exportar: Página, Dibujo, Selección,
y Personalizado. En nuestro caso, el área de la Página y área del Dibujo coinciden.
Seleccione cualquiera de las dos opciones, después escriba o seleccione un
nombre de archivo en la parte inferior del cuadro de diálogo, y haga clic en el
botón Exportar para guardar el dibujo en formato PNG. Ahora debería tener
guardado un archivo PNG con una bandera como la que se muestra al comienzo de
esta sección. Observe que el cuadro de diálogo permanece abierto en la pantalla
incluso después de haber realizado con éxito la exportación.

[4]
Normalmente, la caja de contorno incluye el ancho de cualquier línea de contorno
visible. En la bandera, una vez finalizada, no se verá ninguna línea de contorno, pero los
rectángulos utilizados para dibujar la bandera sí tendrán contornos visibles hasta que los
eliminemos en uno de los últimos pasos. Si la colocación de los rectángulos se realiza
considerando las cajas de contorno, al final los rectángulos quedarán ligeramente
desplazados de la posición deseada.
[5]
Los navegadores de Internet están incorporando mejoras para reconocer de forma
nativa gráficos en formato SVG. Hasta que este formato sea ampliamente aceptado, se
recomienda seguir usando las "anticuadas" imágenes en mapa de bits.
La Bandera Europea—Un Ejemplo más Elaborado
En este ejemplo vamos a usar Inkscape para dibujar una bandera más complicada, la
bandera de la Unión Europea (UE). En esta sección vamos a aprender a utilizar
la Herramienta Estrella para dibujar una estrella regular, a usar las Líneas Guía para
colocar objetos, a hacer copias o clones de un objeto, y a mover con precisión esas
copias para situarlas en sus posiciones correctas.

Bandera de la Unión Europea.

Los pasos que vamos a seguir son los siguientes:

 Definir los parámetros básicos del dibujo (tamaño de la bandera, rejilla, color del
fondo).
 Crear Líneas Guía.
 Dibujar una estrella.
 Crear duplicados de la estrella y colocarlos en las posiciones adecuadas.

Procedimiento 1.2. Dibujar la Bandera de la Unión Europea

1. Configurar el dibujo.

Para empezar, abramos Inkscape. El tamaño de la página debe ajustarse a las

proporciones correctas de la bandera de la UE, cuya anchura y altura tienen una
relación de 3 a 2. Vamos a emplear un área de 270 por 180 píxeles. Esto nos hará
más fácil dibujar y colocar las estrellas según las especificaciones de la Unión
Europea.

Siga las instrucciones dadas en el ejemplo de la Bandera de Suecia para definir el

tamaño de la página y crear una rejilla, pero esta vez ajuste el ancho de la bandera
a 270 píxeles y su altura a 180 píxeles. Así mismo, fije el espaciado de la rejilla a 10
píxeles en lugar de 20 (así podremos ajustar la anchura de la bandera que no es
divisible entre 20). Active el ajuste de nodos en la Barra de Controles de Ajuste.
 Dibuje un rectángulo que cubra toda la página para hacer el fondo de la bandera.
Luego utilice el cuadro de diálogo Relleno y borde (Objeto → Relleno y
borde... (Mayús+Ctrl+F)) para especificar el color del fondo oficialmente
establecido, RGB: 0, 51, 153. Compruebe que el valor del Alfa (A) sea 255 y que
la Opacidad maestra esté al 100%.

2. Crear las Líneas Guía.

Para colocar las estrellas, lo más fácil es dibujar la primera estrella en el centro de
la bandera (en 135, 90). Después se pueden aplicar traslaciones simples para
mover las estrellas hasta sus posiciones finales. Resulta más sencillo mantener
localizado el punto central si se añaden Líneas Guía al dibujo. Las Líneas Guía son
líneas que, como la Rejilla, no forman parte del verdadero dibujo.

Para añadir una Línea Guía, hay que hacer clic sobre una Regla cerca de su mitad,
y arrastrar con el ratón hasta el punto deseado de la pizarra. (Si empieza a arrastrar
desde un punto cerca del extremo de la Regla se creará una Línea Guía inclinada.)
La Línea Guía se puede mover seleccionándola (con la Herramienta Selector) y
arrastrándola. Tenga cuidado de no mover el fondo. Si lo hace, basta con deshacer
la acción ( , o bien el atajo de teclado Ctrl+Z). Para colocar la Línea Guía con
precisión, hay que hacer un doble clic en la Línea Guía usando la Herramienta
Selector. Entonces aparecerá un cuadro de diálogo donde se puede introducir la
posición exacta que debe tener la Línea Guía.

Cuadro de diálogo Línea Guía.

La visualización de las Líneas Guía se pueden activar o desactivar a través del

comando Ver → Guías (|). Por otra parte, el ajuste a las Líneas Guía se puede
activar o desactivar por medio del icono Ajustar a guías ( ) de la Barra de
Controles de Ajuste (recuerde que puede que sea necesario ampliar la ventana
 de Inkscape para ver este icono). Marque la casilla Ajustar guías al arrastrar dentro
de la ficha Guías del cuadro de diálogo Propiedades del documento (Archivo →
Propiedades del documento... (Mayús+Ctrl+D)) para permitir que las Líneas
Guía se ajusten a la Rejilla.

Añada una Línea Guía horizontal en y = 90 px, y otra Línea Guía vertical en x = 135
px.

3. Dibujar una estrella.

Ahora hay que dibujar una estrella de cinco puntas que luego duplicaremos para
crear las 12 estrellas de la bandera. Para evitar que dibujemos una estrella azul
sobre un fondo azul, haga clic a un lado del dibujo para deseleccionar el rectángulo
del fondo, y después haga clic en uno de los colores de la Paleta. Cuando no hay
ningún objeto seleccionado y se hace clic sobre un color de la Paleta, ese color
pasa a ser el predeterminado del Relleno.

a. Seleccionar la Herramienta Estrella y definir los parámetros de la

estrella.

Para dibujar una estrella, hay que seleccionar la Herramienta Estrella

(atajo de teclado *) en la Caja de Herramientas. Si este icono no aparece
visible en la Caja de Herramientas, hay que hacer clic sobre la flecha hacia la
derecha situada en la parte inferior de la Caja de Herramientas para acceder
a la herramienta a través del menu desplegable. Según las especificaciones
de la bandera de la UE, las estrellas deben tener cinco puntas con una de
ellas apuntando hacia arriba. La manera más fácil de conseguir que la estrella
tenga la forma exacta es usar los Controles de Herramienta.

Los controles de la Herramienta Estrella.

En los Controles de Herramienta, hay que fijar en 5 el número de Esquinas.

Después, seleccione el icono Estrella ( ) para activar el dibujo de
estrellas. El parámetro longitud del radiose refiere al cociente del radio del
punto más interior de la estrella entre el radio del punto más exterior (R2/R1).
Para conseguir una estrella “regular” de cinco puntas, el valor de este
cociente debe ser 0.382. Si la casilla de entrada del parámetro longitud del
radio no está visible, puede ampliar el tamaño de la ventana de Inkscape; o
bien hacer clic sobre la flecha hacia la derecha situada en el extremo derecho
de la barra de Controles de Herramienta, en el menú desplegable que
aparece seleccione la opción Proporción del radio y después la opción0.382:
pentagrama en el nuevo menú desplegable. Los valores de los demás
 parámetros de los Controles de Herramienta: Redondez y Aleatorio, deben
ser cero.

Las dimensiones de la estrella.

b. Dibujar la estrella.

El radio (R1) especificado para las estrellas de la bandera de la UE es de

1/18 de la altura de la misma, en este caso 10 píxeles según el tamaño de
nuestra bandera. Empezando con el ratón en la intersección de las Líneas
Guía, hay que hacer clic y arrastrar el cursor 10 píxeles hacia arriba. Debe
mover el cursor la mitad de la distancia hasta la siguiente línea de la rejilla
antes de poder ver la estrella. El punto superior se ajustará a la Rejilla.

Especifique el color de la estrella con los valores RGB de (255, 204, 0).
Asegúrese de que el valor del parámetro Alfa (A) sea 255 y de que
la Opacidad maestra esté al 100%.
 La bandera después de haber dibujado la primera estrella y de haber definido
su color.

4. Crear los duplicados de la estrella y colocar las 12 estrellas.

a. Clonar una estrella.

Haga clic sobre el icono de la Barra de Comandos, o bien ejecute el

comando Edición → Clonar → Crear clon (Alt+D) para crear un Clon de la
estrella. Un Clon es una copia que está vinculada a su original de tal manera
que si modificamos el original, el Clon también cambiará. Esto resulta
bastante práctico cuando es necesario aplicar un mismo cambio a todas las
estrellas (ajustar su color, ampliarlas, etc).

b. Colocar una estrella clonada.

Según las especificaciones para la bandera de la UE, las estrellas deben

estar distribuidas uniformemente en un círculo cuyo radio es un tercio de la
altura de la bandera, y en las posiciones correspondientes a las horas del
reloj. La forma más fácil de colocar las estrellas correctamente es usar la
ficha Mover del cuadro de diálogo Transformar (Objeto →
Transformar... (Mayús+Ctrl+M)). Abra el cuadro de diálogo, y si tiene espacio
suficiente en la pantalla, arrástrelo fuera de la ventana de Inkscape. Para
desplazar la estrella clonada a la posición de las 12 en punto, ajuste el valor
del desplazamiento en la dirección Vertical (y) en 60 píxeles. Asegúrese de
que la casilla Movimiento relativo esté marcada y de que las unidades usadas
sean píxeles (px), después haga clic en el botón Aplicar.

El cuadro de diálogo Transformar, configurado para mover la primera estrella

clonada hasta su lugar.

A continuación, seleccione la estrella original y cree un nuevo Clon. Esta vez

mueva el Clon 60 píxeles hacia abajo (−60). Repita el proceso en la
dirección Horizontal (x). Para el resto de las estrellas, aplique las ocho
 permutaciones de x(y) = ±30 e y(x) = ±52 píxeles (es decir, 60 por el seno y el
coseno de 30° respectivamente).

Después de colocar todas las 12 estrellas en sus sitios, podemos borrar la

estrella original. Así, los vínculos entre los clones y la estrella original se
rompen automáticamente.

Si lo desea, guarde su trabajo y expórtelo en formato de mapa de bits como

hicimos con la bandera de Suecia.

El Logotipo de un Club de Senderismo—Un Ejercicio con

Trazos
En este ejemplo vamos a utilizar Inkscape para dibujar el logotipo de un Club de
Senderismo (Fuji Hiking and Mountaineering Club) como el que se muestra en la
siguiente figura. En esta sección vamos a aprender a trabajar con textos, a importar una
imagen en formato de mapa de bits para usarla como guía de dibujo, y también
aprenderemos a manipular trazos.

Logotipo del Fuji Hiking and Montaneering Club.

Los pasos que vamos a seguir son los siguientes:

 Abrir Inkscape y ajustar el tamaño del dibujo.

 Crear el texto para el logo.
 Importar una imagen en mapa de bits con la forma del monte Fuji.
 Convertir el texto en trazos y manipular esos trazos.
 Dibujar sobre la imagen del monte Fuji el contorno del mismo para obtener un trazo.
 Recortar el texto siguiendo el trazo del contorno del monte Fuji para que tome la
forma del mismo.
  Añadir nieve a la cima del monte.
 Aplicar retoques finales.

Procedimiento 1.3. Crear el Logotipo del Fuji Hiking and Mountaineering Club

1. Configurar el dibujo.

Para empezar, abra Inkscape.

Siga las instrucciones dadas en el ejemplo de la bandera de Suecia para definir el

tamaño de la página, pero en este caso ajuste su anchura a 500 píxeles y su altura
a 300 píxeles. No cree ninguna Rejilla.

2. Crear el texto.
a. Introducir el texto.

Seleccione la Herramienta Texto en la Caja de Herramientas (atajo de

teclado F8). Haga clic en el lado izquierdo de la página para fijar el punto
donde va a empezar a introducirse el texto. Entonces se verá en ese punto
una barra intermitente. Teclee las iniciales del club “FHMC”; el texto
aparecerá en la página con un tamaño pequeño.

b. Ajustar el texto.

El tamaño del texto es demasiado pequeño y puede que no tenga la

tipografía más adecuada. Para cambiar los atributos del texto, hay que utilizar
las opciones de los Controles de Herramienta de la Herramienta Texto.

Los controles de la Herramienta Texto (versión 0.48).

Los controles de la Herramienta Texto (versión 0.47).

Con el texto seleccionado, tenemos que elegir una tipografía adecuada en el

menú desplegable de la izquierda. La Nimbus Roman No9 L es una buena
tipografía, disponible de forma gratuita, y que tiene las serifas anchas
adecuadas para el logo. Si en su equipo no tiene instalada esta tipografía,
puede utilizar cualquier otra parecida como la Times o la Times New Roman.
Seleccione el estilo Negrita haciendo clic sobre el icono Negrita ( ) de la
barra, y fije el Tamaño de fuente en 144. Los cambios aparecen
inmediatamente en el texto.
 Por último, centre el texto cerca de la parte inferior del dibujo, utilizando
la Herramienta Selector para mover el texto hacia abajo.

El texto del logo con el tamaño y posición adecuadas.

3. Importar el modelo para la forma del monte.

Como base para dibujar la forma del monte Fuji vamos a utilizar una imagen en
mapa de bits de la montaña. Puede servir cualquier dibujo o fotografía apropiada
del monte (en formato PNG, GIF, o JPEG). Desde el sitio web del libro
(http://tavmjong.free.fr/INKSCAPE/) se puede descargar la misma imagen utilizada
en este ejemplo.

a. Importar la imagen en mapa de bits.

Importe la imagen en mapa de bits utilizando el cuadro de

diálogo Importar (Archivo → Importar... (Ctrl+I)). Nuevo en la versión
0.48: Al importar la imagen aparece un cuadro de diálogo que nos pregunta si
deseamos incrustar o enlazar la imagen. Como no vamos a necesitar la
imagen más adelante, en este caso no es necesario incrustarla, sino que es
suficiente con crear un enlace al archivo de la imagen.

b. Ajustar la imagen en mapa de bits.

El tamaño de la imagen en mapa de bits no encaja bien con el texto. La

manera más fácil de ajustar el tamaño de la imagen es seleccionarla con
la Herramienta Selector (atajo de teclado F1). Cuando la imagen está
seleccionada, aparece un conjunto tiradores en forma de flechas dobles
alrededor de su caja de contorno (línea discontinua). Hay que arrastrar de los
tiradores para cambiar el tamaño de la imagen. Si se mantiene pulsada la
tecla Ctrl mientras se arrastra, la proporción entre la anchura y la altura de la
imagen se mantendrá constante. Si arrastra de una parte no transparente de
la propia imagen, podrá mover la imagen completa. Observe que si hace clic
dos veces sobre la imagen con la Herramienta Selector, las flechas de las
esquinas se transforman en flechas de rotación. Solo hay que hacer clic una
vez más sobre la imagen para recuperar las flechas de cambio de tamaño.
También puede usar las teclas de Flecha para mover la imagen. Nota: Puede
que desee disminuir un poco el nivel del zoom (tecla - cuando la imagen está
seleccionada) o ampliar la ventana de Inkscapeantes de agrandar la imagen.

La imagen seleccionada y con las flechas de cambio de tamaño visibles.

Arrastre de las flechas de las esquinas mientras mantiene pulsada la

tecla Ctrl, y cambie la imagen hasta que esté satisfecho con su tamaño y
 posición. Nosotros hemos modificado la imagen de manera que la cima del
monte Fuji quede sobre la serifa derecha de la letra H.

El contorno del Fuji San una vez ajustados su tamaño y posición.

4. Manipular el texto.

En este apartado, vamos a convertir el texto en un Trazo para poder modificar la

forma de las letras. Debemos estirar el texto hacia arriba, por encima del contorno
del monte, de manera que luego lo podamos Recortar para darle la forma del
monte. También vamos a aplicar a las letras algunos retoques estéticos
adicionales.

a. Convertir el texto en un trazo.

El texto, almacenado como un objeto de texto, tenemos que convertirlo en

trazos para poder editarlo. Este proceso no es reversible de manera que el
texto, una vez convertido, perderá toda memoria de haber sido antes un
texto. Para convertirlo en trazos, seleccione el texto con la Herramienta
Selector y ejecute el comando Trayecto → Objeto a
trayecto(Mayús+Ctrl+C). Al aplicar este comando, cada letra se convierte en
un trazo independiente y todos los trazos se incluyen dentro de un
mismo Grupo (cuando varios objetos están dentro de un Grupo se pueden
manipular como si fueran un único objeto). Normalmente esto es algo bueno,
pero para nuestros propósitos sería mejor que las letras no estuvieran
agrupadas y que estuvieran formadas por un mismo trazo. Así que, con el
texto seleccionado, ejecute el comando Objeto →
Desagrupar (Mayús+Ctrl+G) para desagrupar las letras, y después el
comando Trayecto → Combinar (Ctrl+K) para combinar los trazos.
b. Alargar el texto hacia arriba.
i. Alargar la F y la H hacia arriba.

Vamos a empezar alargando las letras F y H. Seleccione

la Herramienta Nodo (F2). Y después haga clic sobre las letras para
seleccionar el trazo del texto.

Ahora el texto aparece rodeado de una serie de pequeños rombos que

son los nodos del trazo. Estos nodos definen los sitios donde el trazo
cambia de dirección o curvatura. El trazo se puede editar manipulando
estos nodos.

La manipulación del trazo va a ser más fácil si ahora ampliamos el

zoom aplicado al dibujo. Hay varias formas de variar el zoom aplicado
para ampliar o reducir el área del dibujo que abarca la pizarra. Una
manera es usar la rueda de deslizamiento del ratón mientras se
mantiene pulsada la tecla Ctrl. El dibujo será ampliado alrededor de la
posición del cursor. Otra manera es usar las teclas + o -. En este caso,
la variación del zoom se produce alrededor del centro de la pizarra
visible. Las barras de desplazamiento se pueden utilizar para navegar
por el dibujo (es decir, para cambiar la región visible).
 El dibujo preparado para alargar las letras F y H. Se pueden ver los
nodos en forma de rombo.

Para seleccionar un nodo, hay que hacer clic sobre él con

la Herramienta Nodo. Manteniendo pulsada la tecla Mayús. se pueden
añadir (o eliminar) nodos a la selección. También se puede usar la
técnica de la goma elástica para seleccionar varios nodos al mismo
tiempo. Para aplicar esta técnica, hay que hacer clic y arrastrar desde
un punto a otro. Todos los nodos que estén dentro de la caja definida
por los puntos inicial y final quedarán seleccionados. El clic inicial del
arrastre no debe empezar sobre un nodo. El color de los nodos cambia
de gris a azul y amarillo cuando se seleccionan.

Seleccione los nodos superiores de la letra F y los de ambos lados de

la H. En este ejemplo quedan seleccionados un total de siete nodos
(hay dos nodos en la esquina superior derecha de la letra F, uno sobre
el otro). Si ha elegido otra tipografía diferente, puede que tenga que
seleccionar un número distinto de nodos.

Ahora haga clic sobre cualquiera de los nodos seleccionados y arrastre

hacia arriba manteniendo pulsada la tecla Ctrl para restringir el
movimiento a la dirección vertical. Arrastre hasta que todos los nodos
seleccionados queden por encima del contorno del monte.

El dibujo después de alargar las letras F y H.

Un problema que resulta evidente de inmediato es que las zonas que

se han alargado ocultan parte de la imagen en mapa de bits. Este
problema se puede arreglar eliminando temporalmente el Relleno de
las letras. Para eliminarlo, hay que hacer clic sobre la x roja situada en
el extremo izquierdo de la Paleta de colores. Si el texto deja de ser
visible, tendrá que hacer que su Borde sea visible. Para ello hay que
hacer clic sobre uno de los colores de la Paleta manteniendo pulsada la
tecla Mayús..
ii. Alargar la M.

Alargar la letra M puede ser algo más difícil que alargar las dos
primeras letras, dependiendo de la tipografía que haya escogido. En el
caso de la Nimbus Roman No9 L, es necesario añadir dos nodos extra
para conservar la forma de las barras centrales de la letra M.

Utilice la Herramienta Nodo para seleccionar los cuatro nodos de la

parte superior de la letra M. Haga clic en el icono (Insertar nuevos
nodos) de la barra de los Controles de Herramienta. Con esto añadirá
dos nuevos nodos, cada uno de ellos a mitad de camino entre las
parejas de nodos contiguos seleccionados. Después haga clic en el
fondo el dibujo para deseleccionar todos los nodos, y luego haga clic en
el nuevo nodo del lado izquierdo y arrástrelo hasta situarlo justo por
encima del nodo del extremo derecho de la serifa izquierda, de manera
que ambos nodos queden en la misma vertical, como muestra la
siguiente figura.

En medio del proceso para alargar la letra M.

Realice un desplazamiento equivalente con el nuevo nodo del lado

derecho.
 Ahora seleccione los cuatro nodos superiores de las serifas (los dos
nuevos nodos reemplazan dos de los anteriores nodos superiores) y
arrástrelos hacia arriba, manteniendo pulsada la tecla Ctrl para limitar
el movimiento a la dirección vertical. Mueva los nodos más allá del
contorno del monte.

iii. Alargar la C.

Para alargar la letra C también es necesario realizar un poco de

manipulación de nodos. Seleccione el nodo situado más a la izquierda y
el nodo superior central de la C. Conviértalos en
nodos Esquina haciendo clic en el icono de la barra de
los Controles de Herramienta. Esto permitirá que el trazo tenga un
cambio brusco de dirección en esos nodos. Haga clic en el icono de
la barra de los Controles de Herramienta para convertir el tramo
seleccionado en una línea recta. Después haga clic en el fondo del
dibujo para deseleccionar ambos nodos, y luego haga clic y arrastre
hacia la izquierda el nodo superior del segmento recto hasta colocarlo
justo en la misma vertical que el nodo inferior del segmento, como
muestra la figura siguiente.

En medio del proceso de alargar la letra C. La flecha indica el

movimiento del nodo, y la línea discontinua la nueva posición del tramo
recto.
 Seleccione todos los nodos a lo largo de la parte superior de la C y
arrástrelos por encima del contorno del monte, pulsando de nuevo la
tecla Ctrl para restringir el movimiento a la dirección vertical.

c. El trazo del texto debería tener ahora un aspecto como éste:

d.
e. Todos los caracteres del texto después de haberlos alargado más allá del
contorno de la montaña.
f. Ajustar el interletraje.

El interletraje del texto no es del todo uniforme. La letra C está demasiado

alejada de la M. Esto podríamos haberlo corregido mientras el texto todavía
era un objeto Texto, pero habría sido difícil conseguir el espaciado correcto
sin ver las nuevas partes que hemos alargado.

Para mover la letra C, utilice la Herramienta Nodo para seleccionar todos los
nodos de la C, luego pulse las teclas de Flecha izquierda y derecha para
mover la C hasta que el hueco entre la C y la M coincida con los huecos entre
la F y la H, y entre la H y la M. Si los pasos del movimiento son demasiado
largos, pulse la combinación de teclas Alt+Flecha para hacer que los pasos
sean más pequeños.

Si fuera necesario, ajuste también el espaciado entre las otras letras.

g. Rellenar el hueco de la letra M.

El hueco entre las dos prolongaciones de la letra M es demasiado ancho.

Para disminuir el efecto visual del hueco, vamos a añadir un bloque en medio.

i. Añadir el rectángulo.

Seleccione la Herramienta Rectángulo (F4), haga clic y arrastre

para dibujar un rectángulo entre las prolongaciones de la letra M como
se muestra en la siguiente figura. Utilice los tiradores del rectángulo
para ajustar su posición.
 El texto después de añadir un rectángulo entre las prolongaciones de la
letra M.

ii. Unir el rectángulo con el texto.

Para los pasos posteriores, primero debemos unir el objeto rectángulo

con el trazo del texto. Para ello, seleccione el rectángulo y el trazo del
texto con la Herramienta Selector. Después ejecute el
comando Trayecto → Combinar (Ctrl+K) para crear un solo trazo a
partir de dos. El objeto rectángulo se convierte automáticamente en un
trazo antes de la unión.

5. Dibujar el contorno del monte sobre su imagen en mapa de bits para crear un
nuevo trazo.

Vamos a recortar la parte superior de la prolongación del texto siguiendo la forma

del Fuji San. Para hacer esto, la imagen en mapa de bits del monte debe
convertirse en un trazo. Pero primero, realice los ajustes de último minuto a la
posición de la montaña utilizando la Herramienta Selector.

Inkscape dispone de una herramienta para vectorizar imágenes en mapa de bits de

manera automática (Capítulo 20, Vectorización de Mapas de Bits ), pero el trazo
generado por esta herramienta es demasiado complicado para nuestros propósitos.

En lugar de utilizar esa herramienta, vamos a usar la Herramienta Lápiz (F6).

Asegúrese de que en la barra de Controles de Herramienta, el
parámetro Modo esté fijado en la opciónBézier ( ), y el parámetro Forma esté
fijado en la opción Ninguno. Con valor próximo a 30 para el
parámetro Suavizado conseguirá un número razonable de nodos en el nuevo trazo.
Empezando en un extremo de la montaña, haga clic y arrastre el puntero a lo largo
del borde superior de la montaña para crear un nuevo trazo. Cuando alcance el otro
extremo del monte, prolongue el trazo hacia atrás hasta el punto inicial, como se
muestra a continuación.
 El dibujo después de delinear el contorno de la montaña para formar un trazo, el
color del mismo se ha cambiado a rojo para hacerlo más visible.

No es importante que los extremos del trazo coincidan exactamente. Pero es

necesario que el lazo encierre todos los bordes superiores de las letras. El trazo se
puede perfilar usando laHerramienta Nodo para corregir la posición de cualquier
nodo que esté mal situado. En este proceso puede resultar útil darle un color
diferente al trazo utilizando el cuadro de diálogo Relleno y borde.

6. Recortar la parte superior de las letras.

Vamos a aplicar el comando Diferencia para eliminar la parte del trazo del texto que
se solapa con el interior del trazo de la montaña. Es importante que el trazo de la
montaña esté sobre el trazo del texto porque este comando sustrae el trazo que
está encima del trazo que está debajo. Como el trazo de la montaña lo creamos
después del trazo del texto, el trazo de la montaña ya está por encima del trazo del
texto.

Para realizar la diferencia de trazos, seleccione el trazo del monte y el trazo del
texto usando la Herramienta Selector (mantenga pulsada la tecla Mayús. mientras
selecciona el segundo objeto), y luego ejecute el
comando Diferencia: Trayecto → Diferencia (Ctrl+-). Entonces, el trazo de la
montaña desaparecerá y el trazo del texto debería verse como en la figura
siguiente.
 El texto después de haberlo recortado siguiendo el contorno de la montaña.

7. Añadir nieve a la cima del monte.

Ahora podríamos borrar la imagen en mapa de bits del monte Fuji San, darle al
relleno del texto un color negro y terminar así el dibujo, como se muestra a
continuación.

El logo sin nieve en la cima del Fuji San.

Sin embargo, el logotipo estaría mucho mejor si incluyera una pequeña capa de
nieve en la cima de la montaña.

Para crear un casquillo de nieve en la cima, aumente el zoom en la zona de nieve

de la imagen en mapa de bits, y luego utilice la Herramienta Lápiz para dibujar el
borde de la nieve, creando un lazo alrededor de la cima de la montaña como el que
aparece en la figura siguiente.
 La cima del monte después de haber dibujado con un trazo el borde de la nieve.

El siguiente paso es crear una copia del trazo del texto, con la cual recortar el trazo
de la nieve. Para crear la copia, seleccione el texto y después haga clic sobre el
icono Duplicar de la Barra de Comandos, o bien ejecute en la barra de menús el
comando Edición → Duplicar (Ctrl+D).

Manteniendo pulsada la tecla Mayús., seleccione el trazo de la nieve. Deben estar

seleccionados tanto el trazo del texto duplicado como el trazo de la nieve. Después
ejecute el comandoIntersección: Trayecto → Intersección (Ctrl+*) para crear un
nuevo trazo de la intersección de ambos. El logo debería tener ahora este aspecto:

El logo después de haberle añadido un trazo para la nieve.

 8. Retoques finales.
a. Borrar la imagen en mapa de bits del monte Fuji San.

La imagen en mapa de bits ya no es necesaria y podemos eliminarla. Para

ello, primero tenemos que seleccionarla y después ejecutar el
comando Edición → Eliminar (Supr oRetroceso), o el
comando Edición → Cortar (Ctrl+X).

b. Corregir el Relleno y el Borde.

Dele color negro al Relleno del texto. Para la nieve de la cima, aplique color
blanco a su Relleno, y color negro a su Borde.

c. Ensanchar el contorno de la nieve.

El contorno de la nieve parece un poco delgado. Para darle más definición,

utilice la ficha Estilo de trazo del cuadro de diálogo Relleno y borde. Cambie
el ancho del trazo a 3 píxeles. La anchura del trazo del texto también debe
cambiarse a 3 píxeles para que sea la misma en ambos trazos.

El logo ya está terminado. Puede guardar su trabajo como en los ejemplos anteriores.

El logotipo terminado.

El Logotipo del Ferrocarril Northern Pacific—Un Ejemplo de

Vectorización
La herramienta de vectorización que tiene Inkscape es muy útil para convertir imágenes
en dibujos SVG. En este ejemplo vamos a crear la ilustración de un logotipo a partir de
una fotografía. El logo, que muestra el símbolo del Yin-Yang, es el del ferrocarril Northern
Pacific (NP). Esta sección está dedicada al aprendizaje del manejo del cuadro de
diálogo Vectorizar mapa de bits, y también a la manipulación de trazos. Así mismo, es
una introducción al uso de las Capas.
 Logo del ferrocarril Northern Pacific con el símbolo del Yin-Yang (Monad).

Los pasos que vamos a seguir son los siguientes:

 Abrir Inkscape y ajustar el tamaño del dibujo.

 Importar la fotografía original.
 Vectorizar el logotipo.
 Corregir los trazos del logotipo.

Procedimiento 1.4. Crear el Logotipo del Ferrocarril Northern Pacific

1. Configurar el dibujo.

Para empezar, abra Inkscape.

Siga las instrucciones dadas en el ejemplo de la bandera de Suecia para definir el

tamaño de la página, pero en este caso ajuste su anchura a 500 píxeles y su altura
también a 500 píxeles. Nocree ninguna Rejilla.

2. Importar la fotografía.

Para este ejercicio puede utilizar cualquier fotografía (en formato PNG, GIF,
o JPEG) donde aparezca el logotipo. Sin embargo, es mejor usar una fotografía que
sea nítida y de alta resolución. Nosotros vamos a utilizar parte de una instantánea
del fotógrafo de ferrocarriles James M. Fredrickson. Hemos recortado esta
fotografía para quedarnos solo con el logo. Si desea utilizar esta misma fotografía,
puede descargarla desde sitio web del libro: http://tavmjong.free.fr/INKSCAPE/.

Extremo de un vagón de pasajeros con el logotipo de la Northern Pacific.

 El logotipo de la NP, recortado de la fotografía anterior y ampliado.

a. Importar la fotografía.

Importe la fotografía mediante el cuadro de diálogo Archivo →

Importar... (Ctrl+I). Nuevo en la versión 0.48: Al importar la imagen aparece
un cuadro de diálogo que nos pregunta si deseamos incrustar o enlazar la
imagen. Como no va a ser necesario conservar la imagen dentro del dibujo,
en este caso no es necesario incrustarla, sino que es suficiente con crear un
enlace al archivo de la imagen.

b. Ajustar el tamaño y la posición de la fotografía.

Mediante la Herramienta Selector (atajo de teclado F1), ajuste el tamaño y

la posición de la fotografía hasta hacerla coincidir con la página de Inkscape.
Arrastre de los tiradores de las esquinas de la foto manteniendo pulsada la
tecla Ctrl para cambiar su tamaño sin variar la proporción entre las
dimensiones de la misma y así no deformarla. Para mover la foto hay que
arrastrarla desde su interior.

3. Vectorizar el logotipo.

Inkscape utiliza la biblioteca de vectorización Potrace para crear trazos SVG a partir
de imágenes en mapas de bits. Para vectorizar la fotografía hay que abrir el cuadro
de diálogo Vectorizar mapa de bits (Trayecto → Vectorizar mapa de
bits... (Mayús+Alt+B)).
 Cuadro de diálogo Vectorizar mapa de bits.

El cuadro de diálogo Vectorizar mapa de bits contiene varias opciones para realizar
la vectorización. Al observar la fotografía, vemos que tiene tres niveles distintos de
la escala de grises. Esto sugiere que utilicemos uno de los métodos de Pasadas
múltiples. Como ésta es una fotografía monocroma, vamos a probar la
opción Grises fijando el número de Pasadas en tres. De esta manera, vamos a
obtener tres zonas, cada una correspondiente a uno de los niveles de la escala de
grises. Existe la posibilidad de suavizar la imagen en mapa de bits antes de hacer
la vectorización, si se marca la casilla Suave. En este caso, esto no es necesario,
ya que nuestra foto de partida no tiene ningún moteado. Por último, hay una opción
para generar trazos de zonas que se excluyan entre sí, o bien que incluyan el resto
de zonas más oscuras. La última posibilidad es más útil en nuestro caso, así que
marcamos la casilla Apilar pasadas. Los trazos resultantes de la vectorización se
muestran a continuación.

Resultados de la vectorización usando la opción Pasadas múltiples, Grises. La

figura de la izquierda es el resultado global de la vectorización. Los tres trazos que
forman la vectorización se muestran por separado a la derecha. Como cada trazo
incluye todas las zonas más oscuras, el trazo de la zona más clara es solo un
cuadrado que cubre la página entera.

Los trazos generados con la opción Grises nos podrían servir como punto de
partida para el logo de la NP. Sin embargo, vamos a obtener un resultado mejor si
utilizamos el método Pasada simple, Corte de luminosidad, optimizando el umbral
de la pasada.

Seleccione la opción Corte de luminosidad en el cuadro de diálogo Vectorizar mapa

de bits. Ajuste el valor del Umbral para crear un trazo del símbolo Yin-Yang bien
definido. Haga clic sobre el botón Actualizar para obtener una vista preliminar del
resultado. Un valor de umbral de 0.15 parece funcionar bien. Después de encontrar
el valor adecuado, haga clic sobre el botón Aceptar para generar el trazo.

Vectorización de la foto con un valor de Umbral de 0.15. El trazo resultante se ha

desplazado hacia la derecha para poder apreciarlo mejor. Observe
las “manchas” que hay entre los dos círculos.

El resultado de la vectorización tiene muchas “manchas” que estropean la imagen.

Podríamos eliminarlas a mano, pero hay una forma más fácil. Seleccione la
ficha Opciones del cuadro de diálogo Vectorizar mapa de bits. La opción Eliminar
motas permite la eliminación automática de los trazos de tamaño inferior al
especificado. Compruebe que la casilla de la opción Eliminar motas está marcada y
fije el valor del parámetro Tamaño en 50. Y ya que estamos en esta ficha, verifique
que las casillas de las opciones Suavizar bordes y Optimizar trayectos están
también marcadas. Con estas dos opciones conseguirá una vectorización más
suave y con menos nodos. Vectorice la foto otra vez, y ahora
las “manchas” deberán desaparecer.

Será más fácil editar cada uno de los trazos por separado. Para ello, vamos a
desplazar el trazo temporalmente. Esto requiere un movimiento preciso que
podemos efectuar mediante el cuadro de diálogo Transformar (Objeto →
Transformar... (Mayús+Ctrl+M)). Abra este cuadro de diálogo y seleccione la
ficha Mover. Desplace el trazo hacia la derecha el ancho de la página, fijando el
valor del parámetro Horizontal en 500 píxeles, y el valor del parámetro Vertical en 0
píxeles, marque la casilla de la opción Movimiento relativo, y después haga clic
sobre el botónAplicar. (También se podría mover el trazo utilizando la combinación
de teclas Mayús.+Flecha para mover el trazo 20 píxeles cada vez. Este método
puede ser más rápido que utilizar el cuadro de diálogo Transformar, pero existe el
riesgo de cometer un error en los desplazamientos.)

A continuación, repita la vectorización con un nuevo valor de umbral. Esta vez

tenemos que optimizar el umbral para vectorizar las letras del logotipo. Un valor de
 umbral de 0.65 parece adecuado. Ejecute la vectorización. La figura siguiente
muestra lo que debería obtener.

Resultados de la vectorización aplicando dos veces el modo Corte de luminosidad.

Se ha usado un valor de umbral de 0.15 para obtener el trazo de la derecha, y un
valor de umbral de 0.65 para el trazo de la izquierda. La foto original todavía está
debajo del trazo de la izquierda.

4. Corregir los trazos.

a. Mover la fotografía a una capa diferente.

En Inkscape, los objetos se pueden seleccionar haciendo clic sobre ellos.

Esto puede generar un pequeño problema cuando se usa la técnica de
selección de la goma elástica, con la que se hace clic y se arrastra para
seleccionar varios objetos. Esta técnica la vamos a utilizar varias veces más
adelante. Si el clic y el movimiento de arrastre empiezan sobre la propia
fotografía, moveremos la misma. Este problema se puede evitar manteniendo
pulsada la tecla Mayús. cuando se hace clic y se empieza a arrastrar, pero
resulta un poco engorroso hacer lo mismo todas las veces. Se
podría bloquear la foto en su sitio marcando la casilla de la
opción Bloquear en el cuadro de diálogo Propiedades del objeto, pero esto no
es recomendable hacerlo. No es una cosa fácil seleccionar y desbloquear un
objeto previamente bloqueado.

La mejor solución es poner la foto en una Capa distinta. Podemos considerar

a las Capas como dibujos independientes en hojas transparentes que están
apiladas unas sobre otras. El dibujo final es lo que uno ve a través de toda la
pila. En Inkscape, las Capas se pueden bloquear y desbloquear fácilmente
para impedir modificaciones. También es posible hacerlas invisibles. Vamos a
colocar la fotografía en otra Capa bloqueada. Así no habrá riesgo de que la
movamos involuntariamente mientras trabajamos en la limpieza de los trazos
resultantes de las vectorizaciones.

Primero, cree una nueva Capa para la fotografía. Esto se puede hacer
mediante el cuadro de diálogo Añadir capa (Capa → Añadir
capa... (Mayús+Ctrl+N)). Como nombre de la nueva capa
introduzca “Fotografía”, luego seleccione la opción Debajo de la actual en el
menú desplegable Posición, y después haga clic sobre el botón Añadir. La
 nueva capa se crea debajo de la inicial, y queda seleccionada
automáticamente. El nombre de la capa se muestra en la Barra de Estado.

Seleccione la fotografía haciendo clic sobre un hueco del trazo resultante de

la última vectorización (compruebe la Zona de Información para ver qué es lo
que está seleccionado). Observe que, cuando la fotografía queda
seleccionada, automáticamente la capa activa pasa a ser la capa original
(Capa 1). Mueva la fotografía a la nueva capa creada ejecutando el
comandoCapa → Mover la selección a la capa inferior a la
actual (Mayús+Av Pág). La capa activa cambia automáticamente
a “Fotografía”. Bloquee esta capa haciendo clic sobre el icono que está
junto al nombre de la capa. El icono debería cambiar al estado bloqueado
. Ahora la fotografía ya no se puede mover.

b. Corregir el símbolo Yin-Yang.

Seleccione el trazo de los círculos y del símbolo Yin-Yang. La capa activa

pasará a ser la “Capa 1”. Aumente el zoom sobre los trazos pulsando la
tecla 3. Cada vectorización crea un trazo. Cada trazo está compuesto de
muchos sub-trazos. Generalmente es más fácil limpiar el resultado de una
vectorización convirtiendo los sub-trazos en trazos independientes. Para
hacer esto ejecute el comando Trayecto →

Descombinar (Mayús+Ctrl+K).

Lo primero que observará es que el símbolo Yin-Yang se vuelve todo negro.

¡No se asuste! Esto ocurre porque el trazo del símbolo Yin-Yang se ha
dividido en dos partes, una es el círculo exterior y la otra la forma del Yin.
Cada trazo hereda los atributos del trazo compuesto inicial, y por eso
el Relleno de ambos es negro. Seleccione el trazo del Yang (el lado
izquierdo) , para ello, primero haga clic sobre el fondo de la página para
deseleccionar los trazos, y después haga clic dentro del área del Yang (mire
la foto original). Sabrá si ha elegido el trazo correcto por la forma de la caja
de contorno que aparece cuando el trazo queda seleccionado. Si eligió el
trazo equivocado, pruebe otra vez moviendo un poco el cursor. Puede que
sea necesario mantener pulsada la tecla Alt mientras hace clic. Con esta
técnica podrá ir seleccionando uno a uno y de forma consecutiva los objetos
que estén situados bajo el cursor. (Si esta técnica de selección no funciona,
puede que su gestor de ventanas esté ignorando la tecla Alt. Ver el
apartado “Tecla Alt Alternativa ” del Capítulo 24, Personalización , donde se
explican soluciones a este problema.)
 El trazo del Yang seleccionado.

Aunque la fotografía es en blanco y negro, la parte del Yang del símbolo

Monad en el logotipo de la NP debe ser de color rojo. Cambie a color rojo
el Relleno del trazo del Yang haciendo clic sobre el cuadrado rojo de
la Paleta de colores (o utilizando el cuadro de diálogo Relleno y borde).

El símbolo Yin-Yang después de haberlo coloreado.

c. Corregir los círculos.

El trazo del círculo exterior es algo complejo ya que tiene demasiados nodos.
A continuación vamos a reemplazar este trazo con... si, lo ha adivinado, un
círculo. Seleccione la Herramienta Elipse en la Caja de Herramientas.
Para crear un círculo, tiene que mantener pulsada la tecla Ctrl mientras hace
clic y arrastra con el ratón desde una esquina de una caja imaginaria (la caja
de contorno) que encierra el círculo exterior, hasta la esquina opuesta de
dicha caja imaginaria. No se preocupe por conseguir ahora que el tamaño y la
posición del círculo sean los correctos.

Desactive el Relleno del nuevo círculo haciendo clic sobre la x roja situada en
el extremo izquierdo de la Paleta de colores. Resulta más fácil ajustar el
círculo si su Borde es de un color semitransparente distinto al del original.
Para darle un color rojo al Borde del círculo, haga clic sobre el cuadrado rojo
de la Paleta de colores mientras mantiene pulsada la tecla Mayús.. Después
fije el valor de la opacidad en un 50% utilizando la casilla de entrada con la
etiqueta O: que está en el Indicador de Estilo situado en la esquina inferior
izquierda de la ventana deInkscape.

Ahora ya estamos listos para ajustar el círculo. Cambie la anchura del borde
para que coincida con la del círculo original. Esto se puede hacer
seleccionando la anchura adecuada en el menú que aparece al hacer Clic
con el Botón Derecho del Ratón sobre el número situado junto al color
de Trazo en el Indicador de Estilo (cuando el cursor se coloca sobre ese
número, aparece una nota emergente con el texto Ancho de trazo: x px). Otra
manera de cambiar la anchura de un trazo de un modo más preciso es utilizar
la casilla de entrada Ancho de trazo que está en la ficha Estilo de trazo del
cuadro de diálogo Relleno y borde (Objeto → Relleno y
borde... (Mayús+Ctrl+F)).

A continuación, ajuste el tamaño del círculo arrastrando desde cualquiera de

los dos tiradores cuadrados (a la izquierda y arriba del círculo). Los tiradores
son visibles (de forma predeterminada) cuando está activada cualquiera de
las herramientas de forma o la Herramienta Nodo. Mantenga pulsada la
tecla Ctrl mientras arrastra para mantener la forma del círculo. Pulsando
la barra espaciadora cambiará a la Herramienta Selector para poder
modificar la posición del círculo. Se pueden hacer ajustes precisos en la
posición manteniendo pulsada la tecla Alt mientras se pulsan las teclas de las
flechas. Si pulsa otra vez la barra espaciadora activará de nuevo
la Herramienta Elipse.

El nuevo círculo exterior (rojo y semitransparente) después de haber ajustado

su tamaño y posición.

En este momento, ya se habrá dado cuenta de que el círculo exterior original

no es un verdadero círculo. Esto se debe a que, en la fotografía, el logotipo
está inclinado con respecto al plano de la fotografía de manera que el círculo
original está deformado. Nos vamos a quedar con el verdadero círculo que
hemos dibujado para nuestro logo, pero tenga en cuenta que puede que
necesitemos hacer otras correcciones.

Los pasos finales para el círculo exterior son eliminar el círculo original, y
cambiar el color del borde del nuevo círculo a negro opaco.

El círculo negro interior también se puede reemplazar siguiendo los mismos

pasos que para sustituir el círculo exterior pero con dos pequeños cambios: 1.
Utilice un círculo con relleno pero sin borde. 2. Coloque el nuevo círculo
detrás del objeto Yang con el comando Objeto → Bajar (Av Pág)
 (también se puede ejecutar este comando desde los Controles de
Herramienta de la Herramienta Selector).

El nuevo círculo interior (rojo y semitransparente), después de haber ajustado

su tamaño y posición, pero antes de colocarse detrás del objeto Yang.

d. Corregir las letras.

Ahora es el momento de corregir las letras de la vectorización. De nuevo

debemos descomponer el trazo en trozos. Después de hacerlo, verá un gran
cuadrado negro. ¡Que no cunda el pánico! Seleccione el cuadrado y bórrelo,
ahora debería ver un gran círculo negro. Bórrelo también (selecciónelo
haciendo clic sobre su borde). Ahora debería ver letras. Borre también el
círculo negro central dejando solo las letras.

Observe que a las letras A, O, P y a las dos R les faltan sus agujeros. (No se
estará asustando, ¿verdad?) Esto se debe a que cada una de ellas está
compuesta de dos trazos que necesitan ser combinados de nuevo. Podemos
hacerlo para cada una de las letras por separado, pero en este caso es más
conveniente seleccionar los trazos de todas las letras y unirlos en un solo
trazo por medio del comando Trayecto → Combinar (Ctrl+K). (En este
paso resulta muy útil aplicar el método de selección de la goma elástica.)

Las letras (a la izquierda) después de haberlas extraído de la vectorización.

e. Pasos finales.

Este es el momento de reunir el símbolo Yin-Yang y los círculos con el texto.

Seleccione tanto el Yin-Yang como los círculos, y luego utilice el cuadro de
diálogo Transformar para moverlos −500 píxeles en dirección horizontal.
 Ahora se puede apreciar que la inscripción del logotipo no está correctamente
espaciada. Esto se debe de nuevo a la orientación del logo en la fotografía
original. Es necesario ensanchar un poco el texto. Seleccione el trazo de las
letras y aumente su tamaño un 3% en la dirección horizontal mediante la
ficha Escalar del cuadro de diálogo Transformar.

El logotipo está ahora terminado. Puede eliminar u ocultar la fotografía original.

(Seleccione la Capa “Fotografía” en la Barra de Estado. Para eliminar la foto, haga clic
sobre el icono para desbloquear la capa, luego seleccione y elimine la fotografía;.
Para ocultar la fotografía haga clic sobre el icono , de esta forma hace invisible toda
esta Capa.) Si lo desea, también puede hacer ajustes finos al trazo del Yin con
la Herramienta Nodo. Guarde su trabajo como en los ejemplos anteriores.

Una Caja de Naipes—Una Proyección Isométrica

Inkscape es un programa de dibujo en dos dimensiones. No obstante, puede utilizarse
para crear dibujos sencillos en tres dimensiones. En este ejemplo vamos a crear
una Proyección Isométricasimple.

Una caja de naipes.

Una proyección isométrica es la vista de un objeto dibujada de tal manera que las
proyecciones de los tres ejes ortogonales forman entre sí el mismo ángulo de 120°, como
se muestra en la figura siguiente.
Proyección isométrica de un cubo. El ángulo entre las proyecciones de cada par de ejes
es de 120°.

Inkscape incluye Rejillas axonométricas que se pueden utilizar para dibujar con rapidez
proyecciones isométricas de cajas. Sin embargo, cuando los lados de las cajas incluyen
dibujos, es mejor utilizar el método que describimos en este ejemplo, ya que para
conseguir la perspectiva deformada de los dibujos de los lados es necesario realizar con
precisión dos transformaciones (cambio de tamaño e inclinación).

Los pasos que vamos a seguir son los siguientes:

 Abrir Inkscape y ajustar el tamaño del dibujo.

 Crear los tres lados desplegados de la caja.
 Añadir la decoración de los lados de la caja.
 Transformar cada lado de la caja.

Procedimiento 1.5. Crear una Proyección Isométrica

1. Configurar el dibujo.

Para empezar, abra Inkscape.

Siga las instrucciones dadas en el ejemplo de la bandera de Suecia para definir el

tamaño de la página y crear una Rejilla, pero en este caso ajuste el tamaño del
dibujo a una anchura de 500 píxeles y una altura también de 500 píxeles. Fije el
espaciado de la Rejilla en 10 píxeles. En la Barra de Controles de Ajuste active el
ajuste general haciendo clic sobre el icono , luego active el ajuste a
la Rejilla ( ), y desactive el ajuste de las esquinas de las cajas de contorno (
).

2. Crear los tres lados de la caja.

Es necesario que los lados de las caras frontal, lateral y superior de nuestra caja
cumplan una proporción 6:4:1, parecida a las dimensiones de un mazo de naipes.
Dibuje un rectángulo con una anchura de 200 píxeles y una altura de 300, con el
lado inferior a 100 píxeles del borde de la página. Dibuje otro rectángulo a la
derecha del primero con 50 píxeles de ancho y 300 píxeles de alto. Dibuje un tercer
rectángulo arriba del primero con una anchura de 200 píxeles y una altura de 50
píxeles. Los trazos de los rectángulos deben quedar solapados.

Active el Relleno de los rectángulos con la Paleta de colores o con el cuadro de

diálogo Relleno y borde (Objeto → Relleno y borde... (Mayús+Ctrl+F)), y dele
color blanco al Rellenode los rectángulos. Active el Borde, elija el negro como color
del Borde y fije el ancho del trazo a un píxel. Ajuste la Unión del Borde en la
opción Unión redonda, haciendo clic sobre el icono en la ficha Estilo de trazo del
 cuadro de diálogo Relleno y borde. Esto hará que las esquinas donde se tocan los
rectángulos sean más nítidas.

Los laterales de la caja sobre un plano antes de plegarse.

3. Añadir la decoración de los lados de la caja.

Puede añadir la decoración que desee a los lados de la caja. Nosotros vamos a
incluir el logotipo de la NP creado en el ejemplo anterior, y también algo de texto.

Importe el logotipo mediante el comando Archivo → Importar... (Ctrl+I). Es

necesario reducir el tamaño del logo. Puede conseguirlo haciendo clic y arrastrando
de una de sus esquinas. Mantenga pulsada la tecla Ctrl para mantener constante la
proporción entre la altura y la anchura del logotipo. Después de haber logrado el
tamaño adecuado, puede centrar el logo dentro del rectángulo grande utilizando el
cuadro de diálogo Objeto → Alinear y distribuir... (Mayús+Ctrl+A). Para añadir
el rectángulo grande a la selección del logotipo, haga clic sobre el rectángulo
mientras mantiene pulsada la tecla Mayús.. En el cuadro de diálogo Alinear y
distribuir, seleccione la opción Último seleccionado en el menú
desplegable Relativo a. Como el rectángulo es el último objeto seleccionado,
permanecerá fijo y será el logo el que se mueva. Haga clic sobre los iconos Centrar
en el eje vertical ( ) y Centrar en el eje horizontal ( ).

Añada a los laterales de la caja algo texto a su gusto. Al terminar, agrupe cada lado
de la caja con los objetos que contiene, seleccionando primero el lado de la caja
con los objetos de su interior, y luego ejecutando el comando Objeto →
Agrupar (Ctrl+G). Cuando se colocan objetos dentro de un Grupo, se pueden
manipular juntos como si fuesen un solo objeto. De esta manera, nos aseguramos
 de que cuando transformemos los lados de la caja, el logotipo y el texto también
sufrirán la misma transformación.

Los lados de la caja después de haberles añadido el logotipo y el texto.

4. Transformar cada lado de la caja.

Ahora empieza la diversión. Ojalá se pudiera transformar cada lado de la caja en un

rombo conservando sus bordes la misma longitud, pero esto no se puede hacer
directamente. La transformación requiere varios pasos, que son estrechar las caras
de la caja, y luego inclinarlas. También hay que rotar la cara superior de la caja.

Al estrechar los lados hay que evitar que la anchura del borde se reduzca también
al mismo tiempo. Cuando la Herramienta Selector está siendo utilizada, hay una
opción en los Controles de Herramienta, que se puede activar o desactivar, para
cambiar el ancho del borde de un objeto a la vez que se cambia el tamaño de este
objeto. Asegúrese de que el icono Escalar el ancho del trazo no esté resaltado
(si el icono no aparece en la barra porque la ventana es demasiado estrecha,
asegúrese de que la opción Escalar ancho de trazo no esté marcada). Si la opción
estuviera previamente activada, desactívela.

Seleccione la cara frontal de la caja (la cara más grande). Queremos ser precisos al
estrechar las caras, por eso vamos a utilizar el cuadro de diálogo Objeto →
Transformar...(Mayús+Ctrl+M). Abra este cuadro de diálogo y seleccione la
ficha Escalar. Fije el valor del Ancho en 86.603%. Este valor equivale al cos(30°).
Haga clic sobre el botón Aplicar. Utilice laHerramienta Selector para arrastrar la
cara frontal de la caja y acoplarla de nuevo junto a la otra cara inferior. Debería
ajustarse sola en su sitio.
A continuación, necesitamos inclinar 30° la cara frontal de la caja. Esto es más fácil
hacerlo con la Herramienta Selector. Haga clic otra vez sobre la cara frontal para
cambiar los tiradores decambio de tamaño a tiradores de rotación e inclinación.
Cuando haga esto, debe aparecer una pequeña cruz, el Centro de rotación, en el
centro de la selección. Este es el punto de referencia para la rotación o la
inclinación. Haga clic sobre esta cruz y arrástrela hasta la esquina superior derecha
de la cara frontal de la caja. Tenga cuidado de que la cruz no se ajuste a la esquina
de lacaja de contorno. La cruz debe quedar centrada en medio del Borde. Si no,
nos encontraremos con algunos problemas de alineación al final. Puede aumentar
el zoom para comprobar la posición de la cruz.

Ahora haga clic sobre el tirador de inclinación (la flecha vertical con dos puntas)
situado en el lado izquierdo de la cara frontal de la caja, y arrástrelo hacia arriba
manteniendo pulsada la teclaCtrl. Al usar la tecla Ctrl la inclinación se ajustará a
múltiplos de 15°. Arrastre hasta que la inclinación sea de −30° (observe la Zona de
Información).

La caja después de haber transformado su cara frontal. Esta puede quedar delante
de la tapa superior (como aparece en la figura), o detrás de ella dependiendo del
orden en el que se agrupó cada cara con su decoración.

Repita los últimos pasos con la cara lateral derecha de la caja, solamente
intercambiando “izquierda” y “derecha”.

También hay que estrechar la tapa de la caja en la misma cantidad que en las otras
caras, pero esta vez en la dirección vertical. Antes de cambiar el tamaño del
rectángulo, ajuste el Ancho de nuevo a su valor predeterminado (100%), y el valor
de la Altura a 86.603%. Antes de inclinar la tapa, mueva el Centro de rotación hasta
la esquina inferior derecha de la misma. Asegúrese otra vez de colocar la cruz en la
mitad de la anchura del borde y alineada con la rejilla. Incline el rectángulo 30°
arrastrando del tirador de inclinación superior hacia la derecha mientras mantiene
pulsada la tecla Ctrl. Por último, gire la tapa de la caja 30° en sentido horario,
arrastrando del tirador de rotación superior izquierdo mientras mantiene pulsada la
tecla Ctrl.
 La caja de naipes terminada.

La caja de naipes ya está terminada. Guarde su trabajo como en los ejemplos anteriores.

Si no colocó el centro de rotación en el sitio exacto indicado (es decir, lo colocó en la caja
de contorno y no en la mitad del borde), es posible que las caras de la caja no queden
bien alineadas. Para solucionar este problema puede rehacer los pasos anteriores, o
simplemente mover la cara mal alineada hasta la posición correcta usando las teclas
de Flecha mientras mantiene pulsada la teclaAlt.

La esquina de la tapa de la caja, dentro del círculo rojo, no coincide exactamente con la
otra esquina. Esto es lo que ocurre cuando se coloca el centro de rotación en la caja de
contorno.

Una Lata de Sopa—Un Dibujo en 3 Dimensiones con

Degradados
En esta sección vamos a utilizar Inkscape para dibujar una lata de sopa. Con este
ejemplo aprenderemos distintas técnicas como combinar y dividir trazos, manejar
los Degradados, crear sombras y deformar textos.
 Una lata de sopa.

Los pasos que vamos a seguir son los siguientes:

 Abrir Inkscape, ajustar el tamaño del dibujo, y crear una rejilla.

 Dibujar la forma de la lata.
 Añadir un degradado.
 Añadir una sombra.
 Añadir una etiqueta.
 Añadir el texto de la etiqueta.
 Perfilar la tapa de la lata.

Procedimiento 1.6. Dibujar una Lata de Sopa

1. Ajustar los parámetros de la pizarra.

Abra Inkscape. Ajuste el tamaño del dibujo a 200 por 200 píxeles. Cree
una Rejilla con un espaciado de 5 píxeles. Active el ajuste de nodos a la Rejilla, y
desactive el ajuste de cajas de contorno.

2. Dibujar la forma de la lata.

La forma de la lata va a estar compuesta por dos líneas rectas que conectan trozos
de dos elipses. (Podríamos dibujar un rectángulo para obtener las líneas rectas,
pero con esto crearíamos nodos de sobra.)

a. Dibujar la tapa de la lata.

Haga clic sobre el icono de la Herramienta Elipse en la Caja de

Herramientas a la izquierda de la ventana Inkscape (o use uno de los atajos
de teclado: F5 o e) para activar laHerramienta Elipse. Dibuje una elipse para
representar la tapa de la lata haciendo un clic y arrastrando el cursor entre las
marcas de 50 y 150 píxeles del eje horizontal y entre las marcas de 150 y 180
 píxeles del eje vertical. Dele al Relleno de la elipse un color uniforme
haciendo clic sobre uno de los cuadrados coloreados de la Paleta de colores
(nosotros hemos usado un rojo claro).

b. Dibujar la base de la lata.

Seleccione la elipse (si no estuviera ya seleccionada), y duplíquela haciendo

clic sobre el icono de la Barra de Comandos, o ejecutando a través de la
Barra de Menús el comandoEdición → Duplicar (Ctrl+D). Una copia de la
elipse se colocará sobre la elipse original. La nueva elipse quedará
seleccionada.

Mueva la elipse hacia abajo haciendo un clic sobre ella y arrastrándola

mientras mantiene pulsada la tecla Ctrl para restringir el movimiento a la
dirección vertical. Muévala hacia abajo hasta que su parte superior coincida
con la marca de 50 píxeles del eje vertical. Así, ya tenemos la tapa y la base
de la lata.

La tapa y la base de la lata de sopa.

c. Dibujar el lateral de la lata.

Vamos a construir el lateral de la lata uniendo la mitad inferior de la elipse

superior con mitad inferior de la elipse de abajo. En el proceso vamos a
sacrificar ambas elipses. Como para la lata vamos a necesitar una tapa
diferente, a la que daremos un color distinto del cuerpo, vamos a duplicar la
elipse superior y sacrificaremos la tapa inicial.

Seleccione la elipse superior y duplíquela como se ha indicado antes.

Después, con la elipse aún seleccionada, conviértala en un trazo mediante el
comando Trayecto → Objeto a trayecto (Mayús+Ctrl+C). Tras ejecutar
este comando, parece que el objeto no ha sufrido ningún cambio en su
apariencia, sin embargo, la descripción interna del objeto es ahora un trazo
que podemos editar.
Para editar el trazo, tenemos que activar la Herramienta Nodo haciendo clic
sobre el icono (F2 o n) de la Caja de Herramientas. Seleccione el nodo
superior del trazo y elimínelo haciendo clic sobre el icono (Suprimir los
nodos seleccionados) en la barra de Controles de Herramienta, o bien
pulsando una de estas dos teclas: Retroceso o Suprimir.

Abra el trazo de la elipse seleccionando los dos nodos laterales y haciendo

clic en el icono (Eliminar el segmento entre dos nodos no finales) de la
barra de Controles de Herramienta.

Repita los pasos anteriores con la elipse inferior (exceptuando la duplicación

inicial). Si además cambia el color de la elipse superior no modificada,
debería obtener un dibujo parecido al siguiente:

Las dos mitades de elipse que van a formar el lateral de la lata junto con una
elipse completa (cambiada de color) que será la tapa de la lata.

Ahora tenemos que unir las semi-elipses superior e inferior. Para ello,
seleccione ambas y combínelas en un solo trazo mediante el
comando Trayecto → Combinar (Ctrl+K).

Con la Herramienta Nodo, seleccione los nodos situados más a la izquierda,

uno de arriba y otro de abajo. Conecte estos nodos haciendo clic sobre el
icono (Unir los nodos finales seleccionados con un segmento nuevo) de la
barra de Controles de Herramienta. Repita estos pasos con los dos nodos
situados más a la derecha.

Ahora debería tener el lateral de la lata con la forma correcta, como el que se
muestra en la siguiente figura.
 El lateral de la lata después de haber completado el trazo que lo forma.

3. Añadir un degradado para un efecto 3D.

Mediante un Degradado se pueden representar los reflejos de la parte curvada de

la lata. Hay dos maneras de añadir un degradado, la primera es utilizar
la Herramienta Degradado, y la segunda es usar el cuadro de diálogo Relleno y
borde. Para añadir un Degradado utilizando la Herramienta Degradado, primero
tenemos que activar esta herramienta haciendo clic sobre el icono de la Caja de
Herramientas (o mediante los atajos de teclado Ctrl+F1 o g). Después, con el
lateral de la lata seleccionado, hay que hacer clic y arrastrar el cursor desde el lado
izquierdo de la lata hasta su lado derecho. Para añadir un Degradado usando el
cuadro de diálogo Relleno y borde, primero hay que abrir este cuadro de diálogo
mediante el comando Objeto→ Relleno y borde... (Mayús+Ctrl+F). Después
hay que seleccionar la ficha Relleno, si no estuviera ya seleccionada, y luego, con
el lateral de la lata seleccionado, hacer clic sobre el icono Degradado lineal ( ).
Ambos métodos crean a lo largo del lateral de la lata un Degradado predeterminado
utilizando el color del Relleno previamente existente.

El Degradado necesita un poquito de trabajo para lograr que tenga el aspecto

adecuado. La manera más fácil de hacerlo es utilizar la Herramienta Degradado.
Cuando el lateral de la lata está seleccionado, aparecen en el mismo dos controles
de Degradado.

La lata después de haber cambiado el Relleno de su lateral a un Degradado.

Observe los controles de Degradado. Aparecen cuando un objeto seleccionado
 tiene un Degradado y está activada alguna de las siguientes herramientas:
la Herramienta Degradado, la Herramienta Nodo, la Herramienta Cuentagotas o
una de las herramientas de forma.

Los Degradados se definen mediante controles de Parada. Un control

de Parada tiene un color y una posición (offset) dentro del Degradado.
El Degradado predeterminado tiene dos controles de Parada, ambos con el mismo
color pero diferentes transparencias. Nosotros vamos a usar tres controles
de Parada para el lateral de la lata.

Con la Herramienta Degradado activada y el lateral de la lata seleccionado, añada

un tercer control de Parada haciendo un doble clic sobre la línea que conecta los
dos controles de Parada ya existentes . En el cursor aparece un signo + extra
cuando es posible añadir controles de Parada. Cuando se añade un control
de Parada, éste toma el color del Degradado en el punto donde se coloca el nuevo
control. La apariencia del Degradado no cambiará.

El control de Parada se puede arrastrar para cambiar su posición. Muévalo hasta el

centro.

Ahora vamos a darle a nuestra lata una imagen con brillo metálico. Seleccione el
control de Parada situado más a la izquierda haciendo clic sobre él. Cambie el color
del lateral de la lata a un gris oscuro haciendo clic sobre la muestra 80% Gray de
la Paleta de colores (cuando se coloca el cursor sobre una de las muestras aparece
una nota emergente con el nombre del color), o bien utilizando el cuadro de
diálogo Relleno y borde. Las dos fichas Relleno y Color de trazo mostrarán el color
del control de Parada, y podemos utilizar ambas fichas para cambiar el color del
control seleccionado. En la ficha RGB cambie los valores del color del control a R:
51, G: 51, B: 51, A: 255.

Seleccione el control de Parada central y cambie su color a White con la Paleta de

colores, o mediante el cuadro de diálogo Relleno y borde cambie los valores de su
color a R: 255, G: 255, B: 255, A: 255. Por último, seleccione el último control
de Parada y cambie su color para que coincida con el de la primera Parada. Ahora
debería tener una lata metálica con un reflejo en su centro.

La lata después de haber añadido un control de parada al Degradado y haber

cambiado los colores de todas las paradas.
 Desplacemos ahora el reflejo hacia un lado. Una forma de lograr esto sería
continuar la edición del Degradado, cambiando la posición del control
de Parada central, y quizás oscureciendo o aclarando más los controles
de Parada laterales. Sin embargo, la manera más fácil de mover el reflejo es
desplazar los tiradores del Degradado.

La lata después de haber arrastrado el tirador derecho del Degradado para cambiar
la posición del reflejo.

Antes de continuar, vamos a hacer un par de cambios cosméticos rápidos.

Desactive el Borde tanto del lateral de la lata como de la tapa (para ello, hay que
hacer clic sobre la x situada en el extremo izquierdo de la Paleta de colores
manteniendo pulsada la tecla Mayús.). Cambie el relleno de la tapa dándole un
color 40% Gray (R: 153, G: 153, B: 153).

Una lata plateada.

4. Añadir una sombra.

Nuestra lata tiene un brillo luminoso a la derecha, pero no está la correspondiente

sombra de la lata. Vamos a arreglar esto ahora. Pero conseguirlo de forma perfecta
no es una tarea sencilla.Inkscape es un programa de dibujo 2D y no es capaz de
proyectar sombras de objetos 3D (para eso pruebe con POV-Ray). Sin embargo,
podemos conseguir una imitación muy buena.

a. Crear la sombra.

Para crear la sombra es necesario combinar en un mismo objeto unas copias

de la tapa y del lateral de la lata. Vamos a emplear una técnica similar a la
que hemos utilizado para crear el lateral de la lata.
 Seleccione la tapa de la lata (una elipse) y duplíquela. Cambie su color para
no perderla de vista. Cualquier color servirá. Convierta la nueva elipse en un
trazo (Trayecto → Objeto a trayecto (Mayús+Ctrl+C)). Seleccione el nodo
inferior y elimínelo (cambie a la Herramienta Nodo, ). Seleccione los dos
nodos laterales y elimine la línea entre ellos ( ).

Seleccione el lateral de la lata, duplíquelo, y cambie su color. Elimine los tres

nodos superiores. Seleccione los dos nodos laterales que quedan, y elimine
la línea entre ellos.

La lata después de haber creado la parte superior y la base de lo que llegará

a ser la sombra.

Seleccione los dos nuevos objetos. Combínelos en un solo trazo mediante el

comando Trayecto → Combinar (Ctrl+K). Seleccione los dos nodos del
lado izquierdo, únalos ( ), y convierta el trazo entre ambos nodos en una
línea recta ( ). Haga lo mismo con los dos nodos del lado derecho.

b. Cambiar la forma de la sombra.

Seleccione los tres nodos superiores y muévalos hacia abajo y hacia la

izquierda, como se muestra en la siguiente figura.

Cambiando la forma de la sombra.

Es evidente que la posición de los nodos laterales no es la apropiada, y que

el trazo no tiene la forma correcta. Vamos a hacer unos pocos retoques para
 arreglar esto. Pero primero coloquemos el objeto de la sombra detrás de la
lata ejecutando el comando Objeto → Bajar al fondo (Fin).

Los tiradores de nodo se usan para controlar la dirección y curvatura de un

trazo a cada lado de un nodo. Los tiradores son círculos unidos por líneas
rectas a un nodo que son visibles cuando el nodo está seleccionado. Las
líneas rectas de los tiradores son siempre tangentes al trazo en el nodo
correspondiente. La distancia entre el tirador y su nodo controla la curvatura
del trazo—cuanto más lejos está el tirador, menor es la curvatura del trazo
cerca del nodo. Si los tiradores de nodo no están visibles, hágalos aparecer
haciendo clic sobre el icono de la barra de Controles de Herramienta. Si
este icono no está visible en la barra, haga clic sobre la opción Mostrar
tiradores en el menú que se despliega al hacer clic sobre la flecha hacia la
derecha situada en el extremo derecho de la barra de Controles de
Herramienta.

Es necesario ajustar los nodos señalados con flechas en la figura siguiente.

El tirador del nodo situado más a la izquierda necesita ser girado un poco en
sentido antihorario de manera que la línea del tirador sea paralela al borde
lateral de la sombra. Esto produce una transición suave entre el lado recto y
la parte curva de la sombra. Para hacer este giro, arrastre del tirador
manteniendo pulsada la tecla Alt (así se mantiene fija la distancia entre el
tirador y el nodo).

El otro nodo señalado con una flecha también necesita tener su tirador
ajustado de la misma manera. Además, debemos bajar ligeramente el nodo
hacia la derecha para que el borde recto de la sombra sea tangente a la base
de la lata.

Ajustes de la sombra. Los dos nodos señalados con flechas han sido
ajustados girando ligeramente sus tiradores para que las líneas de los
tiradores sean paralelas al borde recto de la sombra. Además, el nodo inferior
se ha desplazado un poco (con la combinación de teclas Alt+Flechas) para
que la sombra no sobresalga por la base de la lata.

Cambie ahora el relleno de la sombra dándole un color 50% Gray (R: 127 G:
127 B: 127).

c. Suavizar el borde de la sombra.

 La forma más fácil de suavizar el borde de la sombra es utilizar el deslizador
de Desenfoque de la ficha Relleno en el cuadro de diálogo Relleno y borde.
Con un valor del 3% se consigue una bonita sombra.

El deslizador de Desenfoque utiliza un filtro de Desenfoque Gaussiano.

Los Filtros todavía no son bien reconocidos por muchos navegadores de
Internet, así que sería mejor que aplicáramos un método alternativo para
suavizar la sombra. Podemos usar la extensión Reducir/ampliar halo. Esta
extensión hace múltiples copias del trazo de un objeto, siendo cada una de
las copias un poco mayor o menor. Cada copia tiene una opacidad baja, de
manera que el efecto neto es un objeto borroso. Todas las copias creadas
son colocadas dentro de un mismo Grupo que funciona como un único objeto.

Para utilizar esta extensión, seleccione la sombra, y después abra el cuadro

de diálogo de la extensión desde el sub-menú Generar desde
trayecto incluido en el menú Extensiones. En el cuadro de diálogo que
aparece, fije el valor del parámetro Ancho en 5 píxeles y el Número de
pasos en 11. Esto producirá un borde borroso de 5 píxeles de anchura creado
con 11 copias de la sombra apiladas en capas. La sombra original todavía
está seleccionada. Ya no la vamos a necesitar y podemos eliminarla por
medio de uno de los atajos de teclado: Supr oCtrl+X.

Seleccione la nueva sombra borrosa, y colóquela detrás de la lata mediante

el comando Objeto → Bajar al fondo (Fin).

Ahora tenemos que ocuparnos de un problema. La sombra sobresale por

delante de la base de la lata. Seleccione la sombra y súbala ligeramente
hacia la izquierda. Puede hacer esto arrastrando la sombra con el ratón, o
bien usando las teclas de Flecha. Si mantiene pulsada la tecla Alt mientras
usa las teclas de Flecha podrá conseguir ajustes más precisos.

Un lata sencilla.

5. Añadir una etiqueta.

La etiqueta tiene la misma curvatura que el lateral de la lata. Para hacer la etiqueta
vamos a coger un trozo del lateral de la lata y después reduciremos su altura.
 Seleccione el lateral de la lata y duplíquelo. Después active la Herramienta
Rectángulo y dibuje un rectángulo que se extienda verticalmente desde más allá de
la tapa de la lata hasta por debajo de la base de la misma, y que en la dirección
horizontal abarque desde el píxel 60 hasta el 140.

Seleccione el nuevo rectángulo y el lateral de la lata duplicado. Ejecute el

comando Trayecto → Intersección (Ctrl+*) para crear la etiqueta mediante la
intersección de los dos objetos seleccionados.

Cambie el Relleno de la etiqueta dándole un color rojo uniforme. Para ello, haga clic
sobre el cuadrado rojo de la Paleta de colores; o bien haga primero clic sobre el
icono Color uniforme ( ) en la ficha Relleno del cuadro de diálogo Relleno y
borde, y luego mueva los deslizadores de las componentes de color para conseguir
el color rojo (R: 255: G: 0: B: 0). Ahora, cambie el valor de la opacidad del relleno
de la etiqueta a un 50% mediante el recuadro de entrada 0: situado en Indicador de
Estilo (en la esquina inferior izquierda de la ventana de Inkscape), o bien utilizando
el deslizador Opacidad del cuadro de diálogo Relleno y borde. Esto permitirá que
un poco del reflejo de la lata se filtre a través de la etiqueta. (Si desea una etiqueta
metálica, simplemente cambie el color a un degradado.)

Con la Herramienta Nodo, seleccione los tres nodos de la parte superior de la

etiqueta y muévalos 25 píxeles hacia abajo. Mueva los tres nodos de la parte
inferior de la etiqueta 25 píxeles hacia arriba.

La lata con una etiqueta.

6. Añadir texto a la etiqueta.

Para añadir texto a la etiqueta, seleccione la Herramienta Texto. Haga clic en algún
lugar de la pizarra y teclee el texto “SPLIT PEA SOUP” (SOPA DE GUISANTES)
con un retorno de carro después de cada palabra. Para cambiar el tamaño y el
estilo del texto, utilice los menús desplegables de la barra de Controles de
Herramienta. Elija una tipografía adecuada (nosotros hemos usado la Bitstream
Vera Sans) y un tamaño de letra (24). Haga clic sobre el icono en la barra
de Controles de Herramienta para centrar el texto. Puede que necesitemos ajustar
algo el interlineado del texto. Esto lo podemos hacer en la versión 0.48 desde la
barra de controles de la Herramienta Texto ( ). En la versión 0.47, es necesario
utilizar el cuadro de diálogo Texto y tipografía. Abra este cuadro de diálogo
haciendo clic en el icono de la Barra de Comandos, o bien mediante la opción
del menú Texto → Texto y tipografía... (Mayús+Ctrl+T). Cambie el valor del
espaciado de líneas a un 100%. Por último, mediante el cuadro de diálogo Relleno
y borde cambie el relleno del texto dándole un bonito color verde guisante (R: 63,
G: 127: B: 0).

En la versión 0.48, el texto puede colocarse en el centro de la etiqueta

arrastrándolo si el ajuste a rejillas está activado ( y ), ya que el punto de
ajuste para un texto centrado está situado en el centro del texto. En la versión 0.47,
es necesario utilizar el cuadro de diálogo Alinear y distribuir. Abra el cuadro de
diálogo haciendo clic sobre el icono de la Barra de Comandos, o mediante la
opción del menú Objeto → Alinear y distribuir... (Mayús+Ctrl+A). Seleccione la
etiqueta y el texto. Establezca la referencia para el alineamiento eligiendo en el
menú desplegable Relativo a la opción Primero seleccionado si ha seleccionado
primero la etiqueta, o la opción Último seleccionado si ha seleccionado primero el
texto y después la etiqueta. A continuación, haga clic sobre los dos iconos Centrar
los objetos horizontalmente ( ) y Centrar los objetos verticalmente ( ).

La lata con la etiqueta y el texto.

¡Ahora tenemos un texto plano sobre una lata redonda! Inkscape puede mover y
rotar las letras individuales de un texto, pero no puede deformar el texto de la
manera que necesitamos para que los caracteres sigan la forma de la lata. Para
deformar las letras, vamos a convertir el texto en un trazo y luego modificarlo.
Seleccione el texto y después ejecute el comando Trayecto → Objeto a
trayecto (Mayús+Ctrl+C). El texto se convierte así en un Grupo de trazos, y ya no
puede ser editado como un texto. Ahora será más fácil modificar los trazos como
nos interesa si forman parte de un mismo trazo. Primero desagrupe los trazos
resultantes de la conversión ejecutando el comando Objeto →
Desagrupar (Mayús+Ctrl+G), y después combine los trazos de cada letra para que
formen un mismo trazo aplicando el comando Trayecto → Combinar (Ctrl+K).
Vamos a utilizar un par de Extensiones muy útiles que van a hacer el trabajo duro
por nosotros.

Comience aplicando la extensión Añadir nodos para aumentar el número de nodos

en el trazo. Con esto vamos a mejorar el aspecto final de las letras. Seleccione el
trazo del texto y después seleccione la opción del menú Extensiones → Modificar
trayecto → Añadir nodos... . Entonces aparecerá un pequeño cuadro de diálogo
que permite especificar el límite superior para el espacio entre nodos. Fije el valor
del parámetro Longitud máxima de segmento en 5.0 y haga clic sobre el
botón Aplicar.

A continuación vamos a utilizar la extensión Patrón en trayecto para colocar el texto

a lo largo de un trazo. Existe un comando en el menú Texto → Poner en
trayecto, pero este comando utiliza la especificación SVG textPath que provoca que
las letras giren para seguir el trayecto.

Ahora necesitamos un trazo sobre el cual colocar nuestro texto. El trazo debería ser
un arco con la misma forma que la curva de la elipse superior pero con la anchura
del texto. Seleccione laElipse de la tapa de la lata y duplíquela mediante el
comando Edición → Duplicar (Ctrl+D). Mueva la Elipse duplicada en dirección
vertical hacia abajo hasta el centro de la lata. Elimine el Relleno de esta elipse pero
añádale un Borde. Dibuje un Rectángulo que se solape con la parte inferior de
la Elipse, que esté centrado en la lata y que tenga la misma anchura que el texto.

Creación de un trazo para el texto a partir de una elipse (duplicada de la tapa de la

lata) y de un rectángulo con la anchura del texto.

El Rectángulo debe estar situado encima de la Elipse. Seleccione ambos objetos y

ejecute el comando Trayecto → Cortar trayecto (Ctrl+Alt+/) para dividir
la Elipse en dos trozos. Entonces desaparecerá el Rectángulo. Elimine el trozo
superior de la Elipse.

La extensión que vamos a aplicar necesita que el Patrón (el texto en este caso)
esté sobre el trazo en el orden-z (es decir, un plano por encima del trazo). Puede
mover el patrón hacia el plano superior seleccionándolo y después haciendo clic
 sobre el icono Elevar a primer plano (Objeto → Traer al frente (Inicio)) de la
barra de Controles de Herramientas.

A continuación, seleccione el texto y el trazo. Ejecute la extensión Patrón en

trayecto (Extensiones → Generar desde trayecto → Patrón en trayecto). Entonces
se abrirá un cuadro de diálogo. En este cuadro, seleccione la opción Sencillo en el
menú desplegable del parámetro Copias del patrón, y la opción Cinta en el
parámetro Tipo de deformación. Los tres parámetros numéricos deben tomar el
valor 0.0, y las tres pequeñas casillas deben quedar sin marcar. Haga clic en el
botón Aplicar. Entonces, probablemente el texto aparecerá invertido. Déle la vuelta
al texto mediante el comando Objeto → Reflejo Horizontal (H). Por último,
elimine el trazo del pequeño arco.

La lata con la etiqueta y el texto curvado.

7. Perfilar la tapa de la lata.

No hay límite para el nivel de detalle que se puede conseguir. En la figura final, se
han añadido a la tapa de la lata una serie de elipses con diferentes tamaños,
posiciones y degradados para lograr mayor realismo. En la siguiente figura se
muestran cada una de estas elipses por separado.

Las elipses que completan la tapa de la lata en una vista ampliada con sus tamaños
relativos indicados.

Todas las elipses se han creado a partir de la tapa original de la lata, duplicándola,
y después usando la ficha Escalar del cuadro de diálogo Transformar. A
continuación se cambió el relleno de cada elipse dándole un color uniforme o un
degradado lineal con los mismos colores que se han usado para el resto de la lata.
Un Diseño Vitícola—Un Ejemplo de Mosaico
Inkscape tiene un cuadro de diálogo denominado Crear clones en mosaico que se puede
usar para crear mosaicos complejos. Este ejemplo está dedicado a la preparación de una
tesela patrón que se puede utilizar para crear un mosaico. Como vamos a ver más
adelante, los objetos incluidos en la tesela patrón pueden sobrepasar los límites de la
tesela para así poder crear diseños continuos.

Un mosaico 3 × 3 creado a partir de una tesela patrón.

Los pasos que vamos a seguir para crear el mosaico son los siguientes:

 Abrir Inkscape y ajustar el tamaño del dibujo.

 Crear el prototipo de la tesela.
 Clonar la tesela.
 Decorar la tesela.
 Utilizar la tesela patrón para crear el mosaico.

Procedimiento 1.7. Crear la Tesela Patrón de un Mosaico

1. Configurar la pizarra.

Para empezar, abra Inkscape y ajuste el tamaño del dibujo a una anchura de 400
píxeles y a una altura de 580 píxeles. Cree una Rejilla con un espaciado de 10
píxeles. Active el ajuste de nodos a la Rejilla (y desactive el ajuste de cajas de
contorno a la Rejilla). No se olvide de activar la Rejilla.

2. Crear el prototipo de la tesela.

 Necesitamos crear un prototipo de la tesela patrón que va a consistir en un
rectángulo dentro de un Grupo. El hecho de crear el rectángulo como un Grupo nos
va a permitir añadir nuevos objetos a la tesela.

Utilizando la Herramienta Rectángulo, cree un rectángulo de 100 píxeles de ancho

por 120 píxeles de alto, con su esquina superior izquierda situada a 50 píxeles de
los bordes izquierdo y superior de la página. Este será el tamaño de nuestra tesela
patrón. El espaciado entre teselas va a estar determinado por la caja de
contorno de este rectángulo. Hay dos definiciones para lacaja de contorno. La
primera de ellas, llamada caja de contorno visual, incluye la anchura del Borde en
los cálculos. En cambio, con la segunda definición, denominada caja de
contornogeométrica, esta se calcula usando sólo los nodos de un objeto. Resulta
más fácil crear mosaicos sin preocuparse de la anchura del Borde, de manera que
seleccione la opción caja de contornoCaja de contorno geométrica en la
sección Herramientas del cuadro de diálogo Preferencias de
Inkscape (Archivo → Preferencias de Inkscape... (Mayús+Ctrl+P)). .

Para que podamos ver la tesela déle un color a su Borde utilizando el cuadro de
diálogo Relleno y borde, o bien haciendo clic sobre una de las muestras de color de
la Paleta mientras mantiene pulsada la tecla Mayús. También puede dar un color
al Relleno de la tesela con tan solo hacer clic sobre una de las muestras de color.

Ahora coloque la tesela dentro de un Grupo seleccionando el rectángulo y

ejecutando el comando Objeto → Agrupar (Ctrl+G).

La tesela patrón.

3. Clonar la tesela.

El paso siguiente es clonar la tesela. Esto nos va a permitir ver la tesela mientras la
decoramos, asegurándonos de que los objetos que estén cerca de sus límites o los
sobrepasen se ajusten de manera adecuada.
Abra el cuadro de diálogo Crear clones en mosaico (Edición → Clonar → Crear
clones en mosaico... ).

El cuadro de diálogo Crear clones en mosaico.

Seleccione la opción P1: traslación simple en el menú desplegable de la

ficha Simetría. Vamos a crear un conjunto rectangular de teselas. Marque la
opción Filas, columnas y fije el número de filas y columnas del mosaico
introduciendo un 3 en las dos casillas. Compruebe que la tesela patrón está
seleccionada en el dibujo (en la Zona de Información debería aparecer que
un “Grupo de 1 objeto” está seleccionado), y luego haga clic en el botón Crear del
cuadro de diálogo.

Un mosaico de 3 × 3 teselas.
4. Decorar la tesela.

Ahora es el momento de dibujar el diseño de la tesela matriz. Hemos creado nueve

copias (clones) de la tesela patrón, incluida una que está sobre la tesela original.
Debemos modificar la tesela original si queremos modificar también las copias.
Seleccione la tesela original, para ello haga clic sobre cualquiera de los clones
(la Zona de Información nos indicará que un clon está seleccionado), y después
ejecute el comando Edición → Clonar → Seleccionar original (Mayús+D). En
la Zona de Información debería aparecer ahora “Grupo de 1 objeto”. La tesela
original está debajo de un clon. Elévela hasta el frente aplicando el
comando Objeto → Traer al frente (Inicio) (o bien haciendo clic sobre el
icono en la barra de Controles de Herramienta).

“Entre” dentro del Grupo haciendo un doble clic sobre la tesela patrón, o bien
seleccionando la opción Entrar en el grupo #xxxx en el menú que aparece cuando
se hace Clic con el Botón Derecho del Ratón sobre la tesela patrón. El nombre
de la Capa que aparece en la Barra de Estado empezará por “#g” indicando que
un Grupo está abierto para ser editado (el Grupo se ha trasladado temporalmente a
una Capa). Mientras el Grupo esté abierto, cualquier objeto que se añada al dibujo
será un nuevo miembro de ese Grupo.

El nombre de la Capa en la Barra de Estado indicando que un Grupo está abierto

para ser editado.

Ahora que el Grupo está abierto, añada a la tesela los detalles que desee.
Cualquier detalle o adorno que añada a la tesela matriz automáticamente se incluye
en el resto de los clones de la tesela. Nuestro ejemplo tiene el patrón de una parra.
La rama principal es una línea sencilla cuyos extremos tienen la posición y el
ángulo cuidadosamente ajustados en los bordes de la tesela para lograr la
continuidad del mosaico. El Relleno y el Borde del rectángulo patrón se han
eliminado (el propio rectángulo no se ha eliminado ya que nos será de utilidad en el
próximo paso).
 Un mosaico de 3 × 3 teselas patrón decoradas. Se puede observar cómo parte de
la decoración se extiende fuera de la tesela patrón (indicada por el rectángulo
negro).

5. Utilizar la tesela patrón para crear el mosaico.

La tesela matriz recién creada se puede utilizar de varias maneras para decorar
el Relleno de otro objeto. La manera más fácil es usar el cuadro de diálogo Crear
clones en mosaico sobre la tesela patrón para crear un mosaico sencillo que
después se puede recortar con el trazo del otro objeto.

a. Elimine todos los clones de la tesela patrón. Esto se puede hacer bien
seleccionando cada clon y eliminándolo, o más rápidamente, seleccionando
la tesela patrón y luego haciendo clic sobre el botón Eliminar del cuadro de
diálogo Crear clones en mosaico. (Observe que el botón Eliminar solamente
aparecerá activo después de que haya seleccionado la tesela patrón.)
b. Seleccione la tesela patrón (si no estuviera ya seleccionada).
c. Mediante el cuadro de diálogo Crear clones en mosaico cree un mosaico lo
suficientemente grande para rellenar el objeto que nos interese. Asegúrese
de que la casilla Usar el tamaño y posición de la tesela previamente
guardados esté marcada. Así, el mosaico utilizará las dimensiones de la
tesela patrón antes de que fuera decorada (las dimensiones que tenía cuando
creamos el primer mosaico), en lugar de utilizar la caja de contorno actual de
la tesela, que puede incluir objetos que se extienden más allá de los bordes
de la tesela. (Después de que un objeto es clonado en
mosaico, Inkscape conserva un registro interno del tamaño y posición
iniciales de la tesela, registro que puede ser utilizado más tarde para nuevas
clonaciones.)
d. Si alguno de los objetos de la tesela matriz es parcialmente transparente,
puede que sea necesario eliminar (o mover) la tesela patrón. Si se elimina la
 tesela patrón, los vínculos con las teselas clonadas se rompen, aunque las
teselas permanecen.
e. Agrupe las teselas clonadas. Coloque el objeto que quiere rellenar encima
del grupo de clones en el orden-z. Seleccione el objeto y el grupo de clones, y
después ejecute el comandoObjeto → Recorte → Aplicar para hacer el
recorte.

En este ejemplo se ha utilizado el trazo de una elipse para recortar el mosaico.

Para conseguir el borde negro del mosaico, se duplicó la elipse antes de aplicar el
recorte. Después se le dio a la elipse duplicada un Borde negro y ningún Relleno.

Por otra parte, la tesela matriz se puede utilizar para crear

un Patrón seleccionándola y ejecutando el comando Objeto → Patrón → Objetos a
patrón (Alt+I). Cuando utilice este Patrón por primera vez, se dará cuenta de que el
espaciado no es el correcto si alguno de los objetos se extiende más allá de los
límites de la tesela matriz. Esto se puede corregir por medio del Editor XML. En la
sección svg:defs, seleccione el ítem svg:pattern que corresponde al objeto con el
patrón del relleno. Esta línea puede estar enlazada con otro patrón. Siga los
enlaces hasta que encuentre la línea con los atributos height y width (y sin ningún
enlace a otro patrón). Cambie los atributos de height(altura) y width(anchura) a los
valores de la altura y anchura de la tesela matriz. Tenga en cuenta que la mayoría
de los reproductores de gráficos SVG no dibujan las zonas que están fuera del área
nominal del patrón (definida por los atributos height y width) a pesar de fijar el
atributo style como “overflow:visible”. El programa Batik (que se ha utilizado para la
versión PDF de este libro) tiene problemas de reproducción con esta clase de
patrones. Evince, un visualizador de documentos PDF muy utilizado en Linux,
también presenta otro fallo diferente en la reproducción de Patrones. En
cambio, Acroread reproduce Patrones correctamente.
 La tesela matriz se ha convertido en un Patrón que luego se ha utilizado para
rellenar esta elipse. Se han ajustado los atributos internos de la altura y anchura
del Patrón para hacerlos coincidir con los de la tesela matriz.

Para algunos propósitos puede ser preferible tener el diseño completo de la tesela
matriz dentro de los límites de la misma. Este punto es un poco complicado.

f. Desconecte los clones seleccionándolos todos y luego ejecutando el

comando Edición → Clonar → Desconectar clon (Mayús+Alt+D).
g. Elimine el clon situado en el centro del mosaico de 3 × 3 clones.
h. Seleccione la tesela patrón y muévala al centro (puede que se encuentre
debajo de uno de los clones). Utilice la ficha Mover del cuadro de
diálogo Transformar para mover con precisión la tesela patrón (usando los
valores de su altura y anchura). El programa conservará guardada la
información interna sobre la posición y el tamaño de la tesela patrón que se
utiliza para las clonaciones.
i. Para cada objeto que sobresalga de los límites de la tesela patrón pero que
no sea parte de de la misma, entre en el Grupo al que pertenezca ese objeto
(haciendo un doble clic sobre eseGrupo), corte ese objeto (Edición →
Cortar (Ctrl+X)), luego entre en el Grupo de la tesela patrón y pegue el
objeto en el sitio (Edición → Pegar en el sitio (Ctrl+Alt+V)). Preste
especial atención en la Barra de Estado tanto a la Zona de Información para
no despistarse de lo que está seleccionado, como a la información de la
capa Capa para saber quéGrupo es el que está abierto en cada momento.
j. Elimine los clones y los objetos restantes.
 La tesela patrón con toda la decoración necesaria, antes del recorte.

En este punto, se podría convertir la tesela matriz en un Patrón (como se ha

indicado antes). Algunos de los problemas que aparecen con ciertos
reproductores de gráficos SVG se pueden solucionar modificando el
atributo transform mediante una traslación negativa en x e y aplicada
al Grupo del Patrón. Tenga en cuenta que Inkscape ignora este
atributo transform.

k. Dentro del grupo abierto de la tesela matriz, seleccione el rectángulo y

córtelo. Salga del grupo y péguelo en el sitio. Seleccione tanto el grupo de la
tesela patrón como el rectángulo, y después aplique el
comando Objeto → Recorte → Aplicar. La tesela patrón está ahora
terminada. Puede trasladarla de nuevo a su posición inicial utilizando el
cuadro de dialogoTransformar.

La tesela patrón recortada y colocada de nuevo en su posición inicial.

l. Podemos utilizar ahora la tesela patrón para crear un mosaico.

 Un mosaico creado con la tesela patrón recortada.

Utilizar la tesela patrón recortada tiene un inconveniente importante. Es posible que

aparezcan dibujos extraños en las zonas de contacto entre las teselas. Esto es
debido a la existencia de fallos en los algoritmos de dibujo que no son capaces de
manejar de forma adecuada aquellos casos en los que el borde de la tesela no se
alinea con un píxel de pantalla o con la unidad elemental del dispositivo de
visualización correspondiente.

Tenga en cuenta que la tesela recortada no se puede utilizar directamente como

un Patrón. Para crear un patrón, primero convierta la tesela en un mapa de bits
(Edición → Crear copia en mapa de bits (Alt+B)), y después utilice ese mapa
de bits para el patrón. Con este método también pueden aparecer dibujos extraños.

Una elipse rellena con un patrón de mapa de bits. El patrón se creó convirtiendo
previamente la tesela matriz en un mapa de bits. Observe el defecto de las líneas
que aparecen entre las teselas (en la figura PNG de la versión web del libro).
En este ejemplo se ha explicado la creación del mosaico más sencillo. Se pueden crear
con la misma facilidad mosaicos más complejos y con diferentes simetrías, como los que
se muestran a continuación.

Un mosaico con la simetría “P31M”.

Un mosaico “P1” con una tesela patrón creada a partir de otro mosaico “CMM” con otra
tesela patrón más pequeña.

Un Botón SVG—SVG e Internet

En la creación de páginas web con frecuencia es necesario añadir algún tipo de botón a
una página. ¿Qué mejor manera de hacerlo que con un botón SVG? En este ejemplo
vamos a explicar la creación del dibujo de un botón SVG sencillo, al que luego
añadiremos alguna función concreta.

Un botón SVG.

Los pasos que vamos a seguir son los siguientes:

  Dibujar un botón sencillo con un sombreado en 3D.
 Incluir el botón dentro de una página HTML para acceder a otra página web.
 Añadir animación al botón utilizando SMIL.
 Usar JavaScript (ECMAScript) para crear un botón de dos estados con propiedades
de accesibilidad.
 Añadir estilos CSS al botón.

SVG en HTML5
La integración del estándar SVG en el HTML5 es todavía una tarea en progreso. El proceso de
estandarización del HTML5 aún no está completado. Existen importantes discordancias en la manera en
que los diversos navegadores manejan los contenidos SVG incluidos dentro de HTML. Se están realizando
esfuerzos para conseguir que la integración del SVG dentro de HTML les resulte más fácil a los
diseñadores de páginas web.

Procedimiento 1.8. Crear un Botón SVG

1. Dibujar un botón.

Existen innumerables dibujos de botones con diferentes estilos como se puede

comprobar buscando imágenes de botones en Internet. En este ejemplo se utiliza
un estilo bastante simple que permite definir el color del botón mediante una hoja
de estilo CSS. El color del botón será el color de un rectángulo base. Vamos a
añadir al botón efectos 3D superponiendo elementos semi-transparentes.

a. Configurar el dibujo.

Mediante el cuadro de diálogo Propiedades del documento (Archivo →

Propiedades del documento... (Mayús+Ctrl+D)), ajuste el tamaño del dibujo
a una anchura de 240 píxeles y a una altura de 100 píxeles. Cree
una Rejilla con un espaciado de 10 píxeles y active el ajuste de nodos a
la Rejilla ( en la Barra de Controles de Ajuste).

b. Dibujar el rectángulo base.

Dibuje un rectángulo de 220 × 80 píxeles centrado en la página (la esquina

superior izquierda del rectángulo debe quedar situada en el punto de
coordenadas 20, 90 píxeles). Arrastre hacia abajo todo lo que pueda el tirador
de Redondeo de esquinas (el pequeño círculo situado en la esquina superior
derecha del rectángulo) para redondear las esquinas del rectángulo. Dele
alRelleno del rectángulo un color rojo (o cualquier otro color).

La base del botón.

Va a resultar útil cambiar la id (la etiqueta interna de identificación) del

rectángulo y definirla como “ButtonBase”. Esto nos permitirá fácilmente hacer
 referencia al rectángulo para cambiar su color mediante hojas de
estilo CSS o JavaScript.

La id del rectángulo se puede cambiar utilizando el cuadro de

diálogo Propiedades del objeto (Objeto → Propiedades del
objeto... (Mayús+Ctrl+O)) o el cuadro de diálogoEditor XML (Edición →
Editor XML... (Mayús+Ctrl+X)). Vamos a usar este último cuadro ya que lo
vamos a tener que volver a utilizar más tarde en una tarea para la cual el otro
cuadro de diálogo no sirve. Abra el cuadro de diálogo Editor XML. Seleccione
el rectángulo en el dibujo. Entonces la entrada XML correspondiente al
rectángulo quedará resaltada en el lado izquierdo del cuadro de
diálogo Editor XML. Los atributos del rectángulo aparecen en la parte superior
derecha del cuadro de diálogo. Ahora tiene que hacer clic sobre el atributo id.
Con esto se selecciona dicho tributo para poder editarlo usando el recuadro
de entrada de en la parte inferior derecha del cuadro de diálogo. Cambie el
valor del atributo id por“ButtonBase”. Haga clic sobre el botón Aceptar, o
pulse la combinación de teclas Ctrl+Intro para terminar el cambio. Mientras el
cuadro de diálogo permanece abierto, puede observar que el valor del radio
de las esquinas ry del rectángulo está fijado en 40, que es la mitad de la
altura del rectángulo.

Cuadro de diálogo Editor XML (después de haber cambiado la identificación

del rectángulo).

c. Añadir un reflejo.

Ahora vamos a incorporar algunos efectos 3D. Primero añadiremos un reflejo

en la parte superior del botón. Para ello, dibuje un rectángulo con un tamaño
de 180 × 40 píxeles, y con su borde superior situado 10 píxeles por debajo
del borde superior del rectángulo base (la esquina superior izquierda del
segundo rectángulo debe estar situada en el punto de coordenadas 30, 85
 píxeles). Cambie a blanco el color del Relleno del segundo rectángulo para
que pueda verse. Asegúrese de que el tirador de Redondeo de esquinas está
situado en el punto medio del borde derecho del rectángulo. Si tiene
problemas para mover el tirador, pruebe a reiniciar el tirador haciendo clic
sobre el icono de la barra de Controles de Herramienta.

El siguiente paso es convertir este rectángulo en un trazo ejecutando el

comando Trayecto → Objeto a trayecto (Mayús+Ctrl+C). Después
seleccione con la Herramienta Nodolos dos (posiblemente cuatro) nodos
situados en los bordes laterales del rectángulo, y luego conviértalos en Nodos
Auto-suaves haciendo clic sobre el icono ( ) Autosuavizar los nodos
seleccionados de la barra de Controles de Herramienta. A continuación,
mueva 15 píxeles hacia arriba los dos nodos del borde inferior del rectángulo.

Utilice la Herramienta Degradado para añadir un Degradado al reflejo.

Primero seleccione un Degradado lineal haciendo clic sobre el icono (
) Crear degradado lineal situado en losControles de Herramienta. Después
haga clic y arrastre con el ratón desde la parte superior del rectángulo base
hasta su centro. Con esto debería crearse un degradado que es opaco en la
parte superior y transparente en la parte inferior. Si el color de la parte
superior no es blanco, haga clic sobre el tirador superior del Degradado (un
cuadradito) y luego haga clic sobre el cuadrado blanco de la Paleta de
colores. También es posible que necesite cambiar a blanco el color del tirador
inferior (un circulito) y darle un valor cero a su opacidad (Alfa). Para hacer
esto tiene que utilizar el cuadro de diálogo Relleno y borde o el Editor de
degradados.

Por último, abra el cuadro de diálogo Editor XML y cambie la id del trazo
por “ButtonHighlight”.

El botón después de haberle añadido un reflejo.

d. Añadir un brillo.

Ahora vamos a hacer que el botón brille un poco añadiéndole un rectángulo

con un degradado radial. El degradado va a tener su centro transparente y se
va a ir oscureciendo hacia los bordes. Primero seleccione el rectángulo base
y duplíquelo (Edición → Duplicar (Ctrl+D)). Cambie a negro el color
del Relleno del rectángulo duplicado. A continuación, utilice laHerramienta
Degradado para crear un Degradado Radial haciendo clic sobre el icono
de la barra de los Controles de Herramienta. Después haga clic y arrastre
con el ratón desde el centro de la parte inferior del rectángulo hacia arriba.
Con esto creará un degradado radial que es negro en su centro y
transparente en los bordes. Intercambie los colores del centro y los bordes
 pulsando la combinación de teclas Mayús.+R. Fije en un 50% el valor de
la opacidad del rectángulo seleccionando la opción 50% en el menú que
aparece al hacer clic con elBotón Derecho del Ratón sobre la el recuadro
(O:) Opacidad situado en la equina inferior izquierda de la ventana
de Inkscape. Ensanche el degradado arrastrando hacia la izquierda
eltirador horizontal hasta situarlo 50 píxeles a la izquierda del borde de la
página. Coloque el rectángulo por debajo del reflejo que ha creado antes
haciendo clic sobre el icono situado en la barra de los Controles de
Herramienta cuando está activada la Herramienta Selector, o bien pulsando
la tecla Av Pág.

Abra el cuadro de diálogo Editor XML y cambie la id del rectángulo con el

brillo por “ButtonGlow”.

El botón después de haberle añadido el brillo.

Hay infinidad de maneras de mejorar aún más el aspecto visual del botón
añadiéndole sombras, más reflejos, etc, pero por el momento lo vamos a
dejar así.

e. Añadir algo de texto.

Añada ahora algo de texto al botón utilizando la Herramienta Texto. Si se elije

la justificación centrada haciendo clic sobre el icono Alinear centro de
los Controles de Herramienta, resulta más fácil colocar el texto centrado
dentro del ratón. En la versión 0.48, el punto de ajuste del texto con
justificación centrada está situado precisamente en el centro del texto. En la
versión 0.47, se puede utilizar el cuadro de diálogo Alinear y distribuir para
centrar el texto dentro del botón. Dele al relleno del texto un color blanco.
Abra el cuadro de diálogo Editor XML y cambie la id del
elemento <tspan> por “Text”. Para acceder al elemento <tspan> puede que
necesite hacer clic sobre el pequeño triángulo situado a la izquierda de la
línea <text> en el listado que aparece en el cuadro de diálogo.

Para resaltar el efecto 3D, se puede colocar una copia del texto con el relleno
de color negro por debajo del texto original y desplazado un píxel hacia abajo.
Otra posibilidad es colocar el texto debajo del reflejo para que parezca que el
texto está dentro del botón. Si ha añadido una copia del texto, abra el cuadro
de diálogo Editor XML y cambie la id del nuevo
elemento<tspan> por “TextShadow”.

El botón después de haberle añadido algo de texto.

Por último, guarde el dibujo del botón en un archivo con nombre button.svg.

2. Incluir el botón dentro de una página web HTML.

 En este paso vamos a incluir el botón dentro de una página web HTML. Primero
vamos a incluir el botón como un objeto estático de la misma forma que
incluiríamos el dibujo de un botón en formato PNG. Por supuesto, la ventaja de
utilizar un botón en formato SVG es que el tamaño del dibujo se puede aumentar
sin perder nitidez ni definición.

El siguiente listado es el código de una página web HTML5 muy simple para probar
nuestro botón (el código está en lenguaje XHTML, así que guarde el listado en un
archivo con nombretest.xhtml en el mismo directorio que el archivo SVG del dibujo
del botón):
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta charset="UTF-8"/>

<title>Sample use of an SVG Button</title>

</head>
<body>

<h1>An SVG button</h1>

<a href="http://tavmjong.free.fr/INKSCAPE/">
<img src="button.svg" alt="A sample button."/>
</a>

</body>
</html>

Declaración HTML. (En el lenguaje HTML5 no es necesario “dtd”.)

Declaración del Espacio de nombres HTML. La sintaxis XML se especifica aquí.
La codificación de caracteres del archivo (normalmente UTF-8).
Inclusión del archivo SVG mediante la etiqueta <img>.

Con este código, el botón SVG se incluye en la página web mediante la

etiqueta <img>. Desgraciadamente, esta etiqueta no dispone de la capacidad de
proporcionar una copia de seguridadPNG. Por otra parte, la etiqueta <object>, que
si tiene esta capacidad, sin embargo no transmitirá las acciones del puntero del
ratón desde el SVG al HTML (es decir, a la etiqueta <a>) en la mayoría de los
navegadores.

3. Añadir animación al botón utilizando SMIL

El siguiente paso es darle a nuestro botón un poco de movimiento. Vamos a

hacerlo añadiéndole animación con SMIL. Para crear la animación también
podríamos utilizar JavaScript(ECMAScript). Sin embargo, crear animaciones
con SMIL tiene la ventaja de ser más sencillo, además de que este lenguaje
funciona dentro de la etiqueta <img>, donde los scripts no funcionan.
Desgraciadamente, el navegador Internet Explorer 9 no reconoce animaciones
creadas con SMIL (además, parece que SMIL consume parte de los recursos del
sistema).

Con la animación mediante SMIL se pueden hacer muchas cosas como desplazar o
cambiar el tamaño de algunas partes de nuestro botón. En este ejemplo, vamos
simplemente a hacer que el botón “palpite” animando el rectángulo del “brillo”. Para
ello, vamos a variar la opacidad de una de las Paradas del Degradado del “brillo”.
Para hacer los cambios necesarios, tenemos que editar el archivo SVG utilizando
un editor de texto que sea capaz de guardar el archivo con el formato de texto
plano.

Abra el archivo SVG del botón con el editor de texto. Busque en el archivo el
rectángulo con la id “ButtonGlow”. Anote el nombre (id) del degradado al que se
hace referencia. Este será el valor de la “url” para el “fill”. Este nombre será algo así
como “radialGradient3165” (el símbolo '#' no forma parte del nombre). A
continuación, vaya hasta la sección <defs> situada cerca del comienzo del archivo, y
encuentre el degradado radial que tenga el mismo id. Este “radialGradient” hará
referencia a un “linearGradient” que es donde las Paradas estarán definidas. El
nombre de este“linearGradient” estará situado en la línea “xlink:href”. Localice
el “linearGradient” en la sección <defs>.

Una vez que hemos determinado la ubicación de la definición de las Paradas,

podemos editar el archivo. Localice la Parada que tiene el parámetro stop-
opacity con un valor '0'. Esta “stop” es una etiqueta autocerrada, conviértala en una
etiqueta de apertura. Esto se hace cambiando: <stop ... /> por <stop ... >.
Después, añada una etiqueta de cierre “stop”: </stop> después de la etiqueta de
apertura. Luego inserte las siguientes líneas entre la etiqueta de apertura “stop” y la
etiqueta de cierre “stop”:
<animate attributeName="stop-opacity" values="0;0.5;0"
dur="2s" repeatCount="indefinite"/>

Tras estos cambios, el “stop” debería quedar algo parecido a esto:

<stop
id="stop3163"
style="stop-color:#000000;stop-opacity:0"
offset="0">
<animate attributeName="stop-opacity" values="0;0.5;0"
dur="2s" repeatCount="indefinite"/>
</stop>

Ahora el botón nos debería aparecer palpitando lentamente cuando lo viésemos en

un navegador que reconoce SMIL (¡no en Inkscape!). La primera parte de la
etiqueta <animate> define el atributo que se quiere animar. Es posible animar la
mayoría de los atributos, sin embargo, en el caso de los colores puede ser
necesario utilizar una etiqueta especial <animateColor>. La siguiente parte de la
 etiqueta da una lista de valores entre los que se debe interpolar la animación. En
este caso, el atributo stop-opacity comienza con un valor de cero, crece hasta 0.5, y
luego disminuye otra vez hasta cero. El parámetro dur define el tiempo de duración
de un ciclo completo de la animación. El parámetro repeatCount especifica el
número de veces que debe repetirse la animación, en este caso indefinidamente.
Existen muchas más opciones, pero una descripción detallada del
lenguaje SMIL queda más allá de los objetivos de este libro.

El botón palpitante.

4. Un botón de dos estados con propiedades de accesibilidad.

Vamos a modificar el botón para que tenga dos estados. Para conseguir esto es
necesario utilizar JavaScript (ECMAScript), lo que significa que el botón no
funcionará si lo incluimos en una página web usando la etiqueta <img>. Vamos a
poder conocer la situación del estado activo del botón utilizando el atributo aria-
pressed. Podríamos usar cualquier variable JavaScript para seguir la situación del
estado activo, pero utilizando este atributo, que está definido en la
especificación WAI-ARIA, el estado activo del botón se puede controlar mediante
programas de accesibilidad tales como lectores de pantalla.

El primer paso es añadir un par de atributos a la etiqueta de apertura <svg>. El

primero de ellos es el atributo role. Este atributo, obligatorio en el estándar ARIA,
define el propósito del archivoSVG. En este caso, el archivo SVG se utiliza para el
botón, así que defina el valor de este atributo como “button”. El segundo atributo
que tenemos que añadir es aria-pressed. Este atributo, también obligatorio
para ARIA, puede tener los valores: “true”, “false”, o “mixed” (nosotros vamos a usar
solo los dos primeros). Este atributo sigue la situación del estado del botón. Para
empezar, defina el valor de este parámetro como “false”.
<svg
...
role="button"
aria-pressed="false"
... />

A continuación, añada dentro de la etiqueta <g> los dos

atributos: onkeydown y onclick para especificar las acciones que se deben ejecutar
cuando un usuario active el botón. En ambos casos, se llama a la misma
función JavaScript: buttonEvent(evt). El atributo onkeydown todavía no forma parte
del estándar SVG, pero muchos navegadores lo reconocen. Este atributo es
necesario para mejorar la accesibilidad, ya que permite a una persona activar el
botón usando el teclado. Estos dos atributos se añaden aquí en lugar de en la
etiqueta <svg> para asegurar que el botón solamente se active cuando el ratón esté
sobre las partes visibles del ratón (todas las cuales están contenidas dentro de la
etiqueta <g>).
 <g id="layer1"
onkeydown="return buttonEvent(evt);"
onclick="return buttonEvent(evt);">

El último paso es añadir el código JavaScript justo después de la

sección “defs” (después de </defs>). Este es el listado del código:
<script type="text/ecmascript">
function buttonEvent(event) {
if ((event.type == "click" &amp;&amp; event.button == 0) ||
(event.type == "keydown" &amp;&amp;
(event.keyCode == 32 || event.keyCode ==13))) {

var SVGDocument = event.target.ownerDocument;

var SVGRoot = SVGDocument.documentElement;
var ButtonBase = SVGDocument.getElementById("ButtonBase");
var Text = SVGDocument.getElementById("Text");
var TextShadow = SVGDocument.getElementById("TextShadow");

var pressed = false;

var fill = "red";
var text = "OFF";

if ("false" == SVGRoot.getAttribute("aria-pressed")) {
pressed = true;
fill = "green";
text = "ON";
}

SVGRoot.setAttribute("aria-pressed", pressed);
ButtonBase.style.setProperty("fill", fill, "");
Text.firstChild.nodeValue = text;
TextShadow.firstChild.nodeValue = text;
}
}
</script>

Inicio de la sección del script. El “type” se debe declarar como text/ecmascript.

Inicio de la función a la que se llama cuando se hace clic sobre el botón (o cuando se activa
pulsando una tecla). Se pasa a la función un puntero a una estructura “event”.
Se comprueba el tipo de evento para estar seguros de que se trata de uno de los eventos que nos
interesan.
Se obtienen las referencias de los objetos SVG relevantes.
Valores iniciales de las variables. Deben coincidir con los declarados en el cuerpo del SVG. (Esta
no es la mejor forma de estructurar el archivo SVG ya que los mismos valores se definen dos
veces. Se podría añadir una función de iniciación para definir solamente una vez los valores
iniciales.)
Si es necesario se cambian los valores de las variables.
Se definen los atributos y propiedades necesarios.
Se cambia el texto. Observe que el texto se almacena en un nodo child del objeto <tspan>.

Un botón de dos estados. ¡Pruébelo! The button is OFF.

 Nuestro botón de dos estados es autosuficiente y podría resultar útil, por ejemplo,
para activar o desactivar otra animación dentro del mismo archivo SVG. Para
hacerlo útil en el control de algo externo al archivo SVG, solo es necesario llamar a
una función en el documento HTML de partida con el valor del estado activo en ese
momento. Esto es tan sencillo como añadirtop.status(text); al final de la
función “buttonEvent”, donde status es una función definida en el archivo HTML de
partida. Añada el siguiente código dentro de la sección <head> del archivoHTML:
<script type="text/ecmascript">

function status(text) {
document.getElementById("status").innerHTML = text;
}

</script>

Y en la sección <body> del archivo HTML añada algo como esto:

<p>The button is <b id="status">OFF</b>.</p>

Si desea utilizar el botón varias veces en una misma página web, será necesario
saber cuál de los botones ha sido pulsado. Es posible conocer la id del objeto que
envuelve el SVG del botón añadiendo var frameId = window.frameElement.id; en el
script dentro del archivo SVG, y después pasando frameId como un argumento en la
llamada a la función HTML (es decir,top.status( text, frameId );).

5. Hojas de estilo CSS.

En esta sección se explica cómo dar formato a objetos SVG utilizando hojas de
estilo externas e internas. Esta sección es solo una breve introducción al uso de las
hojas de estilo. Una explicación detallada de las hojas de estilo en
cascada CSS queda fuera del alcance de los objetivos de este libro.

El primer paso es eliminar la entrada “fill” dentro del atributo de estilo del
rectángulo “ButtonBase”. Elimine: fill:#ff0000;. Si este código no es eliminado,
anulará cualquier atributo de estiloCSS. Todas las líneas que hagan referencia
a “ButtonBase” o “fill” deben borrarse en el script ya que la hoja de estilo sustituirá
sus funciones.

En el caso de una hoja de estilo interna, añada una sección de estilo como la que
se muestra a continuación en el archivo SVG, insertándola antes de la sección
<defs>. Colocar la hoja de estilo al principio del archivo hace que sea más fácil de
encontrar. Esta hoja de estilo define el color del rectángulo base con un valor inicial
y con otro valor que se activa cuando el botón se encuentra en el estado pulsado.
Como un extra, la hoja de estilo también establece que cuando el cursor del ratón
se coloque sobre el botón, el icono del cursor cambie a una manita, y que el botón
brille.
 <style type="text/css">
rect[id="ButtonBase"] { fill: red; }
svg[aria-pressed="true"] rect[id="ButtonBase"] { fill: green; }
g:hover {cursor: pointer}
g:hover rect[id="ButtonGlow"] {opacity: 0; }
</style>

Etiqueta de inicio <style> con la declaración del tipo.

Se selecciona el rectángulo con la id “ButtonBase”, y se le asigna a su atributo “fill” el valor “red”.
Se selecciona el rectángulo con la id “ButtonBase”, pero solamente cuando su atributo “svg” aria-
pressed tiene el valor “true”. Esta línea anula a la anterior ya que es una línea posterior en la hoja
de estilo.
Se selecciona el objeto <g>, pero solamente cuando el cursor está encima del Grupo. En ese caso,
el cursor cambia a “pointer” (una manita).
Se selecciona el rectángulo “ButtonGlow” cuando el cursor está encima del objeto <g>. En ese
caso, la opacidad del rectángulo “ButtonGlow” pasa a tener un valor cero, por lo que el botón
brilla (ya que normalmente este rectángulo oscurece el botón).

El botón diseñado mediante hojas de estilo CSS.

Con esto se completa el diseño del botón SVG mediante una hoja de
estilo CSS interna. Para utilizar una hoja de estilo externa, primero hay que eliminar
la sección <style> en el archivo SVG. Después pegue esa misma sección dentro de
un archivo de estilo independiente, borrando las etiquetas <style> de apertura y
cierre. Añada al comienzo del archivo SVG, justo después de la línea de la
versión XML y la codificación (si estuviera presente), la siguiente línea de código:
<?xml-stylesheet type="text/css" href="button.css" ?>

donde el valor de “href” es el nombre del archivo de la hoja de estilo externa. Este
archivo lo pueden utilizar tanto el archivo HTML como el SVG, de esta manera se
consigue tener todos los formatos de estilo incluidos en un mismo sitio.

Un Anuncio de Neón—Animación
Aunque con Inkscape no se pueden elaborar directamente animaciones, es posible
utilizar dibujos creados con Inkscape como punto de partida para crear animaciones. En
este ejemplo se explican dos técnicas para crear un anuncio de neón animado. También
se tratan una serie de cuestiones que un artista debe tener en cuenta en el proceso de
elaboración de animaciones.
 Un anuncio de neón animado. (SVG).

Un anuncio de neón animado. (GIF).

Se deben tener en cuenta varias cuestiones a la hora de planear una animación. La más
crítica de todas ellas es cómo se va a reproducir la animación. El estándar SVG incluye
recursos para incorporar animaciones de forma nativa mediante SMIL. Hasta hace poco
tiempo, los visualizadores SVG eran capaces de reproducir animaciones con ciertas
limitaciones. El navegador Internet Explorer 9 no reconoce animaciones creadas con el
estándar SVG. También se pueden crear animaciones
utilizando JavaScript o ECMAScript. La capacidad de reconocer estos lenguajes está más
ampliamente extendida entre los navegadores de Internet y visualizadores. La mayoría de
los navegadores admiten JavaScript, pero la velocidad de JavaScript en los navegadores
más antiguos es pobre, especialmente en el caso de dibujos complejos. En los
navegadores más modernos se ha mejorado enormemente su velocidad. Un método
alternativo a usar código JavaScript, es utilizar un programa externo como Gimp para
crear un gráfico GIF animado. [6] En este caso, la reproducción de las animaciones es
buena, pero se pierden varias ventajas de utilizar SVG, como la posibilidad de aumentar
el tamaño de la animación sin que pierda calidad.

El desarrollo de este ejemplo está dividido en dos partes. En la primera se explica la

creación del dibujo de un anuncio de neón sin animación. La segunda parte está
dedicada a la elaboración de la animación del anuncio, tanto mediante de un
grafico GIF animado, como utilizando JavaScript. En la primera parte se presta especial
atención en facilitar la posterior preparación de la animación. Se utiliza de forma intensiva
el Editor XML, tanto para dar a los distintos objetos del dibujo nombres que sean útiles en
la elaboración de la animación, como para ajustar algunos parámetros de los objetos.

El desarrollo completo de este ejemplo se puede encontrar en las versiones impresa y

PDF del libro. Para más información, consultar la página web del libro.
[6]
Normalmente se recomienda guardar los dibujos en formato PNG en lugar de en
formato GIF. Desagraciadamente, solo un limitado número de visualizadores y
navegadores admiten las versiones animadas de dibujos en
formatos PNG, MNG y APNG. Esto deja al formato GIF como la única opción real para
realizar animaciones.

Un Billete de Banco—Elementos de Seguridad

Los billetes de banco son conocidos por sus diversos elementos de seguridad. La
mayoría de los billetes incluyen la aplicación intensiva de calcografías en las que el
diseño esta compuesto por complicados patrones formados por líneas
finas. Inkscape dispone de muchos recursos que nos permiten diseñar llamativos billetes
de banco con diferentes elementos de seguridad incorporados. En este ejemplo se
explican algunos de estos recursos mientras se utilizan para crear el dibujo de un billete
de banco de “50 Inkies”.

Nuestro billete de banco está compuesto por diversos tipos de objetos diferentes. La
mayoría de estos objetos son independientes entre sí. A diferencia de los ejemplos
explicados en las secciones anteriores, en este caso no hay un orden natural de pasos en
la elaboración del dibujo. Solo tiene que elegir aquellos elementos que prefiera, y
colocarlos dentro del billete donde y como desee.

Un billete de banco de 50 Inkies.

El desarrollo completo de este ejemplo se puede encontrar en las versiones impresa y

PDF del libro. Para más información, puede consultar la página web del libro.

Una Botella—Fotorrealismo
Inkscape se puede utilizar para crear dibujos fotorrealistas. Entre los recursos
de Inkscape que son útiles para ese propósito se encuentran los Degradados, el filtro
de Desenfoque Gaussiano, y laVectorización de mapas de bits. En el desarrollo de este
ejemplo se utilizan todas estas técnicas para crear un dibujo fotorrealista de una vieja
botella de sifón. La fotografía original está disponible en la página web del libro.
Nuestro objetivo es captar la esencia de una botella antigua, no simplemente copiar todos
sus pequeños detalles (para eso es mejor una fotografía). El vidrio soplado
artesanalmente es irregular, esto es algo difícil de reproducir en un dibujo a mano, incluso
con degradados y desenfoques. Para simular el vidrio vamos a utilizar las rutinas de
vectorización que tiene incorporadas Inkscape. La vectorización tiene algunos
inconvenientes, aunque los superaremos en este ejemplo. Por otro lado, el mango de la
botella y el fondo de la imagen son los mejores candidatos para la aplicación
deDegradados y Desenfoques.

El dibujo fotorrealista de una botella (izquierda), creado a partir de una fotografía

(derecha).

El desarrollo completo de este ejemplo está incluido en las versiones impresa y PDF del
libro. Para más información, puede consultar la página web del libro.
Capítulo 2. Archivos
Tabla de contenidos

 Abrir y Guardar Archivos

 Importar Archivos
 Exportar Archivos
 Imprimir Archivos
 Limpiar Archivos

En este capítulo se explica el manejo de los archivos que utiliza Inkscape. Entre estos
archivos se incluyen tanto los que sirven para guardar los dibujos en el formato propio
de Inkscape, como los archivos para importar y exportar dibujos en otros formatos. Todos
los comandos que sirven para manejar archivos se encuentran dentro del menú Archivo.
Varios de estos comandos (Nuevo-predeterminado, Abrir, Guardar, Imprimir, Importar y
Exportar mapa de bits) también se pueden encontrar en la Barra de Comandos .

Abrir y Guardar Archivos

Los dibujos Inkscape se guardan en archivos SVG. Al abrir Inkscape normalmente el
programa crea un dibujo nuevo en blanco. Los parámetros correspondientes a este dibujo
en blanco inicial se pueden cambiar modificando el
archivo inkscape/templates/default.svg;, ver “Plantillas Personalizadas ” en
el Capítulo 24, Personalización . También puede añadir sus propias plantillas en el
directorio de plantillas.

Dependiendo de cómo esté configurado su sistema operativo, un dibujo Inkscape ya

existente se puede abrir directamente haciendo clic sobre el icono del archivo del dibujo,
o utilizando el nombre del archivo como un argumento en la línea de comandos. Los
dibujos guardados en otros formatos se pueden abrir de la misma manera siempre
que Inkscape admita ese formato (ver la siguiente sección).

Dentro del menú Archivo se encuentran los siguientes comandos para manejar archivos:

 Archivo → Nuevo: Crea un nuevo dibujo después de haber abierto Inkscape. El

submenú asociado nos permite elegir entre varios tamaños para el dibujo. De forma
automática, Inkscape dará al nuevo dibujo un nombre temporal. Pulsando la
combinación de teclas Ctrl +N se abrirá un nuevo archivo en blanco con el tamaño
predeterminado (plantilla). Esto mismo también se puede conseguir haciendo clic
sobre el icono de la Barra de Comandos.

El tamaño del dibujo (página) se puede cambiar en cualquier momento en la

ficha Página del cuadro de diálogo Propiedades del documento. Es posible elegir
un Tamaño de páginapredefinido como A4 o US Letter, o definir un tamaño
personalizado. La opción Ajustar página a contenido... permite ajustar de manera
automática el tamaño de la página a la caja de contornode todo el dibujo o de una
 selección dentro del mismo, pudiendo incluirse márgenes dentro del tamaño. (La
opción de márgenes se ha añadido en la versión 0.48.)

Definir el tamaño de un dibujo SVG destinado a Internet

Si tiene intención de incluir un dibujo SVG dentro de una página web, le recomendamos ver la
sección “Posición de los Gráficos SVG ”.

El cuadro de diálogo Metadatos del documento (Archivo → Metadatos del

documento... ) nos permite añadir metadatos al archivo de un dibujo. Este cuadro
de diálogo incluye campos para el autor, derechos (copyright), fecha, e información
sobre el tipo de licencia.

 Archivo → Abrir... ( Ctrl+ O): Para abrir un archivo existente. Aparece un

cuadro de diálogo donde se puede seleccionar el archivo que se quiere abrir. Es
posible abrir a la vez varios archivos utilizando la combinación de tecla y
ratón Mayús + Botón Izquierdo del Ratón para seleccionar más de un archivo en
este cuadro de diálogo. Este comando también se puede usar para crear un nuevo
dibujo Inkscape a partir de un archivo que no tenga el formato Inkscape. La
siguiente sección, Importar Archivos, incluye un listado con los tipos de archivos
que se pueden abrir con Inkscape.

El cuadro de diálogo Abrir incluye una carpeta con el nombre examples que
contiene ejemplos de dibujos Inkscape.

 Archivo → Abrir reciente: Este comando permite abrir un archivo usado

recientemente. Se despliega un submenú con una lista donde se puede eligir entre
los archivos abiertos recientemente. La lista del submenú Abrir reciente puede
incluir archivos usados recientemente en todo el sistema. Esta lista se puede
limpiar en la sección Interfaz del cuadro de diálogo Preferencias de Inkscape. A
partir de la versión 0.48, si se mantiene el cursor sobre el nombre de uno de los
archivos de la lista, aparecerá una nota emergente con la dirección completa de la
ubicación del archivo en el sistema.
 Archivo → Revertir: Restablece un archivo a su estado inicial, deshaciendo
todos los cambios realizados durante la sesión de trabajo de Inkscape activa en ese
momento.
 Archivo → Guardar ( Ctrl + S): Guarda el dibujo en un archivo.
 Archivo → Guardar como... ( Mayús + Ctrl + S ): Este comando permite guardar
el dibujo en un archivo con un nombre nuevo.

El cuadro de diálogo Guardar como incluye una carpeta con el

nombre templates que contiene las plantillas de Inkscape. Si en esta carpeta se
guarda un dibujo con el nombre default.svg, este dibujo sustituirá la plantilla
predeterminada (es decir, el archivo que se abre cuando se pulsa la combinación
 de teclas Ctrl + N ). Si el dibujo se guarda en esta carpeta con un nombre diferente,
el archivo se añadirá como una nueva plantilla con ese nombre dentro del
submenú Archivo → Nuevo.

Una opción incluida dentro de la ficha Guardar del cuadro de diálogo Preferencias
de Inkscape permite establecer que la carpeta predeterminada en la que se va a
guardar un archivo con el cuadro de diálogo Guardar como, sea la misma carpeta
que la del archivo abierto en este momento. Si esta opción no se activa, la carpeta
predeterminada será la correspondiente al último archivo que se guardó con este
cuadro de diálogo.

 Archivo → Guardar una copia... ( Mayús + Ctrl + Alt + S ): Permite guardar una copia
del dibujo en un archivo con un nombre nuevo, pero conservando el archivo con el
nombre (y el tipo) antiguo para poder seguir guardándolo en el futuro.

Inkscape puede realizar copias de seguridad de forma automática. Esta opción se puede
activar en la sección Guardar del cuadro de diálogo Preferencias de Inkscape. En esa
sección podemos fijar el intervalo de tiempo (en minutos) entre copias de seguridad
consecutivas, el número máximo de copias, y la carpeta donde se van a guardar las
mismas.

Importar Archivos
Inkscape tiene la capacidad de importar una gran variedad de archivos gráficos de
diferentes tipos, tanto en mapa de bits como de tipo vectorial. También puede importar
texto. Algunos tipos de archivos son manejados internamente mediante GDK (ani, bmp,
gif, ico, icns, jpeg, pcx, png, pnm, ras, tga, tiff, wbmp, xbm, xpm). Otros tipos de archivos
necesitan programas suplementarios, que se mencionan más adelante en los apartados
correspondientes. Una opción especial permite importar imágenes desde la
biblioteca Open Clip Art Library, que es una fuente abierta y gratuita de dibujos e
ilustraciones en formato vectorial. Esta opción se trata al final de esta sección.

Existen dos métodos para importar archivos dentro de un documento que ya esté abierto.
El primero consiste en usar el gestor de ventanas del sistema operativo para arrastrar un
archivo y soltarlo sobre una ventana Inkscape abierta. El segundo método es utilizar el
cuadro de diálogo Archivo → Importar... ( Ctrl + I ). Ambos métodos funcionan tanto
para archivos en formatos de mapa de bits como para archivos SVG.

Incrustar o Enlazar

Nuevo en la versión 0.48:

Cuando se importan archivos en formato de mapa de bits, se abre un cuadro de diálogo que nos pregunta
si queremos incrustar o enlazar el archivo. Con la incrustación, el tamaño del archivo SVG será mayor (a
veces considerablemente mayor), pero el archivo será independiente ya que una copia de la imagen en
mapa de bits es codificada dentro del archivo SVG. Si se importa la imagen enlazándola, siempre será
necesario mover el archivo SVG junto con el archivo original de la imagen en mapa de bits. Si más
adelante cambiamos de idea, podremos utilizar las extensiones Incrustar imágenes o Extraer imagen para
incrustar o extraer una imagen. Ver la sección “Imágenes” en elCapítulo 22, Extensiones . Tenga en
cuenta que en las versiones anteriores a la 0.48, al importar un archivo en formato de mapa de bits, de
manera predeterminada la imagen es enlazada y no incrustada.
Edición de Mapas de Bits

Las imágenes en mapa de bits que se importan mediante enlace, se pueden editar con un programa
externo haciendo Clic con el Botón Derecho del Ratón sobre la imagen en cuestión, y seleccionando la
opción Editar externamente.... Entonces se abrirá el programa externo de edición con la imagen
importada. El programa externo de edición será el que esté especificado en la sección Mapas de bits del
cuadro de diálogo Preferencias de Inkscape. Inkscape actualizará la imagen importada cuando se guarde
cualquier cambio (las actualizaciones se producirán en cualquier momento en que se modifique el archivo
de la imagen en mapa de bits enlazada, no únicamente cuando la edición se haya iniciado
desde Inkscape). En cambio, desde Inkscape no se puede modificar mediante un programa externo el
archivo de una imagen incrustada.
Capacidad del Estándar SVG para Admitir Mapas de Bits

El estándar SVG solamente exige a los programas de visualización que sean capaces admitir
formatos PNG, JPEG, y SVG. El resto de formatos que Inkscape admite internamente gracias a GDK
(ani, bmp, ico, pcx, pnm, ras, tga, tiff, wbmp, xbm, xpm) son bien visualizados dentro de Inkscape. Sin
embargo, lo más probable es que otros visualizadores no admitan estos tipos de archivos externos cuando
estén enlazados desde un archivo SVG. Cuando al importar un archivo se elije la opción
incrustar, Inkscapeprimero convierte el archivo a formato PNG. Por lo tanto, la elección más segura es, o
bien incrustar los archivos, o bien utilizar otro programa como Gimp para convertir previamente estos
formatos en JPEG o PNG.
UniConvertor

Algunos tipos de formatos (CDR, PLT, SK1 y WMF) utilizan en el proceso de importación el
programa UniConvertor. La versión 1.1.4 de UniConvertor no transforma textos. Está previsto que la
versión 1.1.5 de UniConvertor sea capaz de manejar textos.

Windows. UniConvertor 1.1.3 está incluido en la versión 0.47 de Inkscape, y la 1.1.5 en la versión 0.48.

Macintosh. UniConvertor no está incluido en Inkscape. La instalación no es trivial.

Usuarios de Fedora. Al archivo ejecutable uniconv se le ha cambiado el nombre

por uniconvertor para evitar conflictos entre nombres. Este cambio de nombre afecta a la versión 0.48
de Inkscape. En el caso de la versión 0.47, se puede añadir un “enlace
simbólico” desde /usr/bin/uniconv hasta /usr/bin/uniconvertor (si no hubiera ya un archivo
binario con ese nombre), o bien se pueden editar archivos como cdr_input.inx y cdr2svg.sh dentro del
directorio share/inkscape/extensions.
En Caso de Fallo

Si el proceso de importación tiene fallos de funcionamiento, revise el archivo extension-

errors.log ubicado en Linux en el directorio ~/.config/inkscape/, y en Windows en el
directorio %userprofile%\Application Data\Inkscape\. Todos los programas (dependencias) que
falten aparecerán especificados en ese archivo.
Tipos de archivos admitidos por Inkscape (un * indica que el autor no ha probado la
importación de archivos en ese formato):

 Actualizado para la versión 0.48:

.ai (Adobe Illustrator) Inkscape abre archivos de la versión 9.0 y posteriores

(basadas en PDF). Véase el apartado sobre PDF más abajo. En la versión 0.47
de Inkscape, los archivos .ai de versiones anteriores (basadas en PostScript) se
pueden abrir seleccionando el tipo de archivo PostScript o EPS en el menú
desplegable. En Linux se puede utilizar el comando file para comprobar la versión
del archivo. En la versión 0.48, los archivos .ai de versiones anteriores se pueden
abrir mediante UniConvertor si se selecciona explícitamente la opción Adobe
Illustrator 8.0 e inferiores (*.ai) en el menú desplegable de los tipos de archivo.

 .ai.svg (SVG de Adobe Illustrator) Elimina todos los Espacios de nombres de Adobe
Illustrator, dejando el archivo en formato SVG puro.
 .ani (Animation Cursor)
 .bmp (Windows Bitmap)
 .cdr, .ccx, .cdt, .cmx (CorelDRAW) Necesitan el programa UniConvertor.
UniConvertor 1.1.1 y posteriores admiten archivos creados con CorelDRAW 7 hasta
X4.
 .cgm (Computer Graphics Metafile)* Necesita el programa UniConvertor.
 .cur (Windows cursor)
 .dia (Dia) Necesita la instalación del programa Dia.
 .dxf (AutoCAD) Este tipo de archivos es importado mediante un script interno. La
importación está diseñada para archivos creados con AutoCAD 13 y posteriores
(utilice el programa QCad para actualizar archivos de versiones anteriores). Tenga
en cuenta que los objetos importados pueden aparecer muy pequeños, pulse la
tecla 4 para aumentar el zoom sobre ellos.
 .eps (Encapsulated PostScript) Necesita el programa Ghostscript con la
herramienta ps2pdf en el “PATH”. El archivo EPS primero se convierte a PDF y
después es importado. Con versiones deInkscape anteriores a la 0.47, es necesario
el programa pstoedit. La importación de este tipo de archivos tiene las mismas
opciones que la de archivos PDF.
 .fig (XFig) Es necesaria la instalación del programa xfig (fig2dev).
 .ggr (Degradado de Gimp) Necesita el programa Gimp. Los Degradados importados
aparecerán dentro del menú Degradados. Funciona solo con
los Degradados lineales.
 .gif (GIF: Graphic Interchange Format)
 .icns (Apple Icon Image)
 .ico (Windows icon)
 .jpg, .jpe, .jpeg, .jp2, .jpc, .jpx, .j2k, .jpf (JPEG y JPEG2000: Joint Photographic
Experts Group)
 .pbm, .pgm, .pnm, .ppm (PNM, Portable Anymap)
 .pcx (PC Paintbrush Bitmap Format)
 .pdf (Adobe Portable Document Format) Inkscape admite de forma nativa este tipo
de archivos gracias a la biblioteca poppler. También admite archivos .ai (Adobe
Illustrator) de la versión 9.0 y posteriores. Al importar un archivo de este tipo, se
abre un cuadro de diálogo en el cual se puede especificar la página concreta que
se debe importar de un archivo con varias páginas, así como una región de recorte.
Las mallas de degradados son convertidas a grupos de pequeñas “teselas”. El texto
se importa con interletraje manual. Para hacer la edición más fácil, los interletrajes
manuales se pueden eliminar aplicando el comando Texto → Eliminar todos los
interletrajes manuales. Este cuadro de diálogo también permite elegir
si Inkscape debe intentar sustituir las tipografías del archivo por las tipografías de
nombre similar instaladas en su equipo. También se puede especificar si las
imágenes del archivo deben ser incrustadas. En la versión 0.48, el cuadro de
diálogo también muestra una vista previa de la página elegida para la importación.

Cuadro de diálogo Ajustes de importación de PDF.

La importación de archivos PDF también se puede realizar desde la línea de

comandos.

 .plt (Archivo HPGL para plóteres de corte de escritorio) Necesita el

programa UniConvertor, versión 1.1.4 o posteriores.
 .png (PNG: Portable Network Graphic)
 .ps (PostScript) Necesita el programa Ghostscript con la herramienta ps2pdf en
el “PATH”. El archivo EPS primero se convierte a PDF y después es importado.
Con versiones de Inkscapeanteriores a la 0.47, es necesario el programa pstoedit.
La importación de este tipo de archivos tiene las mismas opciones que la de
archivos PDF.
 .ras (Sun Raster)*
 .sk (Sketch/Skencil) Necesita la instalación del programa Skencil. La información
correspondiente a formas especiales (por ejemplo, rectángulos) es eliminada en la
importación.
  .sk1 (sK1, variante de Sketch) Necesita el programa UniConvertor.
 .svg (SVG)
 .svgz (SVG Comprimido)
 .tga, .targa (Truevision Advanced Raster Graphics Adapter) Este tipo de archivo es
frecuente en el campo de los video juegos.
 .tif, tiff (TIFF: Tagged Image Format)
 .txt (Text) Necesita el módulo de Perl SVG.pm. El texto se importa como un grupo
de objetos de texto regular, uno por cada línea.
 .wbmp (Wireless Application Protocol Bitmap Format) Formato de archivo bmp para
dispositivos inalámbricos.
 .wmf (Windows Meta File) Necesita el programa UniConvertor.
 .wpg (WordPerfect Graphics)*
 .xaml (Microsoft Application eXtensible Markup Language).*
 .xbm (X-BitMap).
 .xpm (X-Pixmap)

Biblioteca Open Clip Art Library

El comando Archivo → Importar desde Open Clip Art Library abre un cuadro de
diálogo de búsqueda que está conectado con el sitio web de la biblioteca Open Clip Art
Library, que es una fuente abierta de imágenes gratuitas. El cuadro de diálogo permite
buscar imágenes mediante palabras descriptivas. Las vistas previas de los archivos se
muestran en una ventana en el lado derecho del cuadro de diálogo.

Cuadro de diálogo Importar desde Open Clip Art Library. Se muestra un ejemplo de
búsqueda de la imagen de una mariposa.
Es posible que sea necesario especificar el nombre del servidor de esta biblioteca
(openclipart.org) en la sección Importar/Exportar del cuadro de diálogo Preferencias de
Inkscape. Está previsto que en el futuro también se puedan exportar imágenes
directamente a esta biblioteca abierta.

Exportar Archivos
Inkscape es capaz de exportar dibujos en una gran variedad de archivos gráficos, tanto
de tipo vectorial como en mapa de bits. Los métodos de exportación están divididos en
dos categorías: la exportación de archivos en formato PNG (Portable Network Graphics),
y la exportación en el resto de formatos. El estándar de gráficos PNG tiene una patente
libre de gravámenes. Además, la mayoría de navegadores de Internet y programas
gráficos admiten de forma nativa el formato PNG.

Ajustar el Tamaño de la Página al Tamaño del Dibujo

El tamaño de la página se puede ajustar para que coincida con la caja de contorno de una determinada
selección. Para ello, en la versión 0.47 hay que hacer clic sobre el botónAjustar la página a la
selección del cuadro de diálogo Propiedades del documento. En la versión 0.48, hay que abrir la
sección Ajustar página a contenido... en el mismo cuadro de diálogo, y luego hacer clic sobre el
botón Ajustar página a dibujo o selección. Esta opción es útil para ajustar el tamaño de la
página después de haber creado una ilustración. En la versión 0.48 también se pueden especificar
márgenes alrededor del dibujo.

Exportar Archivos en Formato PNG (Portable Network Graphic)

La exportación de un archivo en formato PNG se realiza mediante del cuadro de

diálogo Exportar mapa de bits (Archivo → Exportar mapa de
bits... ( Mayús + Ctrl +E )).

Nota

Este cuadro de diálogo SOLO exporta archivos en formato PNG, sin importar la extensión que se escriba
en el nombre del archivo.
 Cuadro de diálogo Exportar mapa de bits.

En la parte superior del cuadro de diálogo hay cuatro botones que permiten elegir una
definición inicial del área del dibujo que se debe exportar (excepto el
botón Personalizado, que no hace nada). Una vez elegida esta definición inicial, es
posible reajustar el tamaño del área de exportación.

 Página: Exporta el área delimitada por la página. El nombre predeterminado del

archivo resultante de la exportación es el nombre del archivo SVG, pero con la
extensión “svg” sustituida por“png”.
 Dibujo: Exporta todos los objetos del dibujo (incluidos los que estén fuera de la
página). El área inicial de exportación es la caja de contorno de todos los objetos.
El nombre predeterminado del archivo de salida es el nombre del archivo SVG,
pero con la extensión “svg” reemplazada por “png”.
 Selección: Exporta la zona delimitada por la caja de contorno que rodea los objetos
seleccionados en ese momento. El nombre predeterminado del archivo resultante
de la exportación es el nombre interno del último objeto seleccionado.
 Personalizado: Exporta la zona definida mediante los recuadros de entrada
contiguos dentro el propio cuadro de diálogo.

El área de exportación se puede modificar con precisión por medio de los recuadros de
entrada que hay en la sección Área de exportación del cuadro de diálogo. Las unidades
se pueden cambiar con el menú desplegable Unidades.

En la sección Tamaño del mapa de bits del cuadro de diálogo, se puede definir el tamaño
del mapa de bits exportado. Inkscape emplea un factor de conversión predeterminado de
90 ppp (puntos por pulgada). Se puede cambiar el valor de los
parámetros Ancho y Altura, así como los ppp del ancho. Al cambiar uno de estos
parámetros, los demás cambiarán automáticamente para mantener la proporción entre
las dimensiones del dibujo.

En la sección Nombre del archivo, se puede introducir un nombre para el archivo, o abrir
un cuadro de diálogo que permite buscar un nombre para el archivo y una carpeta donde
guardarlo.

En la parte inferior del cuadro de diálogo hay dos opciones. La primera de ellas, Exportar
todos los objetos seleccionados por separado, está disponible si se han seleccionado
más de un objeto. Si se marca la casilla de esta opción, cada uno de los objetos
seleccionados será exportado en su propio archivo. El nombre de cada uno de los
archivos será el nombre id identificador interno de cada objeto (ver el cuadro de
diálogo Editor XML), a menos que el objeto se haya guardado previamente con algún
nombre específico, en cuyo caso se utilizará ese nombre (el nombre del archivo se
guarda en el atributo export-filename). La resolución será de 90 ppp si antes no se ha
guardado el objeto con un valor diferente de ppp. Atención: Esta exportación por
separado reemplazará archivos sin advertencia previa.

La segunda opción, Ocultar todos excepto los seleccionados, está disponible si uno o
más objetos están seleccionados en ese momento. Si se marca la casilla
correspondiente, todos los objetos que NO se encuentren seleccionados se ocultarán
durante la exportación.

La siguiente figura muestra un archivo de prueba exportado en formato PNG. El archivo

incluye varias formas básicas, un Degradado lineal, un Patrón, un Recorte, y un Filtro de
desenfoque aplicado a un texto.

Prueba de exportación: PNG.

Cortar un Dibujo

Para cortar un dibujo en trozos con el fin de utilizarlo en Internet, puede crear una colección de
rectángulos ocultos (sin Borde ni Relleno) en una Capa “de exportación”independiente. Guarde cada
rectángulo por separado para definir el nombre de los archivos de exportación (o bien cambie el
nombre “id” de cada rectángulo con el cuadro de diálogo Exportar mapa de bits antes de realizar ninguna
exportación). Después, cuando sea el momento de exportar todo el dibujo, vaya a la capa “de
exportación”, aplique el comando Edición → Seleccionar todo ( Ctrl + A ) para seleccionar todos los
 rectángulos de la Capa, y después realice una exportación por lotes.

Cuatro trozos de una misma figura creados mediante una exportación por lotes.

Nuevo en la versión 0.48: La extensión Cuchilla permite crear rectángulos de corte y generar los
códigos CSS y HTML para su aplicación en una página web.
Sugerencia

El tamaño predeterminado del cuadro de diálogo puede ser demasiado estrecho para que se pueda ver el nombre
del archivo a exportar incluyendo toda la dirección del directorio. Solo hay que ensanchar el cuadro para poder
ver la dirección completa.

Errores de Reproducción

La versión 0.47 de Inkscape presenta problemas de reproducción cuando en un dibujo dos objetos se tocan entre
sí a lo largo de un borde común. Esto se suele ver con frecuencia cuando se utiliza un Patrón en el Relleno de un
objeto. Firefox, Opera y Batik no tienen este problema. Batik se puede usar para crear archivos en
formatos PNG, JPEG o TIFF de gran calidad.

En la exportación, Inkscape guarda los metadatos del dibujo, si los mismos están
incluidos en el archivo SVG inicial. Los datos del Autor, Copyright, Fecha de Creación,
Descripción y Título son algunos de los que se guardan. Los metadatos guardados en
formato PNG se pueden ver utilizando el comando identify del programa ImageMagick.

Exportar Archivos en Otros Formatos

La exportación de un archivo en un formato diferente al PNG se realiza mediante el

cuadro de diálogo Guardar como (Archivo → Guardar como... ( Mayús + Ctrl +S )). El
tipo de formato deseado se elige en un menú desplegable. Es necesario tener instalados
algunos programas adicionales para realizar la exportación en muchos de los formatos
incluidos. Los programas que son necesarios se mencionan en cada uno de los
apartados referidos a cada formato.

UniConvertor

Para la exportación en algunos tipos de formatos (PLT, SK1, y WMF) es necesario tener instalado el
 programa UniConvertor. Inkscape incluye este programa en la versión para Windows. Hasta la versión
1.1.4, Uniconvertor no era capaz de exportar los textos. El hecho de que existan referencias a textos
dentro del archivo SVG del dibujo puede provocar que la conversión del archivo no sea correcta (incluso
aunque los textos se hayan convertido en trazos). La solución a este problema es convertir los textos a
trazos, y después buscar dentro del archivo SVG todas las referencias a tipografías y eliminarlas. Está
previsto que la versión 1.1.5 de Uniconvertor sea capaz de manejar textos.

Nota para usuarios de Fedora: Al archivo ejecutable uniconv se le ha cambiado el nombre

por uniconvertor para evitar conflictos entre nombres. Se puede añadir un “enlace
simbólico” desde /usr/bin/uniconv hasta /usr/bin/uniconvertor (si no hubiera ya un archivo
binario con ese nombre), o bien se pueden editar archivos como cdr_input.inxy cdr2svg.sh dentro del
directorio share/inkscape/extensions.
En Caso de Fallo

Si el proceso de exportación tiene fallos de funcionamiento, revise el archivo extension-

errors.log ubicado en Linux en el directorio ~/.config/inkscape/, y en Windows en el
directorio %userprofile%\Application Data\Inkscape\. Todos los programas (dependencias) que
falten aparecerán especificados en dicho archivo.

Tipos de archivos admitidos (un * indica que el autor no ha probado la exportación de

archivos en ese formato):

 .ai (Adobe Illustrator). En las versiones 0.46 y anteriores de Inkscape era posible
exportar archivos en el formato de la versión 8.0 de Adobe Illustrator, que es una
forma modificada del formato EPS nivel 2. Esta posibilidad ha sido eliminada
de Inkscape porque las versiones 10 (2001) y posteriores de Adobe Illustrator son
capaces de importar directamente archivos en formato SVG. Esta es mejor
solución, ya que la exportación en formato AI tenía una calidad muy pobre.
 .dxf (AutoCAD, Plóteres de corte de escritorio). Inkscape dispone de dos rutinas
diferentes para la exportación en formato DXF. La primera está destinada a
aplicaciones CAD, y la segunda para plóteres de corte de escritorio.
o AutoCAD DXF: Esta rutina utiliza el programa Pstoedit con Ghostscript para
crear un archivo en formato DXF compatible con la versión 12 de AutoCAD.
Este es un formato bastante antiguo (¡1992!). Se puede usar el
programa QCad para traducir el archivo a formatos más modernos. En la
versión 0.48 se ha introducido una pequeña mejora en este tipo de
exportación. Las opciones disponibles en esta exportación son las mismas
que las del formato PostScript.
 Prueba de exportación: DXF, AutoCAD. El dibujo tal como aparece al abrir su
archivo con el programa QCad.

o Plóter de corte de escritorio: En este caso, se emplea una rutina incorporada

en Inkscape para exportar archivos destinados a plóteres como Wishblade y
Craft ROBO. El formato del archivo es una versión simplificada compatible
con AutoCAD versión 13 y posteriores. Existe una opción diseñada
específicamente para plóteres Craft ROBO que necesitan un formato de
archivo aún más sencillo. Otra opción, añadida en la versión 0.48
de Inkscape, permite activar o desactivar el uso de entidades polilínea
tipo LWPOLYLINE en el archivo de salida.

Esta exportación necesita tener instalados los paquetes python-lxml y numpy.

Cuadro de diálogo de exportación en formato DXF correspondiente a la rutina

destinada a plóteres de corte de escritorio.

Prueba de exportación: DXF, plóter de corte de escritorio. El dibujo tal como

aparece al abrir su archivo con el programa QCad.
 Tenga en cuenta que Inkscape dispone de la extensión Convertir en
guiones que transforma un Trazo discontinuo en otro Trazo con idéntica
apariencia, pero compuesto por sub-trazos individuales.

 .emf (Enhanced Meta File, Metarchivo realzado)*. La exportación en este formato

solo funciona en Windows. Únicamente se exportan Bordes y Rellenos con colores
uniformes.
 .eps (Encapsulated PostScript, PostScript encapsulado). Salvo unas pocas
diferencias de menor importancia, la creación de un archivo EPS es idéntica a la de
un archivo PostScript. Por ello, las opciones incluidas en el cuadro de diálogo de
esta exportación, se explican más adelante en el apartado dedicado al formato .ps.

La diferencia más importante, desde un punto de vista artístico, es que la caja de

contorno del archivo EPS se ajusta al rectángulo más pequeño que encierra por
completo todos los objetos del dibujo, de acuerdo con la especificación EPS.
Activar la opción El área exportada es la página no cambia esta propiedad. Esta
desafortunada “limitación” está codificada en el paquete gráficoCairo utilizado para
la exportación en los formatos PostScript, EPS y PDF. Si se desea que la caja de
contorno coincida con la página, se puede aplicar alguno de los siguientes
métodos:

o Incluir como fondo del dibujo un rectángulo blanco que cubra toda la página.
o Exportar el dibujo como un archivo en formato PostScript, cambiando la
extensión del nombre del archivo por .eps (esto debería funcionar en la
mayoría de los casos; ver el siguiente párrafo).
o Editar a mano la línea %%BoundingBox que está cerca del comienzo del archivo
EPS.

Hay un par de diferencias más entre los archivos EPS y PostScript generados con
Cairo. Estas diferencias normalmente sólo interesan a los expertos. Ambos tipos de
archivos incluyen un línea%%BoundingBox y un comando showpage. Este último
comando debería ser ignorado cuando un archivo EPS es incrustado en un archivo
PostScript. Un archivo EPS generado con Cairo incluye código para poder
autodepurarse posteriormente, si se ha dejado basura en la pila del diccionario o en
la pila de operandos. Un archivo PS generado con Cairo incluye un mensaje de
error para el caso de que la impresora solo reconozca niveles de PostScript
inferiores al especificado dentro del archivo.
 Una comparación entre exportaciones con diferentes áreas. Izquierda: Un
dibujo SVG en el que se muestran los límites de la página. Observe que la mitad
del círculo está fuera de la página. Centro: El mismo dibujo exportado en un archivo
EPS con la opción El área exportada es el dibujo seleccionada (esta es la opción
predeterminada cuando la exportación se realiza desde lalínea de comandos). Se
muestra la caja de contorno del dibujo. Derecha: El mismo dibujo exportado en un
archivo EPS sin la opción El área exportada es el dibujo seleccionada (esta es la
opción predeterminada cuando la exportación se realiza desde la interfaz gráfica de
usuario, GUI). Se muestra la caja de contorno del dibujo.

 .fx (JavaFX). En esta exportación, el archivo de salida se guarda en el

formato JavaFX por medio de una rutina interna de Inkscape. La exportación en
este formato carece de opciones. Este formato solo admite trazos y formas.
Los Degradados se admiten parcialmente (los puntos finales del Degradado no
están definidos). La exportación no reconoce los Patrones, y las referencias a ellos
será necesario editarlas a mano en el archivo FX.

Prueba de exportación: JavaFX.

 .gpl (Paleta Gimp). Esta exportación guarda la lista de los colores utilizados en el
dibujo en un archivo Paleta de Gimp. Después este archivo se puede incluir en el
directorio de paletas deInkscape (share/inkscape/palettes/) y de esta manera, esa
nueva paleta se puede seleccionar en la Paleta de colores, o en el cuadro de
diálogo Muestras. Esta exportación necesita el módulo PyXML de Python.
 .hpgl (Hewlett-Packard Graphics Language). Ver también el apartado del formato
.plt más adelante. En esta exportación, el archivo de salida se guarda en el
formato HPGL, que es útil para diversos plóteres y cortadoras. Se utiliza una rutina
de exportación incluida en Inkscape. En las opciones del cuadro de diálogo hay que
marcar la casilla Reflejar eje Y para que el dibujo exportado conserve la misma
orientación que en el programa Inkscape.
 Cuadro de diálogo Salida HPGL.

Prueba de exportación: HPGL.

 .odg (Open Document Graphic, Dibujo OpenDocument). La capacidad de

exportación en este formato es limitada. Está planeado mejorar este tipo de
exportación. [7] En la versión actual del programa, en este formato sólo se exportan
los trazos, las formas y el texto. Los trazos y el texto pueden quedar inicialmente
invisibles. En ese caso, se pueden seleccionar dichos objetos, y después
cambiarse su estilo de Borde de “Invisible” a “Continuo”. Algunos objetos pueden
aparecer desplazados.

Prueba de exportación: ODG. El texto estaba inicialmente invisible.

 .pdf (PDF). Inkscape utiliza un exportador basado en Cairo. Se recomienda que se

utilice como mínimo la versión cairo 1.5.2. Tenga en cuenta, que es posible que no
funcione correctamente la exportación de un patrón que esté formado por
 un Grupo creado fuera de la página. El cuadro de diálogo Imprimir también se
puede utilizar para crear un archivo PDF.

Evince y Acroread

Versiones más antiguas de Evince, un conocido visualizador Linux de archivos PostScript y PDF,
no muestran correctamente degradados con transparencia, ni tampoco manejan apropiadamente
los Patrones. En su lugar, pruebe a utilizar Acroread. Tenga en cuenta que el procesado PDF
de Evince realiza un mejor suavizado de bordes que el procesado PostScript de Evince.

 El cuadro de diálogo Portable Document Format ofrece diversas opciones:

o Restringir a la versión PDF: Solo hay una opción disponible: PDF 1.4.
o Convertir textos en trayectos: Los caracteres de las cadenas de texto se
convierten en trazos. Normalmente sólo se guardan en el archivo las
tipografías de los caracteres utilizados en el dibujo.
o Nuevo en la versión 0.48:

PDF+LaTeX: Omitir texto en PDF, y crear archivo LaTeX: Con esta opción
activada, la exportación crea dos archivos: un PDF que no incluye el texto del
dibujo, y otro archivo LaTeX con el texto y que se superpone sobre el archivo
PDF. De esta forma, la tipografía del texto coincide con la del documento
LaTeX correspondiente, y las ecuaciones matemáticas incluidas en el dibujo
pueden ser escritas en LaTeX. Esta exportación respeta las alineaciones del
texto, y los textos en color (con transparencias). Ver el apartado PDF,
PostScript, o EPS con CapaLaTeX en esta misma sección.

o Rasterizar efectos de filtro: Con esta opción, los efectos de filtro se convierten
en mapas de bits. Si la opción no está activada, los objetos con filtros no se
exportan.
o Resolución para rasterización: Esta opción permite especificar los ppp que se
van a utilizar en la conversión de los efectos de filtro en mapas de bits.
o El área exportada es el dibujo: Con esta opción activada, el área exportada
en el archivo PDF es la que incluye todos los elementos del dibujo, aunque
estén fuera del área de la Página.
o El área exportada es la página: Si se activa esta opción, solo se exportan los
objetos que están dentro de la Página. Es la opción predeterminada cuando
no se exporta un único objeto. Esta opción es útil con la siguiente.
o Limita la exportación al objeto con el ID: La exportación se limita sólo al
objeto con el ID especificado. Si se quiere exportar más de un objeto, primero
hay que incluirlos dentro un mismoGrupo.
 Cuadro de diálogo de exportación Portable Document Format.

Prueba de exportación: PDF.

 .plt (Archivo HP Graphics Language Plot [AutoCAD]) En esta exportación, el

archivo de salida se guarda en formato HPGL, que es útil para diversos plóteres y
cortadoras. Es necesario el programa UniConvertor 1.1.4. Este tipo de exportación
no dispone de opciones.

Fallo de UniConvertor

Si se tiene una versión de UniConvertor anterior a la 1.1.4, esta exportación fracasará sin dar
ningún aviso, ya que se creará un archivo SVG en lugar de uno PLT. El archivo creado se puede
examinar con un editor de texto. Un archivo SVG incluye una declaración <?xml version...> en la
primera línea, mientras que un archivo PLT es un masa compacta de letras y números sin espacios.


 Prueba de exportación: PLT (HPGL).
 
 .png (PNG vía Cairo) Esta exportación guarda el archivo de salida en
formato PNG vía Cairo. La exportación se realiza mejor aplicando el
comando Archivo → Exportar mapa de bits...( Mayús + Ctrl+ E ). Básicamente,
esta rutina es para probar la exportación basada en Cairo. Esta exportación
siempre añade al dibujo un fondo blanco opaco.

Nota

Probablemente obtendrá resultados mucho mejores si al realizar una exportación en

formato PNG utiliza el cuadro de diálogo Exportar mapa de bits.

 .pov (POV-Ray). Este tipo de exportación solo guarda formas y trazos, con color y
transparencia, y los guarda como objetos con tres dimensiones. No guarda los
bordes de los objetos. Para visualizar un dibujo en este formato, se definir una
cámara con luces y otros elementos. Un ejemplo de exportación en este formato es
el archivo share/inkscape/examples/istest.pov.

Prueba de exportación: POV.

 .ps (PostScript). Inkscape utiliza un exportador basado en Cairo. Se recomienda

utilizar como mínimo la versión cairo 1.5.2. Tenga en cuenta, que es posible que no
funcione correctamente la exportación de un patrón que esté formado por
un Grupo creado fuera de la página. El cuadro de diálogo Imprimir también se
puede utilizar para crear un archivo PostScript. La exportación en PostScript
depende de sustituciones basadas en mapas de bits en mayor medida que la
exportación en PDF. Esto afecta a cualquier zona del dibujo donde se hayan
aplicado transparencias. Por último, la caja de contorno del archivo PostScript se
reducirá de forma predeterminada a un 80% de la caja de contorno del
archivo SVG. Esta es la proporción entre el estándar PostScript de 72 puntos por
pulgada, y los 90 píxeles por pulgada predeterminados de Inkscape.

El cuadro de diálogo PostScript ofrece varias opciones:

o Restringir al nivel PS: Se puede elegir entre PostScript nivel 2, o PostScript

nivel 3.
o Convertir textos en trayectos: Con esta opción, los caracteres de las cadenas
de texto se convierten en trazos. Normalmente sólo se guardan en el archivo
las tipografías de los caracteres utilizados en el dibujo.
o Nuevo en la versión 0.48:

PS+LaTeX: Omitir texto en PS, y crear archivo LaTeX: Con esta opción
activada, la exportación crea dos archivos: un PostScript que no incluye el
texto del dibujo, y otro archivo LaTeX con el texto y que se superpone sobre
el archivo PostScript. De esta forma, la tipografía del texto coincide con la del
documento LaTeX correspondiente, y las ecuaciones matemáticas incluidas
en el dibujo pueden ser escritas en LaTeX. Esta exportación respeta las
alineaciones del texto, y los textos en color (pero no las transparencias). Ver
el apartado PDF, PostScript, o EPS con Capa LaTeX en esta misma sección.

o Rasterizar efectos de filtro: Con esta opción, los efectos de filtro se convierten
en mapas de bits. Si la opción no está activada, los objetos con filtros no se
exportan.
o Resolución para rasterización: Esta opción permite especificar los ppp que se
van a utilizar en la conversión de los efectos de filtro en mapas de bits.
o El área exportada es el dibujo: Con esta opción activada, el área exportada
en el archivo PostScript es la que incluye todos los elementos del dibujo,
aunque estén fuera del área de laPágina.
o El área exportada es la página: Si se activa esta opción, solo se exportan los
objetos que están dentro de la Página. La Caja de contorno se ajusta al
tamaño de la página. Esta opción es útil si se exporta un solo objeto.
o Limita la exportación al objeto con el ID: La exportación se limita sólo al
objeto con el ID especificado. Si se quiere exportar más de un objeto, primero
hay que incluirlos dentro un mismoGrupo.

Cuadro de diálogo de exportación PostScript.

 Prueba de exportación: PS.

 .sk1 (sK1, variante de Sketch)*. Este tipo de exportación necesita la instalación del
programa UniConvertor 1.1.4. Esta exportación no dispone de opciones.
 .tex (LaTeX con macros PSTricks) Actualizado para la versión 0.48.

Hay varios métodos de utilizar Inkscape con LaTeX. El primero de ellos es exportar
el dibujo como un archivo LaTeX con macros PSTricks. La segunda método es
exportar el dibujo como un archivo PDF, PostScript o EPS, con el texto del dibujo
colocado a una capa LaTeX. Esto permite escribir con LaTeX el texto incluido en el
dibujo. El tercero es exportar el dibujo como un archivo EPS, y que
luego LaTeX utilice el paquete psfrag para sustituir las etiquetas de texto con texto
definido dentro de LaTeX. Un cuarto método es utilizar la extensión Fórmula Latex.
Esta extensión permite usar LaTeX para escribir una ecuación, que luego es re-
importada dentro de Inkscape como un trazo. Un último método es
utilizar Inkscape para diseñar presentaciones en LaTeX. Ver la página web Latex
Presentation Designer. A continuación vamos a explicar los tres primeros métodos.

o LaTeX con Macros PSTricks. Con este método, Inkscape exporta el dibujo
como una serie de macros PSTricks. Por lo tanto, para utilizar este método,
es necesario tener instalado en el equipo el paquete PSTricks, que
normalmente viene incluido en el programa LaTeX.

El siguiente listado es el ejemplo de un archivo escrito en LaTeX para

utilizarlo junto con un dibujo creado con Inkscape y exportado en formato .tex
en el archivo FileExportTest.tex.
\documentclass[12pt]{article}
\usepackage{pstricks}
\begin{document}

Test of PSTricks with Inkscape.

\input{FileExportTest.tex}

\end{document}
 Prueba de exportación: LaTeX (con PSTricks).

o PDF, PostScript, o EPS con Capa LaTeX. Con este método, la exportación
inserta cadenas de texto en LaTeX dentro del dibujo. Al realizar la
exportación en formato PDF, PostScript, o EPS hay que marcar la casilla de
la opción PDF+LaTeX: Omitir texto en PDF, y crear archivo LaTeX (o la
opción equivalente para PostScript o EPS). Entonces, el texto del dibujo será
excluido de la exportación del dibujo, y se insertará dentro de un
archivo LaTeX que se puede superponer sobre el dibujo dentro de LaTeX.
Este método tiene la ventaja de que la tipografía del texto dentro del dibujo
coincidirá con la del texto del resto del documento en el que esté incluido el
dibujo. Además este método permite escribir ecuaciones matemáticas
en LaTeX. El método respeta las alineaciones del texto, así como los textos
en color (las transparencias se exportan en PDF, pero no así en PostScript o
EPS, ya que estos dos formatos no admiten transparencias). Para más
detalles, se recomienda ver la página sobre el paquete svg-inkscape incluida
en el sitio web de CTAN.

A continuación se muestra un ejemplo de aplicación de este método:

\documentclass[12pt]{article}
\usepackage{graphicx}
\usepackage{color}
\begin{document}

\Huge
\def\svgwidth{3.333in}
\input{FileExportText_LaTeX.pdf_tex}

\end{document}
 Prueba de exportación: PDF con capa LaTeX. La frase “Export Test” se ha
sustituido por una expresión LaTeX en el archivo Inkscape inicial.

o LaTeX con el Paquete LaTeX psfrag. En este método, primero dentro

de Inkscape hay que colocar en el dibujo textos que van a servir como
marcadores de posición. Luego, hay que exportar el archivo del dibujo en
formato EPS (¡ojo! sin convertir el texto en trazos, y sin interletrajes
manuales). Después, cuando se procese el documento LaTeX en el que está
insertado el dibujo, el paquete LaTeX psfrag encontrará dichos textos
marcadores de posición y los sustituirá por expresiones LaTeX.

A partir de la versión 0.47, este método fallará ya que la exportación basada

en Cairo utiliza subconjuntos de tipografías para reducir el tamaño del archivo
(esto es, en la exportación solamente se guardan los caracteres utilizados en
el dibujo, y después se usa internamente un índice para hacer referencia a
estos caracteres). Por lo tanto, el paquete psfrag no podrá encontrar en el
archivo EPS las cadenas de texto que sirven como marcadores de posición.
Una solución a este problema es buscar dentro del archivo EPS cadenas de
la forma<01020304>Tj o [<010203>-1<0405>-1<06>-
1<07>1<08>129<090a06>]Tj, y sustituirlas por cadenas de la forma (Export
Test)Tj (o con el texto que sirva de marcador de posición). Seguramente es
mejor solución utilizar el anterior método de exportar el archivo del dibujo en
formato PDF, PostScript o EPS con una capa LaTeX.

El siguiente listado es un ejemplo de archivo LaTeX donde se aplica este

tercer método:
\documentclass[12pt]{article}
\usepackage{graphicx}
\usepackage{psfrag}
\begin{document}

\Huge
\psfrag{Export Test}{PSFrag: $\sqrt{x^2+y^2}$}
\includegraphics{FileExportTest_PlainText.eps}

\end{document}

Prueba de exportación: LaTeX con psfrag utilizando un archivo EPS con un

texto simple. La frase “Export Test” ha sido sustituida por una
expresión LaTeX.
 .svg, .svgz (SVG, SVG comprimido). Inkscape dispone de varias opciones para
exportar en este tipo de formatos. Entre ellas están el SVG plano y el SVG con
complementos de Inkscape (para guardar los meta-datos de Inkscape). En teoría,
cualquier programa capaz de leer archivos SVG debería ignorar los complementos
propios de Inkscape. Una opción adicional permite guardar el archivo en
formato SVG “optimizado”. El archivo de salida se obtiene después de procesar el
archivo SVG inicial a través del script Scour para reducir su tamaño lo máximo
posible.
 .wmf (Windows Metafile, Metarchivo de Windows)*. Este tipo de exportación
necesita la instalación del programa UniConvertor 1.1.4 . Esta exportación no
dispone de opciones.

Prueba de exportación: WMF (El dibujo tal como aparece en Inkscape una vez
reimportado).

 Actualizado para la versión 0.48:

.xaml (Microsoft Application eXtensible Markup Language) Este formato admite

degradados y transparencias. Con la versión 0.47 puede ocurrir que algunos
objetos acaben colocados en un lugar equivocado. En la versión 0.48, además de
corregirse este fallo, se ha añadido la capacidad de exportar desenfoques y
opacidad en este tipo de formato.

Prueba de exportación: XAML (El dibujo tal como aparece en Inkscape una vez
reimportado).

 .xcf (Gimp). Todas las capas y objetos de alto nivel se exportan como capas
independientes en formato PNG, y después se insertan como capas dentro del
formato XCF, que es el formato nativo Gimp. La resolución de la exportación está
 fijada en un píxel de Inkscape por un píxel de Gimp. Esta exportación necesita los
programas Python, PyXML, y Gimp 2.2 o posterior.
TantoGimp como Inkscape deben estar especificados en la ruta (path) ejecutable
del sistema.

El cuadro de diálogo para la exportación en formato XCF permite elegir si

la Rejilla y las Líneas Guía del dibujo deben también exportarse. En caso de que se
exporten, estos elementos se pueden ver dentro de Gimp activándolos mediante los
comandos Ver → Mostrar rejilla y Ver → Mostrar guías. Sólo se
exportan Rejillas rectangulares, y Líneas Guía verticales y horizontales.

Cuadro de diálogo de exportación XCF.

Prueba de exportación: XCF.

 .zip (SVG de Inkscape comprimido con imágenes). En esta exportación, el dibujo

se guarda primero como un archivo SVG de Inkscape, y después es empaquetado,
junto con todos los archivos gráficos que tenga vinculados, dentro de un mismo de
un paquete zip. El archivo comprimido resultante no se puede abrir directamente
con Inkscape. Sin embargo, una vez que el archivo .zip sea descomprimido, todos
los archivos gráficos incluidos en el mismo deben colocarse donde Inkscape pueda
encontrarlos cuando se abra el archivo SVG.

[7]
En este libro se exponen afirmaciones sobre el futuro desarrollo de los recursos
de Inkscape. Estas afirmaciones están basadas en diversas suposiciones que incluyen la
disponibilidad de los desarrolladores y las demandas de los usuarios. Aunque al autor
estas afirmaciones le parecen razonables, el lector no debe interpretarlas como un
compromiso o un contrato de ningún tipo.
Imprimir Archivos
Los dibujos se pueden imprimir mediante el cuadro de diálogo Archivo →
Imprimir... (Ctrl+P). Se utiliza el cuadro de diálogo Imprimir del estándar GTK. Esto
permite imprimir los dibujos en cualquier impresora con capacidad PostScript, así como
guardarlos en archivos PostScript o PDF. En la impresión se utilizan rutinas basadas
en Cairo. El procesado PostScript hace uso intensivo de la conversión de la imagen en
mapa de bits. Esto se debe en parte al hecho de que el formato PostScript no admite
transparencias.

Cuadro de diálogo Imprimir.

Dentro de la ficha Renderizar hay dos opciones para generar la salida de impresión. La
primera opción, Vector, utiliza operadores vectoriales, de manera que el dibujo resultante
se puede ampliar sin pérdida de calidad.

Con la segunda opción, Mapa de bits, la salida de impresión se convierte en mapa de

bits. Esta opción permite especificar los puntos por pulgada PPP de la salida.

Usar un Archivo PS como Archivo EPS

Normalmente, un archivo PostScript de Inkscape se puede utilizar como si fuera un archivo Encapsulated
PostScript file (EPS), ya que contiene una línea “BoundingBox”. Es posible que sea necesario cambiar la
primera línea %!PS-Adobe-3.0 por %!PS-Adobe-3.0 EPSF-3.0, y eliminar la línea “showpage” al final
del archivo.
Limpiar Archivos
Mediante el comando Archivo → Eliminar defs las definiciones no utilizadas en el
dibujo se eliminan de la sección <defs> del archivo SVG. En estas definiciones se
incluyen elementos como degradados, patrones, máscaras, marcadores y filtros no
utilizados en el dibujo.

Nota

Debido al mecanismo que Inkscape utiliza para mantener registro de las definiciones que se están usando
en el dibujo, puede que sea necesario cerrar primero un archivo y volverlo a abrir, antes de aplicar este
comando para que realmente elimine todos los elementos no utilizados en el dibujo.

Capítulo 3. Cambiar la Visualización

Tabla de contenidos

 Desplazar la Pizarra
 Ampliar/Reducir la Pizarra
 Diversos Comandos de Visualización

La apariencia que presenta la ventana de Inkscape se puede cambiar de diversas

maneras. Estos cambios se pueden agrupar en dos categorías: por un lado, los
cambios que afectan a la forma en que se muestran los propios dibujos, y por otra
parte los cambios que afectan al aspecto de la interfaz de Inkscape. Algunos
cambios de este último tipo se explican en otros capítulos del libro, como la creación
de Rejillas y Líneas Guía en el Capítulo 5, Situar y Transformar; o la personalización
de elementos de la GUI (Interfaz Gráfica de Usuario) en
el Capítulo 24, Personalización .

En Inkscape un mismo dibujo se puede visualizar de muchas formas distintas. La

vista que ofrece el dibujo se puede modificar desplazando la pizarra, y ampliando o
reduciendo el zoom aplicado a la misma. También es posible hacer que la ventana
de Inkscape ocupe toda la pantalla. Así mismo, se pueden tener visibles múltiples
vistas de una misma pizarra. Además, Inkscape dispone de un modo de
visualización Contorno, y otro de Armazón de alambre, así como una ventana
de Vista de icono.

Desplazar la Pizarra
La zona de la pizarra visible se puede cambiar mediante los siguientes métodos:
  Barras de Desplazamiento: Este es quizás el método más sencillo. La
visibilidad de las barras de desplazamiento se puede activar o desactivar
pulsando la combinación de teclas Ctrl + B .
 Rueda del Ratón : permite el desplazamiento vertical hacia arriba y hacia
abajo. La combinación Mayús + Rueda del Ratón : permite el desplazamiento
horizontal de la pizarra.

Si se marca la casilla La rueda del ratón aumenta por defecto en la

sección Desplazamiento del cuadro de diálogo Preferencias de Inkscape, la
función de la Rueda del Ratón cambia y pasa a ser el aumento o disminución
del zoom aplicado, mientras que la función de la combinación Ctrl +Rueda del
Ratón pasa a ser el desplazamiento vertical de la pizarra. Este es el
funcionamiento normal de la rueda del ratón en los
programas CorelDRAW y AutoCAD.

 Arrastrar con el Botón Derecho del Ratón . Con un ratón de sólo dos
botones, hay que usar la combinación Mayús + Arrastrar con el Botón
Derecho del Ratón o Ctrl + Arrastrar con el Botón Derecho del Ratón .
 Con la combinación de teclas Ctrl + Flechas .
 La combinación de tecla y ratón Barra espaciadora + Arrastrar con el Botón
Izquierdo del Ratón permite desplazar la pizarra si la casilla El botón
izquierdo del ratón agarra cuando se pulsa Espacio está marcada en la
sección Desplazamiento del cuadro de diálogo Preferencias de Inkscape.
Cuando esta opción está activada, desaparece la función de la Barra
espaciadora para intercambiar la herramienta activa.

Ampliar/Reducir la Pizarra
La zona del dibujo visualizada en la pizarra se puede ampliar o reducir de diversas
formas. En muchos de estos métodos el zoom cambia en un factor predeterminado
de 1.41 (hay que cambiar dos veces seguidas el zoom para que la ampliación o
reducción final cambie en un factor dos). Este factor de cambio del zoom se puede
modificar en la sección Pasos del cuadro de diálogo Preferencias de Inkscape.

De manera predeterminada, en el nivel de zoom “1” un píxel

de Inkscape corresponde a un píxel de pantalla. Si se quiere calibrar el zoom con
una unidad física real de medida (como pulgadas o centímetros), esto se puede
hacer en la sección Interfaz del cuadro de diálogo Preferencias de Inkscape. En esta
sección hay un deslizador que se puede mover sobre una regla para fijar un Factor
de corrección del zoom. Solo hay que colocar otra regla sobre la pantalla junto a la
regla del deslizador y mover el mismo hasta que ambas reglas coincidan.

 Las teclas + o = sirven para aumentar el zoom. La tecla - sirve para reducirlo.
 El cambio del zoom se aplica centrado en la zona visible de la pizarra.
 Las combinaciones Ctrl+ Clic con el Botón Central del Ratón o Ctrl +Clic
con el Botón Derecho del Ratón aumentan el zoom, mientras que las
combinaciones Mayús +Clic con el Botón Central del Ratón o Mayús + Clic
con el Botón Derecho del Ratón disminuyen el zoom. En este caso, el
cambio del zoom se aplica alrededor de la posición del cursor.
 La combinación Mayús + Arrastre con el Botón Central del Ratón aumenta
el zoom sobre el área encerrada por la goma elástica.
 La combinación Ctrl + Rueda del Ratón también sirve para aumentar o
disminuir el zoom. Este método es muy cómodo. La posición del cursor
determina el centro del cambio del zoom.

Si en la sección Desplazamiento del cuadro de diálogo Preferencias de

Inkscape se marca la casilla La rueda del ratón aumenta por defecto, la función
de la Rueda del Ratón cambia y pasa a ser el aumento o disminución del
zoom aplicado, mientras que la función de la combinación Ctrl + Rueda del
Ratón pasa a ser el desplazamiento vertical de la pizarra. Este es el
funcionamiento normal en los programas CorelDRAW y AutoCAD.

 La sección zoom de la Barra de Estado. Este es el mejor método para fijar con
precisión un nivel de zoom determinado. La sección tiene una casilla para
especificar el nivel del zoom deseado. Esta casilla se puede activar por medio
del atajo de teclado Alt + Z .
 La Herramienta Zoom ( F3) en la Caja de Herramientas. Para aumentar el
zoom alrededor de la posición del cursor, hay que hacer clic sobre la pizarra
con la Herramienta Zoom. Para disminuir el zoom, hay que hacer clic
manteniendo pulsada la tecla Mayús , o bien hacer clic con el Botón Derecho
del Ratón .
 Los Controles de la Herramienta Zoom, y las opciones incluidas dentro del
menú Ver → Zoom. Cuando la Herramienta Zoom está seleccionada, la barra
de Controles de Herramienta contiene una serie de iconos que representan
distintas opciones del zoom. También se puede acceder a estas mismas
opciones a través del menú Ver → Zoom.

Los Controles de la Herramienta Zoom.

o ( + ): Aumenta el zoom.
o ( - ): Disminuye el zoom.
o ( 1 ): Aplica un zoom 1:1 (el 100% del tamaño del dibujo, un píxel del
 dibujo equivale a un píxel de la pantalla).
o ( 2 ): Aplica un zoom 1:2 (50% del tamaño del dibujo).
o Aplica un zoom 2:1 (200% del tamaño del dibujo).
o ( 3 ): Aplica un nivel de zoom con el cual los objetos seleccionados se
ajustan a la ventana.
o ( 4 ): Aplica un nivel de zoom con el cual todo el dibujo se ajusta a la
ventana (el área visualizada incluye todos los objetos dibujados,
pudiendo ser mayor o menor que el tamaño de la página).
o ( 5 ): Aplica un nivel de zoom con el cual toda la página se ajusta a la
ventana.
o ( 6 o Ctrl + E): Aplica un nivel de zoom con el cual la anchura de la
página se ajusta a la ventana.
o ( ` ): Aplica el nuevo zoom con el nivel anteriormente utilizado (dentro
del historial de niveles de zoom aplicados). El historial de niveles de
zoom aplicados se guarda en una lista, véase más adelante.
o ( Mayús + ` ): Aplica el nuevo zoom con el nivel siguiente dentro del
historial de niveles de zoom utilizados. Lógicamente, esta opción
solamente funciona si el nivel actual del zoom es uno anterior dentro del
historial de niveles.

Estas dos últimas opciones de zoom ( y ) permiten avanzar y retroceder

a lo largo de la lista de los niveles de zoom previamente utilizados.

 Manteniendo pulsada la tecla Q (Q por quick, rápido en inglés) se aplica

temporalmente el zoom sobre los objetos que están seleccionados en ese
momento. De esta manera resulta más fácil realizar algún pequeño retoque a
esos objetos. Al dejar de pulsar esta tecla, se recupera el nivel de zoom
anterior.

Diversos Comandos de Visualización

Mostrar/Ocultar

El submenú Mostrar/ocultar se puede utilizar para activar y desactivar diferentes

elementos de la interfaz gráfica de usuario, incluida la Paleta de colores. La
combinación de teclas Mayús + F11 permite ocultar o mostrar a la vez todos los
elementos de la interfaz gráfica de usuario, incluida la barra principal de menús.

Mostrar/Ocultar Cuadros de Diálogo

Los cuadros de diálogo de Inkscape se puedan ocultar y volver a mostrar aplicando
el comando Ver → Mostrar/ocultar diálogos ( F12 ).

Modo de Visualización Contorno

Inkscape tiene un modo de visualización Contorno o de Armazón de alambre. En

este modo de visualización, todos los trazos y formas se dibujan como contornos,
con sus bordes de una anchura de un píxel de pantalla y sin rellenos,
independientemente del nivel de zoom aplicado. Los textos se dibujan con un relleno
inverso y sin bordes. Las imágenes se muestran con sus contornos en rojo, los
trazos de recortes en verde, y las máscaras en azul.

El modo Contorno es útil para ver la estructura global de un dibujo, para editar de
forma precisa los nodos del mismo, y para encontrar y seleccionar esos molestos
objetos ocultos que podemos haber creado por accidente. Este modo de
visualización es ligeramente más rápido que el modo normal. El modo Contorno se
puede activar mediante el comando Ver → Modo de visualización →Contorno, y se
puede desactivar con el comando Ver → Modo de visualización → Normal. El
comando Ver → Modo de visualización → Cambiar ( Ctrl + Teclado numérico 5) nos
permite pasar de un modo de visualización a otro.

El mismo dibujo como aparece con el modo visualización normal a la izquierda, y con
el modo de visualización contorno a la derecha (el texto se había convertido
previamente en trazos).

Los colores utilizados en el modo de visualización Contorno se pueden cambiar

editando el grupo wireframecolors dentro del archivo de preferencias
(Linux: ~/.config/inkscape/preferences.xml en la versión
0.47, ~/.inkscape/preferences.xml en la versión 0.46). También se puede conseguir
que Inkscape arranque en el modo de visualización Contorno añadiendo <group
id="startmode" outline="1"/> al archivo de preferencias dentro del grupo options.
Modo de Visualización Sin Filtros

Inkscape también dispone de un modo de visualización Sin Filtros en el cual está

desactivada la visualización de los Filtros. Este modo de visualización es útil cuando
se trabaja con dibujos complejos en los que la utilización de Filtros provoca que la
visualización del dibujo sea demasiado lenta. El modo Sin Filtros se puede activar
mediante el comando Ver → Modo de visualización → Sin filtros, y se puede
desactivar con el comando Ver → Modo de visualización → Normal. El
comando Ver → Modo de visualización → Cambiar ( Ctrl + Teclado numérico 5) nos
permite pasar de un modo de visualización a otro.
Modo de Visualización Pantalla Completa

Se puede hacer que la ventana de Inkscape ocupe completamente la pantalla

mediante el comando Ver → Pantalla completa ( F11 ). Si se vuelve a aplicar este
comando por segunda vez, la ventana recupera su tamaño y posición originales.

Cambiar de Ventana Switch Windows

En Inkscape cada dibujo nuevo se crea en una ventana independiente. Para pasar
de una ventana a otra, se puede utilizar el método que el propio sistema operativo
tenga para ello (probar con la combinación de teclas Alt + Tab ), o bien aplicar los
comandos propios de Inkscape Ver → Ventana siguiente ( Ctrl +Tab)
y Ver → Ventana anterior ( Mayús + Ctrl+ Tab).

Duplicar Ventana

Es posible crear un duplicado de una ventana de Inkscape mediante el

comando Ver → Duplicar ventana. Tanto la ventana original como la nueva
contendrán el mismo dibujo. De esta manera, se puede utilizar una de las ventanas
para realizar algún trabajo minucioso en una pequeña zona del dibujo, mientras en la
otra ventana se puede apreciar cómo afecta ese trabajo a una zona más amplia del
dibujo.

Vista de icono

Actualizado para la versión 0.48.

Se puede crear una ventana de Vista de icono con el comando Ver → Vista de
icono. Esta ventana permite apreciar el aspecto que tendrá un dibujo (o una
selección) como icono en diferentes tamaños. En la versión 0.47, es necesario hacer
clic sobre el botón Refrescar para actualizar la vistas previas. En la versión 0.48, la
actualización es automática. Es posible elegir visualizar todo el dibujo o solo el objeto
seleccionado haciendo clic sobre el botón Selección en la versión 0.47, o marcando
la casilla Selección en la versión 0.48. En esta última versión y de forma
predeterminada, la vistas previas se quedan “bloqueadas” en la zona del dibujo del
objeto seleccionado inicialmente. Para cambiar la zona de la vista previa, hay que
 desmarcar y volver a marcar la casilla Selecciónmientras está seleccionado otro
objeto diferente.

Los distintos tamaños de iconos que se muestran se pueden especificar en el archivo

de preferencias (Linux: ~/.config/inkscape/preferences.xml) dentro del
grupo iconpreview. En la versión 0.48, también es posible activar o desactivar la
actualización automática de las vistas previas, cambiar la disposición de los iconos
de la configuración compacta a la apilada (como aparecen en la versión 0.47),
cambiar las vistas previas para que no sigan al objeto seleccionado, o eliminar el
marco alrededor de las vistas de los iconos.

Vistas previas del icono de la herramienta Pluma de Inkscape en el cuadro de

diálogo Vista de icono.

Capítulo 4. Conceptos Básicos de Edición

Tabla de contenidos

 Deshacer y Rehacer
 Seleccionar Objetos
 Copiar, Pegar y Eliminar Objetos
 Clones
 Ordenar Objetos (Orden-Z)
 Grupos
 Capas

En este capítulo se explican los conceptos básicos de edición con Inkscape, entre los que
se incluyen: deshacer y rehacer cambios, seleccionar objetos, copiar y eliminar objetos,
así como agrupar objetos. Suponemos que el lector ya adquirido cierta seguridad en el
manejo de Inkscape después de haber trabajado con algunos de los ejemplos
desarrollados en el Capítulo 1, Inicio Rápido, o gracias a los manuales incluidos dentro
del propio programa (Ayuda → Tutoriales).

Deshacer y Rehacer
Los cambios realizados en el dibujo durante la sesión de trabajo activa de Inkscape se
pueden deshacer y rehacer. Los comandos Deshacer y Rehacer se pueden aplicar
repetidamente para deshacer o rehacer varios de los cambios realizados en el dibujo. Es
posible acceder a estos comandos bien en la Barra de Comandos, o bien dentro del
menú Edición en la Barra de Menús. Cuando se aplican estos comandos a través del
menú Edición, este menú incluye una descripción del cambio que se va a realizar al
aplicar el comando.

 Edición → Deshacer ( Ctrl + Z) (o el atajo de teclado Mayús + Ctrl + Y ):

Deshace el último cambio realizado.
 Edición → Rehacer ( Ctrl + Y) (o el atajo de teclado Mayús + Ctrl + Z): Vuelve a
hacer el último cambio deshecho.

El cuadro de diálogo Historia de deshacer (Edición → Historia de

deshacer... ( Mayús+ Ctrl +H )) permite deshacer o rehacer en un solo paso varios de los
cambios realizados en el dibujo.

Dos vistas del cuadro de diálogo Historia de deshacer que muestran el dibujo de un
rectángulo, seguido de un cambio de color y cuatro cambios de tamaño. Haciendo clic
sobre cualquiera de las líneas, el dibujo recupera el estado en que se encontraba cuando
se realizó el cambio descrito en esa línea. Cambios consecutivos de un mismo tipo
pueden aparecer agrupados en una sola línea para facilitar la lectura de la lista de
cambios; el número de los cambios agrupados se indica en la línea superior del grupo. Al
hacer clic sobre el pequeño botón + de esa línea, la lista de cambios agrupados se
despliega (figura izquierda), si se hace clic sobre el botón - la lista se repliega (figura
derecha).
Todos los cambios realizados en un archivo se pueden deshacer con el
comando Archivo → Revertir. De esta forma, el dibujo recupera el estado de la última
versión guardada.

Seleccionar Objetos
Antes de poder manipular cualquier objeto, hay que seleccionarlo. En esta sección se
explican los numerosos métodos con los cuales podemos seleccionar objetos
en Inkscape.

Normalmente, como su nombre indica, la Herramienta Selector se utiliza para seleccionar

objetos. Para activar esta herramienta, hay que hacer clic sobre el icono de la Caja de
Herramientas, o bien usar el atajo de teclado ( F1 ). Pulsando la Barra espaciadora del
teclado se puede intercambiar la Herramienta Selector con cualquier otra herramienta
(excepto con la Herramienta Textocuando está en modo entrada de texto), si la otra
herramienta ya estaba activada inicialmente.

Algunos objetos también se pueden seleccionar directamente con otras herramientas. Por
ejemplo, las formas (como los Rectángulos) se pueden seleccionar directamente con
cualquiera de lasherramientas de forma.

Si se hace un doble clic rápido sobre un objeto, cuando la Herramienta Selector está
activada, dicho objeto queda seleccionado y además la herramienta activa pasa a ser la
herramienta idónea para editar ese objeto. Por ejemplo, al hacer un doble clic sobre un
rectángulo, este quedará seleccionado, y la herramienta activa pasará a ser
la Herramienta Rectángulo.

Es posible seleccionar varios objetos a la vez. En ese caso, en la Zona de

Información aparecen el número y tipo de objetos seleccionados. Esto resulta
especialmente útil cuando varios objetos se solapan entre sí, y no está claro qué objetos
son los que están seleccionados. De manera predeterminada, un recuadro aparece
dibujado alrededor de cada uno de los objetos seleccionados. La fichaHerramientas-
Selector del cuadro de diálogo Preferencias de Inkscape (Archivo → Preferencias de
Inkscape... ( Mayús + Ctrl + P )) contiene una opción que permite cambiar esta Marca de
selección por un pequeño diamante.
Dos círculos rojos seleccionados. La selección se indica mediante recuadros discontinuos
(izquierda), o mediante pequeños diamantes (derecha). Estas dos marcas de selección
son excluyentes entre sí, de manera que ambas no pueden estar activas a la vez.

Otro método para seleccionar objetos es utilizar el cuadro de

diálogo Buscar (Edición → Buscar... ( Ctrl + F)), que se explica al final de esta sección.

Objetos Bloqueados

Si un objeto no se puede seleccionar, puede ocurrir que se encuentre bloqueado. Para evitar
modificaciones posteriores, los objetos se pueden bloquear con el cuadro de diálogo Propiedades del
objeto (Objeto → Propiedades del objeto... ( Mayús + Ctrl + O )). Para desbloquear objetos
individuales es necesario utilizar el Editor XML (hay que buscar el objeto bloqueado, y después eliminar
el atributo “sodipidi:insensitive”, o desmarcar la casilla Bloquear en el cuadro de diálogo Propiedades
del objeto; ver elCapítulo 18, Editor XML ). Es posible desbloquear todos los objetos a la vez mediante el
comando Objeto → Desbloquear todo. También puede ocurrir que el objeto que no se puede seleccionar
se encuentre dentro de una Capa bloqueada (ver la sección “Capas ”).
Objetos Ocultos

Es posible “ocultar” un objeto marcando la casilla Ocultar en el cuadro de diálogo Propiedades del
objeto. [8] En este punto surge una pregunta natural: ¿Cómo se selecciona un objeto oculto? Hay varias
maneras. Una de ellas es utilizar el cuadro de diálogo Buscar (Edición → Buscar... ( Ctrl + F ));,
introduciendo display:none dentro del campo Estilo y marcando la casilla Incluir ocultos. Una segunda
manera es buscar el objeto oculto con el Editor XML (ver el Capítulo 18, Editor XML ). Un tercer método
para seleccionar objetos ocultos se puede activar en la ficha Selección del cuadro de diálogo Preferencias
de Inkscape. Esta ficha tiene una opción que permite la selección de objetos ocultos con la
tecla Tabulador . Otro método es mostrar todos los objetos ocultos aplicando el
comando Objeto → Mostrar todo. Aunque todos estos métodos funcionan, la solución definitiva es
sencillamente no ocultar objetos. En lugar de ocultarlos, es mejor colocarlos en una Capa independiente,
y ocultar esa Capa (ver la sección“Capas ”).

Seleccionar con el Ratón

En esta sección se explica la selección de objetos con un ratón. Pulsando la

tecla Ctrl junto con muchos de los comandos siguientes, es posible seleccionar objetos
incluidos dentro de un Grupo (ver la sección “Grupos ”).

 Clic con el Botón Izquierdo del Ratón : Seleccionar Objeto: Se selecciona un

objeto haciendo clic sobre él.
 Mayús + Clic con el Botón Izquierdo del Ratón : Activar/Desactivar Selección: Se
añade o se quita un objeto de una selección. Esto permite seleccionar varios
objetos juntos. Si se hace clic sobre un objeto que no está seleccionado, se añadirá
a la selección. Si el objeto ya estaba incluido en la selección, dejará de estar
seleccionado.
 Alt + Clic con el Botón Izquierdo del Ratón : Seleccionar Debajo: Se selecciona el
objeto situado inmediatamente debajo del objeto seleccionado en ese momento
 bajo el cursor. Esto permite seleccionar objetos que se encuentran cubiertos por
otros. Hay que repetir el procedimiento para seleccionar un objeto que se encuentre
más abajo en el orden-z. Si el objeto colocado más al fondo ya está seleccionado,
se seleccionará el objeto situado más arriba.
 Arrastre con el Botón Izquierdo del Ratón : Seleccionar Varios Objetos: Si el
movimiento de arrastre se inicia desde un espacio vacío del dibujo, se
seleccionarán todos los objetos que queden completamente encerrados dentro del
rectángulo definido por los puntos inicial y final del arrastre. Esta técnica a menudo
se denomina selección de goma elástica. La goma elástica es el rectángulo que
aparece dibujado brevemente durante el arrastre.
 Mayús + Arrastre con el Botón Izquierdo del Ratón : Añadir Objetos a la
Selección: Los objetos encerrados por la goma elástica se añaden a la selección ya
existente. Con esta combinación de tecla y ratón, también se evita que se
seleccione un objeto situado en el punto inicial del arrastre (sin pulsar la tecla
Mayús, un objeto situado en el punto inicial del arrastre es seleccionado y
además trasladado). Los objetos previamente seleccionados que quedan dentro de
la goma elástica NO dejan de estar seleccionados por ello.
 Alt + Arrastre con el Botón Izquierdo del Ratón : Seleccionar por Toque Varios
Objetos: Con este método se seleccionan todos los objetos que el cursor toca
durante el movimiento de arrastre. Una línea roja indica el recorrido seguido por el
cursor. Esta técnica es muy útil cuando es necesario seleccionar varios trazos
como los que se pueden encontrar en grabados, o en el dibujo de una cabellera. Si
además se mantiene pulsada a la vez la tecla Mayús , se evita arrastrar un objeto
que ya está seleccionado, si el punto inicial del arrastre está sobre ese objeto.

Aplicación de la combinación Alt + Arrastre con el Botón Izquierdo del

Ratón para seleccionar “por toque” varios trazos individuales.

 Mayús + Alt + Arrastre con el Botón Izquierdo del Ratón : Añadir por Toque
Varios Objetos a la Selección: Con esta técnica se añaden a la selección todos los
objetos tocados por el cursor. También se puede utilizar cuando el movimiento de
arrastre comienza sobre un objeto que ya está seleccionado.
Seleccionar con el Teclado

La selección de objetos casi siempre se realiza utilizando el ratón. Sin embargo, existen
algunos atajos de teclado que son muy prácticos.

 Tab : Pulsando esta tecla se selecciona el siguiente objeto en el orden-z, es decir,

el objeto situado inmediatamente por encima del objeto que ya esté seleccionado.
Si no hay ningún objeto previamente seleccionado, quedará seleccionado el objeto
que esté en la posición más baja. Este método funciona con los objetos situados en
la Capa activa en ese momento.
 Mayús + Tab : Con esta combinación de teclas se selecciona el objeto anterior en
el orden-z, es decir, el objeto situado inmediatamente por debajo del objeto que ya
esté seleccionado. Si no hay ningún objeto previamente seleccionado, quedará
seleccionado el objeto que esté en la posición más alta, que normalmente es el
último objeto dibujado. Este método funciona con los objetos situados en
la Capa activa en ese momento.
 Ctrl + A: Seleccionar Todo: Se seleccionan todos los objetos de la Capa activa.
 Ctrl + Alt + A: Seleccionar Todo de Todas las Capas: Se seleccionan todos los
objetos en todas las Capas visibles y que no estén bloqueadas.
 !: Invertir Selección: Se invierte la selección en la Capa activa. Esto es, todos los
objetos que estaban seleccionados dejan de estarlo, y todos los objetos que no
estaban seleccionados pasan a estar seleccionados.
 Alt + !: Se invierte la selección en todas las Capas visibles y que no estén
bloqueadas. Es decir, todos los objetos que estaban seleccionados dejan de
estarlo, y todos los objetos que no estaban seleccionados pasan a estar
seleccionados.
 Esc : Deseleccionar: Se desactiva la selección de todos los objetos que estén
seleccionados en ese momento.

Los comandos Seleccionar Todo, Seleccionar Todo de Todas las Capas, Invertir
Selección, y Deseleccionar también se pueden aplicar desde el menú Edición.

Seleccionar con el Cuadro de Diálogo Buscar

El cuadro de diálogo Buscar (Edición → Buscar... ( Ctrl+ F )) permite seleccionar

objetos con características en común. La búsqueda se realiza dentro del archivo SVG, y
una vez que se encuentran los objetos buscados, estos quedan seleccionados en la
pizarra de Inkscape.
 Cuadro de diálogo Buscar.

El cuadro de diálogo Buscar tiene dos zonas. La parte superior permite definir los objetos
que queremos buscar, mientras que en la parte inferior del cuadro se puede especificar el
lugar donde buscar los objetos.

Para definir los objetos que se quiere buscar, se puede especificar una cadena
de Texto (dentro de un objeto texto), un nombre de identificación ID (por
ejemplo, “rect1314”), una característica deEstilo (por ejemplo, “fill-opacity”), o un tipo
de Atributo (por ejemplo, “width”). Las coincidencias pueden ser completas o parciales
(esto es, el nombre ID “rect” daría coincidencias con los nombres“rect1314” y “rect1316”).

Con las casillas de la parte inferior del cuadro de diálogo, se puede especificar el lugar
donde realizar la búsqueda. Si se marca la casilla Todos los tipos, la búsqueda tendrá
lugar incluyendo en la misma todos los tipos de objetos (formas, trazos, cadenas de texto,
etc). Si no se marca esta casilla, aparece una lista de tipos de objetos que pueden ser
incluidos o excluidos individualmente de la búsqueda.

La casilla Buscar en la selección permite definir que la búsqueda se limite a los objetos
seleccionados en ese momento. Con la casilla Buscar en la capa actual se puede
especificar que la búsqueda se limite a la capa seleccionada en ese momento. La
casilla Incluir ocultos permite establecer que los objetos ocultos deben incluirse en la
búsqueda, mientras que con la casilla Incluir bloqueados se puede especificar que los
objetos bloqueados también deben incluirse en la búsqueda.

En el extremo inferior del cuadro de diálogo hay dos botones. El primero, Limpiar, es para
limpiar los campos que definen los objetos que se quiere buscar. El segundo
botón, Buscar, es para realizar la búsqueda definida en ese momento. Todos los objetos
que se encuentren coincidentes con los criterios de la búsqueda quedarán seleccionados.
[8]
¿Por qué querríamos ocultar un objeto? Por ejemplo, para guardar un objeto de texto
antes de convertirlo en trazos, por si acaso más tarde quisiéramos editar el texto de
nuevo.

Copiar, Pegar y Eliminar Objetos

Inkscape incluye comandos para copiar, pegar y eliminar objetos. Es posible acceder a
este tipo de comandos a través de tres vías: Dentro del menú Edición (ver más adelante),
en la Barra de Comandos (Cortar, Copiar, Pegar y Duplicar), y también en el menú
emergente que aparece al hacer Clic con el Botón Derecho del Ratón sobre la pizarra
(Cortar, Copiar, Pegar, Duplicar y Eliminar).

Portapapeles: Inkscape utiliza el portapapeles del sistema operativo (un espacio de la

memoria del equipo donde se puede almacenar temporalmente la descripción de uno o
más objetos). De esta forma es posible copiar y pegar objetos entre diferentes ventanas
de Inkscape y otras aplicaciones que admitan SVG. Cuando se guarda en
el portapapeles un nuevo objeto o grupo de objetos (una selección), automáticamente se
elimina cualquier otra selección que ya estuviera almacenada previamente en
el portapapeles.

Los comandos disponibles dentro del menú Edición son los siguientes:

 Edición → Cortar ( Ctrl+ X ): Los objetos seleccionados se eliminan del dibujo,

pero son almacenados en el portapapeles.
 Edición → Copiar ( Ctrl+ C ): Una copia de los objetos seleccionados se
almacena en el portapapeles.
 Edición → Pegar ( Ctrl+ V ): Una copia de los objetos almacenados en
el portapapeles se coloca en el dibujo en la posición del cursor en ese momento.
 Edición → Pegar en el sitio ( Ctrl +Alt + V ): Una copia de los objetos
almacenados en el portapapeles se pega en la posición original de los objetos. Este
comando es muy útil para copiar objetos de un dibujo y colocarlos en la misma
posición dentro de otro dibujo.
 Edición → Pegar estilo ( Mayús +Ctrl +V ): Las características de estilo del
objeto almacenado en el portapapeles (es decir, sus atributos de relleno y borde, o
en el caso de un texto, su tipo de letra, tamaño y estilo) se aplican a los objetos del
dibujo que estén seleccionados en ese momento.
 Edición → Duplicar ( Ctrl +D ): Se realiza una copia del objeto seleccionado en
ese momento, y la copia se coloca justo encima del objeto original. La copia queda
seleccionada.
  Modificado en la versión 0.48:

Edición → Crear copia en mapa de bits ( Alt + B ): Los objetos seleccionados se

exportan como un mapa de bits y después, este mapa de bits se pega dentro del
dibujo en la misma posición. Los objetos originales de la selección se mantienen sin
cambios. En la versión 0.47, el mapa de bits exportado NO se guarda dentro del
archivo SVG del dibujo. En la versión 0.48, el mapa de bits es incrustado dentro del
archivo SVG.

El mapa de bits tendrá la resolución especificada en la opción Resolución para

"Crear copia en mapa de bits" de la sección Mapas de bits del cuadro de
diálogo Preferencias de Inkscape. Si la resolución especificada es de 90 ppp (que
es la predeterminada), los píxeles del mapa se ajustarán a la rejilla de píxeles.

 Edición → Eliminar ( Supr o Retroceso): Los objetos seleccionados se

eliminan del dibujo y NO se guardan en el portapapeles.

Si se pulsa la Barra espaciadora mientras se está arrastrando o transformando un

objeto con el ratón, se “dejará caer” en el dibujo una copia de ese objeto en la posición
del cursor en ese momento.

En la siguiente sección se explica otro método para copiar objetos: la clonación.

Clones
La clonación es una manera especial de crear una copia de un objeto. La copia clonada
mantiene un vínculo con el objeto original, de forma que, si se modifica el objeto original,
el clon sufrirá los mismos cambios. Sin embargo, las copias clonadas también se
pueden transformar (mover, cambiar de tamaño, rotar e inclinar) de manera
independiente. Técnicamente, la clonación se consigue mediante el empleo del tipo de
objeto >use< del estándar SVG.

El estilo de los clones (color, patrón de relleno, etc.) se puede cambiar de forma
independiente, pero sólo si el estilo del objeto original se especifica como Indefinido. Ver
la sección “Color de Relleno y Borde ” del Capítulo 10, Atributos .

Con la clonación sólo se pueden crear copias de objetos individuales. Para clonar más de
un objeto a la vez, previamente hay que reunir el conjunto de los objetos dentro de un
mismo Grupo.

El objeto original puede ser clonado cualquier número de veces. También es posible
realizar la clonación de un clon. En este caso, si se modifica el objeto original, ambos
clones sufrirán los mismos cambios; mientras que, si se modifica el primer clon, sólo
sufrirá los cambios el segundo clon. Sin embargo, no es posible fijar de manera
independiente los Atributos en una cadena de múltiples clonaciones sucesivas.
Inkscape tiene la capacidad de “reconectar” clones a un nuevo objeto padre. Para ello,
hay que copiar el nuevo objeto “original” en el portapapeles. Después hay que seleccionar
todos los clones que se desea reconectar, y luego aplicar el
comando Edición → Clonar → Reconectar a copiado. Probablemente los clones sufran un
cambio de posición. En la práctica, esta reconexión solamente cambia el
atributo xlink:href de los clones para que apunte al nuevo objeto “original”.

Inkscape también tiene la capacidad de “reconectar” clones cuando se duplica el objeto

original junto con sus clones. Normalmente, los clones duplicados están vinculados al
objeto original, y el duplicado del objeto original no está conectado con ningún otro. El
funcionamiento de esta duplicación se puede cambiar activando la opción Reconectar
clones duplicados en la sección Clones del cuadro de diálogo Preferencias de Inkscape.
Con esta opción activada, al realizar una duplicación del objeto original y sus clones, las
copias de los clones están conectadas a la copia del objeto original.

Inkscape dispone del cuadro de diálogo Crear clones en mosaico con el que se pueden
crear mosaicos formados por un grupo de objetos clonados que son dispuestos
automáticamente por medio de algoritmos. Este cuadro de diálogo es muy potente y lo
suficientemente complejo para que su explicación merezca su propio capítulo en este
libro. Para más información, ver el Capítulo 19,Mosaicos .

A continuación se detallan los comandos disponibles para trabajar con clones (Crear
clon y Desconectar clon también se pueden ejecutar desde la Barra de Comandos).

 Edición → Clonar → Crear clon ( Alt + D ): Crea el clon de un objeto. El clon se

coloca exactamente encima del objeto original.
 Edición → Clonar → Crear clones en mosaico... : Abre el cuadro de
diálogo Crear clones en mosaico.
 Edición → Clonar → Desconectar clon ( Mayús + Alt + D ): Elimina la conexión
entre el clon y el objeto original. El clon ya no cambiará cuando se modifique el
objeto original.
 Edición → Clonar → Reconectar a copiado: Reconecta los clones seleccionados
de un objeto con un nuevo objeto padre. Para utilizar este comando, primero hay
que copiar el nuevo objetopadre en el portapapeles (Edición →
Copiar ( Ctrl +C )). A continuación, seleccionar los clones que se quiere reconectar,
y después aplicar este comando.
 Edición → Clonar → Seleccionar original ( Mayús + D ): Selecciona el objeto
original de un clon. Este comando es útil para encontrar el objeto original de un
clon. Hay que seleccionar el clon antes de ejecutar el comando. Si la búsqueda
comienza en un clon de un clon, se debe aplicar el comando varias veces de
manera sucesiva para encontrar el objeto original. Durante un segundo aparece
dibujada una línea que conecta el clon con su objeto original.
¿Qué ocurre cuando movemos un objeto original del que se ha creado un clon? De
manera predeterminada, los clones de ese objeto original no se moverán. Esto es así
porque si se selecciona un objeto original junto con uno de sus clones y movemos la
selección, los dos objetos se moverán juntos como es de esperar. En la
sección Clones del cuadro de diálogo Preferencias de Inkscape, se puede cambiar este
funcionamiento de manera que, si movemos el objeto original, sus clones también se
moverán aunque no estén seleccionados. Pero en este caso, si seleccionamos el objeto
original junto con su clon, y después movemos la selección, entonces el desplazamiento
del clon será el doble, como si lo hubiéramos movido “dos veces”, una porque hemos
movido el objeto original, y la otra porque también hemos movido el propio clon con la
selección. Nos podemos encontrar con resultados muy extraños si movemos un objeto
original del que hemos creado un clon, del que a su vez hemos creado otro clon.

Ordenar Objetos (Orden-Z)

La expresión orden-z hace referencia al orden en el que los objetos han sido dibujados en
la pizarra. Aquellos objetos que tienen un orden-z alto, han sido dibujados los últimos, y
por lo tanto se encuentran encima de los objetos que tienen un orden-z más bajo. Este
orden está determinado por el orden en el que los objetos están definidos dentro del
archivo SVG del dibujo.

La estrella amarilla tiene el orden-z más alto en la figura izquierda, pero el más bajo en la
derecha.

Inkscape tiene varios comandos para cambiar el orden-z de los objetos. Estos comandos
se pueden aplicar tanto desde el menú como mediante atajos de teclado. También están
disponibles en la barra de los Controles de Herramienta cuando está activada
la Herramienta Selector.

 Objeto → Elevar ( Re Pág): Mueve el (los) objeto(s) seleccionado(s) un nivel

hacia arriba.
 Objeto → Bajar ( Av Pág ): Mueve el (los) objeto(s) seleccionado(s) un nivel
hacia abajo.
 Objeto → Traer al frente ( Inicio ): Sube el (los) objeto(s) seleccionado(s) hasta
el nivel más alto.
  Objeto → Bajar al fondo ( Fin): Baja el (los) objeto(s) seleccionado(s) hasta el
nivel más bajo.

También se puede utilizar el cuadro de diálogo del Editor XML para cambiar el orden-z de
los objetos. Además, Inkscape tiene una extensión Apilar con la que es posible reordenar
conjuntos de objetos.

Grupos
Un conjunto de objetos se pueden reunir dentro de un Grupo. Una vez que se han
incluido dentro de un Grupo, los objetos se pueden manipular de manera conjunta,
el Grupo funciona como si fuera un único objeto individual. Los Grupos se pueden anidar;
es decir, un Grupo puede estar compuesto por otros Grupos u objetos formando así
un Grupo de un nivel más alto.

Los siguientes comandos se pueden utilizar para hacer y deshacer grupos. Estos
comandos se encuentran tanto en la Barra de Comandos como dentro del menú Objeto.

 Objeto → Agrupar ( Ctrl +G ): Agrupa los objetos seleccionados.

 Objeto → Desagrupar ( Mayús +Ctrl +G)( Ctrl + U ): Desagrupa
el Grupo seleccionado. Desagrupa solo un nivel.

Un método alternativo para deshacer un Grupo es seleccionar la

opción Desagrupar dentro del menú que aparece cuando se hace Clic con el Botón
Derecho del Ratón sobre un Grupo.

Los objetos que están incluidos dentro de Grupos se pueden editar y manipular sin tener
que deshacer el Grupo. Los siguientes comandos sirven para seleccionar objetos que se
encuentran dentro deGrupos.

 Ctrl+ Clic con el Botón Izquierdo del Ratón : Seleccionar Dentro de un Grupo.
Esta combinación de tecla y ratón permite seleccionar un objeto que está dentro de
un Grupo. Con este comando queda seleccionado un solo objeto individual sin
importar el número de Grupos anidados dentro de los cuales pueda estar incluido
dicho objeto.
 Ctrl+ Alt + Clic con el Botón Izquierdo del Ratón : Seleccionar Debajo Dentro de
un Grupo. Con esta combinación de teclas y ratón, se selecciona el objeto bajo del
cursor que está dentro de un Grupo, y que en el orden-z está inmediatamente
debajo del objeto seleccionado en ese momento. Si el objeto seleccionado en ese
momento es el más bajo en el orden-z, entonces quedará seleccionado el objeto
con el orden-z máximo que se encuentre bajo el cursor. Con este comando queda
 seleccionado un solo objeto individual sin importar el número de Gruposanidados
dentro de los cuales pueda estar incluido el objeto.
 Mayús + Ctrl + Alt + Clic con el Botón Izquierdo del Ratón : Activar/Desactivar
Selección dentro de Grupos. Dentro de un Grupo, se añade a la selección un objeto
que no estaba seleccionado, o bien se excluye de la selección un objeto que estaba
incluido en la misma.

Para editar o modificar los objetos que forman un Grupo se puede entrar dentro del
mismo, activándose con ello una Capa temporal. Existen tres métodos para Entrar en un
Grupo y Salir de un Grupo:

 Para entrar dentro de un Grupo hay que hacer un Doble Clic con el Botón
Izquierdo del Ratón sobre un objeto de ese Grupo. Para salir del Grupo hay que
hacer un clic sobre un objeto que no pertenezca al Grupo.
 La combinación de teclas Ctrl + Intro cuando el Grupo está seleccionado nos
permite entrar en el mismo. Por otra parte, si pulsamos las
teclas Ctrl +Retroceso cuando estamos dentro de un Grupo salimos fuera del
mismo. De esta manera, si estamos dentro de una cadena de grupos anidados,
pasamos a un grupo de nivel superior.
 Cuando se hace Clic con el Botón Derecho del Ratón sobre un objeto de
un Grupo aparece un menú con varias opciones. Para entrar en ese Grupo hay que
seleccionar la opción Entrar en el grupo. Dentro del menú, la línea de esa opción
incluye el nombre interno del Grupo en el que se va a entrar. Una vez dentro
del Grupo, si seleccionamos en ese menú la opción Ir al padresaldremos de
dicho Grupo (aunque en la pizarra no se aprecie ninguna señal visible de ello).

Sugerencia

Para añadir un objeto ya existente a un Grupo previamente creado, primero hay que cortar ese objeto
(Edición → Cortar ( Ctrl + X )), después entrar dentro del Grupo( Doble Clic con el Botón
Izquierdo del Ratón ), y luego pegar en el sitio el objeto(Edición → Pegar en el
sitio ( Ctrl + Alt + V )).
Sugerencia

El cuadro de diálogo del Editor XML puede ser muy útil para reorganizar objetos entre diferentes Grupos.

Capas
Las Capas de Inkscape se pueden imaginar como las láminas de acetato que antes se
utilizaban para crear dibujos animados. Cada Capa puede contener uno o más objetos.
La imagen final del dibujo está formada por todas las Capas (visibles) apiladas una
encima de otra. Las Capas se pueden hacer visibles o invisibles, se les puede dar
opacidad, se pueden mover hacia arriba o hacia abajo respecto de las demás Capas,
también se pueden bloquear, eliminar, y además se les puede poner un nombre.

Internamente, las Capas solo son Grupos SVG con unos pocos parámetros extra
específicos de Inkscape, que el programa utiliza para controlar la interfaz de Capa. Como
ocurre con los Grupos, lasCapas también pueden contener sub-Capas.

Las Capas se pueden manejar utilizando el cuadro de diálogo Capas, o por medio de los
comandos incluidos en el menú Capas, o también utilizando algunos de los elementos
incluidos en la Barra de Estado. El cuadro de diálogo Capas también se puede utilizar
para mezclar de forma rápida una Capa con el fondo del dibujo. En la siguiente sección
se dan más detalles sobre este cuadro de diálogo.

Cuadro de diálogo Capas

La forma más sencilla de manejar las Capas es utilizar el cuadro de diálogo Capas. Para
abrir este cuadro de diálogo hay que aplicar el comando Capa →
Capas... ( Mayús + Ctrl + L).

El cuadro de diálogo Capas con la Capa predeterminada.

El cuadro de diálogo muestra una lista con todas las Capas del documento.
La Capa activa, es decir la seleccionada en ese momento, aparece resaltada dentro de la
lista. Al seleccionar en el dibujo un objeto de otra Capa distinta, automáticamente también
queda seleccionada la Capa a la que pertenece dicho objeto. También se puede hacer
clic sobre el nombre de una de las Capas para seleccionarla como Capa activa. Solo
una Capa puede estar seleccionada en cada momento.

A la izquierda del nombre de cada Capa hay dos iconos que muestran si la Capa está
visible ( ) o invisible ( ), y si la Capa está bloqueada ( ) o desbloqueada ( ).
Al hacer clic sobre uno de esos iconos cambia el estado de la Capa correspondiente a
ese icono. No es necesario que una Capa se encuentre seleccionada para poder cambiar
su estado. No es posible seleccionar o modificar objetos que pertenezcan
a Capas bloqueadas o invisibles.

Al hacer Clic con el Botón Derecho del Ratón sobre el nombre de

cualquier Capa aparece un pequeño menú bastante inútil, que contiene opciones para
renombrar, duplicar y añadir una nuevaCapa. La única opción realmente interesante de
este menú es la que permite hacer visibles o invisibles a la vez todas las Capas del
documento excepto la seleccionada en ese momento. Para ello hay que hacer clic sobre
la opción Mostrar/ocultar otras capas.

Los botones situados debajo de la lista de Capas se pueden utilizar para añadir o eliminar
una Capa, y también para mover la Capa seleccionada en ese momento hacia arriba o
hacia abajo respecto al resto de Capas. Una sub-Capa no se puede mover fuera de
la Capa que la contiene, para hacerlo es necesario utilizar el Editor XML.

 : Crear una Capa nueva. Aparece un cuadro de diálogo donde se puede

introducir el nombre de la nueva Capa. Un menú desplegable permite especificar la
posición de la nueva Capa: encima, debajo o como una sub-Capa de
la Capa seleccionada en ese momento.
 : Subir la Capa seleccionada hasta el primer plano.
 : Subir la Capa seleccionada un nivel.
 : Bajar la Capa seleccionada un nivel.
 : Bajar la Capa seleccionada hasta el fondo.
 : Eliminar la Capa seleccionada.

Debajo de esta fila de botones hay un menú desplegable titulado Modo de mezcla. Este
menú permite aplicar de forma rápida el filtro Mezclar a toda la Capa que está
seleccionada. La opciónNormal equivale a la no aplicación de dicho Filtro. Si se
selecciona una de las otras opciones, entonces se aplica un filtro Mezclar de la modalidad
elegida. La primera entrada del filtro es la Capaseleccionada (recuerde que una Capa es
simplemente un Grupo) y la segunda entrada del filtro es la Imagen de fondo. Si en este
menú se vuelve a seleccionar la opción Normal, el filtro Mezclar se elimina
automáticamente.

Demostración de una mezcla de Capa. Los dos textos están en Capas distintas, “Layer
1” debajo de “Layer 2”. Se ha aplicado el Modo de mezclaPantalla a la Capa superior.
En la parte inferior del cuadro de diálogo hay un control deslizante y un recuadro de
entrada que se pueden utilizar para cambiar la opacidad de la Capa seleccionada.

Menú Capa

El menú Capa contiene comandos para crear, renombrar, eliminar y cambiar el orden de
las Capas. Este menú también incluye comandos para mover objetos entre Capas. Los
distintos comandos del menú Capa son los siguientes:

 Capa → Añadir capa... ( Mayús +Ctrl+ N ): Este comando permite crear

una Capa nueva. Aparece un sencillo cuadro de diálogo donde se puede introducir
el nombre de la nueva Capa. También se puede elegir la posición de la
nueva Capa: encima o debajo de la Capa activa en ese momento, o como una sub-
Capa de la misma.
 Capa → Duplicar la capa actual: Duplica la Capa seleccionada en ese momento.
La nueva Capa tendrá el mismo nombre que la original, pero con la palabra
añadida “copia”. Se duplicará toda la Capa con todos sus objetos, incluidos los
ocultos y los bloqueados, así como las sub-Capas de la misma.
 Capa → Renombrar capa... : Con este comando se puede renombrar
la Capa seleccionada. Se abre un sencillo cuadro de diálogo que permite cambiar el
nombre de la Capa. No es necesario que los nombres de las Capas sean únicos.
 Capa → Ir a la capa superior ( Ctrl +Re Pág ): Selecciona la siguiente Capa por
encima de la Capa activa en ese momento.
 Capa → Ir a la capa inferior ( Ctrl + Av Pág ): Selecciona la siguiente Capa por
debajo de la Capa activa en ese momento.
 Capa → Mover la selección a la capa superior a la actual ( Mayús + Re Pág):
Mueve el (los) objeto(s) seleccionado(s) a la siguiente Capa por encima de
la Capa activa en ese momento.
 Capa → Mover la selección a la capa inferior a la actual ( Mayús + Av Pág ):
Mueve el (los) objeto(s) seleccionado(s) a la siguiente Capa por debajo de
la Capa activa en ese momento.
 Capa → Elevar capa ( Mayús + Ctrl +Re Pág ): Sube la Capa seleccionada un
nivel, colocándola encima de la Capa superior.
 Capa → Bajar capa ( Mayús +Ctrl + Av Pág ): Baja la Capa seleccionada un
nivel, colocándola debajo de la Capa inferior.
 Capa → Traer la capa al frente ( Mayús + Ctrl+ Inicio ): Sube
la Capa seleccionada hasta el primer plano.
 Capa → Bajar capa al fondo ( Mayús + Ctrl + Fin): Baja la Capa seleccionada
hasta el fondo.
 Capa → Borrar la capa actual: Elimina la Capa seleccionada.
 Capa → Capas... ( Mayús + Ctrl + L ): Abre el cuadro de diálogo Capas.
Barra de Estado

La Barra de Estado incluye un menú desplegable que permite seleccionar la Capa activa.
Los dos iconos situados a la izquierda de dicho menú indican si la Capa está visible o
invisible, y si está bloqueada o desbloqueada (ver la sección “Cuadro de diálogo Capas”).
Se puede cambiar el estado de la Capa activa haciendo clic sobre cada uno de estos
iconos.

Capítulo 5. Situar y Transformar

Tabla de contenidos

 Las Coordenadas de Inkscape

 Transformaciones
 Ajustar
 Alinear y Distribuir Objetos

Inkscape dispone de varios métodos y herramientas para situar objetos en el dibujo con el
grado de precisión que sea necesario. Entre estas herramientas se encuentran
las Rejillas y Líneas Guíaque se pueden activar en la pantalla, de manera que podemos
alinear y ajustar los objetos a las mismas. Inkscape también tiene cuadros de diálogo
para mover objetos individuales o para alinear entre sí varios objetos. Por otro lado, el
cuadro de diálogo Crear clones en mosaico permite distribuir y ordenar un grupo de
clones de un objeto. Otros recursos permiten transformar un objeto: cambiar su tamaño,
inclinarlo o girarlo. Este capítulo comienza con una sección donde se explica el sistema
de coordenadas que utiliza Inkscape. A continuación se describe la forma en
que Inkscapedefine las transformaciones de un objeto. En el resto del capítulo se explican
los diferentes comandos y cuadros de diálogo que se pueden utilizar para transformar
objetos.

Un punto clave que se debe saber es que al transformar un objeto con Forma Regular o
un Grupo de objetos mediante los métodos descritos en este capítulo (generalmente) no
cambia la descripción subyacente de esos objetos. Por ejemplo, supongamos que
tenemos una elipse con una anchura de 100 píxeles, pero necesitamos que tenga un
ancho de 50 píxeles. Hay dos maneras distintas para conseguir la anchura requerida. La
primera es reducir el tamaño del objeto en un 50% en la dirección horizontal (x). La
definición interna de la anchura de la elipse sigue siendo de 100 píxeles, pero cuando el
programa dibuja la elipse aplica un factor de escala del 50% en la dirección horizontal. La
segunda manera de cambiar la elipse es usar la Herramienta Elipse para cambiar su
tamaño. En este caso, la descripción subyacente de la elipse cambia y no se aplica
ningún factor de escala al dibujar la elipse.

Una excepción a esta regla es el caso de los objetos Rectángulo. Inkscape, de manera
predeterminada, tratará de cambiar la descripción interna de un rectángulo cuando a este
le aplique una transformación simple. Este comportamiento se puede modificar en la
ficha Transformaciones del cuadro de diálogo Preferencias de Inkscape (Archivo →
Preferencias de Inkscape...( Mayús + Ctrl + P)). Para ello hay que marcar la
opción Conservado en el apartado Guardar transformación.

Hay que tener en cuenta que en el caso de los Trazos, los puntos individuales se
transforman (a menos que en el apartado Guardar transformación se haya elegido la
opción Conservado, como se ha indicado en el párrafo anterior).

Las Coordenadas de Inkscape

Para poder aprovechar al máximo las herramientas que tiene Inkscape para situar los
objetos en el dibujo, antes es necesario comprender el modo en que el programa maneja
las coordenadas. Cuando se abre la ventana principal de Inkscape, de forma
predeterminada aparecen unas Reglas en el borde superior y en el lado izquierdo de la
pizarra (ver la sección “Componentes de la Ventana de Inkscape ”). Las unidades de
estas Reglas son las mismas que las unidades predeterminadas de la pizarra. Si el cursor
se coloca sobre una de las Regla, aparecerá una nota emergente en la que se muestran
las unidades activas en ese momento. La unidad predeterminada se puede cambiar por
medio del cuadro de diálogo Propiedades del documento (Archivo → Propiedades del
documento... ( Mayús + Ctrl +D )). Las opciones disponibles para elegir las unidades del
sistema de coordenadas son las siguientes:

Cm Centímetros

Ft Pies

In Pulgadas

M Metros

Mm Milímetros

Pc Picas

Pt Puntos

Px Píxeles

La conversión entre estas unidades es bastante sencilla: 1 pulgada = 1/12 ft = 2.54 cm =

25.4 mm = 0.0254 m = 6 pc = 72 pt. El valor de la unidad píxel (px) se puede ajustar
mediante la opciónResolución de exportación predeterminada incluida en la
ficha Importar/Exportar del cuadro de diálogo Preferencias de Inkscape (Archivo →
Preferencias de Inkscape... ( Mayús + Ctrl + P )). El píxel también es equivalente a la User
Unit en la especificación SVG. Inkscape se encarga de las conversiones cuando se
realiza un cambio de unidades. Nota: Los pies (ft) y los metros (m) no son unidades
definidas en las especificaciones SVG y CSS.

Varios parámetros de Inkscape se pueden definir usando unidades diferentes. Por

ejemplo, la escala x predeterminada puede fijarse en milímetros, mientras que
la Rejilla de alineamiento puede estar definida en pulgadas.

Un aspecto algo confuso del programa es que Inkscape utiliza internamente una escala
diferente. Sobre la pizarra, las coordenadas x e y aumentan al movernos hacia la derecha
y hacia arriba. Sin embargo, internamente la coordenada y esta dada la vuelta de acuerdo
con el estándar SVG. Por lo tanto, la posición del origen (0, 0) está definida internamente
en la esquina superior izquierda de la página, aunque en la pizarra está definida en la
esquina inferior izquierda de la ventana de la pizarra. La escala interna predeterminada
está fijada en 90 ppp. Esta escala interna es importante si se quiere editar a mano un
objeto utilizando el Editor XML.

Hay dos campos que compiten entre sí sobre la forma en que se deben definir los
ángulos. Afortunadamente, para evitar discordias Inkscape admite ambas definiciones
mediante la opción Mostrar los ángulos como en una brújula incluida en la ficha Pasos del
cuadro de diálogo Preferencias de Inkscape (Archivo → Preferencias de
Inkscape... ( Mayús + Ctrl + P ))

Las dos definiciones de ángulo. Izquierda: La definición de los matemáticos

(predeterminada). Derecha: La definición de los geógrafos.

Transformaciones
Sobre los objetos dibujados se pueden aplicar diversos tipos de transformaciones que
nos permiten moverlos, cambiar su tamaño, girarlos, inclinarlos y
reflejarlos. Inkscape dispone de diferentes métodos para realizar estas transformaciones.
Estos métodos implican el manejo de diferentes herramientas como: el ratón, el teclado,
los botones de la barra de Controles de Herramientas, el Menú Objeto, el cuadro de
diálogo Transformar, los comandos Pegar tamaño, y el cuadro de diálogo Editor XML. En
esta sección se explican cada uno de estos métodos por separado. La aplicación de
cualquiera de los métodos siempre comienza con la selección el objeto o grupo de
objetos que se quiere transformar. Para realizar las transformaciones con el ratón o el
teclado, debe estar activada la Herramienta Selector. Para activar esta herramienta, hay
que hacer clic sobre el icono de la Caja de Herramientas, o bien usar el atajo de
teclado (F1) .

Antes de continuar, es necesario comentar algunos puntos importantes:

Primero, algunas operaciones de transformación manejan píxeles SVG, mientras que

otras usan Píxeles de pantalla. Los píxeles SVG son las unidades utilizadas en el
archivo SVG. Esta escala interna está fijada (de forma predeterminada) en 90 ppp. Por
otra parte, los Píxeles de pantalla se refieren a un píxel de la pantalla, por lo que sus
dimensiones (respecto al propio dibujo) cambian con el nivel del zoom aplicado.

Segundo, las posiciones y dimensiones a menudo están referidas a la caja de

contorno de un objeto o grupo de objetos. En la sección Herramientas del cuadro de
diálogo Preferencias de Inkscape(Archivo → Preferencias de
Inkscape... ( Mayús + Ctrl + P )) se puede escoger entre dos definiciones de caja de
contorno. La Caja de contorno visual incluye la anchura del borde del objeto, si el borde
es visible. Por ejemplo, un cuadrado de 100 píxeles de lado (entre los nodos de las
esquinas) tendrá una anchura de 102 píxeles si la anchura del borde es de 2 píxeles.
Además, la Caja de contorno visual incluye también a los Marcadores, y asume que los
estilos de la Unión y de la Punta del Borde del objeto son Redondos. En cambio, con la
opción Caja de contorno geométrica, solo se consideran los nodos de un objeto para
definir las dimensiones de su caja de contorno.

Las líneas discontinuas indican los límites de las cajas de contorno correspondientes a un
mismo trazo con Marcadores. Izquierda: Caja de contorno visual. Derecha: Caja de
contorno geométrica.

Tercero, como ya se ha indicado en la introducción de este capítulo, las

transformaciones NO cambian la definición subyacente de los objetos de forma regular o
de objetos agrupados (con la excepción de las transformaciones simples de
objetos Rectángulo cuando en el parámetro Guardar transformación está seleccionada la
opción Optimizado).

Cuarto, cuando la Herramienta Selector se está utilizando, existen varias opciones que se
pueden activar y desactivar en la barra de Controles de Herramienta. Las siguientes
opciones se encuentran activadas cuando su icono correspondiente aparece resaltado:
  Al cambiar de tamaño un objeto, también cambia la anchura de los bordes del
objeto en la misma proporción.
 Al cambiar de tamaño un rectángulo, también cambian en la misma proporción
los radios de las esquinas redondeadas del rectángulo.
 Al transformar un objeto, también se transforman los degradados que contenga
ese objeto (en su relleno o en sus bordes).
 Al transformar un objeto, también se transforman los patrones que contenga el
objeto (en su relleno o en sus bordes).

Quinto, las rotaciones e inclinaciones se realizan alrededor de un punto especial

llamado Centro de rotación. Este punto está representado mediante un tirador en forma
de signo + que se puede arrastrar, y que es visible cuando se utiliza la Herramienta
Selector en el modo de rotación o inclinación. La siguiente sección contiene información
más detallada sobre este punto.
Transformaciones con el Ratón

Traslaciones

El ratón se puede utilizar en combinación con las teclas Mayús , Ctrl y Alt :

 Arrastre con el Botón Izquierdo del Ratón : Se selecciona un objeto (si no

estuviera ya seleccionado) y se mueve el mismo. O bien se mueven todos los
objetos seleccionados si el arrastre comienza en cualquier objeto de los
seleccionados.
 Alt + Arrastre con el Botón Izquierdo del Ratón : Se mueven el objeto u objetos
seleccionados sin importar el punto donde comience el movimiento de arrastre. No
queda seleccionado el objeto que esté situado en el punto donde comience el
arrastre.
 Ctrl+ Arrastre con el Botón Izquierdo del Ratón : Se mueve(n) el (los) objeto(s)
seleccionado(s) pero solamente en dirección horizontal o vertical.
 Mayús + Arrastre con el Botón Izquierdo del Ratón : Se desactivan
temporalmente los ajustes tanto a las Rejillas como a las Líneas Guía.

Cambio de tamaño, Rotación e Inclinación

Cuando se seleccionan uno o varios objetos, aparecen ocho flechas de doble punta en
los bordes de un rectángulo que rodea a la selección. Al realizar un Arrastre con el
Botón Izquierdo del Ratón desde cualquiera de esos tiradores, se cambia el tamaño de
los objetos seleccionados. Con las flechas situadas en las esquinas se cambia el tamaño
tanto en la dirección vertical (y) como en la horizontal (x). Con las flechas de los lados
solo se cambia el tamaño en una dirección.
Izquierda: Flechas de cambio de tamaño. Derecha: Flechas de rotación en las esquinas y
flechas de inclinación en los lados. El signo + en el centro del cuadrado a la derecha es el
tirador del Centro de rotación.

Al hacer un segundo clic sobre un objeto ya seleccionado, o bien usando el atajo de

teclado Mayús + S , cambia la dirección de las flechas con doble punta. En este otro
modo, un movimiento de Arrastre con el Botón Izquierdo del Ratón desde una flecha
de las esquinas producirá una rotación de la selección. Si el arrastre lo hacemos desde
una de las flechas laterales, conseguiremos una inclinación de la selección. Para
recuperar las flechas en el modo de cambio de tamaño hay que hacer otro clic sobre la
selección.

Centro de Rotación. Las rotaciones se realizan alrededor del llamado Centro de

rotación que está representado por un tirador con la forma del signo +. La posición del
tirador (y por lo tanto, del centro de rotación) se puede cambiar arrastrando del tirador. Si
se arrastra manteniendo pulsada la tecla Ctrl el movimiento estará limitado a las
direcciones horizontal o vertical. El tirador se ajustará al borde de la caja de contorno o al
eje central de la caja de contorno de la selección. El tirador también se ajustará a
la Rejilla o a las Líneas Guía si está activado el ajuste de nodos a dichos elementos. Los
movimientos del tirador del Centro de rotación se pueden deshacer mediante la
combinación de teclas ( Ctrl + Z ). Si se mantiene pulsada la tecla Mayús mientras se
hace clic sobre el tirador del Centro de rotación, el tirador recupera su posición original en
el centro de la caja de contorno. La posición relativa del Centro de rotación no cambia
cuando un objeto se mueve, se cambia su tamaño, se duplica, se clona o se convierte en
trazos. Tampoco cambia entre diferentes sesiones de edición.

Cuando se seleccionan varios objetos, el Centro de rotación de la selección será el centro

de rotación del primer objeto seleccionado si su centro ha sido desplazado de su posición
predeterminada. En otro caso, el centro de rotación de la selección será el centro de
la caja de contorno de todos los objetos seleccionados.

Las teclas Mayús , Ctrl y Alt se pueden utilizar en combinación con el movimiento
de Arrastre con el Botón Izquierdo del Ratón para realizar cambios de tamaño,
rotaciones o inclinaciones.
Cambio de Tamaño

 Ctrl : Se mantiene constante la proporción entre la anchura y la altura del objeto.

 Mayús : Se cambia el tamaño del objeto de manera simétrica alrededor del centro
de la selección.
 Alt : El aumento del tamaño del objeto está restringido a un factor entero (2, 3, 4,
...). La reducción del tamaño del objeto está limitada a una fracción simple (1/2, 1/3,
1/4, ...). También están permitidos valores negativos (es decir, reflejar el objeto
respecto al borde de la caja de contorno).

Rotación e Inclinación

 Ctrl : La rotación o inclinación está restringida a un múltiplo del Ángulo de ajuste

rotacional. También permite estirar el objeto en la dirección ortogonal a la
inclinación. Este aumento de tamaño está limitado a múltiplos de la anchura o la
altura de la caja de contorno del objeto.
 Mayús : En las rotaciones se mantiene fija la esquina opuesta del objeto, y en las
inclinaciones se mantiene fijo el lado opuesto. (Esto es lo contrario de lo que ocurre
en los cambios de tamaño.)

Transformaciones con el Teclado

Mediante el teclado podemos mover, cambiar de tamaño, rotar o reflejar una selección
(pero no es posible realizar inclinaciones). Para algunas combinaciones de teclas, la
magnitud de la transformación está determinada por ciertos parámetros (como por
ejemplo, el Factor de desplazamiento) que se pueden fijar en la sección Pasos del cuadro
de diálogo Preferencias de Inkscape(Archivo → Preferencias de
Inkscape... ( Mayús + Ctrl + P )).

Traslaciones

 Flechas : El objeto u objetos seleccionados se mueven una unidad del Factor de

desplazamiento (por defecto 2 píxeles SVG).
 Mayús + Flechas : El objeto u objetos seleccionados se mueven 10 veces la unidad
del Factor de desplazamiento.
 Alt + Flechas : El objeto u objetos seleccionados se mueven 1 Píxel de pantalla.
 Alt + Mayús + Flechas : El objeto u objetos seleccionados se mueven 10 Píxel de
pantalla.

Cambio de Tamaño

Los cambios de tamaño se realizan centrados respecto al punto central de la caja de

contorno de la selección.
  . , > : Los objetos seleccionados aumentan de tamaño un Paso de escala (cuyo
valor predeterminado es de 2 píxeles SVG).
 , , < : Los objetos seleccionados disminuyen de tamaño un Paso de escala (por
defecto, 2 píxeles SVG).
 Ctrl+ . , o bien Ctrl +> : El tamaño de los objetos seleccionados aumenta hasta el
200%.
 Ctrl+ , , o bien Ctrl +< : El tamaño de los objetos seleccionados disminuye hasta el
50%.
 Alt + . , o bien Alt + > : El tamaño de los objetos seleccionados aumenta 1 Píxel de
pantalla. Factor de escala = 1 píxel de pantalla/distancia desde el centro de la caja
de contorno hasta el borde más lejano.
 Alt + , , o bien Alt + < : El tamaño de los objetos seleccionados disminuye 1 Píxel de
pantalla.

Rotación

El eje de las rotaciones es el Centro de rotación. Atención: para que las siguientes
combinaciones de teclas funcionen, se debe elegir el inglés como idioma del teclado
antes de abrir Inkscape.

 [ : Los objetos seleccionados sufren un giro en sentido antihorario de amplitud igual

al Ángulo de ajuste rotacional (cuyo valor predeterminado es de 15 grados).
 ] : Los objetos seleccionados sufren un giro en sentido horario de amplitud igual
al Ángulo de ajuste rotacional.
 Ctrl+ [ : Los objetos seleccionados giran 90 grados en sentido antihorario.
 Ctrl+ ] : Los objetos seleccionados giran 90 grados en sentido horario.
 Alt + [ : Los objetos seleccionados giran 1 Píxel de pantalla en sentido antihorario
(ángulo de giro = arctan[1 Píxel de pantalla dividido entre la distancia desde el
centro hasta la esquina de lacaja de contorno]).
 Alt + ] : Los objetos seleccionados giran 1 Píxel de pantalla en sentido horario.

Reflexión

Las reflexiones de objetos se realizan respecto al punto central de la caja de contorno si

la selección está en el modo de cambio de tamaño. Si se encuentra en el modo
de rotación/inclinación, la reflexión se produce respecto a la línea horizontal o vertical que
pasa por el Centro de rotación. Las siguientes teclas funcionan siempre sin importar la
herramienta que se encuentre activa en ese momento.

 H : Reflexión horizontal.
 V : Reflexión vertical.
Transformaciones con la Barra de Controles de Herramienta

La barra de Controles de Herramienta contiene diversos botones para transformar un

objeto cuando la Herramienta Selector está activada. Un objeto se puede trasladar
utilizando las casillas X e Y. El tamaño de un objeto también se puede cambiar usando
las casillas de anchura (W) y de altura (T). Las medidas introducidas en esas casillas
están expresadas en la unidad de longitud que se escoja en el menú desplegable situado
justo a la derecha de estas casillas. Se puede conseguir que la proporción entre la
anchura y la altura de un objeto permanezca fija haciendo clic sobre el icono del candado,
de esta forma al modificar una de las dimensiones del objeto, la otra cambia
automáticamente. En esta barra también hay botones para realizar rotaciones y
reflexiones de objetos.

Transformaciones con el Menú Desplegable Objeto

El menú desplegable Objeto contiene cuatro opciones que permiten realizar rotaciones y
reflexiones de objetos:

 Objeto → Rotar 90º a la derecha

 Objeto → Rotar 90º a la izquierda
 Objeto → Reflejo Horizontal ( H )
 Objeto → Reflejo Vertical ( V)

Transformaciones con el Cuadro de Diálogo Transformar

Los objetos también se pueden mover, cambiar de tamaño, rotar e inclinar utilizando el
cuadro de diálogo Transformar (Objeto → Transformar... ( Mayús + Ctrl +M )). Este
cuadro de diálogo contiene una ficha diferente para realizar cada una de estas
transformaciones. Además dispone de una ficha titulada Matriz con la que se puede
aplicar una Matriz de Transformación a los objetos seleccionados.

En el cuadro de diálogo Transformar hay una opción para aplicar la transformación

escogida a toda la selección como un grupo, o bien aplicarla individualmente a cada uno
de los objetos de la selección. (Esta opción no tiene efecto en la ficha Matriz). Este
cuadro de diálogo también tiene un botón Limpiar para reiniciar los valores de la
transformación a sus valores predeterminados.

Dos cuadrados (izquierda) transformados mediante una rotación como un grupo (centro)
o por separado (derecha).
Ficha Mover

Mediante la ficha Mover podemos aplicar traslaciones a un objeto.

Ficha Mover.

Si la casilla Movimiento relativo está marcada, la traslación especificada se aplica al

objeto en relación a su posición actual. Si esa casilla no está marcada, la esquina inferior
izquierda de la caja de contorno de los objetos seleccionados se moverá hasta las
coordenadas introducidas en esta ficha.

Si se marca la casilla de la opción Aplicar a cada objeto por separado, y se aplica un

desplazamiento positivo a un grupo de objetos, estos se moverán de forma que
aparecerán más separados. En cambio, si se aplica un desplazamiento negativo los
objetos aparecerán más juntos. Por ejemplo, al desplazar objetos horizontalmente, el
objeto situado más a la izquierda se mueve la medida especificada, el siguiente objeto a
la derecha se mueve dos veces esa medida, el siguiente objeto se mueve tres veces la
medida, y así sucesivamente. El algoritmo utiliza el borde izquierdo de lascajas de
contorno para el movimiento horizontal, y el borde inferior de las cajas de contorno para el
movimiento vertical. Aunque los bordes izquierdos de dos objetos tengan misma posición
horizontal, los dos objetos se moverán con desplazamientos diferentes.

Ejemplos de la aplicación un desplazamiento horizontal positivo con la opción Aplicar a

cada objeto por separado activada y desactivada. La magnitud del desplazamiento es la
mitad de la anchura de un cuadrado. Arriba: Situación inicial de los cuadrados. En medio:
Desplazamiento con la opción desactivada. Abajo: Desplazamiento con la opción
activada.
Ficha Escalar

La ficha Escalar permite realizar cambios en el tamaño de un objeto.

 Ficha Escalar.

Los cambios en el tamaño de un objeto se realizan respecto al centro de su caja de

contorno. Si se marca la casilla de la opción Escalar proporcionalmente, entonces los
cambios de tamaño se realizan manteniéndose constante la proporción entre la anchura y
la altura del objeto. Hay que tener en cuenta que aplicar un factor de escala del 100%
equivale no modificar el tamaño del objeto.

Ficha Rotar

Utilizando la ficha Rotar podemos aplicar rotaciones a un objeto.

Ficha Rotar.

Las rotaciones aplicadas a un objeto se realizan respecto a su Centro de rotación. Con

valores positivos del ángulo se aplican rotaciones en sentido antihorario y a la inversa.

Ficha Inclinar

Mediante la ficha Inclinar se puede inclinar un objeto.

 Ficha Inclinar.

Es posible inclinar un objeto en las direcciones vertical y horizontal por separado. Las
inclinaciones se realizan respecto al centro de la caja de contorno del objeto. La magnitud
de la inclinación se puede especificar como una distancia, un porcentaje o un ángulo. En
todos los casos, la inclinación se realiza respecto al tamaño de la caja de contorno del
objeto.

Ejemplos de distintas inclinaciones horizontales aplicadas a una caja de contorno de 100

píxeles de ancho por 50 píxeles de alto con su Centro de rotación situado en el centro de
la caja de contorno:

 Distancia de 20 píxeles: El borde superior de la caja se desplaza 10 px (la mitad de

los 20 px) hacia la derecha, y el borde inferior se desplaza 10 px hacia la izquierda.
 Porcentaje del 20%: El borde superior se desplaza 5 px (la mitad del 20% de la
altura de la caja) hacia la derecha, y el borde inferior se desplaza 5 px hacia la
izquierda.
 Ángulo de 30°: El borde superior se desplaza 14.4 px (tan(30°) × 50 px × 0.5) hacia
la izquierda (los ángulos positivos están definidos en el sentido de giro antihorario),
y el borde inferior se desplaza 14.4 px hacia la derecha.

Nota: Si la inclinación se aplica a un objeto que no es un rectángulo, el centro de la

nueva caja de contorno del objeto no coincidirá necesariamente con el centro de la caja
de contorno original.

Ficha Matriz

Con la ficha Matriz es posible aplicar una transformación genérica a un objeto.

 Ficha Matriz.

La transformación se describe en esta ficha mediante una Matriz de Transformación 3 ×

3, de la cual solamente se muestran las dos filas superiores que podemos modificar para
especificar una transformación concreta. Con la submatriz 2 × 2 superior izquierda (A, B,
C, y D) se controlan el cambio de tamaño, la rotación y la inclinación del objeto, mientras
que con la columna derecha (E y F) se definen sus movimientos de traslación.

Esta ficha incluye la opción Editar la matriz actual. Si la casilla de esta opción no está
marcada, la matriz introducida en la ficha post-multiplicará a la matriz de transformación
previamente existente. En cambio, si la casilla está marcada, la matriz introducida en la
ficha sustituirá a la matriz de transformación previamente existente.

Hay dos puntos importantes que es conveniente señalar: Primero, la matriz de

transformación se aplica con respecto al punto (0,0) en las coordenadas de pantalla si la
opción Editar la matriz actualno está activada. Si activamos esta opción, la transformación
se aplica con respecto al Sistema de Coordenadas del Usuario. Si la transformación se
aplica a un objeto que no está incluido dentro de un Grupo, ese sistema de coordenadas
es equivalente al sistema de coordenadas SVG (Initial View Port) donde el origen está
situado en la esquina superior izquierda de la página. Para más detalles sobre este punto,
consultar las especificaciones del estándar SVG al respecto.

Segundo, si el parámetro Guardar transformación que se encuentra dentro de la

sección Transformaciones del cuadro de diálogo Preferencias de Inkscape está definido
con la opción Optimizado,Inkscape modificará internamente la matriz y otros parámetros
del objeto para que los valores internos de los términos E y F sean cero. Esto significa,
por ejemplo, que para una inclinación horizontal de un rectángulo, el valor del parámetro
interno de su altura puede cambiar. Sin embargo, la representación del objeto tendrá el
aspecto correcto.

Transformaciones con los Comandos Pegar Tamaño

Los comandos que contiene el submenú Edición → Pegar tamaño se pueden utilizar para
cambiar el tamaño de una selección, o para que el tamaño de los objetos dentro de una
selección se ajuste a la anchura y/o a la altura de otra selección que se encuentre
almacenada en el portapapeles. Para aplicar estos comandos, primero hay que copiar (o
cortar) una determinada selección con las dimensiones deseadas para almacenarla en
el portapapeles. Después hay que seleccionar el objeto u objetos que nos interese
transformar y por último, aplicar uno los siguientes comandos.

Con los tres primeros comandos se cambia el tamaño de una selección de manera global
para que coincida con el tamaño del objeto almacenado en el portapapeles, mientras que
con los tres últimos comandos se cambia individualmente el tamaño de cada uno de los
objetos de la selección para que coincida con el tamaño del objeto almacenado en el
portapapeles. Las dimensiones están determinadas por las cajas de contorno. El botón
del candado de cambio de tamaño proporcional ( / ) que está situado en la barra
de controles de la Herramienta Selector permite controlar en algunos casos la manera en
que se transforman la anchura y altura de los objetos.

 Edición → Pegar tamaño → Pegar tamaño: La selección cambia de tamaño de

manera que su caja de contorno coincide con la de la selección que esté
almacenada en el portapapeles. El cambio de tamaño se realiza centrado en el
punto medio de la caja de contorno de la selección.
 Edición → Pegar tamaño → Pegar ancho: Cambia el tamaño de la selección de
manera que la anchura de su caja de contorno coincide con la anchura de la
selección que esté guardada en elportapapeles. La altura de la selección no se
modifica si el candado de cambio de tamaño proporcional está desactivado; en
caso contrario, la altura de la selección cambia en la misma proporción que su
anchura.
 Edición → Pegar tamaño → Pegar altura: La selección cambia de tamaño de
manera que la altura de su caja de contorno coincide con la altura de la selección
que esté almacenada en elportapapeles. La anchura de la selección no se modifica
si el candado de cambio de tamaño proporcional está desactivado; en caso
contrario, la anchura de la selección cambia en la misma proporción que su altura.
 Edición → Pegar tamaño → Pegar los tamaños por separado: Cada uno de los
objetos de la selección cambia su tamaño de manera que su caja de
contorno coincide con el de la selección que esté guardada en el portapapeles. El
cambio de tamaño de cada objeto se realiza centrado en el punto medio de la caja
de contorno de cada uno de ellos.
 Edición → Pegar tamaño → Pegar ancho por separado: Cada uno de los objetos
de la selección cambia su tamaño de manera que la anchura de su caja de
contorno coincide con la anchura de la selección que esté almacenada en
el portapapeles. Las alturas de cada uno de los objetos no se modifican si
el candado de cambio de tamaño proporcional está desactivado; en caso contrario,
las alturas de cada objeto cambian en la misma proporción que sus anchuras
correspondientes.
 Edición → Pegar tamaño → Pegar altura por separado: Cada uno de los objetos de
la selección cambia su tamaño de manera que la altura de su caja de
contorno coincide con la altura de la selección que esté guardada en
el portapapeles. Las anchuras de cada uno de los objetos no se modifica si
el candado de cambio de tamaño proporcional está desactivado; en caso contrario,
 las anchuras de cada objeto cambian en la misma proporción que sus alturas
correspondientes.

Transformaciones con el Editor XML

El cuadro de diálogo del Editor XML (Edición → Editor XML... ( Mayús + Ctrl + X ))
permite tener el control completo de una transformación. Al seleccionar un objeto en la
ventana del dibujo, en el cuadro de diálogo del Editor XML aparecerán los atributos de
ese objeto. Cualquier transformación que se haya aplicado a un objeto está descrita
dentro del atributo transform. Dentro de este atributo, la transformación puede aparecer
definida como uno de estos
tipos: “translate”, “scale”, “rotate”, “skewX”, “skewY” o “matrix”. En la mayoría de los
casos, la transformación aparecerá como del tipo “matrix”. Una entrada del
tipo matrix contiene la Matriz de Transformación en el orden (A, B, C, D, E, F) donde los
elementos (ACE) forman la primera fila de la matriz.

Un punto que hay que resaltar es que esta matriz describe la transformación de un objeto
con respecto al Sistema de Coordenadas del Usuario. Si el objeto no está incluido dentro
de un Grupo, ese sistema de coordenadas es equivalente al sistema de
coordenadas SVG (Initial View Port) donde el origen está situado en la esquina superior
izquierda de la página (al contrario que en el sistema de coordenadas de la pantalla cuyo
origen está situado en la esquina inferior izquierda de la página). Para más detalles,
consultar las especificaciones del estándar SVG al respecto.

Ajustar
Para facilitar la colocación de objetos en la pizarra de forma precisa, un objeto se
puede ajustar a un elemento que actúa como diana del objeto. Ese elemento diana puede
ser un punto de otro objeto del dibujo, una línea de la Rejilla, el borde de la página, o
una Línea Guía. El ajuste se produce cuando algún punto definido del objeto, el llamado
punto de ajuste, se encuentra cerca de un elemento diana. Para especificar un
determinado Ajuste hay que definir los dos componentes del mismo: por un lado el punto
de ajuste, y por otro el elemento que va a actuar como diana. Generalmente, la
especificación de estos dos componentes se realiza mediante la Barra de Controles de
Ajuste. En los ejemplos desarrollados en el primer capítulo del libro ya se ha explicado
cómo realizar algunos ajustes de objetos.

Al definir un ajuste, se puede especificar que el ajuste se realice siempre, o solamente

cuando un punto de ajuste esté a menos de cierta distancia fijada (la Distancia de Ajuste)
del elemento diana. Esta Distancia de Ajuste se puede especificar en la ficha Ajustar del
cuadro de diálogo Propiedades del documento.
 Ficha Ajustar del cuadro de diálogo Propiedades del documento.

Cuando un punto de ajuste se acopla a un elemento diana, aparece una pequeña aspa
roja en el sitio del ajuste. Junto a esta señal, un mensaje indica cuál es el punto de ajuste
y el elemento diana que han intervenido en ese ajuste. La aparición de este indicador se
puede desactivar en la sección Ajuste del cuadro de diálogo Preferencias de
Inkscape dejando sin marcar la casilla de la opciónActivar indicador de ajuste.

Esta misma sección Ajuste del cuadro de diálogo Preferencias de Inkscape también
contiene las siguientes opciones:

 Retardo (en ms): Esta opción permite establecer tiempo de retardo entre el instante
en que el cursor detiene su movimiento y el instante en que el ajuste se realiza.
Esta opción es útil si existen próximos muchos elementos diana de ajuste (por
ejemplo, en el caso de una Rejilla).
 Solo ajustar el nodo más próximo al puntero: Si esta opción está activada,
únicamente se utiliza un nodo como punto de ajuste para el elemento diana
correspondiente. Este nodo aparecerá resaltado mientras se arrastra el objeto. Esta
 opción es útil si un objeto tiene muchos puntos de ajuste. Nota: si un objeto tiene
demasiados nodos, y esta opción se encuentra desactivada, se utilizará
una “envolvente convexa” [9] para realizar el ajuste.
 Factor de peso: Si existen distintas posibilidades de ajuste, el valor de este
parámetro determina si para realizar el ajuste se prefiere usar la distancia más corta
entre un punto de ajuste y el elemento diana (valor 0.0), o si se prefiere usar el
punto de ajuste que esté más cercano al cursor (valor 1.0).

Ajustar Objetos

En esta sección se explica la definición de los puntos de ajuste y los elementos diana
asociados con el ajuste de objetos. La definición de las Líneas Guía y las Rejillas como
elementos diana de ajustes se explica en las secciones siguientes.

La Barra de Controles de Ajuste incluye varios iconos sobre los que se puede hacer clic
para activar y desactivar diferentes tipos de puntos de ajuste y de elementos diana de
ajustes. Esta barra está dividida en cuatro secciones. La primera sección tiene un solo
icono ( ) para activar o desactivar globalmente los ajustes (incluidos los ajustes a
las Líneas Guía y a las Rejillas). La segunda sección corresponde al ajuste de/a puntos
definidos por las cajas de contorno de los objetos. La tercera sección contiene diferentes
opciones para el ajuste a/de nodos y tiradores. La última sección tiene iconos para activar
y desactivar el ajuste a los bordes de la página, a las Líneas Guía y a las Rejillas. Hay
que tener en cuenta que el ajuste de cajas de contorno es independiente de el ajuste de
nodos (es decir, un nodo no puede ajustarse directamente a un punto de una caja de
contorno y viceversa). Sin embargo, tanto las cajas de contorno como los nodos se
pueden ajustar al borde de la página, a las Líneas Guía y a las Rejillas.

La sección para el ajuste de elementos de caja de contorno incluye los siguientes iconos
para activar y desactivar opciones:

 : Ajustar esquinas de cajas de contorno. Control global para el ajuste de cajas

de contorno. Si esta opción está activada, las esquinas de las cajas de
contorno siempre son puntos de ajuste.
 : Ajustar a bordes de cajas de contorno. Al activar esta opción, los bordes de las
cajas de contorno se convierten en elementos diana de ajustes. Hay que tener en
cuenta que los bordes de unacaja de contorno nunca son puntos de ajuste.
 : Ajustar a esquinas de cajas de contorno. Al activar esta opción, las esquinas
de las cajas de contorno funcionan como elementos diana de ajustes.
 : Ajuste de/a puntos medios de los bordes de las cajas de contorno. Si se activa
esta opción, los puntos medios de los bordes de las cajas de contorno actúan como
puntos de ajuste y también como elementos diana de ajustes.
 : Ajuste de/a puntos centrales de las cajas de contorno. Al activar esta opción,
los puntos centrales de las cajas de contorno funcionan como puntos de ajuste y
también como elementos diana de ajustes.
La mayoría de los tipos de nodos y tiradores pueden actuar como puntos de ajuste y/o
como elementos diana de ajustes. En este sentido, los nodos de trazos, los nodos y
tiradores de las Formasregulares, los tiradores de las esquinas redondeadas de
los Rectángulos y los tiradores de Centro de rotación pueden funcionar tanto como
puntos de ajuste como elementos diana. La sección de laBarra de Controles de
Ajuste correspondiente a los nodos y tiradores incluye iconos para activar y desactivar las
siguientes opciones:

 : Ajustar nodos y tiradores. Si esta opción está activada, los nodos

seleccionados actúan siempre como puntos de ajuste.
 : Ajustar a trazos.
 : Ajustar a las intersecciones de trazos. Para que esta opción pueda activarse,
deber estar activada la opción del ajuste de nodos a trazos.
 : Ajustar a nodos de tipo vértice.
 : Ajustar a nodos de tipo suave.
 : Ajuste de/a puntos medios de líneas rectas. Esto incluye las líneas rectas
tanto de Formas como de trazos.
 : Ajuste de/a puntos centrales de objetos. (El punto central es el centro de
la caja de contorno del objeto).
 : Ajuste del/al Centro de rotación de objetos.

El ajuste de objetos se puede activar o desactivar globalmente mediante el

comando Ver → Ajustar ( %).

Guías

Las Líneas Guía son líneas individuales que se pueden colocar en posiciones arbitrarias.
Estas líneas se definen mediante dos elementos: un ancla x-y que es un punto origen por
donde pasa la línea, y un ángulo. El ancla de cada Línea Guía está representada
mediante un pequeño círculo en la línea.

Las Líneas Guía se pueden ocultar o mostrar mediante el comando Ver → Guías ( | ).
Una Línea Guía debe estar visible para poder estar activa. El ajuste a Líneas Guía se
puede activar o desactivar haciendo clic sobre el icono de la Barra de Controles de
Ajuste.

El color de las Líneas Guía se puede cambiar en la ficha Guías del cuadro de
diálogo Propiedades del documento. El ajuste de las Líneas Guía a otros objetos también
se puede activar o desactivar en esta ficha.
Creación de Guías

Para crear una Línea Guía, hay que realizar un movimiento de Arrastre con el Botón
Izquierdo del Ratón desde la Regla izquierda de la pizarra para añadir una Línea
Guía vertical, o desde laRegla superior para crear una Línea Guía horizontal. Para añadir
una Línea Guía inclinada hay que arrastrar desde cualquiera de los extremos de
las Reglas. El ángulo de inclinación predeterminado está fijado en 45°. Pero si en el
documento está aplicada una Rejilla axonométrica, la Línea Guía inclinada será paralela
a una de las líneas inclinadas de la Rejilla.

Es posible crear automáticamente Líneas Guía en los bordes de la Página del dibujo
aplicando el comando Edición → Guías alrededor de página. En la siguiente sección se
explica cómo se pueden añadir Líneas Guía alrededor de objetos del dibujo.

Ajuste de Guías

Las Líneas Guía se pueden trasladar y girar utilizando el ratón:

 Arrastre con el Botón Izquierdo del Ratón : Para trasladar una Línea Guía. Se
mueven tanto la Línea Guía como su ancla. Si se arrastra hasta fuera de la página,
la Línea Guía se elimina.
 Mayús + Arrastre con el Botón Izquierdo del Ratón : Para girar una Línea Guía.
La rotación se produce alrededor del ancla.
 Ctrl+ Arrastre con el Botón Izquierdo del Ratón : Para mover el ancla a lo largo
de la Línea Guía pero sin mover esta última.
 Ctrl+Mayús + Arrastre con el Botón Izquierdo del Ratón : Para girar una Línea
Guía de forma restringida. El valor del ángulo de giro está limitado a múltiplos
del Ángulo de ajuste rotacional (cuyo valor predeterminado es de 15°).
 Supr : Para eliminar una Línea Guía. Si se pulsa esta tecla cuando el cursor está
situado sobre una Línea Guía se elimina la misma.

Las Líneas Guía también se pueden colocar con precisión mediante el cuadro de
diálogo Línea Guía, que se abre haciendo un doble clic sobre una Línea Guía. Este
cuadro tiene una opción con una casilla nos permite elegir que las coordenadas del
cambio de posición del ancla sean absolutas o relativas a su posición actual.
Cuadro de diálogo Línea Guía correspondiente a una línea que pasa por el origen con un
ángulo de inclinación de 45°.
Creación de Guías desde Objetos

Las Líneas Guía se pueden crear desde objetos aplicando el comando Objeto → Objetos
a guías ( Mayús + G ). El atajo de teclado correspondiente funciona cuando cualquiera de
las siguientes herramientas está activa: la Herramienta Selector, las herramientas de
forma, la Herramienta Pluma o la Herramienta Lápiz. Diferentes tipos de objetos se
convierten de distinta manera en líneas guía. En cada caso, los objetos seleccionados
desaparecen a menos que esté marcada la casilla de la opción Mantener los objetos
después de la conversión a guías en la sección Herramientas del cuadro de
diálogo Preferencias de Inkscape.

 Rectángulos y Cajas 3D: Las Líneas Guía se dibujan a lo largo de los bordes del
objeto, incluso cuando estos objetos estén girados, siempre que esté marcada la
casilla de la opción Conversión a guías utiliza bordes en vez de cajas de
contorno en la sección Rectángulo o Caja 3D del cuadro de diálogo Preferencias de
Inkscape. En caso contrario, las Líneas Guía se dibujan a lo largo de los bordes de
la caja de contorno del objeto.
 Trazos: Se dibuja una Línea Guía a lo largo de cada segmento rectilíneo del trazo.
 Otros objetos: Las Líneas Guía se dibujan a lo largo de los bordes de la caja de
contorno del objeto. Se utiliza la caja de contornoGeométrica o
la Visual dependiendo de la opción que se encuentre seleccionada en la
sección Herramientas del cuadro de diálogo Preferencias de Inkscape.

Si se encuentra seleccionado un Grupo, las Líneas Guía se dibujan para cada uno de los
objetos del Grupo, a menos que esté marcada la casilla de la opción Tratar grupos como
un solo objeto en la sección Herramientas del cuadro de diálogo Preferencias de
Inkscape.
 Líneas Guía creadas desde un trazo de
Líneas Guía creadas desde
forma triangular, una línea guía por cada
unRectángulo girado.
tramo recto.
Líneas Guía creadas desde un círculo, las
líneas están determinadas por la caja de
contorno del círculo.

Rejillas

Una Rejilla está formada por dos o tres conjuntos de líneas paralelas igualmente
espaciadas. Una Rejilla Rectangular está compuesta por líneas verticales y horizontales,
al igual que una hoja de papel cuadriculado corriente. Una Rejilla Axonométrica está
formada por tres conjuntos de líneas paralelas: un grupo de líneas verticales y dos grupos
de líneas inclinadas 30° respecto a la horizontal. Este tipo de Rejilla se utiliza a menudo
para dibujar objetos en tres dimensiones.

Ejemplos de una Rejilla Rectangular (izquierda) y una Rejilla Axonométrica (derecha).

Las Rejillas se pueden crear y editar en la ficha Rejillas del cuadro de

diálogo Propiedades del documento. Para crear una Rejilla, primero hay que seleccionar
el tipo (Rectangular o Axonométrica) en el menú desplegable que hay en la parte superior
del cuadro de diálogo, y después hacer clic en el botón Nueva. Los parámetros de la
nueva Rejilla se pueden editar en un ficha que aparece en la parte inferior del cuadro de
diálogo. Es posible tener definidas (y en uso) más de una Rejilla a la vez. Cada una de
las Rejillas tendrá su correspondiente ficha de edición.
 Ficha Rejillas del cuadro de diálogo Propiedades del documento en la que aparecen los
parámetros de una RejillaRectangular con sus valores predeterminados.

Cada Rejilla se puede Activar y hacer Visible de forma individual marcando las casillas
correspondientes en cada una de las fichas de las Rejillas definidas. Si una Rejilla no está
activada, tampoco será visible. Sin embargo, una Rejilla puede estar activada y no estar
visible. Todas la Rejillas activas se pueden hacer visibles o invisibles a la vez aplicando el
comando de efecto global Ver → Rejilla ( #). El efecto de este comando prevalece
sobre las especificaciones realizadas en las fichas individuales de cada Rejilla. Atención:
Si la visibilidad de las Rejillas está desactivada en sus fichas individuales de edición, en la
pizarra no aparece ninguna indicación visual del efecto de este comando. También hay
que tener en cuenta que, dependiendo de la escala del zoom aplicado, no todas las
líneas de la Rejilla son visibles. Si en la ficha Rejillas está marcada la casilla de la
opción Ajustar solamente a líneas de rejilla visibles, los ajustes a Rejilla no se realizarán
en aquellas líneas de la Rejilla que no sean visibles.

En ambos tipos de Rejillas, las Unidades de la rejilla se pueden seleccionar en un menú

desplegable, también se puede especificar el origen de la Rejilla. Para
las Rejillas Rectangulares, se pueden definir los valores de los espaciados x e y de forma
independiente. Para las Rejillas Axonométricas, los valores de los espaciados x y z se
calculan automáticamente en función de los valores especificados para espaciado y y
para los ángulos. En ambos tipos de Rejillas, el color de las líneas se puede cambiar
haciendo clic sobre las barras de color y realizando los cambios deseados en el cuadro
de diálogo que aparece.

Los valores predeterminados de los parámetros de las Rejillas se pueden modificar en la

sección Rejillas del cuadro de diálogo Preferencias de Inkscape.

Diferentes “vistas” de un mismo dibujo comparten las mismas Rejillas, pero

estas Rejillas se pueden activar o hacer visibles de forma independiente en cada una de
las vistas.

[9]
La envolvente convexa es la línea que rodea un conjunto de nodos, y que sería
equivalente a una goma elástica estirada que pasa por ellos. Véase su definición en la
Wikipedia.

Alinear y Distribuir Objetos

En esta sección se explica el cuadro de diálogo Alinear y distribuir (Objeto → Alinear
y distribuir... ( Mayús + Ctrl + A)) que nos permite colocar y distribuir objetos en el dibujo
en relación a otros objetos, a una selección, al propio dibujo, o a la página. Este cuadro
de diálogo ofrece dos métodos para situar los objetos: Alinear, con el cual los centros o
los bordes de los objetos se alinean entre sí; y Distribuir, con el cual los objetos se
distribuyen a lo largo de alguna dirección considerando sus centros o sus bordes.
 Cuadro de diálogo Alinear y distribuir.
Alinear

La alineación de objetos se realiza siempre en relación con un ancla. Esta ancla puede
ser un objeto o estar definida como una selección, el propio dibujo o la página. La
elección del elemento que va a funcionar como ancla se realiza mediante el menú
desplegable Relativo a. El objeto elegido como ancla puede ser el primero o el último
seleccionado. Si se han seleccionado varios objetos a la vez, el primer objeto
seleccionado es aquél situado más alto en el orden-z, y el último seleccionado es el
situado más bajo. El ancla también se puede elegir como el objeto más grande o el más
pequeño, teniendo en cuenta que el tamaño del objeto está determinado por la caja de
contorno del objeto, la anchura de esta caja es la determinante para la alineación vertical,
y su altura para la alineación horizontal. Los lados de la caja de contorno se utilizan como
puntos de referencia para la alineación excepto en el caso de textos, en los cuales se usa
la línea base.

Si la casilla de la opción Tratar a la selección como grupo: está marcada, todos los
objetos seleccionados se tratan como si fueran un Grupo. De esta forma se evita tener
que agrupar y desagrupar los objetos seleccionados cuando se desea alinearlos como un
grupo en relación a la Página o al dibujo. Los efectos de la alineación en relación a otros
criterios son impredecibles.

Las diferentes opciones para alinear objetos son las siguientes:

 Horizontal:
o Alinear el lado derecho de los objetos con el borde izquierdo del ancla.
o Alinear el lado derecho de los objetos con el borde derecho del ancla.
o Alinear horizontalmente el centro de los objetos con el centro del ancla.
o Alinear el lado izquierdo de los objetos con el borde izquierdo del ancla.
o Alinear el lado izquierdo de los objetos con el borde derecho del ancla.
o Alinear horizontalmente las líneas base de los textos con el ancla. En la
versión 0.48 la posición del ancla del texto depende de la alineación y
orientación del propio texto (por ejemplo, el ancla de la caja del texto estará
situada en su extremo derecho si el propio texto está alineado a la derecha).
 Vertical:
o Alinear el borde superior de los objetos con el borde inferior del ancla.
o Alinear el borde superior de los objetos con el borde superior del ancla.
o Alinear verticalmente el centro de los objetos con el centro del ancla.
o Alinear el borde inferior de los objetos con el borde inferior del ancla.
o Alinear el borde inferior de los objetos con el borde superior del ancla.
o Alinear verticalmente las líneas base de los textos con el ancla.

Distribuir Uniformemente

La sección Distribuir del cuadro de diálogo Alinear y distribuir permite distribuir objetos de
manera que estén uniformemente espaciados en la dirección horizontal o vertical
basándose en ciertos criterios. Esta sección del cuadro de diálogo tiene dos opciones que
quizás no deberían estar incluidas en la misma: distribuir de forma aleatoria los centros
de los objetos, y desaglomerar objetos. Estas dos opciones se explican en la siguiente
sección.

La distribución de los objetos se realiza entre los dos objetos situados en los extremos (es
decir, en una distribución horizontal, entre los objetos situados más a la izquierda y más a
la derecha). La determinación de cuál es objeto situado más a la derecha, y cuál el
situado más a la izquierda, se basa en las cajas de contorno de los objetos, y puede
depender del tipo de distribución elegida. Por ejemplo, si una distribución se basa en el
borde situado más a la derecha de cada objeto, entonces dicho borde se utilizará para
determinar cuáles son los objetos situados en los extremos.

Las distintas opciones para distribuir objetos son las siguientes:

 Horizontal:
 o Distribuir horizontalmente los objetos con sus lados izquierdos a
distancias iguales.
o Distribuir horizontalmente los objetos con sus centros a distancias iguales
en dirección horizontal.
o Distribuir horizontalmente los objetos con sus lados derechos a distancias
iguales.
o Distribuir horizontalmente los objetos igualando los huecos entre ellos en
dirección horizontal.
o Distribuir horizontalmente los textos con las anclas de sus líneas base a
distancias iguales.
 Vertical:
o Distribuir verticalmente los objetos con sus bordes inferiores a distancias
iguales.
o Distribuir verticalmente los objetos con sus centros a distancias iguales en
dirección vertical.
o Distribuir verticalmente los objetos con sus bordes superiores a distancias
iguales.
o Distribuir verticalmente los objetos igualando los huecos entre ellos en
dirección vertical.
o Distribuir verticalmente los textos con sus líneas base a distancias
iguales.

Distribuir No Uniformemente

En la sección Distribuir del cuadro de diálogo Alinear y distribuir hay dos opciones que
modifican la distribución de los objetos de manera no uniforme. Ambas opciones afectan
a la vez la distribución horizontal y vertical de los objetos.

Estas dos opciones son:

 Distribuir los centros de los objetos de manera aleatoria en las dos direcciones.
 Desaglomerar objetos (es decir, mover los objetos intentando igualar la
distancias entre bordes de los objetos). La aplicación repetida de esta opción tiene
un efecto que se aproxima al de aplicar las opciones Distribuir igualando huecos en
dirección vertical y horizontal comentadas en la sección anterior.

Distribuir: Eliminar Solapamientos

En la sección Eliminar solapamientos del cuadro de diálogo Alinear y distribuir hay un

botón que permite mover los objetos justo lo necesario para que no se solapen
mutuamente. Además, esta sección tiene dos recuadros de entrada, uno para la dirección
horizontal y otro para la vertical. Con estos recuadros es posible especificar un espacio
mínimo de separación entre objetos adyacentes.

Filas y Columnas

El cuadro de diálogo Filas y columnas (Objeto → Filas y columnas... ) permite ordenar

un número arbitrario de objetos en una configuración de cuadrícula bidimensional.

Cuadro de diálogo Filas y columnas.

Para utilizar este cuadro de diálogo, primero hay que seleccionar todos los objetos que
queremos ordenar en una cuadrícula. De forma predeterminada, el cuadro de diálogo
aparece preparado para crear una cuadrícula de una sola dimensión. El número de filas y
columnas de la cuadrícula se puede especificar en los recuadros Filas: y Columnas:. Si
para cambiar el número de filas se utilizan las flechas hacia arriba y hacia abajo que
están junto al recuadro, el número de columnas cambiará automáticamente al mínimo
valor necesario para que la cuadrícula incluya a todos los objetos seleccionados. Un
cambio automático parecido ocurrirá en el número de filas, si lo que se elige primero es el
número de columnas de la cuadrícula. El número máximo posible de filas o columnas es
100.

El algoritmo para determinar el orden en que los objetos se colocan en la cuadrícula

intenta conservar las filas previamente existentes en la selección. Este algoritmo utiliza
la caja de contorno de cada objeto. Técnicamente, primero los objetos se ordenan según
sus posiciones verticales. Después, los objetos que se solapan verticalmente se ordenan
según sus posiciones horizontales. Por último, los objetos se colocan en la cuadrícula
desde la izquierda hacia la derecha, y desde arriba hacia abajo. El algoritmo funciona
muy bien, pero puede que no maneje todas las situaciones posibles de la forma deseada
porque determinar qué objetos están inicialmente formando una misma fila tiene algo de
subjetivo. (Si en la dirección vertical el objeto A se solapa con el B, y el B se solapa con el
C, pero el A no se solapa con el C, ¿los objetos A y C forman inicialmente parte de una
misma fila?)

Doce objetos antes (izquierda) y después (derecha) de ordenarlos en una cuadrícula 3

por 4.

La cuadrícula está dividida en celdas en las cuales se colocan los objetos. El programa
determina primero el tamaño y posición de las celdas, y después coloca los objetos
dentro de las celdas, un objeto dentro de cada celda.

Si la casilla de la opción Altura igual está marcada, todas las celdas de la cuadrícula se
crean con la misma altura: la del objeto más alto seleccionado. En caso contrario, las
celdas se crean con la altura del objeto más alto dentro de cada fila. El programa aplica
un criterio similar para la anchura de las celdas.

Ordenación en cuadrícula con la casilla de la opción Altura igual marcada (izquierda) y sin
marcar (derecha). Nótese cómo a la izquierda la altura del “8” se ha aplicado a todas las
filas de la cuadrícula, y en cambio a la derecha sólo se ha aplicado a su propia fila.

Si la opción Encajar en la caja de selección está activada, las filas y columnas se

espacian uniformemente de manera que la filas y columnas de los bordes de la
cuadrícula quedan ajustadas con la caja de contorno de la selección. Si la opción Ajustar
espaciado está activada, las filas y columnas se disponen con la distancia de separación
especificada en los recuadros de entrada Espaciado horizontal y Espaciado vertical. A
estos espaciados se les puede dar valores negativos.

Una vez que el programa ha determinado las posiciones de las celdas, los objetos son
colocados dentro de las mismas de acuerdo con las opciones Alinear que se hayan
seleccionado (superior, centro, inferior; izquierda, centro, derecha).
Ordenación en cuadrícula con la alineación de los objetos al borde superior (izquierda), al
centro (centro) y al borde inferior (derecha) de las celdas.

Hay que tener en cuenta que la caja de contorno del conjunto de todos los objetos
después de la ordenación puede no coincidir con la caja de contorno de la selección
antes de realizar la ordenación, incluso aunque se haya activado la opción Encajar en la
caja de selección. Esto es debido a que la caja de contorno de la selección se ha utilizado
para situar primero las celdas, y después se han colocado los objetos en ellas. Y puede
ocurrir que los objetos dentro de las celdas no toquen las paredes de las celdas. (A veces
también aparece un desplazamiento sin razón alguna: ¿Error de programación?)