dibuje por computadora paso a paso

Dibuje por Computadora Paso a Paso 1


INDICE

Presentación Pág. 5Cómo usar este Ebook Pág. 6

DIBUJAR POR COMPUTADORA Pág. 7Tipos de programa de ilustración Pág. 7Vectoriales Pág. 7Editores de bitmap Pág. 7Sobre Inkscape Pág. 8Descargar e Instalar Inkscape Pág. 9

CONOCIENDO INKSCAPE Pág. 12Primer contacto Pág. 13Un documento nuevo Pág. 18Duplicar y organizar Pág. 20Agrupar Pág. 23Combinar Pág. 23Girar Pág. 25Apilar Pág. 25Las capas Pág. 27Crear una capa nueva Pág. 28Alinear y distribuir Pág. 29Más sobre capas Pág. 31Crear Clones Pág. 32

CREAR Y EDITAR OBJETOS Pág. 35Formas básicas Pág. 35Transformar Pág. 36Mover Pág. 36Escalar, girar e inclinar Pág. 37Modificar formas Pág. 38

La unión Pág. 38La diferencia Pág. 38La intersección Pág. 38La exclusión Pág. 39La división Pág. 39

Un Isotipo Pág. 39Un Lápiz con la Rejilla Pág. 44Texto para un logotipo Pág. 49


FORMAS LIBRES Pág. 53Deformando formas básicas Pág. 53Crear formas libres Pág. 54Creando números con Bézier y Nodos Pág. 55Cómo se modifican los trazados Bézier Pág. 56Logo de Superman Pág. 57Alinear nodos Pág. 59Trazos caligráficos y pinceladas Pág. 61¿Dibujar con Trazos o Bézier? Pág. 61

COLOREAR Y PINTAR Pág. 62Sobre el Color Pág. 62Tipos de Relleno Pág. 62 Relleno Uniforme Pág. 62 Relleno degradado lineal Pág. 63 Relleno degradado Radial Pág. 66Gotas usando degradado Pág. 68Cómo copiar un color ya elegido Pág. 71Trazo Pág. 73

INSERTAR TEXTO Pág. 76Texto Arte Pág. 77Texto Fluido Pág. 81Texto en trayecto Pág. 83Importar para web Pág. 84

EFECTOS Pág. 85El Clip Pág. 85Interpolar Pág. 87Vectorizar imágenes Pág. 92Bordes artísticos con trayectos Pág. 94Ampliar y reducir dinámicamente Pág. 96Cajas 3D Pág. 97Convertir un texto en dibujo Pág. 103

ILUSTRACIÓN Pág. 104Ilustración plana: La Pantera Rosa Pág. 104Ilustración con efectos 3D: El Loro Feliz Pág. 111Ilustración realista: Memoria USB flash Pág. 116

Primer paso: Delinear Pág. 116Segundo paso: Colorear y dar efectos Pág. 122


Un regalo final: Homero Simpson Pág. 128

TRABAJOS DE IMPRESIÓN Pág. 129Una tarjeta de visita Pág. 129Una invitación Pág. 134Nota final Pág. 137

Términos de Uso

Usted ha adquirido este Ebook para su aprendizaje y uso personal. De ninguna manera está autorizado a compartirlo, obsequiarlo, venderlo o distribuirlo por ningún medio, ya sea correo electrónico, sitios web de material de descarga o para venta en páginas de anuncios clasificados. Tampoco está autorizado a copiar el contenido o hacer modificaciones al formato actual.


PRESENTACIÓN

Muy cordiales saludos, estimado(a) amigo o amiga.

Lo felicito y a la vez le agradezco que haya tomado la inteligente decisión de adquirir este Libro Digital APRENDA A DIBUJAR POR COMPUTADORA PASO A PASO, el cual será para usted una guía invalorable en su deseo de aprender a dibujar e ilustrar digitalmente.

Imagino que usted será una de las muchas personas que quiere conocer la forma mas sencilla y eficaz de aprender a plasmar su arte usando su computador y ,quizás, muchas veces se sintió perdido porque no supo qué camino seguir para desarrollar paso a paso sus ideas artísticas en forma digital. O tal ves nunca encontró o supo qué programa de dibujo era el adecuado.

Bueno, pues este Ebook - o libro digital- le guiará de manera fácil y amena para que a través de un programa de dibujo de nivel profesional y gratuito usted aprenda todos los secretos del dibujo y diseño por computador.

Este libro no está pensado para personas con gran conocimiento informático y de diseño sino para gente que quizás nunca ha manejado un programa de dibujo con todas esas funciones complejas y difíciles de entender que poseen. De modo que aquí no encontrará palabras raras o procedimientos complejos, sino que todo se lo iré explicando en detalle, con lenguaje sencillo y claro para que usted lo pueda entender sin ningún problema.

Una de las grandes ventajas de este manual es que se basa en un programa de dibujo totalmente gratuito pero de primer nivel, que en muchos aspectos supera a los más renombrados programas de pago del rubro. De manera que usted no se verá en la necesidad de adquirir un programa costoso para aprender a dibujar. Simplemente le indicaré desde dónde descargar el programa, que pertenece a lo que se denomina en informática Software libre.

Prepárese a aprender este gran programa paso a paso e iniciarse en el camino del dibujo por computadora. Disfrute de esta experiencia.

Cordialmente

Daniel Laime

www.programaparadibujar.com

http://www.programaparadibujar.com/


COMO USAR ESTE EBOOK

Lo ideal es que cree una carpeta especial que contenga todos los archivos descargados junto con este Ebook. Además es muy recomendable que cree una carpeta de sus ejercicios personales que irá realizando en los siguiente capítulos, ya que hay algunos archivos que usted mismo realizará y los necesitará en ejercicios posteriores.

Dentro del material descargado, se encuentra una carpeta llamada Material, en la que están contenidos todos los archivos necesarios para trabajar con este Ebook, tales como archivos con extensión SVG (que se abren con el programa Inkscape), imágenes, archivos de texto y plantillas. De modo que cuando le pida abrir un archivo, por ejemplo aquamax.svg, tendrá que ir la carpeta Material, buscarlo y abrirlo para su elaboración o para comparar con el suyo propio.

No todos los ejercicios de este Ebook tienen su archivo correspondiente porque son practicas que usted mismo creará y guardará, de preferencia en su carpeta de ejercicios personales.

Cuando el Ebook le diga algo así como “mantenga presionada la tecla CTRL y MAYUS...” se está refiriendo a mantener presionada las teclas de su teclado CONTROL y MAYUSC (o Control y Shift si su teclado está en inglés.)

CTRL = Tecla Control

MAYUS = Tecla Mayúscula o Shift (en inglés)

ALT = Tecla Alt


Dibujar por ComputadoraLos tiempos modernos han hecho que la manera de trabajar en todas las áreas, como también en la ilustración, se centren en los ordenadores, pues facilitan enormemente el proceso de creación y edición de un dibujo, ilustración o un trabajo de diseño, cualquiera que este sea.

Ahora es posible crear nuestro arte directamente en la computadora. Si tenemos una tableta digitalizadora es muy cómodo crear formas cual si dibujáramos en papel. Si usted no tiene un pulso muy fino, puede valerse de las herramientas de los programas de dibujo que le permitirán crear acabados muy elaborados.

Además podemos recurrir tranquilamente a dibujar manualmente en un papel, con lápices o estilógrafos y después llevar el trabajo para escanearlo y de ahí realizar el calcado, es decir la digitalización de nuestro arte.

Programas que hacen esta tarea hay muchos, unos más versátiles y eficientes que otros. Es por esto que si queremos tener resultados óptimos y llamativos hemos de valernos de un programa que posea todas las herramientas necesarias que nos faciliten el trabajo.

De modo que el programa que aprenderemos paso a paso cumple ampliamente los requisitos necesarios para trabajar todo tipo de ilustraciones, dibujos y material de diseño en general desde un nivel básico hasta niveles de exigencia muy altos. Todo depende de hasta dónde desea usted llegar.

Tipos de Programas de ilustraciónEn el mercado abundan los programas informáticos destinados a esta área; unos muy reconocidos porque llenan ampliamente las expectativas de un dibujante en ciernes o de un profesional. Y otros con prestaciones muy básicas. Inkscape cumple como uno de los mejores programas de ilustración de la actualidad, siendo su manejo muy intuitivo y fácil.

Básicamente los programas para el diseño y dibujo son de dos tipos:

Vectoriales: Como el programa que aprenderemos en este Ebook, estos son del tipo que nos permiten crear ilustraciones que no se distorsionan al ampliar los dibujos. Las lineas y formas de dibujo son muy definidas y claras. Con estos programas se crean ilustraciones, texto, logotipos, volantes, folletos, etc. La imagen de abajo es un logotipo de lineas sólidas y definidas de tipo vectorial.

Editores Bitmap: Son programas que permiten crear o editar imágenes de tipo fotográficas. Se trata de archivos que están configurados a una resolución especifica y suelen distorsionarse al cambiarlos de dimensión (estirar o agrandar). Su peso está en relación directa con la resolución y tamaño físico de la imagen. La imagen de tipo banner inferior es netamente Bitmap, manipulada en un programa editor de imágenes.


Bitmap Vs VectoresDebemos tener en claro qué tipo de archivo, ya sea vectorial o Bitmap tenemos que utilizar para un trabajo determinado. Por ejemplo, para crear una tarjeta de presentación, las formas nítidas como texto, logo, isotipo, casi siempre se realizarán en un programa vectorial, en tanto que las imágenes que tienen apariencia realística, como fotografías o imágenes sombreadas, iluminadas, con efectos tridimensionales, etc. son candidatas para ser creadas en un programa Bitmap.

Muchos programas vectoriales, como el que aprenderemos, permiten crear algunos efectos realísticos Bitmap sin tener que editarse en otro programa o, en su defecto, simularlos muy bien con herramientas netamente vectoriales. Esto es parte de lo que se conoce como “ilustración realística”, y requiere un dominio medio-avanzado del programa vectorial que se utilice.

Sobre InkscapeInkscape es un programa Editor de Gráficos vectoriales que está dentro del llamado Software Libre, es decir es gratuito y de código abierto (Open Source), que significa que cualquier programador con experiencia puede modificarlo desde su código fuente para mejorarlo, desarrollarlo y/o adaptarlo a sus necesidades.

El programa Inkscape, a diferencia de sus competidores de pago, está disponible para los varios sistemas operativos: Windows, Linux y Mac OS X.

El formato base en el que Inkscape le permite crear su documento es SVG (Scalable Vector Graphics). Este formato es ampliamente utilizado en la actualidad. Todos los programas de diseño en sus ultimas versiones


permiten Guardar, Importar y Exportar en formato SVG. Y la mayoría de navegadores web modernos (Opera, Firefox, Chrome, Safari) permite visualizar directamente archivos SVG. Se estima que recién la versión 9 de Internet Explorer podrá visualizar archivos SVG.

Esta es una gran ventaja de Inkscape, pues en todos los demás programas de diseño se necesita importar el diseño a un formato compatible con web, si es que queremos compartirlo en internet.

De modo que cuando usted cree un diseño en Inkscape y lo guarde, este se guardará predeterminadamente como:

el_nombre_de_su_archivo.svg

Descargar e instalar InkscapeAntes de seguir con el Manual de Dibujo, deberá descargar el programa Inkscape e instalarlo en su computador. Como mencionamos lineas arriba, el programa está disponible para ser instalado en los sistemas operativos más populares: Windows, Linux y Mac OS X.

Deberá ir a la siguiente dirección http://www.inkscape.org/download/?lang=es y de acuerdo, a su sistema operativo, descargar la versión correspondiente. En el caso de Windows, haga clic en el enlace Windows-.exe instalador.

Le llevará a otra página desde donde aparecerá el aviso sobre qué desea hacer con el archivo, aquí elija Guardar y especifique la ubicación que desee en su computador.

Una vez guardado el archivo de aproximadamente 37 Mb, haga doble clic para que automáticamente se inicie el proceso de instalación.

http://www.inkscape.org/download/?lang=es


En el caso de tener usted el sistema Linux (o la distribución Ubuntu,que es una de las más populares para Linux), las ultimas versiones de este sistema operativo vienen con el programa ya disponible desde el menú Aplicaciones > Gráficos. Pero si no lo tuviera instalado, la manera más fácil de hacerlo es ir al menú Aplicaciones > Añadir y Quitar.

En el rubro Gráficos de la ventana Añadir y quitar aplicaciones, buscamos dentro de la amplia lista superior “Editor de Gráficos vectoriales Inkscape”, le colocamos el check respectivo y luego presionamos el botón Aplicar cambios.


Si instala el programa en un sistema Windows, (Xp, Vista, Windows 7) estará disponible desde su Escritorio.


Conociendo InkscapeAl abrir Inkscape veremos la interfaz del programa que contiene un rectángulo blanco en medio con un reborde sombreado llamado Pizarra, que representa la hoja de trabajo o página. Es decir, se abre automáticamente un documento en blanco.

Se observan además tres barras arriba (de Comandos, de Controles de ajuste y de controles de herramienta) y una abajo (barra de estado)

A la izquierda se observa la Caja de Herramientas, muy usada para la creación de formas y dibujo en general.

Las Reglas se ubican arriba (la horizontal) y a la izquierda (la vertical).

Al abrir Inkscape no aparecen las ventanas acoplables de la derecha, sino que aparecen al hacer clic en los respectivos botones de arriba en la Barra de comandos. Estas ventanas predeterminadamente se acoplan al lado derecho de la pantalla y podemos hacerlas aparecer según necesitemos. Las principales son Relleno y borde – Capas - Alineación y distribución. Aprenderemos su uso en los siguientes capítulos.


Otras ventanas como Texto, no se acoplan sino que aparecen en forma flotante cuando se presiona el botón respectivo.

Primer contactoEste primer ejercicio nos permitirá conocer algunas funciones del programa. Usaremos cuatro herramientas de la Caja de Herramientas. No se preocupe si no hablamos mucho de ellas por ahora, más adelante lo haremos en detalle. Ellas nos ayudarán en nuestro primer contacto con el programa.


• Según la imagen, presionando sobre la herramienta Rectángulos y cuadrados, creamos uno dentro de la pizarra sin necesidad de mucha perfección, salvo que se parezca a un cuadrado. El proceso para crear la figura es presionar el botón izquierdo del ratón y hacer un arrastre en diagonal desde la izquierda-superior hasta la derecha-inferior.

• Al terminar, vamos a la herramienta Círculos, elipses y arcos y presionando la tecla CTRL dibujamos un circulo en una parte libre de la pizarra. Se coloreará del mismo color que el rectángulo y con el mismo borde (Trazo).

• Presionamos un color distinto desde la paleta de colores inferior para cambiar el color del circulo.

• Damos clic a la herramienta Estrellas y polígonos para crear una estrella y de la misma manera elegimos en la barra de colores interior un color distinto para la figura.

• Presione la herramienta Espirales y dibuje, arrastrando en forma diagonal, una espiral básica.


• Ahora, usando la herramienta Seleccionar y transformar -el primer botón con la flecha negra en la Caja de herramientas- ubicamos (arrastramos) los elementos para que queden aproximadamente como se ve en la imagen.

La herramienta Seleccionar y transformar objetos es básica para poder seleccionar, trasladar, mover y trabajar con los objetos. Cuando tiene activa esta herramienta y hace clic sobre un objeto, aparecen 8 flechas alrededor de él, lo que permite manipular el objeto de variadas formas. Si pone el cursor encima del objeto aparece una cruz de cuatro puntas que le indica que puede arrastrar el objeto y moverlo de posición. Si hace clic sobre un objeto ya seleccionado aparecen sus manipuladores de giro e inclinación. Lo veremos en un capitulo siguiente.

