nkscape para el diseño de imágenes vectoriales.I

Para la creación de logotipos u otras imágenes que deben usarse en soportes de muy distinto tamaño se usan programas de diseño de imágenes vectoriales. Estas imágenes están definidas por ecuaciones y, por tanto, son escalables, esto es, se adaptan a todo tipo de tamaños sin perder resolución. Para crearlas y editarlas se usan programas como Coreldraw, Freehand, Illustrator o Inkscape.

Las imágenes podrán incorporarse entonces a todo tipo de documentos, pancartas, páginas web, iconos de escritorio, etc.

Antes de iniciarse en el manejo del programa Inkscape conviene seguir los siguientes consejos:

Consejos para crear un logotipo.1.Determinar lo que queremos.

Debemos tener claro si se incorporarán letras, qué colores se usarán, el destino que se le dará a la imagen (carteles, tarjeta de visita, web...).

2.Realizar bocetos.

Hay que realizar muchas pruebas en papel, antes de encender el ordenador. Debemos estar abiertos a cualquier idea que nos surja, decidir donde dispondremos cada componente de la imagen, los tamaños relativos de los objetos, etc.

3.Diseño vectorial.

Éste es el momento de usar un programa de diseño vectorial.

En esta tercera fase, deben realizarse distintas variaciones sobre los logotipos escogidos en la fase dos. El software que mencionamos es una potente herramienta para realizar modificaciones de color, tipografía, tamaño, proporciones con poco esfuerzo.

Todas las modificaciones que nos dejen medianamente satisfechos deben guardarse para, más adelante, decidirnos por las mejores.

4.Preselección.

Entre todos los diseños realizados con nuestro programa, debemos quedarnos con tres o cuatro (el número no es fijo). A partir de ellos realizamos pequeñas variaciones: modificar alguna parte, el tipo de letra o algún color.

5.Creación definitiva.

Con esas últimas correcciones procederemos a la creación definitiva de nuestra imagen, que guardaremos en un archivo independiente y en formato vectorial. Es asimismo conveniente crear un nuevo documento con la imagen en varios tamaños.

Inkscape Inkscape es un software libre de dibujo con capacidades similares a Illustrator, Freehand y CorelDraw, que usa el formato estándar para gráficos vectoriales SVG. Incluye soporte para formas básicas, rutas, texto, clonación, canal alfa, transformaciones, degradados, agrupado de objetos, trabajo con capas, conversión de texto a ruta, importación de JPEG, PNG, BMP y TIFF y exportación a PNG.

Es totalmente compatible con los estándares XML, SVG y CSS.

FuncionamientoAl iniciar el programa aparece una barra de herramientas vertical a la izquierda para pintar distintos objetos. Por su parte, debajo del menú superior, aparece otro grupo de botones con controles específicos para cada herramienta seleccionada.

Formas básicasPara crear una forma, hacer clic en el menú de la izquierda y luego arrastrar sobre el lienzo.

Por defecto estas formas tienen un borde de un píxel y son parcialmente transparentes. Al activarlas aparecen unos manejadores que permiten alterar sus proporciones y tamaño.

A cada figura activa le aparecen uno o más manejadores con forma de pequeño rombo que permiten alterar sus proporciones, tamaño y forma.

Para la herramienta elipses, pueden crearse formas como las siguientes, según se arrastre ese rombo dentro o fuera de la elipse.

O las espirales,

Diseño con Inkscape -1 Francisco Durán Ceacero

Ilustración 2. Figuras básicas.

Ilustración 3. Distintos rectángulos.

Ilustración 4. Opciones de la herramienta elipse.

Ilustración 1: Logotipo de Inkscape

que pueden modificarse con los controles que aparecen bajo el menú superior: vueltas, divergencia y radio interior.

Las estrellas son una forma mucho más interesante de lo que parece, con dos manejadores y distintas opciones en el panel superior que permiten dibujar muchísimos tipos de figuras.

En todo momento tenemos la posibilidad de deshacer y rehacer nuestras acciones, vía las combinaciones de teclas [Ctrl]+[Z] y [Mayus]+[Ctrl]+[Z], respectivamente.

También podemos acercar o alejar el lienzo, esto es, hacer Zoom, mediante las teclas [+] y [-].

La herramienta más utilizada en Inkscape es el selector . Con ella podemos modificar los objetos del dibujo, con solo hacer clic y arrastrar los manejadores. Si hacemos clic otra vez, aparecen nuevos manejadores para realizar giros.

En el panel superior pueden establecerse coordenadas para realizar estos cambios con más exactitud. Además, la tecla [Alt] más los cursores permite realizar transformaciones pixel por pixel.

Rellenos y trazosMuchas acciones de Inkscape están accesibles vía diálogos, esto es, nuevas ventanas en las que configurar determinadas opciones. Casi todos los diálogos pueden abrirse en el menú Objeto.

Por ejemplo, el diálogo Relleno y Borde..., tiene tres pestañas: Relleno, color de trazo y estilo de trazo, en cada una de las cuales podemos alterar algunos aspectos de la forma. Los colores en estos diálogos pueden manejarse

en el modo RGBA, esto es, rojo, verde, azul y canal alfa.

También pueden alterarse los bordes de las formas y rellenarse con degradados (llamados gradientes).

Éste último relleno puede modificarse haciendo doble clic en los manejadores que indican el gradiente.

Selecciones múltiples y agrupacionesPueden seleccionarse cualquier número de objetos a la vez si mantenemos [Mayús] pulsada al hacer clic. También puede arrastrarse alrededor de ellos para este mismo propósito. Un pequeño rombo en una esquina de cada forma indica si ésta está seleccionada, dentro de un grupo, o no.

