INTRODUCCIÓN A INKSCAPE
Inkscape es un editor
de gráficos vectoriales en formato SVG, gratuito, libre y multiplataforma. Las
características de SVG soportadas incluyen formas básicas, trayectorias, texto,
canal alfa, transformaciones, gradientes, edición de nodos, exportación de SVG
a PNG, agrupación de elementos, etc.
Inkscape se encuentra
desarrollado principalmente para el sistema operativo GNU/Linux, pero es una
herramienta multiplataforma y funciona en Windows, Mac OS X, y otros sistemas
derivados de Unix. Inkscape es un editor
de gráficos vectoriales de código abierto, con capacidades similares a
Illustrator, Freehand, CorelDraw o Xara X, usando el estándar de la W3C: el
formato de archivo Scalable Vector Graphics (SVG). Las características
soportadas incluyen: formas, trazos, texto, marcadores, clones, mezclas de
canales alfa, transformaciones, gradientes, patrones y agrupamientos. Inkscape
también soporta meta-datos Creative Commons, edición de nodos, capas,
operaciones complejas con trazos, vectorización de archivos gráficos, texto en
trazos, alineación de textos, edición de XML directo y mucho más. Puede
importar formatos como PostScript, JPEG, PNG, y TIFF y exporta PNG así como
muchos formatos basados en vectores.
El objetivo principal
de Inkscape es crear una herramienta de dibujo potente y cómoda, totalmente
compatible con los estándares XML, SVG y CSS. También quieren mantener una
próspera comunidad de usuarios y desarrolladores usando un sistema de
desarrollo abierto y orientado a las comunidades, y estando seguros de que
Inkscape sea fácil de aprender, de usar y de mejorar.
INTERFAZ
Trabajando con formas básicas:
Primero insertaremos una forma básica tipo rectángulo (para dibujar una figura simetrica presionar las teclas CTRL + ALT mientras dibujamos la figura). Seleccionamos la herramienta RECTANGULO y de la paleta de colores ubicada en la parte inferior podremos elegir el color de nuestro agrado. Posteriormente dibujamos la forma al centro de nuestra pizarra. El resultado debe ser algo similar a lo siguiente:
![]() |
| Forma rectángulo |
Podemos observar que el icono de la herramienta rectángulo esta marcada y la figura dibujada tiene dos cuadros blancos en las esquina superior izquierda e inferior derecha, respectivamente. El circulo ubicado en la esquina superior derecha sirve para redondear nuestra figura. NOTA: intenta redondear los vértices del rectángulo.
Ahora con el rectángulo similar al de la imagen de arriba, vamos a seleccionar la herramienta SELECCIONAR Y TRANSFORMAS
y nos aparecerá nuestro rectángulo con las siguientes herramientas como se muestra en la siguiente figura:
y nos aparecerá nuestro rectángulo con las siguientes herramientas como se muestra en la siguiente figura:![]() |
| Flechas TRANSFORMADORAS |
Estas flechas nos permitirán ajustar el tamaño del rectángulo. Noten que al hacer clic sobre una flecha, esta se pone de color verde, lo cual nos indica que la forma de nuestra figura esta lista para ser modificada. Ahora si le damos clic sobre el rectángulo estas flechas TRANSFORMADORAS cambiaran a unas flechas que nos permitirán rotar nuestra figura (incluso cambiar el centro de rotación marcado con una cruz al centro de nuestra figura), esta herramienta de rotación se muestra a continuación encerrada en el circulo verde.
![]() |
| Flechas de Rotación |
Práctica:
Dibuja un cuadrado, un rectangulo y un circulo, altera el color de cada uno de ellos para que sean diferentes. Cuando trabajes con el circulo asegurate de trabajar con las opciones ubicadas en la BARRA DE CONTROL DE HERRAMIENTAS para poder alterar el trazado de la figura.
NOTA: El zoom en Inkscape se controla con las teclas + y -
Operaciones booleanas: se encuentran en el menú OBJETO
Inkscape dispone de una serie de comandos para crear nuevos trazos a partir de dos o más trazos previamente existentes. Para el propósito de estas operaciones, cualquier trazo abierto implicado en las mismas es tratado por Inkscape como un trazo cerrado por una línea que conecta los puntos finales del trazo. Si se aplican estos comandos a formas regulares u objetos de texto, Inkscape los convierte automáticamente en trazos. Para seleccionar dos o más objetos presionamos las teclas CTRL + SHIFT y seleccionamos los objetos a trabajar.
Unión (Ctrl++): Crear la unión de dos o más trazos seleccionados. Con este comando, se crea un nuevo trazo que contiene todas las áreas encerradas por los trazos originales. Al unir los trazos, se eliminan las auto-intersecciones, y se crean sub-trazos individuales para cada una de las secciones. Hay que tener en cuenta que esta operación es diferente del comando Combinar que no elimina nodos de los trazos iniciales, ni tampoco crea nuevos nodos.
Diferencia (Ctrl+-): Crear la diferencia de los dos trazos seleccionados (trazo inferior menos superior). El área encerrada por el trazo superior (en el orden-z) se elimina del área encerrada por el trazo inferior.
Intersección (Ctrl+*): Crear la intersección de dos o más trazos seleccionados. El nuevo trazo encierra el área común de todos los trazos iniciales.
Exclusión (Ctrl+^): Crear la intersección de dos o más trazos seleccionados. El nuevo trazo resultante, que está formado por varios sub-trazos, se crea de acuerdo a la regla de relleno par-impar.
División (Ctrl+/): Crear la división entre los dos trazos seleccionados. El trazo inferior es cortado en trozos por el trazo superior. Se crean dos o más trazos nuevos.
Cortar trayecto (Ctrl+Alt+/): Crear el corte entre los dos trazos seleccionados. El trazo superior corta las líneas del trazo inferior en trozos, creándose dos o más trazos nuevos. Los nuevos trazos resultantes no tienen ningún relleno. La operación Cortar trayecto. En la figura derecha, después de efectuar la operación se ha desplazado ligeramente el trazo de la esquina superior derecha para mostrar claramente los dos nuevos trazos creados.
Operaciones booleanas: se encuentran en el menú OBJETO
Añadir Texto Normal
Para añadir texto normal en un documento de Inkscape, hay que hacer clic con la Herramienta Texto en el punto de la pizarra donde se quiere que comience el texto. Entonces Inkscape pasa al modo de funcionamiento de introducción de texto, lo que se indica por la aparición de un cursor (en forma de barra vertical intermitente) cuya posición señala el lugar donde empezará el texto que vamos a añadir. Para introducir el texto, solo hay que comenzar a teclearlo. El texto añadido puede aparecer en varias líneas introduciendo manualmente los saltos de línea correspondientes. La caja que contiene el texto irá aumentando de tamaño conforme vayamos añadiendo texto.
Texto sobre un Trazo
En Inkscape podemos colocar un texto a lo largo de un trazo de manera que el texto sigue la forma del trazo. Para colocar un texto sobre un trazo, primero hay que introducir el texto como objeto de texto normal o fluido, y después dibujar el trazo deseado. A continuación, hay que seleccionar tanto el texto como el trazo, y después aplicar el comando Texto → Poner en trayecto. Entonces el texto aparecerá distribuido a lo largo del trazo. Hay que tener en cuenta que todas las Formas regulares, excepto los Rectángulos, están descritas internamente en Inkscape como trazos, y por lo tanto, no es necesario convertirlas previamente en un trazo para aplicarles este comando.
Texto dentro de una Forma
Con Inkscape se puede colocar texto dentro de una forma cualquiera estableciendo un enlace entre un objeto de texto y una forma o un trazo.
Para crear un objeto de texto fluido-enlazado, primero hay que seleccionar un objeto de texto y uno o más objetos de forma o trazos. Después hay que aplicar el comando Texto → Fluir en el marco (Alt+W). Si se seleccionan varios objetos de forma o trazos, el texto empezará a “fluir” dentro del último objeto que fue seleccionado.
Bordes y rellenos
Existen diferentes opciones para dar color al Relleno y al Borde de un objeto. En la siguiente figura se muestran ejemplos de estas distintas opciones. El manejo de estas opciones es básicamente el mismo tanto para el Relleno como para el Borde, así que en adelante usaremos la palabra relleno para referirnos a la vez a ambos elementos.
El tipo de relleno se puede definir utilizando las fichas Relleno y Color de trazo del cuadro de diálogo Relleno y borde
.
Herramienta Cuentagotas
Los colores del Relleno y del Borde de un objeto se pueden modificar utilizando la Herramienta Cuentagotas para coger un color ya existente en el dibujo. Las opciones de esta herramienta permiten realizar operaciones como: coger el color promedio dentro de una zona circular del dibujo, invertir el color que se coge, o guardar en el portapapeles el color que se ha seleccionado con esta herramienta (se guarda el código hexadecimal del color en el sistema RGBA).
Para usar la Herramienta Cuentagotas, primero hay que seleccionar con una herramienta que no sea la Herramienta Cuentagotas el objeto que queremos modificar. Recuerde que la Herramienta Selector se puede activar temporalmente y luego desactivarla pulsando la barra espaciadora del teclado.
Después hay que activar la Herramienta Cuentagotas haciendo clic sobre el icono (F7 o D) de la Caja de Herramientas. Y por último, tenemos que hacer clic con la Herramienta Cuentagotas sobre el color deseado. Pulsando la tecla D, la herramienta activa en ese momento cambia y pasa a ser la Herramienta Cuentagotas, y si se vuelve a pulsar esa tecla, la herramienta activa vuelve a ser de nuevo la inicial.
Manejo de imágenes vectorizadas
Podemos decir que una imagen ‘plana’ al uso está formada por una cuadrícula de pixeles en forma de matriz, almacenándose en cada uno de ellos un valor correspondiente al color. La cantidad de pixeles horizontales y verticales de la imagen definirán la resolución de la misma, y como ya sabemos, aplicar zoom a una imagen de este tipo no es un recurso elegante para ciertos propósitos de diseño.
Una imagen vectorizada no almacena píxeles de color, sino figuras geométricas localizadas sobre su propio plano de coordenadas, por lo que, al estar ligadas a una fórmula fija matemática, por mucho que ampliemos la imagen siempre la veremos nítida. El único problema de este sistema es lo laboriosa que resulta su elaboración, sobre todo en caso de que necesitemos vectorizar una imagen inicialmente plana. Para ello existen diversos métodos y asistentes, pero vamos a centrarnos en dos alternativas principales a las que podemos recurrir desde Inkscape.
Fin del curso, éxito!