Importante: Si dibuja un objeto y no ve nada, fíjese abajo, en la barra de Estado, para saber qué color de relleno y de trazo están activos. En el ejemplo de abajo el Relleno está establecido en blanco y el trazo en Ninguno, de modo que al dibujar el objeto, parece que no se dibuja nada. La forma rápida de aplicar un relleno es seleccionar un color y dar clic izquierdo. Para dar un color de trazo haga clic derecho y elija Fijar trazo.


Hemos creado cuatro elementos sencillos con los que aprenderemos algunas funciones para visualizar y desplazarnos por un documento.

• Presione la tecla 5 (del teclado numérico o alfanumérico). Esto permite ver toda la pizarra, es decir, el documento completo.

• Presionando la tecla 1 vemos el zoom a una relación 1 a 1, es decir, muy aproximado al tamaño del documento real.

• Presionando la tecla 2 el zoom se pone a una resolución 1 a 2, es decir a la mitad de la anterior.

• Seleccione con la herramienta Seleccionar el circulo – dando clic sobre él para ver 8 flechas negras a su alrededor - y seguidamente presionamos la tecla no numérica 3. Esto permite que el zoom se amplíe y toda la ventana queda ocupada únicamente por el elemento seleccionado.

• Presionamos la tecla 6, con lo cual la visualización se dará a todo lo ancho de la página.

La tarea de Ampliar o reducir el nivel de zoom también se puede hacer con la teclas + (ampliar) o – (reducir).

• Vuelva al zoom de ancho (tecla 6). Manteniendo este zoom se desplazará hacia abajo para poder visualizar la espiral: use para ello la rueda central de ratón girándola hacia abajo.

• Si su ratón no tiene rueda central, use las teclas CTRL + flecha abajo. Tiene el mismo efecto.


Este proceso de CTRL+flechas de dirección nos permite movernos por todo el documento según sea necesario.

• Guarde su documento por medio de Archivo > Guardar. Si creó la carpeta Ejercicios para colocar todos los que realizará con este Ebook, busque dicha carpeta y guarde su ejercicio como primer-contacto. Automáticamente se guardará en formato SVG, que es el formato estándar de Inkscape.

Lo felicito por este primer contacto con Inkscape. Hemos trabajado sobre el documento predeterminado que se crea al abrir el programa. Practique creando nuevas formas de cuadrados, rectángulos, círculos, elipses, de diferentes tamaños. Póngales diferentes colores a sus rellenos y trazos y desplácese por su documento para visualizar los diferentes elementos que haya hecho.

En el siguiente ejercicio aprenderá a configurar un nuevo documento de acuerdo a lo que necesite. Tómese un café y siga adelante.


Un documento NuevoCuando quiere crear un nuevo documento tiene que ir a Archivo > Nuevo. En forma predeterminada Inkscape crea un documento de tamaño A4. Pero muchas veces necesitaremos un documento a un tamaño y configuración específicos. Para ello, con el documento abierto, vamos al menú Archivo > Propiedades de documento ó presionamos el botón análogo de la barra de Comandos.

Desde aquí, de acuerdo a las necesidades que tengamos, elegimos el tipo de documento, el tamaño de la hoja, la unidad de medida. En este caso se trata de un volante de ¼ de hoja A4, de modo que la elección será A6, en posición vertical y las unidades predeterminadas serán milímetros (mm).

Un paso importante para orientarnos en la colocación de los elementos de la página, a modo de margen, son las llamadas lineas guía. Tendremos un margen de 5 mm para cada lado. Para crearlos seguimos el siguiente proceso.

• Arrastre desde la regla Vertical una linea guía y ubíquela cerca de la izquierda de pizarra de trabajo. De doble clic sobre ella y rellene 5,00 para la coordenada X. Luego Aceptar.


• Arrastre otra linea guía desde la regla vertical y ubíquela cerca al borde derecho de la pizarra de trabajo. Doble clic sobre ella y en la coordenada X escriba 100. Luego Aceptar.

• Arrastre desde la regla Horizontal una linea guía y ubíquela cerca al borde superior de la pizarra de trabajo. Al dar doble clic sobre ella, escriba en la coordenada Y: 143. Luego Aceptar


• Arrastre desde la regla Horizontal una linea guía y ubíquela cerca al borde inferior de la pizarra de trabajo. Al dar doble clic sobre ella, escriba en la coordenada Y: 5.

• Luego Aceptar.

Al final habrán cuatro lineas guía que funcionarán como márgenes de la página..

Duplicar y organizar elementosEn este paso crearemos un pequeño volante por medio del cual seguiremos aprendiendo asuntos básicos del programa como colocar y organizar los elementos deseados.

• Presionando la herramienta Cuadrado y usando la tecla CTRL creamos un cuadrado perfecto y lo coloreamos de gris buscando el color en la paleta inferior de la pantalla. Usamos la herramienta selección.

Lo que hace la tecla CTRL es restringir proporciones, escalados y movimientos. Siempre, al presionar la tecla CTRL y usar una herramienta de formas básicas se crearán formas exactas: por ejemplo cuadrados y círculos exactos.

• En la barra de propiedades colocamos las medidas en milímetros (mm), cerramos el icono de candado para que los cambios sean proporcionales al modificar una sola de las medidas. En ancho (W) o alto (H) escribimos 10 y luego presionamos ENTER.

• Si está activado el trazo (contorno) para los objetos, una forma rápida de desactivarlo es hacerlo desde abajo, haciendo clic derecho sobre Trazo y elegir “Eliminar trazo).


• Presionamos la tecla 3 (no numérica) para tener un acercamiento (zoom) de la selección, o sea del cuadrado. Y luego presionamos tres veces la tecla (–) para tener un zoom menor, que nos dé una visualización cómoda.

• Manteniendo seleccionado el cuadrado presionamos CTRL+D para duplicarlo.

• Para desplazar la copia presionamos MAYUSC + flecha derecha 2 veces.

Para seleccionar uno o más elementos podemos hacer clic sobre él con la herramienta Seleccionar; si son más de dos, podemos crear una marquesina que abarque completamente todos los objetos a seleccionar, como en la imagen de abajo.


También podemos seleccionar el primero, luego presionando MAYUS, hacerlo con los demás.

• Seleccionamos ambos cuadrados y los duplicamos usando CTRL +D y para desplazar hacia abajo esa copia usamos MAYUSC + flecha abajo 2 veces. Ahora tenemos 4 cuadrados perfectamente alineados entre sí formando un cuadrado mayor como se ve en la imagen inferior.

Una marquesina se forma simplemente cuando tenemos la herramienta Seleccionar activada y arrastramos de un punto a otro punto, asegurándonos que abarque totalmente los elementos a seleccionar. Es muy eficaz para seleccionar varios elementos en una sola operación. Si los elementos a seleccionar no están cercanos unos de otros, lo ideal es seleccionar el primer elemento, presionar MAYUSC, seleccionar el siguiente y así sucesivamente.


Agrupar elementosContinuemos con el ejercicio:

• Seleccionamos los 4 cuadrados usando una marquesina y los agrupamos vía el menú Objeto > Agrupar, o lo que es igual, presionando las teclas CTRL+G. Desde ahora los 4 objetos se comportarán como si fueran uno sólo, aunque no lo sean. Pruebe de moverlos y desplazarlos, ya sea con el ratón o con las teclas de dirección.

• Nuevamente seleccione el grupo de objetos y duplíquelo con CRTL+D y coloque la copia un poco más abajo y coloreelo de gris o del color que quiera. Si necesita desplazarse por la pizarra de trabajo, use como ya aprendió las teclas CTRL+ flechas de dirección.

• Para desagrupar ese nuevo grupo copiado, manténgalo seleccionado y elija menú Objeto > Desagrupar o presione CTRL+MAYUS+G. Ahora ha dejado de ser un grupo y son 4 objetos separados.

Combinar elementosLa diferencia entre agrupar elementos y combinarlos es que al agrupar los objetos siguen siendo varios, mientras que al combinar varios objetos, el resultado es que todos los objetos se convierten en uno solo. O lo que es igual, en un solo trayecto.

Un trayecto puede estar constituido por varias formas y se lo puede editar como un solo objeto. Si combinamos varias formas, todas se convertirán en un solo objeto o trayecto y tomarán las propiedades de relleno y trazo del último objeto seleccionado.

• Seleccione todos los cuadrados de la copia y elija desde el menú Trayecto > Combinar (CTRL+K). Todo se ha convertido en un solo trayecto de 16 nodos como informa abajo, en la barra de estado.


• Seleccione el trayecto (los 4 cuadrados), y elija otro color en la paleta de color inferior. Todos los cuadrados adquieren el color elegido pues ahora se trata realmente de un solo objeto.

• De la misma forma que se puede combinar varios objetos, se los puede descombinar para que regresen a su estado anterior.

• Seleccione el trayecto y elija el menú Trayecto > Descombinar o las teclas (CTRL+MAYUS+K).

Ahora vuelven a ser todos objetos independientes, pero del tipo trayecto, pues al combinar y descombinar pierden sus atributos iniciales como rectángulos que fueron.

Seleccione esos cuadrados y elimínelos, no los necesitaremos para nuestro trabajo, pero ya hemos aprendido a combinar y descombinar objetos.


Girar elementosEn esta sección es necesario girar el grupo de cuadrados porque forma parte del isotipo del supuesto afiche.

• Seleccionado el elemento, damos nuevamente clic, con lo que aparecerán alrededor suyo los manejadores de giro.

• Presionando la tecla CTRL para restringir el movimiento y tomando un manejador de giro de las esquinas arrastramos contrario a las agujas del reloj hasta poner la figura como se ve en la imagen.

Apilar elementosCada objeto dibujado en Inkscape tiene un orden de apilamiento de acuerdo a su orden de creación. El último objeto creado estará encima del anterior, así como si pusiéramos una moneda sobre otra. Este orden lo podemos modificar a voluntad como aprenderemos aquí.

• Seleccione la herramienta Rectángulos y Cuadrados y cree uno en la parte superior del documento, con la ayuda de las lineas guía, empezando desde la parte superior izquierda hasta la derecha. El tamaño será aproximado. Cuando termine vaya a la herramienta Seleccionar.

• Haga clic sobre la flecha inferior media del rectángulo y arrastre hacia arriba o abajo según sea hasta que vea en la barra de controles de herramienta, el cuadro de altura (H) una medida de aproximadamente 18 mm.

• Coloree el rectángulo de gris 50% con la paleta inferior.

• Seleccione el grupo de cuadrados creados en el paso anterior y desplácelo a la izquierda del rectángulo


gris. Como fue creado anteriormente, está apilado debajo del rectángulo recién creado. Para subirlo en su orden de apilamiento y ponerlo en primer lugar usamos el icono Elevar los objetos a primer plano.

Como el isotipo (el grupo de cuadrados) es muy grande en relación a lo que queremos, tenemos que redimensionarlo, es decir, cambiar su tamaño, haciéndolo más pequeño.

• Seleccionándolo, cerramos el candado de proporción para que cambiando una sola de sus dimensiones (o alto o ancho), su tamaño cambie proporcionalmente. Colocamos 15 mm en ancho ó alto y damos ENTER.

• Ahora, usando la herramienta Texto, y colocando el cursor encima del cuadro gris, escribimos la palabra “Gallese”. A la derecha de la barra superior aparece una lista donde puede elegir qué fuente usará para esa palabra. Yo usé la fuente Gozuka Ghotic Pro B y de tamaño 40. Elija cualquiera parecida a la de la imagen siguiente y de un tamaño aproximado.


• Coloree el texto con #ffb380 usando la paleta inferior.

• Añada el texto “En pisos cerámicos, el mejor” con una fuente menor. La utilizada en el ejemplo fue Arial, con un tamaño de 12 puntos. Coloree este ultimo texto de blanco.

• Ordene con la herramienta Seleccionar los elementos para que queden como el ejemplo.

Las capas Las capas permiten trabajar con comodidad si nuestro trabajo es un poco más elaborado y contiene muchos elementos. Hay quienes gustan de trabajar con varias capas y quienes que no. Pero las capas son de gran ayuda si es que queremos tener nuestro archivo ordenado y separar elementos por áreas o rubros, de modo que no nos confundamos con muchos objetos colocados en una sola capa.

Las capas son como láminas transparentes que pueden contener uno o muchos elementos. Se visualizan con el botón Ver capas de la barra de Comandos. También desde la barra de Estado se puede ver la capa activa.


Al abrir un documento nuevo en Inkscape, este posee una sola capa predeterminada llamada .Capa 1 que se puede visualizar en la barra de estado. Si creamos nuevas capas, estas se apilarán unas encima de otras según su orden de creación. Este orden también se puede editar.

Crear una capa nuevaTenemos varias formas de añadir una capa. Usaremos la ventana Capas que nos permite trabajar ampliamente con ellas. Volvamos a nuestro archivo.

• Si no esta visible la ventana Capas, presione el botón Ver capas. Aparece a la derecha la ventana acoplable correspondiente.

• Presionamos el botón azul + y en la opción que aparece le ponemos nombre Fondo a la capa. Lo demás lo dejamos así.

• A la Capa 1 le quitamos la visualización haciendo clic sobre el ojo. Así dejarán de verse todos los elementos contenidos en dicha capa. Esto nos ayuda a trabajar por capas y no modificar por error una capa que no deseamos editar.

• Presionando la capa Fondo para que se ponga azul, nos aseguramos que esa capa esté activa.

Tip: Es importante al trabajar en la ventana Capas, para regresar a a la ventana de dibujo, presionar la tecla Tab. Y hacer clic sobre la pizarra de dibujo para salir de la edición en la Ventana capas.


Cada ventana de la derecha como Capas, Alinear y distribuir, Relleno y borde, se pueden desacoplar para tenerla flotante. Quizás en algunos casos sea necesario tener la ventana Capas flotante para poder estirar y ver todos sus elementos. La forma de hacerlo es arrastrar la ventana desde su parte gris superior y trasladar a otra zona. Para volverla a acoplar, primero presione el icono de flecha de cada ventana acoplada (una por una) para minimizarlas todas y luego arrastre la ventana flotante hacia la derecha.

Alinear y distribuir objetos• Usando la herramienta Rectángulos y Cuadrados y con la ayuda de las lineas guías creamos uno en la