[Ctrl]+[A] los selecciona todos y [Esc], ninguno.

Pueden agruparse varios objetos seleccionados ([Ctrl]+[G] o botón ) para ser tratados como uno solo a la hora de transformarlos.

[Ctrl] + clic, hace un objeto de un grupo “editable”, así no tenemos que desagrupar para hacer pequeños cambios.

Una de las acciones más comunes en Inkscape es la duplicación de un objeto ([Ctrl]+[D]).

Esos duplicados pueden luego alinearse o distribuirse ordenadamente (como cualquier grupo de objetos) gracias al diálogo de alineación y distribución:

Un duplicado especial es el clonado ([Alt]+[D]), que crea una copia vinculada al original, de tal forma que si alteramos las propiedades del original, la copia queda alterada igualmente.

Existe otro tipo de ordenación que se denomina orden-Z que afecta a la disposición de los objetos que ocultan a otros

.

Al trabajar con objetos que se solapan, puede resultar útil la tecla [Tab], que permite ir activando los distintos objetos del dibujo siguiendo el orden-z.

Diseño con Inkscape -2 Francisco Durán Ceacero

Ilustración 5. Hay muchos tipos de espirales posibles.

Ilustración 6. Estrellas.

Ilustración 7. Rellenos.

Ilustración 8. Degradados y estilos de línea.

Copiar y PegarAdemás de la duplicación, disponemos de los comandos copiar y pegar, que funcionan como en cualquier otro programa. Los objetos se pegan donde el puntero se encuentre, salvo si éste está fuera del lienzo, en cuyo caso se pegarán en el centro.

También puede pegarse el estilo de un objeto del portapapeles mediante el comando [Ctrl]+[Mayús]+[V]. El estilo incluye: relleno, borde y estilo de fuente en el caso de un texto.

Dibujos irregulares y rutasEl mejor modo de crear una forma arbitraria es dibujar líneas a mano alzada , aunque la línea, en realidad, estará formada por pequeños segmentos, como la siguiente herramienta.

Para trazos más regulares está la herramienta Curvas de Bezier , que exige un pequeño entrenamiento para dibujar lo que se desea, pero que es potentísima para realizar todo tipo de curvas. Esta herramienta exige un aprendizaje para saber cómo quedarán las curvas al tirar de los manejadores y mover los nodos. Pero con práctica pueden hacerse todo tipo de contornos.

En ambas herramientas, pulsar [A] hace aparecer anclas al principio y al final de las líneas para poder continuarlas. Las líneas creadas también pueden rellenarse de color como otras formas.

Las teclas [Tab], [Ctrl], [[], []], [<] y [>] permiten modificar todos los nodos usando el teclado. [Mayús] permite seleccionar varios nodos.

Cualquier forma puede ser convertida en una ruta. Esto no cambia su apariencia, pero elimina sus propiedades como forma (por ejemplo, no podremos añadir más puntas a una estrella convertida en ruta).

Más aún, el borde de cualquier ruta puede ser convertido en ruta.

Una ruta puede simplificarse, lo que hace que se eliminen algunos nodos y se suavice. (Trazo-Simplificar o [Ctrl]+[L]).

Unir formasEl menú Trazo permite combinar varias formas seleccionadas del modo que indica el siguiente gráfico:

El resultado siempre tiene el estilo del objeto que está más abajo.

Crear textoInkscape no está muy bien preparado para editar grandes fragmentos de texto, pero para logotipos, etiquetas y pequeños fragmentos de ese tipo es perfecto. Con la herramienta texto puede crearse un texto simple que luego puede editarse de muy diversas formas. Insertar y editar texto con esta herramienta no tiene demasiada dificultad, así que comentaremos algunas posibilidades que se salen de lo normal:

Ajustar el espacio entre letras y líneas:

[Alt]+[flechas] permite ajustar la distancia entre letras (que es variable en la mayoría de las fuentes) y la posición respecto a la línea base de cada una de ellas.

Además, en el menú Trazo, podemos convertir cualquier objeto en trazo, con lo que podemos aplicarle todas las modificaciones de cualquier elemento de este tipo.

En la imagen, hemos alterado la posición de las letras, hemos convertido el texto en trazo, aplicado algunos estiramientos y giros, rellenado con un degradado y puesto un borde de puntos discontinuo. Por último,

Diseño con Inkscape -3 Francisco Durán Ceacero

Ilustración 9. Herramientas para trabajar con nodos.

Ilustración 10. Simplificaciones sucesivas.

hemos suavizado las curvas.

Guardar, exportar e importar.Una vez terminado nuestro trabajo, lo guardaremos en formato vectorial para seguir editándolo en otro momento con Inkscape o con otro programa, como GIMP.

No obstante, es posible exportar una parte del documento en formato de mapa de bits (opción Exportar Mapa de Bits... del menú Archivo.

Al abrir una imagen vectorial en GIMP, aparece una ventana previa que nos permite determinar el tamaño con el que queremos que se convierta en un mapa de bits. La potencia de las imágenes vectoriales se aprecia en este punto, al permitirnos cualquier tamaño, sin pérdida de resolución.

Para la creación de este documento se ha usado la documentación de la ayuda del programa Inkscape, accesible desde el menú Ayuda-Tutoriales y algunas (dos o tres sólo) de las imágenes que allí aparecen. Las demás son, para bien o para mal, creación propia.

Este documento se distribuye bajo licencia Creative Commons (copia con cita y uso no comercial). Accede a este enlace: http://creativecommons.org/licenses/by-nc-sa/2.5/ para leer un resumen de las condiciones de esta

licencia.

Diseño con Inkscape -4 Francisco Durán Ceacero