TUTORIAL DE INKSCAPE

DIBUJO VECTORIAL CON SOFTWARE LIBRE

IES MIGUEL HERNNDEZ
 1
Tratamiento de imgenes

TUTORIAL DE INKSCAPE
1. Inkscape D. Crear formas
Inkscape es un editor de grficos vectoriales de cdigo abierto, con Pulsando sobre la herramienta rectngulo, haciendo clic y arrastrando
capacidades similares a otros programas como CorelDraw. Las se crean rectngulos que por defecto se muestran con un relleno azul.
caractersticas soportadas incluyen: formas, trazos, texto, clones, Con otras herramientas, tambin podemos crear elipses, estrellas y
gradientes, agrupamientos El objetivo principal de Inkscape es crear una espirales. Todas estas herramientas se conocen como herramientas de
herramienta de dibujo potente y cmoda, totalmente compatible. formas. Cada forma que se crea muestra un punto de control en forma de
Inkscape es software libre y lo podemos descargar de www.inkscape.org. diamante, arrstralo para observar cmo responde la forma.

2. Iniciacin (Tratamiento de imgenes Vectoriales) En el panel de control se puede tambin transformar la forma
actualmente seleccionada, aplicando los cambios de forma exacta y no
A. La pizarra aproximada.
La pizarra es la zona de trabajo, para movernos por ella, emplearemos
las barras de desplazamiento (las podemos ocultar con ctrl+b), ctrl +
flechas, o con la rueda del ratn verticalmente y si pulsamos shift + la
rueda del ratn horizontalmente.

B. Zoom
El zoom lo podemos hacer con las teclas + y -, tambin pulsado
ctrl+rueda E. Mover, escalar y rotar
La herramienta ms utilizada en Inkscape es el Selector. Haz clic en el
C. Herramientas botn situado arriba del todo (con la forma del cursor). O bien pulsa la
La barra de la izquierda muestra las herramientas de edicin y dibujo. barra espaciadora. Ahora puedes seleccionar cualquier objeto en la
Debajo del men, encontramos la barra de control, con controles pizarra, haciendo clic sobre l.
especiales para cada herramienta.
Si por ejemplo, pulsas sobre un rectngulo, aparecen 8 puntos de
control, ahora puedes:
 2
Tratamiento de imgenes

- Mover los objetos al arrastrarlos. (Presiona Ctrl para restringir - La pestaa relleno, permite editar el relleno interior del objeto.
movimientos a horizontal y vertical) As como su desenfoque y opacidad.
- Escalar los objetos arrastrando cualquier punto. (Presiona Ctrl
para preservar la proporcin de alto/ancho original.)

Si vuelves a hacer clic en el rectngulo. Los puntos de control