parte superior, que ocupe todo el ancho. Lo coloreamos de rojo oscuro (#800000) con la paleta de colores inferior.

• Volviendo a la herramienta Seleccionar, nos aseguramos que en la barra de propiedades el candado de dimensiones esté abierto y al alto le ponemos 9.2 mm. El tipo de medida debe estar establecido en milímetros.

• Ayudado por las lineas guía, ponemos el rectángulo encajado, cual imán, donde corresponde hasta que aparezca la guía visible “Esquina a intersección de guías”


• Vamos menú Objeto > Alinear y distribuir y se acopla dicha ventana a la derecha con sus opciones.

• Seleccionado el rectángulo presionamos CRTL+D 7 veces para tener en total 8 rectángulos. La ultima copia, es decir la que esta encima de todas, la arrastramos hasta abajo hasta llegar a la linea guía horizontal inferior, como indica el ejemplo.

• Seleccionamos con una marquesina todos los rectángulos creados y en la ventana de Alinear y distribuir presionamos el botón Distribuir los bordes a distancias iguales.


Más sobre capasHemos distribuido objetos de la Capa 1. Ahora moveremos la capa Fondo, es decir, la que acabamos de crear, hacia abajo. Esta capa en realidad contiene el diseño de fondo para nuestro pequeño afiche.

• Seleccionamos la capa Fondo y presionamos el botón 'Bajar la capa actual al fondo'.

Como las franjas tienen un rojo muy intenso, no se ve bien el contenido. Bajaremos la opacidad de la capa fondo para apreciarlo mejor.

• Teniendo activa la capa Fondo, ponemos en 15% la opacidad de la misma.


En este capitulo hemos aprendido cuestiones básicas del trabajo con Inkscape que nos darán, sin duda, una base solida para continuar con los siguientes capítulos. Muchos temas aquí tratados los hemos tocado apenas someramente y se irán viendo en detalle más adelante.

Nota: Un ejemplo de cómo trabajar con capas está en el archivo monitor-en-perspectiva.svg (en la carpeta Obsequio). Abra dicho archivo y examine cómo está elaborada la ilustración y siga las instrucciones que están en el mismo archivo.

Crear ClonesEn ejercicios anteriores aprendimos que duplicar un objeto es tan sencillo como seleccionarlo y presionar CTR+D según cuantas copias deseamos; el duplicado se superpone encima del original. También es posible copiar y pegar (CTRL+C y CTRL+V) y la copia se colocará hacia la parte inferior derecha del original.

Pero existe la posibilidad de crear elementos clonados, lo que a diferencia de las copias y los duplicados, mantienen las propiedades de su objeto original y si a este se lo modifica, inmediatamente sus clones tomarán las nuevas propiedades. Esto lo veremos con un sencillo ejercicio.

• En una página vacía de Inkscape cree un rectángulo negro que abarque aproximadamente la mitad superior de la página.

• Con la herramienta Estrellas y polígonos dibuje una estrella y cambie las propiedades de esta por medio de la barra de controles de herramienta: Tipo: estrella, de 5 esquinas y con una longitud de radio de 0,600..

• Presione CTRL mientras escala la imagen aproximadamente del tamaño de la imagen en relación al rectángulo negro. Rellene la estrella de amarillo y elimine el trazo, si es que lo tiene.


• Vaya a menú Edición > Clonar > Crear clon (ALT+D). Arrastre el clon a la izquierda y fíjese en la barra de estado que aquella figura. Dice “Clon de: estrella...”

• Manteniendo seleccionado ese clon, presione ALT+D para clonarlo. Abajo en la barra de estado verá “Clon de: Clon de: estrella...”

• Vuela a seleccionar la estrella original y presione ALT+D 5 veces. Lo que ocurre es que se están clonando a partir de ultimo clon, es decir del que está encima. (un clon del clon del clon, y así sucesivamente.)

• Sitúelos en diferentes posiciones para que parezca un cielo estrellado. Si necesita mas clones, seleccione el original y siga clonando. Puede Escalar los que desee (manteniendo CTRL presionado) y ver que sus clones respectivos se escalan proporcionalmente.

• Si tiene muchos clones, para ubicar el original si es que lo cambio de posición, seleccione cualquiera de las estrella vaya a Edición > Clonar > Seleccionar original (o presione MAYUS+D varias veces hasta que la barra de estado diga Estrella de 5 vértices).

• Con el original seleccionado, cambie su color de relleno a blanco.


Active la herramienta Estrellas y polígonos y modifique sus propiedades desde la barra de controles de herramienta y arrastre el nodo de esquina presionando CTRL, así la estrella se hará mas estrecha. Fíjese lo que ocurre con los clones.

La opción de clonar puede funcionar en objetos únicos o también en grupos, pero como grupo ya no podrá modificar posteriormente sus atributos.


Crear y editar ObjetosCon Inkscape podemos crear todo tipo de elementos basados en formas básicas como rectángulos, círculos, polígonos, estrellas y espirales. Esto lo vimos en el paso anterior. Además, también podemos crear formas propias basadas en trayectos. Todos los elementos creados pueden ser escalados, rotados, inclinados, etc. y modificar sus formas.

• Cree las figuras correspondientes y practique realizar los ejemplos del capitulo.

Formas básicasLas formas básicas como las que creamos en el capítulo anterior tienen su respectiva herramienta y para dibujarlas basta hacer clic sobre cada una de ellas y luego dibujarlas. Las formas se colorean con el último color de relleno y trazo utilizado.

Los rectángulos tienen la particularidad de poder redondear sus esquinas si lo deseamos. Una vez creado el rectángulo y manteniendo esa misma herramienta activa, arrastramos con ella hacia abajo el pequeño círculo blanco superior-derecho que cambiará de color a rojo durante el arrastre.

La herramienta Círculos, elipses y arcos permite crear estas formas. Todo depende cuál elijamos desde la barra de controles de herramienta al estar activa la herramienta cuando manipulamos el nodo circular blanco medio-derecho. Las tres opciones son: segmento, arco y elipse completa.

La herramienta Estrellas y Polígonos crea estas dos figuras, dependiendo de cuál se elija desde la barra de controles de herramienta. Además tenemos la opción de trabajar con la redondez.


La herramienta Espiral permite crear esta forma con el número de vueltas a elegir.

Transformar objetosEsto incluye el desplazamiento, la escala, el reflejo, la rotación y la inclinación de elementos. La forma sencilla y básica es usar la herramienta Seleccionar con los tiradores ubicados alrededor de los objetos seleccionados.

Mover Para mover objetos en forma básica simplemente hemos de usar la herramienta Seleccionar sobre un objeto y arrastrarlo a voluntad.

Si deseamos restringir el movimiento, ya sea horizontal o vertical, presionamos la tecla CTRL y arrastramos.

Otra opción es usar las teclas de flechas. Cada vez que presionemos en una dirección el objeto avanza una


unidad. Si mantenemos presionada la tecla MAYUS y la flecha de dirección correspondiente, el movimiento será en 10 unidades.

Escalar, girar e inclinar Los objetos seleccionados poseen los 8 tiradores con los cuales podemos escalar en la dirección requerida. Si necesitamos girar e inclinar el objeto, hacemos doble clic sobre el y aparecen los tiradores de giro e inclinación.

Para inclinar se arrastra una de las flechas intermedias de cualquiera de los lados (no de las esquinas)

Al presionar la tecla CTRL mientras transformamos se restringe la transformación, ya sea al escalar (se mantiene la escala), al girar (gira en ángulos de 15º), al inclinar (en ángulos de 15º).

Reflejar un objeto no puede ser más sencillo que presionar las teclas H para reflejar horizontalmente y V para hacerlo verticalmente. Reflejar significa cambiar la posición del elemento como si se reflejara ante un espejo. En el ejemplo se ha duplicado para ver el efecto según el rojo original.

Modificar las FormasEn esta parte aprenderemos por medio de 4 comandos del menú Trayecto a modificar nuestras formas, que de


otra manera sería muy complejo realizar. Estos consisten en unir, cortar, intersecar dos o más formas para tener como resultado una forma nueva.

Esta sección téngala siempre presente porque en varios ejercicios de este libro haremos uso de estos comandos, sobre todo aplicándolos por medio de teclas rápidas (atajos del teclado).

La unión - como su nombre lo indica permite unir dos o más formas para crear una nueva forma final con la suma de todas ellas. El nuevo trayecto toma los atributos de relleno y trazo del primer objeto creado. A la izquierda los 3 elementos y a la derecha todo se ha unido (Trayecto > Unión).

La Diferencia – opera cuando se tienen dos elementos seleccionados. El objeto inferior se corta según el objeto que esté encima en el orden de apilamiento.

La intersección – crea una nueva forma nacida del “cruce” entre dos elementos seleccionados, la cual toma los atributos del primer objeto creado.


La Exclusión – a la inversa de la intersección, el nuevo objeto elimina el área de intersección de ambos.

La División – Crea dos objetos: (uno) la intersección del primer objeto creado con el objeto superior y (dos) el resto del primer objeto.

Practique esta sección superponiendo 2 objetos y aplicando cada uno de los comandos del menú Trayecto.

Un IsotipoEste ejercicio le permitirá poner en practica algunas opciones del menú Trayecto para crear un isotipo que posteriormente utilizará en otro capítulo del libro.

• Vaya a menú Archivo > Preferencias de Inkscape o presione el botón análogo de la barra de Comandos. En Formas busque Rectángulo. Donde dice Crear objetos nuevos con: elija El estilo propio de esta herramienta (que es predeterminadamente relleno azul con trazo negro de 1 píxel de grosor). Cierre la


ventana.

• Seleccione la herramienta Rectángulos, mientras mantiene presionada la tecla CTRL (Control) de su teclado, arrastre para crear un cuadrado perfecto. Arrastre el nodo circular (superior derecho) ligeramente hacia abajo para redondear el rectángulo.

Con la herramienta Seleccionar activa, duplique el cuadrado (CTRL+D). A ese duplicado redimensiónelo presionando las teclas CTRL+MAYUS y arrastrando desde una de sus esquinas hasta tener un cuadrado de menor tamaño. Seleccione ambos cuadrados y presione las teclas CTRL+ - (signo menos) o lo que es igual: Trayecto > Diferencia.

Active el botón Ajustar a trayectos y dibuje un rectángulo que se ciña a uno de los anchos de la figura azul. Como


el ultimo rectángulo que dibujó fue redondeado, este se mantiene así, de modo que presione el botón Afilar las esquinas para volver esquinado los lados del nuevo rectángulo. Este rectángulo muévalo como se ve en la figura de la derecha.

• Estire desde abajo (la flecha central) el rectángulo de modo que 'cruce' la figura anterior de arriba a abajo. Luego, usando la ventana Alinear y distribuir (MAYUS+CTRL+A) con la opción 'Relativo a: ultimo seleccionado', seleccione primero el rectángulo y después la figura inferior y aplique los botones de centrado vertical y horizontal que indica la figura.

Seleccione el rectángulo de encima y duplíquelo (CTRL+D). A ese duplicado gírelo usando sus manejadores de giro, presionando la tecla CTRL hasta tenerlo horizontalmente. Cree una marquesina para seleccionar todos los objetos y luego presione la teclas CTRL + + (signo más) o lo que es igual: Trayecto > Unión. Ahora todo es un solo trayecto de varios nodos, como ve en la figura derecha.


• Cree un circulo perfecto con la herramienta Elipses presionando CTRL, de aproximadamente el tamaño que se ve abajo en relación a la figura azul.

• Seleccione ambos elementos y con la ventana Alinear y distribuir aplique los mismos botones que ya usó para centrar todo.


• Seleccione solamente el circulo y cópielo (CTRL+C) para tenerlo disponible desde el portapapeles.

• Ahora seleccione ambos elementos y presione nuevamente las teclas CTRL + + (Trayecto > Unión). Ahora existe un solo objeto.

• Vaya al menú Edición > Pegar en el sitio (CTRL+ALT+V) para pegar el circulo que copió. Luego reduzca su tamaño usando las teclas CTRL+MAYUS y arrastrando desde una de sus esquinas. Finalmente seleccione ambos elementos y presione CTRL + - (signo menos) o lo que es igual: Trayecto > Diferencia.

Guarde este archivo con el nombre isotipo-apresto.svg pues lo usaremos en un próximo ejercicio.

Un isotipo es la parte gráfica o símbolo de una marca, que puede contener alguna tipografía dentro de sus formas. No incluye la parte textual como pueden ser palabras o slogan. La parte gráfica junto con el texto forman lo que se denomina comúnmente como Logotipo.

Un lápiz con La RejillaEl uso de lineas guía que vimos anteriormente es sólo una forma de orientarnos en nuestros dibujos. A


continuación aprenderemos otra forma de ayuda y orientación para dibujar: La Rejilla. Se trata de una cuadrícula que aparece en la pantalla a un tamaño (espaciado de lineas) que hayamos configurado. Esta opción se usa mucho en dibujo técnico.

• Abra un nuevo documento y desde el menú active Ver > Rejilla. Se mostrará en toda el área de trabajo de Inkscape una rejilla de lineas azules que configuraremos a nuestro gusto.

• Vaya al menú Archivo > Propiedades de documento ó presione el botón análogo desde la barra de Comandos (que se ve en el ejemplo) para que aparezca la ventana correspondiente. Desde la pestaña Rejillas, cambie la cantidad de Espaciado X e Y de 1 (1,000) a 10 (10,000), de modo que las cuadrículas se hagan más grandes. El botón de Ajustar a rejillas también tiene que estar activo. Esto permite que al dibujar nuestras formas, encajen perfectamente a la rejilla.


• Presione la tecla 2 del teclado no numérico para tener un zoom de toda la página.

• Con la herramienta Rectángulos dibuje uno que abarque 4 cuadrículas de ancho por 11 de alto. Verá que la figura se ciñe a la rejilla. Posiciónelo mas o menos en el medio de la página, un poco abajo.

• Dibuje otro rectángulo de 4 por 3 cuadrículas de ancho dejando una cuadrícula de espacio como el ejemplo que se muestra a la derecha.


• Presione la tecla 4 (teclado no numérico) para tener un acercamiento mayor de su dibujo. Desactive el botón Activar ajuste para eliminar momentáneamente el ajuste a la rejilla (y a cualquier guía). Manteniendo la herramienta Rectángulos, arrastre ligeramente hacia abajo el nodo circular superior derecho para darle una redondez a su rectángulo.

• Vuelva a presionar el botón Activar ajuste. Dibuje otro rectángulo 2 cuadrículas más abajo que el ultimo rectángulo, del mismo grosor pero de 2 cuadrículas de alto. Como Inkscape recuerda el redondeo de esquina que le dio al ultimo rectángulo, este también conservará el redondeo. Para eliminarlo presione el botón Afilar las esquinas.


• Presione la tecla 5 (teclado no numérico) para ver todo el documento.

• Use la herramienta Curvas Bézier y haga clic desde la esquina inferior-izquierda del rectángulo más grande, haga otra vez clic a su derecha. Tres cuadrículas abajo haga nuevamente clic y para finalizar, haga clic donde empezó. Habrá creado un triángulo invertido que será la punta del lápiz.

• Con el triángulo seleccionado, duplíquelo (CTRL+D) y arrastre la copia dos cuadrículas hacia abajo.

• Seleccione ambos triángulos (seleccione uno, presione MAYUS y seleccione el otro) y vaya al menú Trayecto > División. Se crearán dos elementos, uno de ellos será un triángulo más pequeño que será la punta de grafito del lápiz.


• Usando la paleta de colores, de a cada elemento el color respectivo para que se asemeje a un lápiz, pero mantenga el trazo establecido.

• Seleccione el rectángulo más grande que equivale al cuerpo del lápiz y duplíquelo (CTRL+D). Presione MAYUS y reduzca esa copia desde uno de sus lados hasta que abarque dos cuadriculas de ancho. Rellenelo de un amarillo más claro.

• Desactive la visualización de la Rejilla para ver su dibujo final. (Ver > Rejilla).


En el ejemplo de abajo se agruparon todos los elementos (CTRL+G), se seleccionó el elemento agrupado 2 veces para que aparecieran los tiradores de giro y- presionando CTRL- se giró el lápiz. Luego se dibujó una 'sombra' que es un trayecto hecho con la herramienta Curvas Bézier coloreado de gris y que se mandó hacia atrás (con la tecla FIN o END).

Texto para un logotipoEn el ejercicio que sigue aplicaremos una operación de intersección para crear el texto para un logotipo que usaremos en un ejercicio posterior y, a la vez, nos preparará para la manipulación de formas que veremos en el siguiente capítulo.

• Abra un nuevo documento y seleccione la herramienta Texto de la Caja de Herramientas. Haga clic en una parte de la pizarra de trabajo y escriba “AquaMax”. Vaya a la lista de fuentes de la izquierda y elija la fuente Impact con un tamaño de 30 puntos. Si no tiene esta fuente elija otra de cuerpo grueso.

• Presione varias veces la tecla numérica + hasta que tenga un buen acercamiento (zoom) del texto que escribió para que pueda trabajar cómodamente.


• En la paleta de colores arrastre la barra de desplazamiento hasta que encuentre el color #AAEEFF para rellenar el texto.

• Usando la herramienta de Seleccionar haga clic sobre el texto y duplíquelo presionando CTRL+D. Rellene esa copia de #0088AA.

• Cree con la herramienta Rectángulos uno que cubra el texto como se ve en la imagen de abajo. Tiene que tener borde negro y sin relleno. Para ponerle trazo negro haga clic derecho sobre el color negro de la paleta y elija Fijar trazo. Para quitar el relleno del rectángulo haga clic derecho sobre el primer cuadro de


la paleta (X) que equivale a Ninguno y elija Fijar relleno.

• Con el rectángulo seleccionado vaya al menú Trayecto > Simplificar (o presione CTRL+L). Esto hará que el rectángulo se transforme en un trayecto y se pueda modificar por medio de sus nodos. Use la herramienta Editor de nodos (La segunda en la Caja de Herramientas). Haga una marquesina para seleccionar los 2 nodos superiores y modifique por medio de aquellas palancas o manecillas como se ve en el ejemplo.

• Una vez acabado de modificar el ex rectángulo, use la herramienta Seleccionar, haga clic la forma modificada, presione MAYUS y seleccione el texto de atrás. Asegúrese que tiene los 2 elementos seleccionados (verifique en la barra de estado).

• Vaya al menú Trayecto > Intersección (o presione CTRL + asterisco numérico). Las formas se intersecan y se deja ver el texto celeste del fondo.

• Seleccione el texto celeste del fondo y dupliquelo (CTRL+D). Rellenelo de negro y envíelo al fondo usando la tecla FIN (en español) o END (en inglés) de su teclado. También puede usar los botones de la barra de controles de herramienta.

• Amplíe el zoom por medio de la tecla + de su teclado para que pueda mover ligeramente hacia la derecha inferior la “sombra”. Luego con una marquesina seleccione todo y agrupelo (CTRL+G).


• Con la herramienta Texto escriba “Servicios Hidráulicos” con una fuente Century Gothic de 10 puntos, de color negro. Si no tiene esta fuente instalada, use cualquier otra de cuerpo ligero.

• Coloque este texto abajo de “AquaMax”. Seleccione ambos elementos y use la ventana Alinear y distribuir usando el botón Centrar objetos horizontalmente.

• Guarde el documento como aquamax.vsg. Lo usaremos en un ejercicio posterior.


Formas LibresEn muchas ocasiones deseamos hacer ilustraciones con formas libres que no parezcan mucho formas geométricas exactas, como círculos o cuadrados. Para esos menesteres Inkscape cuenta con un arsenal bastante amplio de herramientas para trabajar nuestra formas a nuestro total antojo.

Este capítulo es básico para que usted comprenda y domine el manejo de las herramientas de ilustración, de modo que ponga especial interés en desarrollar todos los ejercicios y practicar por su cuenta cuantas veces sea necesario.

Deformando formas básicasUna forma básica como cuadrado o elipse se puede deformar totalmente primeramente simplificándola (menú Trayecto > Simplificar) y luego editando sus nodos con la herramienta Editor de nodos.

• Dibuje un rectángulo de cualquier color. Si la forma no tiene trazo, aplíquele uno de color negro haciendo clic derecho sobre el color negro de la Paleta y eligiendo “Fijar trazo”.

• Simplifique la figura por medio del menú Trayecto > Simplificar (CTRL+L)

• Use la herramienta Editor de nodos y experimente arrastrando o empujando cualquier parte contorno de la figura.

• Luego arrastre cualquiera de los 4 nodos de las esquinas.

• Finalmente arrastre los manejadores de nodos (aquellas palancas azules con un circulo final) que se han formado. Juegue con la forma arrastrando contornos, nodos, manejadores y experimente esta sensacional herramienta.


Simplificar es el primer paso para poder manipular una figura básica como un rectángulo, elipse, estrellas, etcde modo que las figuras dejan de ser tales y se convierten en trayectos.

Creando formas libresLa herramienta Curvas Bézier permite crear trayectos de uno o más segmentos y modificarlos intuitivamente.

Las curvas Bézier fueron inventadas por el ingeniero aeronáutico francés Pierre Étienne Bezier, para describir matemáticamente las formas que utilizó en la creación de los diseños de modelos de automóviles Renault, firma para la que trabajó durante 42 años. Su sistema es ampliamente utilizado en todas las áreas del diseño.

Los nodos Suaves (o suavizados) son muy parecidos a los Simétricos, salvo que estos últimos tienen sus manejadores por ambos lados de la misma longitud.

Como si se tratara de dibujar con un lápiz, permite crear formas a voluntad, usando la herramienta Lineas a mando alzada. Su funcionamiento es como dibujar si estuviéramos frente a una hoja de papel.

La mejor forma de trabajar con la herramienta Curvas Bézier es crear lineas rectas según la forma que deseemos elaborar y luego, usando la herramienta Editor de nodos, afinar y mejorar las lineas.

Para todas estas herramientas de formas libres, el aliado insustituible para mejorar el acabado es la herramienta Editor de nodos que permite modificar y pulir las formas realizadas de manera muy intuitiva con todos sus opciones. La barra de controles de esta herramienta es la siguiente:

En la imagen de abajo hemos puesto en una capa inferior la fotografía a calcar y usando la herramienta Curvas Bézier primeramente se han colocado lineas rectas, luego, con la herramienta Editor de nodos se han modificado los mismos, junto con sus tiradores para adecuar el trayecto a la silueta del caballo. Puede abrir el


archivo caballo.svg que tiene 2 capas. Amplíe el zoom y vea con la herramienta Editor de nodos cómo está compuesto el trazado.

Creando números con Bézier y Editor de nodos Con el dibujo de números aprenderemos los pasos sencillos para manejar figuras de forma libre. Este ejercicio no lo pase por alto, porque -aunque sencillo- es básico para aprender el dominio de las herramientas Curvas Bézier y Editor de nodos.

• Abra el archivo caracteres.svg que tiene una capa llamada caracteres originales que son trazos rojos punteados que le servirán de guía.

• Cree una nueva capa llamada Calco.

• En esa capa cree lineas rectas con la herramienta Curvas Bézier haciendo clic en un punto, clic en otro sin tener presionado el botón del ratón al moverlo. Para finalizar el trazo haga doble clic.

La mayoría de las letras puede crearlas con trazos rectos, sin necesidad de cambiar sus nodos.

Para letra S y la sección de números tendrá que cambiar sus nodos.

Al crear lineas rectas, todos los nodos son de esquina - también conocidos como asimétricos o cúspide - por su forma en punta. Para cambiarlos según necesitemos, debemos seleccionarlo con la herramienta Editor de nodos y en la barra de controles de la herramienta elegir el nodo correspondiente: De Esquina, Suavizado o Simétrico.


¿Cómo se modifican los trazados Bézier?Lo más practico es primeramente crear lineas rectas haciendo clic y clic hasta terminar la forma. Al finalizar, si la forma no es cerrada, hacer doble clic para completar el trayecto. Si la forma debe ser cerrada, basta hacer clic en el nodo inicial para cerrarlo. Luego modificaremos la forma usando el Editor de nodos haciendo lo siguiente según el caso:

1. Seleccionando los nodos necesarios y cambiarlos a Suavizados o Simétricos, pues si hemos creado formas rectas, todos los nodos serán inicialmente Esquinados (o asimétricos).

2. Moviendo los nodos a una posición más adecuada.

3. Manipular los manejadores (manecillas o palancas) de nodos arrastrando hasta acomodar correctamente el trayecto.

4. Arrastrar o empujar el trayecto directamente en la zona que queremos modificar.

Al final nuestros “números” deben quedar ceñidos al modelo que tenemos en la capa inferior.


Logo de SupermanAhora trabajaremos una versión sencilla del logo de Superman para reforzar el manejo de las herramientas de formas libres, concretamente las herramientas Curvas Bézier y Editor de nodos.

• Abra el archivo superman.svg. Este archivo tiene 2 capas: la primera es logo superman y la superior calco, que es donde usted hará el trabajo.

• Con la herramienta Curvas Bézier comenzamos delineando desde la izquierda superior, con lineas rectas la parte externa del logo, dando clic y clic hasta cerrar el polígono.

• De la misma forma -usando lineas rectas- calcamos cada forma interna cerrando cada una de ellas. Esta es la parte más sencilla porque solamente en base a lineas rectas bordeamos las figuras.


• Seleccionando la herramienta Editor de nodos arrastramos las lineas exteriores aproximadamente por su punto medio para darle la curvatura adecuada según el modelo inferior.

• Si fuera necesario, usamos los manejadores de nodo que nos permiten, al arrastrarlos, mejorar la forma de la figura

• En la figura siguiente es necesario convertir los nodos a suaves y simétricos para delinear correctamente la figura, con la ayuda de los manejadores de nodos que se pueden arrastrar. Podríamos crear un nuevo nodo dando doble clic en la parte donde se desea añadirlo, pero en este caso no es necesario.


• Terminar de ceñir todas las figuras según la capa inferior que sirve de modelo.

• El siguiente paso para terminar el logo será seleccionar todas las partes interiores y hacer un solo trayecto de todos ellos (Menú Trayecto > Unión).

• Duplicar el contorno exterior (CTRL+D) y seleccionar éste y la nueva forma que hemos unido y aplicar exclusión (Trayecto > Exclusión).

• Finalmente proceder a colorear las formas.

En los capítulos posteriores usará continuamente estas herramientas aprendidas, de modo que vaya acostumbrándose a ellas en su incursión al dibujo e ilustración.

Alinear nodosEs común cuando se trabaja con la herramienta Curvas Bézier y el Editor de Nodos, recurrir en ocasiones a alinear los nodos.

La figura de abajo debe imitar unos dientes de cierra y se hizo rápidamente con la herramienta Curvas Bézier.

• Con el Editor de nodos y manteniendo abierta la ventana Alinear y distribuir CTRL+MAYUS+A), seleccione todos los nodos y aplique el botón Distribuir los nodos horizontalmente.

• Seleccione sólo los nodos superiores y aplique el botón Alinear nodos horizontal.

• Haga lo mismo con los nodos inferiores. Los nodos quedan alineados y distribuidos exactamente.


Cuando tiene activa la herramienta Editor de nodos, la ventana Alinear y distribuir cambia para mostrar solamente las opciones relativa a nodos.

Herramienta Trazos caligráficos y pinceladasPara aquellos que tienen esa vena artística, buen pulso y desean dibujar cual si de un pincel se tratara, existe esta genial herramienta con ciertos parámetros que permiten afinar la forma de dibujo. Su uso es tan sencillo que solo tiene que seleccionarla, determinar un ancho y empezar a dibujara su antojo.

El árbol de abajo se dibujó usando el ratón (sin tableta gráfica) y se rellenó con formas hechas con la herramienta Bézier, pues la herramienta Trazos no rellena el interior, sino que el propio trazado (pincelada) se rellena predeterminadamente de negro. Si quiere cambiar el color de una pincelada, elija un color de relleno.


¿Dibujar con Trazos o Bézier?Eso depende. Si usted es bueno con el pulso y dibuja bien, le encantará trabajar con la herramienta Trazos porque funciona como si estuviera dibujando sobre un papel. Sobre todo si posee una tableta gráfica, ya que podrá aplicar a su trazado presión y eso se verá reflejado al dibujar en el programa. Si dibuja con el ratón quizás sus pinceladas con esta herramienta sean un poco 'temblorosas'.

La herramienta Curvas Bézier, por su parte, es de gran utilidad para quien no domina mucho el pulso o no tiene tableta gráfica y usa simplemente el ratón, pues a partir de los nodos y su manipulación puede lograr figuras de perfección absoluta. Este Ebook se centra principalmente en la ilustración con Curvas Bézier.

En la imagen de abajo tenemos un ejemplo de una manzana hecha con la herramienta Curvas Bézier (a la izquierda) y con Trazos (a la derecha) usando el ratón. En el ultimo caso, aparte del trazado imperfecto, se ha tenido que colorear el interior con formas hechas con Bézier – el rojo de la manzana y el verde de las hojas- ya que la herramienta Trazos no permite rellenar el interior de una figura por sí sola. A parte, cuando seleccionamos cada elemento con el Editor de nodos, vemos cómo Curvas Bézier solo requiere unos cuantos nodos para elaborar la figura; mientras que Trazos añade muchísimos nodos.

Si desea ver este archivo y comparar, abra manzana.svg.

El número de nodos que se utiliza para crear un dibujo o ilustración, se recomienda que sea el necesario. Un exceso de nodos dificulta la posterior edición de nuestro dibujo. En el caso de la herramienta Trazos -aunque posible - no es fácil modificar posteriormente nuestras pinceladas por medio de nodos. La única forma de editarlos, es volver a dibujar las pinceladas. Además, mientras más nodos tenga un archivo, mayor será el peso del mismo. Lo ideal es usar la herramienta Trazos con la ayuda de una tableta gráfica.


Colorear y PintarAnteriormente, tuvimos oportunidad de aprender a conocer de forma básica la manera de colorear el relleno de un elemento por medio de la paleta inferior de Inskape. Aquí aprenderemos las diferentes formas de rellenar y dar trazo a un objeto.

Sobre el colorLos modos de color son formas diferentes de definir el color tanto en pantalla como en la página impresa.

Existen varios modelos de color, de los cuales Inkscape tiene soporte para los siguientes :

RGB (RVA): Se le conoce como el modo aditivo, pues para aclarar un color se agregan cantidades superiores de luz Roja, Verde y Azul. Cada uno de estos colores puede tener hasta 256 niveles de intensidad. Es el modelo ideal para editar imágenes en pantalla y es usado también por todos los aparatos que filtran y transmiten luz: televisores, proyectores, escaners, etc.

HSL: (Tonalidad, saturación y Luminosidad) El tono es el color puro. La saturación representa la intensidad del color. El brillo es la luminosidad u oscuridad de un color.

CMYK (CMAN): Compuesto por cian, magenta, amarillo y negro. Se le conoce como el modo sustractivo y se aplica a los pigmentos. Cuando se proyecta la luz sobre un objeto, este absorbe algo de la luz y refleja el resto. La luz reflejada es el color que observamos. Estos colores no son tan puros y brillantes como los del modo RGB pero es el modo que utilizan las impresoras.

De modo que básicamente cuando trabajamos para web, hemos de usar colores RGB; entre tanto, si lo hacemos para trabajos de impresión nuestra elección deber ser colores CMYK.

Tanto el Relleno como el Trazo de las formas básicas (rectángulos, elipses, estrellas y espiral) se pueden configurar desde Archivo > Preferencias de Inkscape. Así, si no estuviera seleccionado “El estilo propio de esta herramienta”, el relleno y trazo serán los últimos que se han aplicado a un elemento. De la misma forma, en algunas ocasiones la Opacidad que se aplicó a un objeto, puede estar aún vigente, de modo que es necesario asegurarnos, desde la ventana de Relleno y borde, que la opacidad del nuevo elemento es la que realmente deseamos.

Tipos de RellenoLas formas de rellenar o colorear un objeto en Inkscape son básicamente 4:

Relleno Uniforme- permite rellenar un objeto de un solo color, plano y sin variación. Como hemos aprendido en los ejercicios anteriores, la forma más rápida de colorear uniformemente un objetos es a través de la paleta de colores inferior. Pero por medio del panel de Relleno y borde (Objeto > Relleno y borde - CTRL+MAYUS+F) Tenemos la variedad más grande de colores para elegir un relleno.