cambian y podrs:
- Usando la pestaa Color de borde, se le asigna cualquier color o
- Rotar los objetos (Presiona Ctrl para restringir la rotacin a pasos transparencia.
de 15 grados. - La ltima pestaa Estilo de borde, permite configurar el grosor y
- Inclinar los objetos mediante el arrastre de los puntos laterales otros parmetros del borde
(Presiona Ctrl para restringir las inclinaciones a pasos de 15
grados)

Mientras uses el selector, tambin podrs usar los campos de

entradas numricos en la barra de control, para configurar valores
exactos para coordenadas (X e Y) y tamao (W y H) de la seleccin.
En lugar de utilizar color uniforme, se puede emplear un gradiente
F. Agrupar de color, pasando de una zona del objeto opaca a otra transparente. Si no
Los objetos pueden ser combinados en un grupo que se comportar te gusta la direccin del gradiente, pulsa Ctrl+F1 y modifcalo.
como un objeto sencillo. Para crear un grupo, selecciona dos o ms
Otra forma de cambiar el color de un objeto es usar la herramienta
objetos y presiona Ctrl+G. Para desagrupar pulsa Ctrl+U
seleccin de color F7.
G. Relleno y borde
H. Duplicar, alinear y distribuir
Selecciona un objeto y abre su men contextual, pulsa sobre relleno y
- Duplicar un objeto Ctrl+D
borde. El dilogo abierto, tiene tres pestaas: Relleno, Color de trazo y
- Alinear objetos y distribuir: Men > Objeto > Alinear y distribuir
estilo de trazo.

Tratamiento de imgenes
I. Ordenar objetos
Los objetos en la pizarra se van apilando. Si un objeto queda oculto
detrs de otro, podemos traerlo al frente pulsado la tecla Inicio, y llevarlo
al fondo pulsando la tecla Fin. Tambin podemos emplear las teclas PgUp
y PgDn.
J. Seleccionar objeto tapado
Si un objeto queda totalmente tapado por otro podemos
seleccionarlo pulsando Alt+clic.Exportar a mapa de bits
Una vez acabado un diseo se puede guardar en el formato svg
propio de Inkscape o bien exportarlo a mapa de bits para poder
trabajar en otras aplicaciones (Gimp, Word). Para hacer esto,
ejecutamos: Archivo/Exportar mapa de bits Se abrir un cuadro de
dilogo con distintas opciones, una vez configuradas pulsa sobre
Exportar.
K. Importar un mapa de bits
Tambin es posible incluir mapas de bits en tu diseo. Es decir,
meter imgenes no vectoriales. Nosotros, por ejemplos, las
utilizaremos como referencia para hacer los logotipos. Para ello,
ejecuta: Archivo/Importar.
L. Capas
Los editores grficos organizan el trabajo por medio de capas, a modo
de hojas transparentes superpuestas. Son muy tiles cuando son muchos
los objetos que estn en la pantalla. Pero si no se tiene cuidado es fcil
equivocarse y tener objetos en distintas capas a la deseada. La principal
3
utilidad es que se puede ocultar y hacer visible a voluntad cada una de las
capas.
M. Modos de edicin
Podemos modificar el aspecto de cualquier forma editndola de tres
formas distintas: edicin de objetos, edicin de tiradores y edicin de
nodos.

Edicin de objetos. (repaso)
Cuando seleccionamos una forma aparecen unas flechas que se
denominan transformadores. Cuando el ratn activa uno de esos
transformadores se pone de color verde y se puede arrastrar para
cambiar el objeto. Si se vuelve a hacer clic sobre el objeto, los
trasformadores se permutarn por otros similares que servirn para rotar
o inclinar el objeto. El centro de estas transformaciones es el signo + que
aparece en el centro (se puede cambiar).

Edicin de tiradores (Prctica, guardar como: vectorial1)
Cuando se crea una forma, sta no aparece directamente con los
trasformadores sino con lo que se denominan tiradores (cuadrados y
crculos blancos en el contorno). Con los tiradores podemos manipular
ciertas caractersticas del objeto.
- En el rectngulo, se puede editar la redondez de las esquinas.
- En la elipse puede abrir en uno de sus puntos para conseguir
sectores.
- En la estrella puede editar las puntas exteriores e interiores.

Tratamiento de imgenes
- En la espiral puede mover el comienzo y el final.

Edicin de nodos (Prctica, guardar como: vectorial2)
Es el modo de edicin ms complicado. Una forma bsica se
puede convertir en una secuencia de curvas editables desde sus
puntos fundamentales (nodos). Para hacerlo vete a Trayecto/Objeto a
trayecto Ensaya lo aprendido:
3. Practica lo aprendido. Edicin de logotipos.
A. Logotipo T. Alineacin vertical y horizontal (Prctica,
guardar como: logo1)
Si algo define a este logotipo es la sencillez. Slo hay una condicin a
tener en cuenta antes de ponerse a trabajar: la letra T est perfectamente
4
centrada respecto al crculo. Para realizar ste y los dems logotipos
vamos a trabajar con el mapa de bits original1 debajo a modo de plantilla.
Comenzamos sacando a la pizarra un crculo (con ctrl pulsado y despus
ajustamos los trasformadores, siempre con ctrl pulsado. Para trabajar a
gusto se puede bajar el nivel de opacidad.
Selecciona la herramienta de Texto y haga clic en cualquier sitio
de la pizarra. Con la herramienta de seleccin haga la letra ms grande
para trabajar cmodamente. Abre el editor de textos Texto/Texto y
Tipografa y escoge como fuente Arial Black. Colcala encima de la
imagen de referencia y utiliza los
transformadores para ajustar el ancho y el
alto.
Selecciona el crculo y pulsa
sobre Objeto/Relleno y borde y
escoge el color adecuado para el
logotipo.
Puede darte la sensacin de que
tu ojo es infalible y que los dos elementos
(crculo y texto) estn perfectamente
centrados; pero la verdad es que no tenemos
ninguna garanta de ello. Para hacer la alineacin con precisin seleccione
los dos objetos y haga la lnea de comandos Objeto/Alinear y distribuir
1
En negrita aparece el comando que se emplea por primera vez

Tratamiento de imgenes
Una vez terminado selecciona ahora los dos objetos y vamos a
crear un grupo (ctrl G) con ellos. Ya tienes tu logotipo como si fuera un
solo objeto.
B. Logotipo Mitsubitshi. Alineacin con un solo objeto.
(Prctica, guardar como: logo 2)
El logotipo es una forma compleja formada a partir
de una forma bsica: un tringulo. Como en el caso
anterior vamos a importar el logotipo original para
utilizarlo como plantilla. A continuacin dibujamos un
tringulo con control pulsado y as asegurarse
que queda apoyado en un lado.
Una vez has obtenido el primer tringulo, debes duplicarlo (ctrl D) y a
continuacin alinearlo respecto a si mismo colocndolo en la parte
inferior de su caja de seleccin. Es posible que tengas que hacer
modificaciones en el trazo para que el ajuste sea perfecto. Si agrupas los
dos objetos has obtenido el primero de los rombos.
Duplica ese rombo y gralo (ctrl pulsado) cuidando de cambiar el
punto de referencia + para que gire por el punto adecuado. Vuelve a
realizar ste ltimo paso y el logotipo est terminado. Puedes ajustar el
color con la herramienta seleccionar colores de la imagen.
5
C. Logotipo Fagor. Diferencias con objetos. (Prctica,
guardar como: logo 3)
Para realizar este logotipo, vamos a emplear un
recurso denominado operaciones booleanas que
podemos encontrar en el men trayecto. Nos sirve para
hacer operaciones con distintas formas: unin,
diferencia, interseccin
Introduce un crculo y despus un rectngulo que incluya los dos
elementos horizontales. Ahora inclinamos el rectngulo 45. Aade un
nuevo rectngulo para eliminar la parte central. No olvides usar Alinear
para conseguir que quede colocado con exactitud. Despus seleccione los
dos rectngulo y en el men pulsa Trayecto/diferencia. Coloca el objeto
resultante en el sitio adecuado y despus seleccinelo junto con el crculo
y repita Trayecto/diferencia.
D. Logotipo Concept. Orden de
objetos con rejilla. (Prctica,
guardar como: logo 4)
Vamos a emplear un nuevo mtodo para
ordenar objetos de una manera
controlada. En este logotipo los objetos
estn ordenados dentro de una matriz de
2x2. El principal problema estar en
conseguir una fuente similar a la original.
Coloca un cuadrado correctamente encima del superior izquierdo del
modelo; luego realiza tres duplicados asegurndote de que ninguno de

Tratamiento de imgenes
ellos queda ms alto ni ms a la izquierda que el original (as se garantiza
que ste no se mueva a la hora de ordenar en la matriz).
Selecciona los cuatro cuadrados y seleccione Objeto/Ordenar en
rejilla esto har aparecer un cuadro con las opciones necesarias. Ajusta
los valores con las flechas, y tantea el resultado hasta que coincida con el
original.
Selecciona cada uno de los cuadros y aplcales el color adecuado.
Duplica los cuadros negros y desplzalos un poco a la derecha y hacia
abajo para hacer el efecto de la sombra, para ello aplica desenfoque y
disminuye la opacidad. Por ltimo baja estos dos objetos al fondo.
Agrega el texto, dale un grosor al trazo y recurdalo para el resto de
textos. No olvides alinearlo correctamente.
Utiliza copiar y pegar tamao para que el texto superior e inferior
ocupen lo mismo.
E. Logotipo Nike. Edicin de 4 nodos. (Prctica, guardar
como: logo5)
Todos los logos hechos hasta ahora se
componan de los objetos que propone
Inkscape como prediseados (rectngulos, elipses)
este logotipo es imposible de conseguir mediantes este tipo de
figuras. Vamos a crear este logotipo editando los nodos. Comenzamos
por seleccionar la herramienta para crear curvas de Bezir y lneas rectas.
Hacemos un cuadriltero contorneando el logo de referencia. Para hacer
lneas rectas haz simples clics y no arrastres el ratn, de lo contario se
6
generarn curvas. Asegrate de poner el ltimo nodo encima del primero
(nodo de color rojo). Pasemos a edicin de nodos con la segunda de las
herramientas. Desde la barra de opciones para esa herramienta convierte
todos los nodos en curvos; y despus dos de los nodos en esquina.
Modifica los nodos y sus tangencias hasta conseguir una figura como la
del logotipo. Por ltimo dale color al relleno.
F. Logotipo Citron. Alineacin de nodos. (Prctica,
guardar como: logo6)
Con los conocimientos que tienes hasta ahora, ya
deberas saber construir este logotipo. Puedes partir
de la forma bsica tringulo, y posteriormente
modificar sus nodos (eso s debers aadir un nodo
intermedio). O bien conseguir las puntas de flecha
como en el caso del logo de Nike pero debes
asegurarte de que los nodos queden perfectamente alineados.
G. Logotipo Nvidia. Divisin y corte de trayectos. (Prctica,
guardar como: logo7)
En esta prctica vamos a abordar la
resolucin de un logotipo en el que la
operacin fundamental ser la Divisin.
Este logotipo est compuesto por tres
objetos, uno negro, otro verde y otro
blanco.
Selecciona la herramienta para crear curvas de bezir y lneas
rectas y genere la forma de la espiral con segmentos rectos. Selecciona

Tratamiento de imgenes
todos los nodos y convirtelos en curva, despus selecciona los ocho
centrales y convirtelos en suavizados asimtricos. Aprovechando que
tienes esos ocho nodos seleccionados usa el cuadro de Alinear y distribuir
y asegrate de que estn en la misma vertical. Edita los tiradores hasta
conseguir una geometra similar a la del modelo.
Es el momento de crear el rectngulo. Despus duplcalo,
cmbiale el color y mndalo al fondo. Selecciona el cuadrado de arriba y la
forma espiral y realice la booleana Trayecto/divisin. Es el momento de
comenzar a hacer Trayecto/Unin con los objetos que tienen iguales
propiedades de color. Para dar el color verde al cuadrado use el
cuentagotas para tomar la muestra de color del logotipo original.
H. Logotipo Faro. Gradientes de dos colores. (Prctica,
guardar como: logo8)
Ahora vamos a empezar a incluir colores en forma de gradiente. El
gradiente ms sencillo es el que hace el degradado
entre dos colores. En Inkscape a los colores que
forman un gradiente se les denomina Paradas.
Comencemos por la geometra del logotipo.
Comencemos por el crculo que forma la esfera.
Despus duplcalo y esclalo con control y shift
pulsados para obtener el crculo que cortar el sector
por el lado estrecho, y por ltimo repite la operacin para obtener el
crculo que lo cortar por la parte ancha. Tienes tres crculos. Editemos el
grande. Asegrate de tenerlo en modo de edicin de tiradores y desplaza
7
con control pulsado un tirador circular hacia arriba dos saltos de 15.
Edita ahora el segundo tirador, tambin con saltos de 15 hasta llegar a la
posicin adecuada.
Mediante trayecto/diferencia elimina la parte de sector
sobrante. Quiz tengas que hacer un ajuste antes mandando al fondo el
crculo grande. Tras unos pequeos ajustes tenemos la geometra
adecuada. Ahora aplicamos los gradientes. Comencemos por la zona
rectangular. Seleccinela y haz clic objeto/relleno y borde Escogemos en
la pestaa Relleno la opcin Gradiente lineal. Inmediatamente Inkscape
fabrica un gradiente de dos colores; pero como no puede elegir el
segundo color al azar lo que hace es que el primero se repita como
transparente. Atiende las explicaciones del profesor y te ensear a
modificarlo. Es el momento de seleccionar el crculo y aplicarle un
gradiente radial. En este caso cuando haga visibles los nodos del gradiente
notars una pequea diferencia, consta de tres nodos. Es importante que
si quieres mantener el gradiente sin distorsionar mantengas los dos
brazos del gradiente con la misma longitud (control y shift).
I. Logotipo Atom. Recorte de mapas de bits. (Prctica,
guardar como: logo9)
En ocasiones, para hacer un logotipo se
hace necesario utilizar un mapa de bits
importado. Pero los mapas de bits no se
comportan como un objeto normal de
Inkscape, vamos a aprender a editar
bitmaps una vez importados a la escena. En tu carpeta reales, tienes
una imagen planeta que es muy probable que no est creado con un

Tratamiento de imgenes
editor vectorial sino con un programa de diseo 3D. El recurso que vamos
a utilizar para aislar el planeta se encuentra en la lnea de comandos
Objeto/Clip. Un clip funciona como una operacin Trayecto/Diferencia:
- Se necesitan dos objetos (en el caso de clip el dominante puede
ser un mapa de bits).
- El objeto que se encuentra debajo actuar como dominante y se
quedar en escena despus de realizar la operacin.
- El excedente eliminado se convierte en transparente.
As que lo que necesitamos es crear un objeto que tape por completo el
planeta. De la calidad de ese objeto depender que el clip resulte creble.
En este momento podemos seleccionar el objeto para el clip y el mapa de
bits y hacer la lnea de comando Objeto/Clip/Aplicar. Para terminar el
logotipo se requieren pasos que ya conoces.
8
J. Logotipo Volskvagen. Gradientes de ms de dos colores.
(Prctica, guardar como: logo10)
Llegados a este punto es el momento de enfrentarse
al reto de conseguir este logotipo. Ya tienes los
conocimientos suficientes para realizarlo. Sers
capaz?
Al finalizar este tutorial debes tener 12 archivos:
vectorial1, vectorial2, logo1, logo2, logo3, logo4, logo5, logo6, logo7,
logo8, logo9 y logo10.
Jess Rivera Diez
Tutorial derivado del
PROYECTO BIG- CURSO DE INKSCAPE -EL BLOG DE JOACLINT ISTGUD
http://joaclintistgud.wordpress.com/2008/05/06/curso-de-inkscape-logo-a-logo/
http://www.inkscape.org/
Eres libre de copiar, distribuir y comunicar pblicamente la obra, hacer copias derivadas. Bajo las
condiciones siguientes: Reconocimiento al autor, no utilizar la obra para fines comerciales y compartir
bajo la misma licencia.