Hay varias formas de ver el color: por medio de deslizadores (ya sea RGB, HSL, CMK o CMS) o como Rueda de color. Esta ultima es la más intuitiva y fácil porque permite tomar rápidamente cualquier color. La modalidad de deslizadores sirve de mucho si ya tenemos un color específico

Relleno Degradado Lineal – permite utilizar dos o más colores para degradar sutilmente el relleno del elemento. Para aplicarlo:

• Creamos un rectángulo que se colorea con el ultimo color utilizado.

• Seleccionamos degradado Lineal en la ventana Relleno y borde. Presionamos el botón Editar para cambiar el color existente. Aparece la ventana Editor de degradados que se muestra a la izquierda dela imagen inferior.

• Ese color lo modificamos usando la modalidad deslizadores, convirtiéndolo a rojo (R:250-G:0-B:0).


• Abajo, permanece el color anterior como una parada más, lo seleccionamos y le cambiamos el color a amarillo (R:255-G:255-B:0) y Alpha (A) lo colocamos en 255. Este ultimo ítem Alpha es necesario ponerlo totalmente opaco (255) para ver el color real.


• Usando la herramienta Creador y Editor de degradados, es fácil cambiar la dirección un degradado.

• Seleccionar la herramienta y mover los nodos principal y final para cambiar la dirección del degradado de arriba abajo como se ve en el cuadrado inferior.

• En la linea entre los dos nodos, al centro, haga doble clic para crear una nueva parada.

• Seleccionar esa parada, de modo que se ponga de color rojo y luego añadir, por medio de la rueda de color, un color azul. Así el rectángulo se colorea por el medio de azul.

Relleno Degradado Radial -también utiliza dos o más paradas para crear el efecto de tridimensionalidad.


• Crear un circulo perfecto que, como es obvio, se colorea del ultimo color utilizado (en el ejemplo: gris) . En la ventana de Relleno elegimos Degradado radial y el botón Editar para crear las paradas. El primer color será un color suave que hará la función de brillo de la esfera.

De modo que tenemos que cambiar esa primera parada con un color suave.

• Usando la rueda de color, arrastramos dentro del triángulo y definimos un color celeste muy suave.

• Aún dentro del Editor de degradados presionar el botón Añadir parada, que será la que tendrá el color oscuro de la esfera. Debemos asegurarnos de que el canal A (alpha) de transparencia esté en 255, es decir, totalmente opaco.


• Usando la herramienta Crear y editar de degradados de la Caja de Herramientas, movemos el cuadrado central del editor de degradado hasta que el brillo se ubique en la parte superior izquierda. Podemos afinar el degradado con sus manejadores (pequeños círculos)

• Para evitar el ajuste de los manejadores, desde la barra de propiedades desactivamos el botón desde la barra de controles de ajuste (arriba).

• Duplicamos el círculos usando las teclas CTRL+D y coloreamos la copia de negro.

• Distorsionamos la copia con su manejador superior arrastrándolo hacia abajo como se ve en la imagen.


• Bajamos el elemento un nivel para que este atrás de la esfera.

• Le damos un desenfoque de aproximadamente de 25% y lo posicionamos donde corresponda para que simule ser la sombra de la esfera. Podemos modificar la Opacidad también para aminorar el color de la sombra.

Si desea, compare su trabajo con el archivo esfera.svg.

Gotas usando degradadosEn el siguiente ejercicio veremos el proceso para crear por medio de los rellenos y las transparencias un grupo de gotas de agua, que luego nos servirá para otro capítulo del libro.

• En un nuevo documento cree un circulo y simplifiquelo (CTRL+L). Con la herramienta Editor de nodos seleccione sus nodos menos los que indica la imagen. y Desde la barra de controles de herramienta elimine esos nodos.

• Trabaje con los 2 nodos que quedaron para dar la forma aproximada que indica la imagen de la derecha.


• Rellene la figura con #D5F6FF (arrastre la barra de la paleta hasta encontrar el color).

• Duplique la figura (CTRL+D), rellenela de blanco y presionando CTRL y MAYUS reduzca ligeramente el duplicado.

• Dibuje una elipse rellena de gris como indica la imagen de abajo. Seleccione esta elipse y la figura blanca que está debajo. Vaya al menú Trayecto > División. Se han creado así 3 figuras blancas. Haga clic en una zona vacía y luego seleccione la figura del medio y elimínela.

• Así nos quedamos con la superior que debe mantenerse blanca y la inferior de #80E5FF


• Seleccione la elipse celeste mayor, dupliquela (CTRL+D) y rellenela de blanco. Con los botones de apilamiento baje la figura hasta que esté debajo de las 2 figuras pequeñas.

• Use la herramienta Editor de degradados y arrastre sus nodos como indica el ejemplo. El primer nodo, (el cuadrado) tiene una transparencia Alpha de 255, es decir, es totalmente opaco. Mientras que el nodo final (circular) tiene una transparencia Alpha de 0 (totalmente transparente). Si no estuviera así, tendría que modificar sus respectivas paradas.

• Necesita seleccionar nuevamente la figura celeste. Mantenga presionada la tecla ALT y haga clic 2 veces hasta que vea que en la barra de estado se muestre que se ha seleccionado la figura con relleno celeste.

• Duplique la figura y rellénela de negro. Use ventana de Relleno y borde para darle un desenfoque de 8. Luego mande la figura hacia el fondo para que simule ser la sombra de la gota. Afine además la opacidad del objeto (entre 50 a 60%) para darle más realismo.

• Con una marquesina de selección agrupe todos los elementos que conforman la gota.

• Haga varios duplicados de la gota y modifique el estado de cada uno de ellos con los tiradores de selección: escalando, girando, inclinando, estrechando, de modo que cada una tome formas y posiciones distintas así como se ve en la imagen.


Guarde este archivo con el nombre gotas.svg para poder utilizarlo en un próximo ejercicio.

Cómo copiar un color ya elegidoYa aprendimos a colorear un relleno sólido con la paleta, teniendo seleccionado un elemento y dando clic derecho sobre un color y eligiendo Fijar Relleno o Fijar trazo. En muchas ocasiones usaremos un color que no está disponible desde la paleta y debemos ir a la rueda de color o a los deslizadores RGB o CMYK para elegir un color específico. En ese caso ¿cómo podemos usar el mismo color elegido de forma rápida? Ojo que estos métodos funcionan sólo con colores sólidos mas no con degradados.

Primer modo

• Dibuje un circulo y un rectángulo. El primero tiene un relleno verde que hemos elegido por medio de la rueda de color y no de la paleta. Busque usted su propio color desde la rueda.

• Primero debe seleccionar el elemento al que quiere aplicar el relleno, en este caso el rectángulo. Active el icono de Cuentagotas en la Caja de Herramientas.

• Con el cuentagotas activo haga clic sobre el círculo, es decir, sobre el color que quiere copiar.


Automáticamente el elemento seleccionado cambia de color.

Segundo modo

• Dibuje dos elementos, el primero de ellos coloreelo por medio de la rueda de color, usando el color que quiera. Con este elemento seleccionado, en la barra de Estado, a la izquierda sobre el color de relleno haga clic derecho y en el menú que aparece elija Copiar color.

• Sobre el segundo elemento, el que queremos rellenar igual, haga clic derecho y elija Pegar. Automáticamente se pegará el color copiado.


TrazoTodos los elementos pueden tener trazo, también llamado borde o contorno. Cuando se elige trazo para un objeto este se colorea del último color usado para el trazo, pudiendo modificarse sus características por medio de las pestañas Color de trazo y Estilo de trazo.

Para quitar el trazo o hacerlo invisible es necesario desactivarlo con la X. Si se desea trazo para un objeto, existen las mismas posibilidades de trazo de color uniforme y degradado que posee el relleno.

Una forma rápida de quitar el trazo es por medio de la X , a la izquierda de la paleta de colores inferior: botón derecho del ratón y elegir Fijar trazo.


El ancho del trazo se puede estipular en píxeles, milímetros, centímetros, etc.

El patrón de raya puede ser solido o rayado, punteado, etc. Abajo se ven algunos ejemplos de trazos y sus respectivas configuraciones.

A través de las opciones de marca se puede crear flechas con puntas de inicio y final

Es importante considerar el ancho del trazo que tendrá el objeto si lo escalamos. Si se desea mantener el grosor en proporción al escalar, ha de estar desactivado el botón Escalar ancho de trazo al escalar objetos. De esto aprenderemos en este ejercicio.

• Dibuje una estrella con la herramienta Estrellas y polígonos. Desde la barra de controles de dicha herramienta (arriba) elija Estrella y en el campo esquinas escriba 10.

• Si no tiene a la derecha la ventana acoplable Relleno y borde, presione CTRL+MAYUS+F para que aparezca.

• Rellene la estrella de cualquier color sólido por medio de la pestaña Relleno usando la Rueda de color.

• Si la estrella no tiene Trazo aplique uno usando la pestaña Color de trazo pero en la modalidad RGB y


eligiendo R:128, G:0, B:0, A:255

• Desde la pestaña Estilo de trazo, ponga las siguientes opciones:

• Experimente modificando las opciones. Al final mantenga las opciones en Ancho de trazo 2px y Guiones solido (la primera opción).

• Desde la barra de controles de herramienta asegúrese que está desactivado el botón Escalar ancho de trazo. (El primer botón después de la palabra Afectar).

• Cree un duplicado de la estrella y use uno de sus tiradores de esquina para escalarlo proporcionalmente presionando CTRL aproximadamente ¼ de su tamaño original.

• Cree otro duplicado de la estrella original, seleccione ese duplicado y active el botón Escalar ancho de trazo. Ahora haga lo mismo que con el anterior duplicado: escalelo ¼ de su tamaño.

Vea la diferencia entre ambos duplicados. Cuando el botón está activado, al escalar un objeto el trazo mantiene su grosor en forma proporcional. Al desactivar el botón, el grosor del trazo se mantiene.


Insertar TextoUn programa profesional de gráficos que se precie de tal, debe tener la posibilidad de trabajar con texto de forma cómoda para su edición, ya sea como texto fluido (párrafos) o como texto arte, al cual se le pueda aplicar efectos propios del diseño gráfico. Inkscape posee características suficientes para trabajar con texto en ambas formas. Abajo se ve a la izquierda un ejemplo de texto arte con un efecto aplicado y a la derecha texto fluido.

En este ejercicio crearemos un pequeño anuncio destinado a la web y así conocer las posibilidades del trabajo con texto.

• Abra un nuevo documento y desde el menú Archivo > Propiedades de documento (CTRL+MAYUS+D) cree uno con las siguientes dimensiones: Ancho: 700px Alto: 500px. Y píxeles como unidad de medida.


• Active Edición > Guías alrededor de la página. Esto hace aparecer automáticamente lineas guía a los bordes de la página. Esto nos servirá para poder ceñir nuestros elementos dentro de nuestra pizarra.

• Con la ayuda de las lineas guía cree un rectángulo que abarque toda la pizarra de trabajo y coloreelo de R:243 G:124 B:78 y sin trazo.

• Cree un nuevo rectángulo de color blanco y dele un redondeado a sus esquinas con el tamaño y ubicación que figura en la barra de propiedades de la imagen inferior.

Las fuentes usadas en el ejemplo son Century Ghotic, Miriad Pro Light y Arial para el texto fluido. Pero usted puede reemplazarlas por otras de su preferencia.

Texto Arte• Usando la herramienta Texto haga clic en la ubicación superior y escriba Conferencia. Manteniendo

activa la herramienta Texto, establezca los atributos que deben figuran en la barra de controles de herramienta con los datos siguientes:

• Para elegir la fuente, existe una lista a la izquierda que permite escoger entre todas las fuentes instaladas en la computadora. Si no posee la fuente Century Ghotic, elija otra de su preferencia. El color de este texto debe ser negro.

• Haga clic más abajo con la herramienta Texto y escriba Grafología & Ciencia en dos renglones, es decir, al terminar de escribir Grafología, presione ENTER y escriba & Ciencia. Elija el tipo de alineación: Centro.


• Manteniendo seleccionado el texto con la Herramienta Texto, abra la ventana Relleno y elija el color R: 216 G: 171 B: 126. Las propiedades deben ser las siguientes. Puede reemplazar con otra fuente.

• La personalidad por medio de la escritura es otro texto arte que debe escribir por separado y colorearlo de 50% gris.

• De la misma forma haga clic en cada zona por separado para escribir 16, 7,30 pm. y Agosto. Este ultimo texto debe ser girado - con la herramienta Seleccionar - contrario a las agujas del reloj usando los tiradores de giro, presionando CTRL para que quede totalmente vertical.

Cada una de estos textos, al final tendrán diferente tamaño y color pero todas son una misma fuente: Century Ghotic. Aplique a cada uno el tamaño por medio de la barra de controles de herramienta de la misa forma que en los anteriores casos.

Texto FluidoEl texto inferior es lo que se denomina texto fluido o texto de párrafo, que se utiliza para escribir grandes porciones de texto y aprenderemos a aplicarlo.


• Abra el archivo texto-fluido-grafologia.txt que está en la carpeta Material y copie todo el texto que contiene.

• Cree una marquesina con la herramienta Texto del tamaño aproximado que se ven en la imagen: el rectángulo de borde azul.

• En la barra de controles de la herramienta Texto presione el botón Texto y Tipografía. Aparece una ventana compuesta por dos pestañas, que permite escribir especialmente párrafos de manera más cómoda.

• Desde la pestaña Tipografía, elija la fuente Arial con un tamaño de Tipografía de 14.

• En la pestaña Texto, pegue el texto que tiene copiado y presione el botón Aplicar.


• Arrastre el manejador rojo inferior de texto fluido hacia la izquierda, de modo que quede espacio a su derecha para colocar un logo.

• A continuación importe el logotipo que debe figurar al lado del texto fluido que acabamos de crear y que está relacionado con la institución que brinda la conferencia. Desde Archivo > Importar (CTRL+I) elija la carpeta Material y busque el archivo logo-graphotaller.vsg en la carpeta. Dele el tamaño adecuado para que se vea como el archivo de ejemplo.

• Añada en texto Arial Black el texto Graphotaller con 20 de tamaño y 70% de gris.

Guarde este archivo con el nombre que desee. Lo usaremos en el siguiente ejercicio.

Texto en trayecto


Inkscape posee la posibilidad además de crear Texto en que se acople a un trayecto o forma determinada. En el caso de la imagen inferior se escribió el texto de ejemplo, se dibujo el trayecto, se seleccionaron ambos elementos y se aplicó el efecto desde el menú Texto > Poner en trayecto. Una vez aplicado se cambió la fuente de Arial a Arial Black bajando su tamaño a 2 puntos menos para que entre todo el texto y se coloreó de rojo. Finalmente se seleccionó el trayecto y se le dio Trazo: Ninguno

En este ejercicio aprenderemos a crear texto circular para terminar el logotipo del ejercicio anterior. Abra el mismo archivo del ejercicio pasado.

• Escriba el texto PERSONALIDAD POR LA ESCRITURA con fuente Arial, de un tamaño de 14 y color rojo

• Dibuje un circulo perfecto (presionando CTRL) con borde negro y sin relleno del tamaño aproximado que se ve en la imagen en relación al logotipo. Ponga el circulo encima del logotipo y coloque cerca también el texto que escribió.

• Seleccione el circulo y elija Trayecto > Simplificar. Esto convierte el circulo a trayecto. Use el Editor de Nodos para seleccionar los dos nodos que figuran en la imagen: seleccione primero uno , presione MAYUS y presione el segundo. Ambos nodos seleccionados se colorean de azul.


• Desde la barra de Propiedades seleccione el botón Romper el trayecto en los nodos seleccionados.

• Vaya al menú Trayecto > Descombinar. Notará que ahora son 2 trayectos (objetos separados). Seleccione con cuidado solamente el trayecto inferior y elimínelo.

• Seleccione el trayecto superior y con uno de los manejadores de rotación gírelo aproximadamente como se ve en la imagen.

• Seleccione el texto y el trayecto. Aplique el comando Texto > Poner en trayecto.

• Con la herramienta Texto haga clic al inicio del texto escrito y presione la barra espaciadora varias veces


hasta que el texto se centre. Como se ve en la imagen derecha.

• El trayecto y el texto son dos elementos distintos, de modo que seleccione con la herramienta Seleccionar el trayecto y quite el color al trayecto: clic derecho sobre Trazo en la barra de Estado y elegir: Eliminar trazo.

• Con la herramienta Seleccionar, seleccione todos los elementos del logotipo y agrúpelos (CTRL+G).

Importar para webEsta publicidad que acabamos de hacer está destinada para colocar en una página web o para enviar como un adjunto por correo electrónico. Como hemos aprendido, los archivos de Inkscape son svg. La mayoría de los navegadores web actuales soportan archivos svg, pero otros no. De modo que para que nuestro archivo pueda verse en todos los navegadores, en cualquier programa de correo electrónico, y en cualquier visor de imágenes, debemos importarlo a un formato compatible.

• Vaya al menú Archivo > Exportar mapa de bits. Esto creará una copia del archivo en formato PNG (Portable Network Graphics), que puede visualizar cualquier navegador web.


• En la ventana que aparece, debe activar el botón Página para que se exporte toda la página completa. Si deseara exportar una parte, tendría que elegir otra de las opciones. Con el botón Examinar elija una ubicación para su archivo png. y luego presione el botón Exportar.

• Si busca desde el gestor o explorador de archivos de su computadora el archivo png y lo abre, podrá visualizarlo tal como se verá en internet.

Inkscape le permite exportar sus archivos al formato PNG, de modo que se crea una copia bitmap. Este archivo ya no es vectorial como el SVG y no se puede editar. Otra opción de convertir un archivo de Inkscape a un formato muy popular para compartir con alguien, es guardarlo en formato PDF (Archivo > Guardar como > y elegir donde dice Tipo: la opción Portable Document Format (*.pdf)

Compare su archivo de Inkscape con el archivo anuncio-web.svg.


EfectosLos efectos que podemos crear en Inkscape son variados. Algunos se crean de forma vectorial como los que veremos a continuación. Otros transforman a Bitmap los elementos para darle efectos especiales difíciles o imposibles de crearlos de modo vectorial. Esos efectos están en su mayoría dentro del menú Filtros.

ClipEste efecto muy común en el diseño gráfico, consiste en utilizar básicamente 2 elementos: el primero un trayecto cerrado que mostrará la forma final y otro elemento que quedará 'encerrado' dentro de la primera forma. Este segundo elemento puede ser vectorial: un solo objeto, un grupo de objetos o inclusive una imagen Bitmap. En el ejemplo de abajo, el trayecto original se ha colocado encima del grupo de barras inclinadas para crear un clip que muestra únicamente el área del trayecto.

Nuestro siguiente ejercicio muy sencillo será aplicar el efecto Clip a un texto que muestre una imagen marina y darle un realce con una sombra paralela.

• Abra un nuevo documento.

• Importe la imagen tiburon-azul.jpg presionando las teclas CTRL+I y buscando la imagen.

• La imagen original mide 556 píxeles de ancho por 414 píxeles de Alto. Para reducirla, cierre el candado de la barra de controles de herramienta, coloque en ancho: 500 y presione ENTER. La imagen se escalará proporcionalmente.


• Escriba la frase “UNIVERSO MARINO” en 2 renglones con una fuente gruesa, como por ejemplo Impact, de 100 pt de tamaño, aproximadamente. Y centrado. Use el botón de texto para que aparezca la ventana Texto y tipografía coloque 100% en Espaciado entre lineas.

• Ubique la frase sobre la imagen que importó, de modo que cubra el tiburón como se ve abajo.

• Con la herramienta Seleccionar seleccione el texto que acaba de escribir y cópielo (CTRL+C).

• Seleccione ambos elementos: texto e imagen y vaya al menú Objeto > Clip > Aplicar. El resultado es el siguiente:


• Vaya al menú Edición > Pegar en el sitio. El texto negro esta encima del anterior. Use los botones correspondientes para enviar esa copia al fondo y mantengala seleccionada.

• Active el menú Filtros > Sombras y brillos > Sombra paralela. La configuración es la siguiente, pero puede modificarla si desea. Active Vista en directo para que pueda ver los cambios antes de presionar el botón Aplicar.

Hemos aprendido a crear un Clip y aplicar una Sombra paralela, dos efectos de los muchos que puede manejar Inkscape.

InterpolarEste efecto también es muy usado en el diseño gráfico. Consiste en crear dos objetos inicial y final de forma y/o color distintos, de modo que entre ellos el programa cree automáticamente copias que vayan cambiando paulatinamente. El requisito es que cada objeto sea un trayecto abierto o cerrado. Las formas básicas (rectángulo, elipse, etc.), deben previamente estar simplificadas. En el ejemplo las dos formas básicas


(rectángulo redondeado y elipse) se han convertido a trayectos simplificándolas (CTRL+L), se colocaron en la posición adecuada, se seleccionaron ambos trayectos y finalmente se activó Extensiones > Generar desde trayecto > Interpolar, con la configuración que se ve.

La interpolación puede ser aplicada en distintas y variadas formas, dependiendo de lo que se quiera conseguir. En este ejercicio usaremos el efecto para crear una sensación visual de perspectiva.

• Cree un cuadrado perfecto y rellénelo de negro y sin trazo.

• Convierta el cuadrado en trayecto al simplificarlo (CTRL+L).

• Con la herramienta Editor de nodos seleccione todos los nodos de la figura usando una marquesina y active desde la barra de controles de herramienta el botón Convertir los segmentos seleccionados en lineas, de manera que al manipular los nodos, los segmentos se mantengan totalmente rectos.

• Manipule por separado los 2 nodos superiores para crear la sensación de una carretera en perspectiva, tal como se ve en la imagen.


• Importe el archivo poste-de-luz.svg y ubíquelo en la esquina superior derecha de “la carretera”.

• Duplique el poste de luz, escale la copia aproximadamente 3 veces más grande, sitúela en la esquina inferior derecha de la “carretera” y rellénela de 60% gris.

• Seleccione la primera copia, presione MAYUS y luego la segunda copia y vaya al menú Extensiones > Generar desde trayecto > Interpolar con las opciones que figuran en la imagen.

• Presione Aplicar y luego Cerrar.

• La copia mayor debe estar encima de todas, por tanto selecciónela y use el botón de apilamiento para traer el objeto a primer plano.


La interpolación también funciona con trayectos abiertos. Es necesario, como vimos, dos trayectos para crear el efecto. En el ejemplo de abajo se dibujaron 2 trayectos con la herramienta Curvas Bézier y se aplicó la interpolación con 20 pasos, es decir, contando con los 2 trayectos originales, suman 22 trayectos.

En el siguiente ejercicio crearemos una forma simétrica que finalmente dé la impresión de un objeto tridimensional usando simplemente trayectos interpolados.

• Con la herramienta Curvas Bézier cree un trayecto recto de varios segmentos haciendo clic hasta que quede aproximadamente como la figura de abajo.

• Con la herramienta Editor de nodos modifique el trayecto suavizando los nodos en circulo rojo y


editando los tiradores de nodo para que la figura quede mas o menos como la de esta:

• Duplique el trayecto (CTRL+D), y presione la tecla H para reflejarla horizontalmente. Asegúrese que en la barra de de controles de ajuste están activos los botones Ajustar nodos y Ajustar a trayectos.

• Presionando CTRL arrastre el duplicado hacia la derecha hasta que sienta un encaje y aparezca momentáneamente una Equis roja con una leyenda abajo “Nodo vértice a trayecto”.

• Seleccione ambos trayectos y vaya al menú Extensiones > Generar desde trayecto > Interpolar para darle la configuración que aparece abajo. Presione Aplicar y luego Cerrar.


Usando esta sencilla técnica es fácil crear figuras 'tridimensionales' con simetría perfecta. Aunque también se puede usar para crear otras figuras no simétricas como el tiburón o la paloma que se ven a continuación. Todas las figuras se crearon con 30 pasos de interpolación.

El archivo correspondiente a esta sección se llama interpolar.svg.

Vectorizar imágenesVectorizar una imagen bitmap o fotográfica, consiste en convertir dicha imagen en vectores, es decir que se puedan luego manipular sus nodos y sus formas. No cualquier imagen es candidata para ello porque algunas imágenes,como es obvio, no se vectorizan bien. Usualmente se requiere vectorizar una parte de una imagen para su posterior edición. En otros casos es mejor hacer un calcado de la imagen usando las Curvas Bézier para ahorrarnos ediciones posteriores.

De preferencia la imagen debe estar bien contrastada para poder tener un optima vectorización.

En la imagen inferior vemos varias imágenes bitmap con su correspondiente vectorización.


El proceso de vectorización es el siguiente:

• Importe una imagen a Inkscape (Archivo > Importar).

• Seleccione la imagen y vaya al menú Trayecto > Vectorizar mapa de bits (MAYUS+ALT+B). Aparecerá la ventana de Vectorización.

Las opciones básicas son:

- Corte de luminosidad: mientras elige un umbral menor, mayor será el sombreado del resultado.

- Detección de bordes:el grosor de los bordes será menor si el umbral elegido es mayor.

- Reducción de colores (de 1 a 64): si aumenta el número de colores, el detalle será mayor pero se perderá la nitidez.

• Al finalizar, Presione sobre el botón Actualizar para recargar los últimos cambios que haya efectuado. Cuando esté conforme, presione Aceptar.

• Se habrá creado encima de la imagen bitmap un grupo de trayectos con la vectorización elegida.

Abajo se ven ejemplos de cómo queda una vectorización con distintas configuraciones.


Bordes artísticos con trayectosLos comandos Ampliar y Reducir del menú Trayecto permiten crear bordes y algunos efectos que nos ayudan en nuestros diseños. Estos comandos básicamente amplían o reducen un trayecto especifico.


La imagen superior muestra un trayecto original en color amarillo. Se duplicó , se coloreó de azul y se aplicó el menú Trayecto > Ampliar. Seguidamente se duplicó nuevamente el trayecto original, se coloreó de negro y se aplicó el menú Trayecto > Reducir. Se ordenó como corresponde y quedó como la imagen de la derecha.

Practicará este apartado con un ejercicio aplicado a texto. La fuente utilizada aquí es Androgyne, pero como lo más probable es que no la tenga instalada en su computadora, trabajará con la versión convertida a trayectos.

• Abra el archivo samoa.svg. Aquí tiene la palabra pasada a trayectos, por lo tanto, ha dejado de ser texto. Se lee la palabra 'Samoa'. Con la paleta coloree el objeto de un anaranjado #d45500.

• Duplique el objeto (CTRL+D) y rellenelo de un verde fluorescente (#66ff00). Mande el duplicado hacia el fondo y aplique dos veces el menú Trayecto > Ampliar.

• Con el objeto verde seleccionado, dupliquelo (CTRL+D) y aplique una sola vez el menú Trayecto > Ampliar. Coloreelo de verde oscuro y envíe ese duplicado al fondo.

• Seleccione el objeto anaranjado ,duplíquelo y rellenelo de blanco. A esa copia blanca, también dupliquela. Y al duplicado añádale un trazo negro y elimine su relleno. Arrastre esta copia ligeramente de modo que quede un poquito abajo y a la derecha. Si es necesario amplíe el zoom (tecla numérica +) para que le permita seleccionar y visualizar los elementos cómodamente.


• Usando MAYUS seleccione los dos últimos objetos: el blanco y el que tiene trazo pero no relleno. Aplique el menú Trayecto > Diferencia.

• Para terminar, a la parte blanca que ha quedado, apliquele con la ventana de Relleno y borde un desenfoque de 1%.

Ampliar y Reducir dinámicamenteOtra variante para ampliar un trayecto es el Desvío dinámico, que permite mediante el arrastre de un nodo cuadrado, controlar el ancho de un trayecto. En el ejemplo de abajo se duplicó el texto inicial, se coloreo de verde y se aplicó Trayecto > Desvío dinámico, se arrastró ligeramente el nodo hacia arriba. Luego se mandó el objeto hacia atrás.

La forma de controlar el ancho es dinámica, pues depende del arrastre del nodo respectivo: Para ampliar el trayecto arrastre el nodo hacia arriba y viceversa. Amplíe el zoom para que pueda arrastrar cómodamente el nodo.


Para volver a visualizar el nodo de Desvío dinámico de un objeto al que se le aplicó el efecto, haga doble clic sobre él.

Cajas 3DEste efecto que se encuentra en la Caja de Herramientas permite crear cajas en tercera dimensión. Quizás al principio su manipulación le parezca un poco compleja y extraña. Verá que dependiendo del manejo de sus componentes se pueden crear cajas de diferentes perspectivas y medidas.

Predeterminadamente la herramienta mantiene el ángulo Y en 90º. Desde la barra de controles de la herramienta podemos cambiar ese angulo. Al cambiar los puntos de fuga modificamos la perspectiva y el angulo de la caja.


Con un ejercicio aprenderemos sobre las cajas 3D.

• Desde Archivos > Preferencias de Inkscape activar las opciones que se ven en la imagen para ver las cajas 3D como el ejemplo.

• Abra el archivo caja-3d.svg. Este archivo tiene los siguientes elementos: unos rectángulos de trazos punteados de color azul a manera de guía para crear la caja 3d, un texto convertido a trayectos y un logotipo.

• Arrastre con la Herramienta Cajas 3D desde la parte superior izquierda hasta el inferior derecho del primer rectángulo.


• Se habrá creado una caja aproximadamente como la que ve en la imagen izquierda. Arrastrando los dos nodos de control hacia las flechas que indica la imagen derecha, intente que la caja esté dentro de la guía punteada.

• Para cambiar los colores de cada lado de la caja, presione CTRL y haga clic: se seleccionará dicho lado, luego cambie a color amarillo oscuro y claro respectivamente como el ejemplo.


• Usando Curvas Bézier delinee un trayecto por todo el lado frontal, asegurándose que está activo el botón Ajustar a nodos vértice para que se ciña a la perfección.

• Cree un nuevo rectángulo como se ve en la imagen izquierda, mueva sus tiradores de giro para acomodarlo según la perspectiva. Seguidamente Seleccione ambos rectángulos y aplique el menú Trayecto > División. Se habrán creado 3 trayectos diferentes. (figura del medio). Elimine el trayecto del medio para que queden solamente dos como se ven en la figura derecha.

• A cada trayecto resultante le aplicará por separado el menú Trayecto > Reducir. Al superior le aplicará este comando dos veces. Al inferior, cuatro veces. Al final debe quedarle como el ejemplo. Si le resulta más cómodo puede aplicar a cada trayecto el Desvío dinámico que aprendió en el ejercicio anterior (Trayecto > Desvío dinámico).


Seguidamente trabajará el texto y la figura de la caja. Ambos elementos están en el archivo en uso. El texto, originalmente es la fuente Impact, está convertido en trayectos para poder aplicar el efecto de perspectiva que solo admite trayectos. Los dos trayectos que acaba de crear sobre el lado frontal simplemente nos servirán de guía.

• Amplíe el zoom y visualice el trayecto superior. Use la herramienta Curvas Bézier para bordear ese trayecto de guía con un trayecto idéntico (botón Ajustar a nodos vértice activado), la diferencia es que debe empezar desde la parte inferior-izquierda (circulo verde) en el orden que indica la figura. Este trayecto póngalo de color rojo para diferenciarlo del que está apilado atrás.

• Traslade el trayecto rojo a una posición vacía para evitar errores al seleccionar. De ahí seleccione primeramente el texto, presione MAYUS y luego el trayecto rojo y aplique el menú Extensiones > Modificar trayecto > Perspectiva.


El orden de creación del trayecto (rojo en nuestro caso) es sumamente importante, pues si empieza desde otra esquina que no sea la inferior-izquierda, el efecto Perspectiva no aplicará correctamente el texto. Este podrá aparecer reflejado o volteado. Si el texto no lo ve correctamente, verifique que ha empezado el trayecto como estaba indicado.

• Abra la ventana Alinear y Distribuir (CTRL+MAYUS+A). Seleccione el texto en perspectiva y el trayecto de trazo negro que está en la caja 3D y aplique los botones que indica la figura para centrar vertical y horizontalmente en el medio.

• El trayecto negro cumplió su finalidad de guía; ya puede eliminarlo.

• El mismo procedimiento realizado al texto lo aplicará al objeto que sirve de símbolo o logotipo y que también está en el archivo. A ambos elementos: Texto y logotipo apliqueles un relleno rojo. La caja 3D quedará así.

Esta es la caja 3D básica. Usted puede mejorarla para hacerla más realista con transparencias, desenfoques, sombras, etc. En la figura inferior de la izquierda se crearon elementos con relleno solido, a los que luego se aplicó transparencias (al blanco y al marrón). A las sombras se les dio opacidad y/o desenfoque según fuera necesario. También se creo el texto lateral con la misma técnica que ya aprendimos. Finalmente se apilaron los elementos en el orden adecuado.

Este archivo se llama caja-3d-final.svg.


En este ejercicio ha aprendido en realidad dos efectos: aplicar Cajas 3D y crear Perspectiva para un elemento.

Convertir un texto en dibujoEn ejercicios anteriores usamos una fuente convertida a trayectos para aplicar efectos que no se pueden aplicar a texto. Para convertir a trayectos una fuente, es decir, para que deje de ser texto y se convierta en un dibujo hay dos formas, como hemos visto. La primera, no muy eficiente, es seleccionar el texto e ir al menú Trayecto > Simplificar (CTRL+L). El problema con esta técnica es que elimina algunos nodos y suaviza la fuente, de modo que no queda igual a la fuente original.

La mejor opción es crear un rectángulo encima, que cubra el texto. Luego con una marquesina seleccionar ambos objetos y aplicar el menú Trayecto > Intersección o CTRL+ * (asterisco).


IlustraciónEl arte de ilustrar y dibujar por medio del ordenador facilita mucho la tarea, pues ya no necesita hacerlo directamente usando estilógrafos, papel canson y todo lo que antes se usaba.

Maneras de ilustrar digitalmente hay muchas, pero la mayoría se basan en un diseño original nacido desde papel. Si tenemos una ilustración en papel, podemos pasarlo como imagen bitmap (no vectorial) por medio del escaner y de ahí colocarlo en Inkscape para realizar el calcado y dibujo.

En este ejercicio aprenderemos a calcar una imagen digital que podemos haberla escaneado o tomado de internet.

Ilustración planaEste tipo de ilustración es la más sencilla y se utiliza para los cómics, historietas y dibujos en general. Usualmente los dibujos sugieren tridimensionalidad pero no se aplican efectos visuales propios, de modo que los dibujos se van planos. Para realizarla necesitamos conocer los fundamentos del programa que ya hemos examinado, pero aquí reforzaremos y mejoraremos lo aprendido.

Lo primero es tener una imagen para calcar. Podemos haberla dibujado nosotros mismos en papel y escanearla, tomarla de una revista, de internet, etc.

• Abrir un nuevo documento de Inkscape e importar (CTRL+I) la imagen pink-panter.png.

• Ir al panel Capas y darle a esa capa una opacidad de 20% aproximadamente de modo que la imagen nos permita trabajar cómodamente para sin confundir nuestro trabajo. Bloquee la capa para evitar su edición.

• Cree una nueva capa llamada “calcado” o como usted quiera, donde trabajará su calco.


• Usando la herramienta Curvas Bézier cree una figura como se ve en la imagen que abarque la parte superior de la cabeza del personaje.

• Con la herramienta Editor de nodos manipule tanto los nodos, los tiradores de nodos para bordear la cabeza ciñéndose a la imagen de la capa inferior. Añada nodos donde crea necesario haciendo doble clic en la zona respectiva. Pero no exagere con el número de nodos porque dificulta el trabajo. En este caso solamente es necesario añadir un nodo más a la derecha.


• Añada con la misma herramienta Curvas Bézier nuevas figuras que se ciñan mas o menos a las partes del personaje. En le caso de los ojos se puede usar directamente la herramienta Círculos y elipses, modificando sus tamaños, sus tiradores de giro y/o de inclinación.

• El hocico del personaje necesita bastante trabajo usando la herramienta Editor de nodos. Varios nodos tienen que ser suavizados para evitar los “trazos esquinados” o en punta. Al suavizar los nodos, debemos moverlos si es necesario, empujar los trayectos y modificar sus tiradores para acoplar la forma correctamente.

• Siga añadiendo nuevas formas rectas con la herramienta Curvas Bézier, que luego modificará con el Editor de nodos. Este paso es el que demanda calma y dedicación. Disfrútelo.


• Igualmente añada formas rectas para las orejas y luego ejecute su respectiva edición de nodos.

• Cree lineas rectas para los elementos menores como lineas de gestos, bigotes, nariz, etc. Puede crear un trazo más angosto (0.5 px) para que sea más fácil editarlos. De la misma forma, use la herramienta Editor de nodos para modificar las formas y suavizar los nodos.


• La forma de la parte baja de la nariz, que es una especie de triangulo invertido con una punta afilada, tiene una sección sobrante hacia arriba que no nos interesa. Para eliminarla, duplique la forma redondeada del hocico (el segundo elemento creado) con las teclas CTRL +D. Seleccione esa copia y la forma de triangulo invertido y elija Trayecto > Intersección o simplemente presione CTRL y la tecla numérica * (asterisco).

• Una vez terminadas todas las formas, llega el momento de colorearlas. Para tener a la mano los colores use el panel Muestras (menú Ver > Muestras. Elija con la flecha pequeña los colores Inkscape Dafault, es decir, los mismos que hay en la paleta de colores inferior.

• La cabeza y las orejas son del mismo color. Puede buscar colores aproximados según la imagen de abajo. Incluyendo el negro, la figura completa usa 6 colores.


• Ahora que está todo coloreado, debe apilar el orden de elementos correctamente. Por ejemplo, las orejas rosadas deben ir detrás de la cabeza, el ojo derecho detrás de la nariz, las lineas de los gestos detrás de ojos y nariz, etc. Para ello, seleccione cuidadosamente cada elemento y envíelo atrás o adelante un nivel, a primer plano o al fondo, como corresponda con los botones de la barra de Propiedades.

Al final tendrá el personaje casi terminado.

• Con la herramienta Curvas Bézier cree 2 formas que cubran las lineas de la parte de las orejas. Estos serán parches para tapar los trayectos que no deseamos sean visibles.


• Coloree las formas del mismo rosado de la cabeza del personaje. elimine el trazo a ambos 'parches' y afine cada uno de ellos con la herramienta Editor de nodos. A la vez afine la parte interior de las orejas para que coincida con sus lineas correspondientes.

Al final el personaje Pink Panter esta terminado. Compare su trabajo con el archivo pink-panter.svg.


Ilustración con efectos 3DEste tipo de ilustración se aplica también en algunos dibujos de cómics, mangas, historietas, etc. pero, a diferencia de la ilustración plana, sí sugiere tridimensionalidad de los objetos pues se aplican sombras, brillos, transparencias, etc. pero la ilustración sigue siendo fantasiosa e irreal.

A continuación, crearemos un dibujo cómic de un loro que iremos trabajando de la misma forma que el dibujo plano anterior y luego añadiremos algunos efectos que le den tridimensionalidad al personaje.

• Abra el archivo loro.svg. Este contiene dos capas: Loro en lineas (con un 30% de opacidad) y Calco. En esta ultima trabajaremos. Así que asegúrese de tener bloqueada la primera.

• Según el orden de los elementos, la cabeza del loro debe ir abajo así que con la herramienta Curvas Bézier creamos lineas rectas que luego iremos manipulando por sus nodos y sus manejadores hasta ceñir según el modelo de la capa inferior. Es importante suavizar algunos nodos en las partes curvas para evitar las puntas donde no corresponden.

• El mismo procedimiento aplicaremos para el pico. Esta es la base para tener una buena ilustración porque a partir de ella se crearán las otras formas.


• Continuamos el proceso con las demás formas. Los ojos están hechos como círculos que se han manipulado sus tiradores de giro e inclinación. El orden de creación de elementos es importante para no confundirnos. Tenemos que saber qué irá en primer plano y cómo se apilarán . Por ejemplo, algunas parte irán escondidas, así que no tenemos que ceñirlas exactamente.

• Hay elementos que se deben modificar con las operaciones que aprendimos antes, como Unión, Diferencia, Intersección, etc. Por ejemplo en aquellas partes de las “lineas de gestos” se usa una elipse, se duplica y se pone en posición inferior luego se aplica Trayecto > Diferencia para dejar solo la parte necesaria. Para la sombra de los ojos, puede duplicar cada ovalo, mover su posición ligeramente hacia arriba, seleccionar original y duplicado y luego aplicar Trayecto > División.


• Rellene todas las partes terminadas de color gris para orientarse, luego use la opción de orden de los elementos para enviar atrás o subir a primer plano, según corresponda, cada elemento.

• Coloree como corresponda usando la paleta. Este es el paso final para tener nuestro personaje coloreado pero plano. Ahora necesitamos darle algunos efectos 3D sencillos.

• En este paso decidimos que el pico del personaje debe ser más oscuro. Selecciónelo y escriba: c7b948ff


desde la ventana de relleno.

• Duplique el pico (CTRL+D), rellenelo de blanco aplique el menú Trayecto > Reducir, de manera que sea de tamaño ligeramente inferior a su original. En la imagen inferior izquierda, la copia esta con trazo negro y sin relleno para ver el efecto de la reducción. Además se manipuló la figura un poco con el Editor de nodos. Usando el botón de bajar un nivel (o la tecla Re Pag.) baje la figura hasta ver que todas las 'lineas de gestos' del personaje quedan encima, como se ve en la figura derecha.

• Manteniendo la ventana de Relleno visible, use la herramienta Editor de degradados de la Caja de Herramientas para aplicar uno de tipo lineal: empiece desde arriba y arrastre la linea como se ve en el ejemplo. El efecto debe ser blanco arriba (opaco) , se va degradando y perdiendo su opacidad hacia abajo. Si no lo ve así, seleccione cada nodo para que el primero muestre A: 255 y el segundo A:0.


• Cree una forma triangular con la herramienta Curvas Bézier y modifiquela como la segunda imagen. Además ,duplique el pico original, suba a primer plano la forma triangular que creó (tecla FIN o END), seleccione ambas y aplique Trayecto > Intersección. A la figura creada coloreela de un tono más oscuro para que simule una sombra.

• Aplique el mismo procedimiento de transparencia utilizado en el pico para la cabeza del personaje , tal como se ve en la figura final.

Compare su trabajo final con el archivo loro-final.svg.


Ilustración Realística Esta es quizás la más laboriosa pues trata de imitar los objetos como se ven en la vida real, con todos sus detalles en tres dimensiones (3D) como sombras, reflejos, degradados, brillos, iluminaciones, etc. de modo que los objetos dibujados simulan ser fotografías. El nivel de realismo está determinado por cuánto detalle se ha plasmado en la ilustración en relación al objeto original, que casi siempre está basado en una fotografía del elemento.

A continuación realizaremos una ilustración realística de una memoria flash USB (pendrive) basada en una fotografía. Aplicaremos sombras, transparencias, degradados y todo lo necesario para que el dibujo final quede así:

Para este ejercicio haremos uso de varias capas para tener el trabajo ordenado.

Primer paso: DELINEAR

• Abra el archivo usb-flash.svg. Este archivo tiene una imagen PNG que ya se importó a un tamaño determinado, está en la capa calco, empezaremos a crear capas para cada elemento que se debe crear.

• Esta capa que contiene la imagen debe tener un 60% de opacidad para trabajar sin que nos estorbe. Bloquee la capa. Usted configure la opacidad según su comodidad.

• Cree una nueva capa llamada cuerpo. Active el botón Ajustar a nodos vértice y usando la herramienta Curvas Bézier delinee el cuerpo azul del USB en su respectiva capa. Para esto son necesarias do figuras cerradas: una mayor que será la primera y una encima que será la parte de arriba del cuerpo del USB. Finalmente cree un pequeño rectángulo (con la misma herramienta Curvas Bézier) en la parte inferior izquierda, que encaje entre las dos formas.

Aquí es necesario desactivar o desactivar el botón Ajustar a nodos vértice para que nos permita ceñir nuestras formas a los nodos de esquina exactamente y otras veces, que nos permita manipular los nodos sin el ajuste respectivo.


• Seguidamente, cree una nueva capa y llamela tapa giratoria y delinee la tapa giratoria gris del usb y modifique su forma con el Editor de nodos. Al terminar, duplique la figura(CTL+D) y con las teclas de flecha mueva la copia ligeramente como indica el ejemplo de abajo.


• Cree una nueva capa llamada tapa giratoria atrás que debe estar, como es obvio, atrás de la capa tapa giratoria. Con la herramienta Curvas Bézier haga una forma que se ciña a la parte de atrás de la tapa giratoria del usb. En el ejemplo de abajo estas lineas están con trazos rojos para distinguirlas de la capa superior.

• Al final duplique la forma y muévala un poco de modo que se ciña con el borde de la imagen que tiene como molde.


• Seguidamente añada una nueva capa llamada botón encima de todas las anteriores. Aquí dibuje un circulo y modifíquelo para que se ciña al modelo inferior, luego duplíquelo y haga uno más pequeño.


• La capa siguiente se llamará conector, aquí delinearán todos los elementos de la parte conectora del usb. No olvide tener activado el botón Ajustar a nodos vértice cuando deba ceñirlos exactamente y desactivarlo cuando tenga que manipular dos nodos muy cercanos. Al final deben existir en esta capa 6 trayectos cerrados que son simples 'rectángulos en perspectiva' hechos con la herramienta Curvas Bézier.

• Seguidamente, cree una nueva capa llamada asa, donde irá el asa del usb. Con la herramienta Rectángulos cree un cuadrado redondeado que se ciña al modelo de la capa de abajo. Ubíquelo correctamente.

• Copie el cuadrado (CTRl+C) y luego dupliquelo (CTRL+D). Al duplicado hágalo pequeño (manteniendo presionado CTRL+MAYUSC) como indica el ejemplo de la segunda imagen y seleccione ambos cuadrados y vaya al menú Trayecto > Diferencia.

• Duplique la nueva figura resultante.

• Pegue en el sitio (CTRL+ALT+V) el cuadrado que tiene en el portapapeles y reduzca su tamaño hasta


que encaje con el modelo de la imagen que muestra el asa (la capa calco).

• Puede colorear ambos cuadrados redondeados para diferenciarlos.

• Envíe hacia abajo la capa asa, de modo que al colorear los elementos de las capas, sólo se verán las partes sobresalientes de ambos cuadrados redondeados.

• A continuación regrese a la capa tapa giratoria donde colocará el texto, es decir la supuesta marca de la memoria usb y escriba DIBUJE, con una fuente de cuerpo grueso como Impact. Haga una separación con la barra espaciadora entre letra y letra.

• Use los tiradores de tamaño, giro y de inclinación para ubicar el texto como corresponde.


Segundo paso: COLOREAR y aplicar Efectos

Al terminar el delineado total, aplicaremos los colores uniformes o degradados según corresponda. También crearemos trazados con ligero desenfoque para simular brillos entre otras cosas. Además necesitaremos dos capas nuevas para cambiar fácilmente de color a nuestro pendrive.

• Regrese a la capa cuerpo y seleccione cada uno de los tres elementos que contiene y coloreelos como indica la imagen de abajo.

• Quite la visualización a la capa cuerpo.

• Mantenga abierta la ventana de Relleno y borde. Vaya la capa tapa giratoria y seleccione el objeto superior y aplique con la herramienta Editor de degradados de la Caja de Herramientas un degradado que contiene 4 paradas con los colores aproximados que se ven en los cuadrados. Recuerde que para ello debe seleccionar cada nodo o parada (se colorea de rojo) y desde la ventana de relleno arrastrar el ratón dentro del triangulo para colorear dicha parada.

La dirección de la linea de degradado debe coincidir aproximadamente como se ve en la imagen. Aunque no corre paralela con el objeto, garantiza que el degradado se muestre correctamente.


• Active la visualización de la capa cuerpo pero manténgase en la capa tapa giratoria. Aumente el zoom con la tecla + hasta que pueda seleccionar en forma cómoda el elemento que está debajo del que acaba de rellenar con el degradado. Rellenelo de blanco y quite el trazo a ambos elementos.

• Usando el Editor de nodos, modifique la parte superior derecha que acaba de colorear si es que se ve un error en su construcción.

• Vaya a la capa tapa giratoria atrás ; use el Editor de degradados y mantenga abierta la ventana de Relleno para colorear sus dos elementos: el que es el 'agujero' coloreelo desde un negro a un gris suave (2 paradas) y mueva la linea de degradado para que éste se vea correctamente. El otro elemento, es el borde anterior y puede usar dos tonos de grises a su gusto para el degradado.


• Seleccione el circulo más grande de la capa botón y aplíquele un degradado de gris medio a blanco.

• Quite el trazo a ambos elementos y seleccione el elemento menor, duplíquelo y desde la ventana de Relleno aplique a la copia un desenfoque de 5% y use la tecla Re. Pag para mandarlo hacia abajo.

• Ahora, en la capa conector, el primer plano coloreelo de 50% gris y para el lateral cree un degradado de negro a 50% gris mas o menos para que quede como el ejemplo. Los orificios coloreelos de 70% o 80% gris y quite el trazo a todos los elementos de esa capa.

• Manteniendo activo el botón Ajustar a nodos vértice, cree un trazo de color blanco abajo y a la derecha del borde del elemento mayor, luego aplique un desenfoque de 1% que simulará el brillo. El mismo procedimiento aplique para ambos cuadrados grises. Puede probar un desenfoque de 2% y modificar


ligeramente la opacidad para ver cómo se ve más realista.

• Seleccione nuevamente la capa cuerpo y use un trazado blanco de 2 pxde grosor para contornear el lado inferior-derecho como se ve en el ejemplo, luego aplique el desenfoque y la opacidad que figuran en el ejemplo.

• En la capa asa, coloree ambos elementos como se ve en la imagen. El primero un gris claro y el de atrás un gris más oscuro.

• Cree una nueva capa llamada coloreado de cuerpo que vaya encima de la capa cuerpo y con la herramienta Curvas Bézier delinee el cuerpo que en el ejemplo se muestra de color rojo.

• Rellenelo de azul metálico y desde la ventana Capas disminuya su opacidad en 60%.

La finalidad de esta capa es que permite colorear un elemento fácilmente del color que sea, sin necesidad de estar cambiando el color en cada capa.


• Ahora, la penúltima capa a crear es la que llamará botón coloreado e irá encima de botón y cumplirá las mismas funciones que la capa anterior, es decir, coloreará solamente el botón.

• Desde la capa botón copie el circulo negro (CTRL+C), vaya a la capa que acaba de crear y péguelo en el sitio (CTRL+ALT+v) . Ese circulo pintelo del mismo azul de la capa cuerpo coloreado y dele el mismo nivel de opacidad

Puede seleccionar el trazado que se encuentra en estas capas de coloreado y cambiar su color rápidamente


para 'teñir' su dibujo con distintos colores. Haga la prueba.

• Finalmente, queda una capa más que servirá para crear la sombra del usb.

• Cree una capa llamada sombra y contornee todo el usb sin necesidad de mucha precisión. Aplique color negro al elemento

• Aplique un desenfoque de 2% a este objeto (el único de esta capa sombra) y envíe esta capa detrás de la capa asa..

• Seleccione cuidadosamente y con las teclas de dirección muévalo hacia la derecha y hacia abajo para que simule ser la sombra del usb.


Finalmente ya tiene terminado su ilustración realista del USB flash o pendrive.

El archivo final para comparar es usb-flash-final.svg.

Como ha visto, el secreto para ilustrar es un buen manejo de todas las herramientas del programa, pero si alguna herramienta es más importante que otras, esas son dos: Curvas Bézier y Editor de nodos. De modo que practique mucho con estas herramientas hasta que le resulte cómo trabajar con ellas.

Cuando quiere dibujar una imagen, fíjese primeramente el orden de los elementos, qué debe dibujar en primer plano, cuál en segundo y así sucesivamente. No se olvide de usar capas si su dibujo tiene muchos elementos.

Un regalo finalComo regalo final de este capítulo tiene el archivo homero.vsg con la ilustración del conocido personaje Homero Simpson de la popular serie americana. Esta es una ilustración plana, no tiene efectos de 3d reales como sombras, degradados, transparencias ni nada de eso. Pero ha necesitado varias capas donde en primer plano de cada capa se han colocado los trazos gruesos del personaje sin relleno para que se pueda ver su relleno con elementos que están debajo de cada capa. Esta ilustración es especial porque es importante que los trazos gruesos de cada elemento estén separados de su relleno. Abra el archivo y fíjese cómo está conformada cada capa y cada elemento.

También tiene la versión plana para que usted añada capas y elabore el personaje: homero-para-calcar.vsg.


Trabajos de ImpresiónInkscape está especializado en el trabajo por internet y en pantalla pero también tiene herramientas para trabajar nuestro material impreso. En este capítulo aprenderemos a crear nuestro propio material publicitario, como tarjetas de visita, afiches, tarjetas, etc. De modo que sepamos cómo configurar el trabajo y optimizarlo para imprimir en nuestra propia impresora de escritorio.

Es importante saber que los documentos para impresión pueden visualizarse en forma distinta desde una pantalla o en papel una vez impresos. Los colores en pantalla siempre son más vivos, del RGB y los colores de impresión siempre son de tipo CMYK, es decir más opacos. A muchas personas que se inician en los programas gráficos les ha sucedido que en pantalla ven su trabajo muy bien pero cuando lo imprimen, los colores se ven totalmente distintos. Esto sucede porque no se han tomado en consideración una serie de pasos para 'empatar' o 'coincidir los colores' de pantalla con los de impresión. Todo este proceso se llama técnicamente Gestión de Color y consiste básicamente en:

• Un monitor bien calibrado, o por lo menos ni muy brillante ni muy oscuro.

• Trabajar únicamente con colores CMYK (no RGB) ó colores PANTONE

• Activar la Gestión de Color según la impresora a trabajar.

Podrá imprimir fácilmente desde su impresora trabajos hechos en Inkscape con muy poca variación de color. Si lleva trabajos de impresión a una imprenta comercial, asegúrese que la visualización en papel es correcta.

Como ya vio anteriormente, Inkscape tiene muchos tamaños de páginas preestablecidos para empezar a trabajar un documento: A4, Carta, A3, etc. Todos los tamaños de papel los puede ver desde la ventana Propiedades de Documento (CTRL+MAYUS+D). A continuación creará una tarjeta de visita siguiendo un modelo de trabajo y luego aprenderá la otra forma de realizarlo.

Una tarjeta de visitaUna tarjeta de visita es el documento de publicidad básico para un particular o para una empresa. Existen varias formas de crear un documento del que se deban crear varias copias. Aprendamos cómo crearla con un ejemplo.

• Abra el archivo plantilla-tarjeta.svg. Este archivo vacío tiene lineas guía ya configuradas para crear un documento con varias tarjetas personales de tamaño 90x55 mm. Además tiene una capa bloqueada llamada marcas de corte que guiarán el corte de la tarjeta.

• Elija Archivo > Guardar como y nómbrelo como tarjeta-personal o como usted quiera para tener disponible la plantilla original.

• Utilice para trabajar el primer espacio superior-izquierdo establecido por las lineas guía. Asegúrese de tener activado el botón Activar ajuste para que todos los elementos se ajusten a las lineas guía

• Cree un rectángulo en la parte inferior del primer espacio en el que está trabajando. Al terminar vaya a la herramienta Seleccionar y arrastre desde la flecha superior para que su tamaño sea aproximadamente de 15mm. Rellene el rectángulo de un gris suave, quizás 20% y quite su trazo.


• Cree otro rectángulo a lado derecho del espacio de trabajo y elimine su trazo. Usando las medidas de la barra de controles de herramienta, establezca su ancho en 18mm. Arrastre hacia la derecha ligeramente el rectángulo hasta que se ajuste nuevamente a las lineas guía.

• En un ejercicio anterior creamos parte del logotipo de AQUAMAX. Debe tenerlo en su carpeta de ejercicios personales. Si no lo tiene, importe el archivo aquamax.svg. Hágalo desde Archivo > Importar. Este archivo es el logotipo con todos sus elementos agrupados.


• Seleccione el rectángulo azul que está a la derecha y usando la herramienta Seleccionar colores de la Caja de Herramientas, haga clic sobre la parte turquesa del logotipo que acaba de importar. Esto hará que el rectángulo tome el mismo color elegido.

• A continuación importe el archivo de las gotas que trabajamos en un ejercicio anterior y que también debe tener en su carpeta de ejercicios personales. Si no lo tiene, importe el archivo gotas.svg. Posiciónelo como se ve en la imagen.


• Duplique las gotas (CTRl+D). Arrastre la copia hacia la izquierda del logotipo y usando la tecla CTRL modifique su tamaño hasta que se vea como el ejemplo. Envíelo hacia atrás: Objeto > Bajar al fondo.

• Para terminar la tarjeta añada el texto (fuente Arial Narrow) con los colores que se ven en la imagen. Para colorear el texto de turquesa siga el mismo procedimiento anterior: selecciónelo, utilice la herramienta Seleccionar colores y haga clic sobre el rectángulo turquesa.

Para crear las copias se pueden seguir varios caminos, como crear duplicados y distribuirlos donde corresponden. Pero una manera más sencilla y automática de hacerlo es la siguiente:

• Agrupe todos los elementos de la tarjeta con una marquesina de selección: Objeto > Agrupar (CTRL+G).

• Vaya al menú Edición > Clonar > Crear clones en mosaico.


• En la ventana que aparece deben estar seleccionadas las opciones que se ven en la imagen. Esto hará que las copias se distribuyan automáticamente donde corresponde.


Otra opción viable para imprimir un documento de varias copias, es crear el documento del tamaño específico que necesitamos. (Archivo > Propiedades de documento). En el ejemplo anterior, el tamaño sería 90mm x 55mm.

Y la duplicación la haríamos desde las propiedades de configuración de la impresora. Obviamente depende de el tipo de impresora, pero la mayoría de los modelos actuales permiten duplicar un documento en una modalidad de impresión llamada impresión de diseño de página, lo que quiere decir que el documento se repetirá varias veces en un tamaño de página que nosotros estipulemos (A4, A3, carta, etc.)

En el ejemplo de abajo, según la impresora seleccionada, la tarjeta de 90x55mm se repetirá 9 veces en una hoja A4 en posición horizontal, como figura en la visualización a la izquierda.

El modelo de tarjeta con el tamaño especifico del documento es el archivo tarjeta.vsg.

Una InvitaciónInkscape le permite crear varios documentos para imprimir, sobre todo si en ellos lleva incluidos gráficos hechos en el mismo programa: logotipos, isotipos, diseños de fondos, etc. Así no necesitará exportar sus diseños a otros programas. Todo lo puede hacer en Inkscape, para su comodidad.

Quizás una desventaja de Inkscape es que no puede crear documentos de más de una página, pero en el siguiente ejercicio aprenderá como crear una tarjeta invitación doblada con contenido por ambos lados.

• Desde la carpeta de Plantillas abra el archivo plantilla-A5-horizontal.svg. Y luego vaya al menú Archivo > Guardar como. Nómbrelo tarjeta-doblada1.svg . De esa forma tendrá un nuevo archivo y mantendrá la


plantilla intacta para futuras ocasiones.

El archivo de tamaño A5 horizontal (la mitad de A4) tiene lineas guía a los bordes de la pagina y también a 8 mm (a manera de margenes). Y una linea guía verticall al medio que divide la hoja en dos partes. Esta página será la primera cara de la tarjeta.

• Abra el archivo elementos-tarjeta-doblada.svg. Aquí están todos los objetos que se usan en ambos lados de la tarjeta. Seleccione sólo los elementos que según el ejemplo deben ir en esta cara de la tarjeta. Cópielos , vaya al archivo de trabajo y péguelos. Edición > Copiar y Edición > Pegar respectivamente o por medio de los atajos del teclado: CTRL+C (copiar) y CTRL+V (pegar.)

• Ubíquelos con la ayuda de las lineas guía según el ejemplo de abajo.

• Abra nuevamente el archivo de plantilla plantilla-A5-horizontal.svg y guardelo como (Archivo > Guardar como) tarjeta-doblada2.svg. Esta será la cara del revés de la tarjeta.

• Desde el archivo elementos-tarjeta-doblada.svg seleccione los elementos que según el ejemplo deben ir en la cara del revés, copielos, vaya al archivo tarjeta-doblada2.svg y péguelos acomodando todo como ve en el ejemplo.


• En su impresora imprima el primer archivo: tarjeta-doblada1.svg usando una hoja A5, o en su defecto, una hoja mas grande que luego puede recortar.

• Por el otro lado del papel imprima el archivo tarjeta doblada2.svg.

• Al final su tarjeta debe quedar como corresponde, una vez doblada.


De esta forma es posible crear cualquier tipo de documento para imprimir que requiera varias copias en una sola página. Usted ya tiene los conocimientos para elaborar cualquier documento según sus requerimientos.

Nota finalUsted llegó al fina de este Ebook. Si ha seguido todos los ejercicios con dedicación, ya estará completamente preparado para emprender cualquier proyecto de dibujo que necesite. Ya tiene los cimientos sólidos para que usted mismo siga adelante en este fascinante mundo del dibujo y la ilustración por computadora. Recuerde que la practica hace al maestro. No deje de practicar. Si ve algún diseño, dibujo, aviso o ilustración en internet, el periódico o en una revista que le agrade, trate de imitarlo abriendo el programa e intentando hacerlo lo más parecido posible con todo el arsenal de herramientas que tiene a su alcance; ésta practica es invalorable para ayudarle a mejorar en su arte y su destreza con el programa.

Un fuerte abrazo.

Daniel Laime

dibuje por computadora paso a paso

Documents