rs t

er en
oF iny
P ac Ont
or d'
p RE
E FI
C

Curso de
Inkscape
Tipos de grficos
Grficos de mapa de bits (bitmaps). La
imagen consta de un conjunto de puntos
dispuestos en filas y columnas. Cada punto se
llama pixel.
Grficos escalables o vectoriales. La imagen
se define con descripciones matemticas de
los elementos que forman parte del grfico
(crculos, lneas, etc)
Ejemplo de tipos de grficos (I)

Bitmap Vectorial

Al escalar un bitmap pierde calidad, sin

embargo, los grficos vectoriales no pierden
calidad al ser escalados.
Ejemplo de tipos de grficos (II)

Bitmap Vectorial

Como podemos ver en este ejemplo, las fotos

NO son apropiadas para representarlas en
formato vectorial.
Que es Inkscape?
Es un programa profesional que permite crear
imgenes vectoriales al igual que Adobe
Illustratror y Corel Draw.
Se utiliza principalmente para crear logotipos o
ilustraciones para documentos o para pginas
web.
Es software libre y multiplataforma existiendo
versiones para Linux, Windows y Macintosh.
Pgina oficial: http://www.inkscape.org
Cmo iniciar Inkscape desde Lliurex
Como iniciar Inkscape desde Ubuntu
Como iniciar Inkscape desde Windows
 de
n a
t a
n ape
v e c
a
L Ink s
 Barra de mens: Aqu se encuentran
todas las opciones de Inkscape, al
igual que en otros programas.

Reglas

rea de trabajo
Barras de
desplazamiento
Paleta de colores
Barra de herramientas: Aqu encontraremos
las funciones ms utilizadas: copiar, pegar,
cortar, guardar, abrir, ver las propiedades de
los objectos, etc.
Barra de ajustes: Desde aqu especificamos
opciones relativas al posicionamiento y
comportamiento de los nodos y de los objetos.
Barra de opciones: Cambia en funcin del
elemento de dibujo que estamos utilizando y
permite establecer diferentes opciones sobre
el objeto seleccionado como sus dimensiones,
forma, rotar, alinear, etc.
Barra de herramientas de dibujo: Aqu se
encuentran las herramientas para dibujar y
seleccionar objetos, crear caminos, trazos,
textos, etc.
Barra de estado: muestra la informacin de lo
que estamos haciendo y consejos segn el
objeto seleccionado. Tambin permite
establecer ciertas propiedades de los objetos
y opciones del programa.
Zoom y desplazamientos
La zona de trabajo de Inkscape es infinita, por
eso es muy importante saber moverse y hacer
zoom para lograr una vista adecuada del
dibujo.
Inkscape ofrece numerosas opciones de
movimiento y zoom para satisfacer a todos los
tipos de usuario.
Cmo desplazarnos Ejercicio: Probar las
distintas formas de
por el dibujo? desplazamiento men-
cionadas.
Con el ratn:
Con las barras de desplazamiento. Podemos
mostrarlas/ocultarlas con <Ctrl>+B
Desplazamiento vertical rodando la ruedecilla
Desplazamiento horizontal si pulsamos <Mayusc> y
rodamos la ruedecilla
Pulsando el botn central (o ruedecilla) del ratn y
arrastrando.
Con el teclado: pulsando <Ctrl> y las flechas
del cursor podemos movernos (el movimiento
se va acelerando gradualmente)
 Ejercicio: Para qu
sirven estos botones?

Cmo hacer zoom?

Pulsando las teclas + y -
Pulsando <Ctrl> y moviendo la rueda del ratn.
Pulsando la rueda del ratn acercamos
Pulsando <Maysc> y la rueda del ratn
alejamos
Ejercicio: Probar las distintas
formas de zoom mencionadas.
Creacin de objetos
Rectngulo Vamos a estudiar las herramientas
Caja 3D que nos ofrece Inkscape para la
creacin de objetos bsicos.
Crculo/Elipse
Estrellas/Polgonos
Espirales
Lneas a mano alzada
Curvas de Bzier y rectas
Trazos caligrficos y pinceladas
Eliminar trayectos existentes
Rellenar reas delimitadas
Texto
Creacin de objetos (formas bsicas)
Una forma es un objeto geomtrico que podemos
mover, escalar, rotar y editar sus propiedades.
Por ejemplo, un rectngulo puede tener sus
esquinas redondeadas, una elipse se puede
convertir en un arco...
Rectngulo
Caja 3D
Crculo/Elipse
Ejercicio: Crear algunas
Estrellas/Polgonos formas bsicas utilizando
Espirales estas herramientas.
Trazos a mano alzada y curvas
Lneas a mano alzada Ejercicio: Probar estas
Curvas de Bzier y rectas dos herramientas.

Estas dos herramientas crean trayectos pero de

forma diferente.
El lpiz se comporta como un lpiz real realizando
los trazos indicados con el ratn o tableta.
La otra herramienta es ms compleja, asume que
el usuario sabe que un trayecto est formado por
nodos conectados por curvas o por lneas rectas.
Las dos herramientas crean trayectos sin relleno.
La pluma estilogrfica
Es una herramienta muy verstil, pues tiene
muchos parmetros de configuracin y puede
actuar como una pluma, como una brocha,
etc.

Ejercicio: Probar esta herramienta

cambiando algunas de sus opciones
El cubo de pintar

Esta herramienta rellena del color actual un

rea delimitada por objetos.

Ejercicio: Dibujar algunos trazos con la pluma

estilogrfica de manera que quede un rea
limitada por trazos. Rellenar con el cubo dicha
area.
Herramienta Texto
Existen dos maneras de crear un texto con
esta herramienta:
Haciendo clic y empezando a escribir.
Haciendo clic y arrastrando aparecer un
recuadro y el texto que escribamos se adaptar a
dicho recuadro cambiando de lnea si procede.
Para editar un texto existente simplemente
haremos clic sobre el mismo y usaremos las
teclas tpicas de edicin (inicio, fin, borrar, ...)
Ejercicio: Crear un par de textos de las dos
formas mencionadas. Una vez creados modificar
uno de ellos.
 Cmo insertar una
imagen bitmap?
Ejercicio: Insertar una imagen
bitmap en Inkscape.
Seleccin de objetos (I)

Al crear un objeto aparece un rectngulo de lnea

discontinua englobndolo. Esto significa que el
objeto est seleccionado.
Casi todas las herramientas trabajan nicamente
sobre los objetos seleccionados.
La barra de estado muestra informacin de la
seleccin actual.
La habilidad de seleccionar de forma rpida y
precisa es fundamental en diseo vectorial.
Herramienta Seleccin
Tambin podemos activar esta herramienta
pulsando <F1>, <s> o la <Barra espaciadora>
Para seleccionar ms de un objeto
mantendremos pulsada la tecla <Maysc>
mientras hacemos clic sobre los mismos.
Si arrastramos dibujaremos un rectngulo que
seleccionar todos los objetos que estn dentro
del mismo completamente.
Pulsando <Tab> cambiaremos la seleccin al
siguiente objeto.
Pulsando <Esc> deseleccionamos
 Transformaciones
bsicas
La herramienta Seleccin tambin permite realizar
algunas transformaciones bsicas (mover, escalar,
rotar, inclinar, ) a los objetos.
Existen dos modos de transformacin:
Modo escalado en el que cambiamos las dimensiones
del objeto tirando de las flechas.
Modo rotacin en el que podemos rotar e inclinar el
objeto.
Podemos cambiar de modo haciendo clic
sucesivamente sobre los objetos seleccionados
Estilo de un
objeto
Es un conjunto de
propiedades como
el color de relleno,
el ancho del borde,
opacidad, etc. que
definen el aspecto
de un objeto.
Ejemplos:
 Colores de Ejercicio: Crear un objeto
y establecerle un color de
relleno y borde relleno y de borde.

El color de relleno se
establece haciendo clic sobre
el color deseado.
El color de borde se establece
pulsando <Maysc>+Clic
sobre el color deseado.
En la esquina inferior
izquierda aparece el estilo del
objeto seleccionado.
 Opacidad de
un objeto
Ejercicio: Crear dos objetos, dar cierta
transparencia a uno de ellos y
superponerlos para ver el efecto.
 Cmo copiar el estilo de un objeto?
Seleccionamos el objeto origen y pulsamos
<Ctrl>+C o men Edicin; Copiar.
Seleccionamos los objetos destino y pulsamos
<Maysc>+<Control>+V o men Edicin;
Pegar estilo.

Ejercicio: Crear dos objetos, copiar el estilo de uno al otro.

 Cmo guardar
un dibujo?

El formato nativo de Inkscape es SVG pero

tiene la capacidad de exportar a otros
formatos vectoriales.

Ejercicio: Crear un dibujo y guardarlo en

formato SVG y en formato PDF.
 Exportar a Bitmap

Inkscape slo exporta a

formato png pero es
muy fcil la conversin
a otros formatos con
programas como GIMP.
Ejercicio: Crear un dibujo y hacer varias exportaciones
a PNG (pgina, dibujo, seleccin y personalizado).
Prctica 1: Caritas
Realizar los siguientes dibujos siguiendo las
instrucciones de la prctica 1 del documento de
prcticas de Inkscape.
Prctica 2: Cuadrados y rectngulos
Realizar la prctica 2 del documento de
prcticas de Inkscape.

Consejo: Aunque algunas prcticas parezcan sencillas,

se aconseja seguir los pasos descritos en el documento
de prcticas, pues all aprenderemos muchas opciones
de las herramientas empleadas.
Prctica 3: Dando color
Realizar la siguiente
composicin en la que slo
se han utilizado diferentes
rectngulos con diferentes
colores y niveles de
opacidad.
Para ello se recomienda
seguir las instrucciones de
la prctica 3 del documento
de prcticas de Inkscape.
Cmo dibujar crculos y elipses
Cuando dibujamos una elipse veremos dos
manejadores cuadrados con los que
podemos modificar la anchura y la altura.
Tambin aparecen dos manejadores en
forma de crculo para definir ngulos y arcos.
Para dibujar un crculo pulsaremos <Control>
mientras dibujamos.
Dibujando arcos y ngulos
Para dibujar un arco moveremos el
manejador circular por dentro del crculo.

Para dibujar un ngulo moveremos el

manejador circular por fuera del crculo.
 Prctica 4: Composicin crculos
Utilizando slo la herramienta crculo dibuja la
siguiente composicin y guarda el resultado en
un archivo SVG.

Consejo: Si no se os ocurre como hacerlo podeis encontrar

pistas en el documento de prcticas de Inkscape.
 Cmo dibujar un polgono

(2) (3)
Para dibujar un polgono elegimos la opcin
polgono y seleccionamos el nmero de
esquinas.
(1)
 Cmo dibujar una estrella

(2) (3)
Para dibujar una estrella elegimos la opcin
estrella y seleccionamos el nmero de
esquinas.
(1)
Opciones al dibujar polgonos o estrellas

Esquinas determina cuantas puntas/lados

tendr.
Longitud del radio determina la posicin
de los puntos interiores respecto al centro
de la estrella.
Redondez determina el redondeo de los
ngulos de la figura.
Aleatorio produce figuras irregulares, a
mayor nmero mayor irregularidad.
 Prctica 5: Polgonos y estrellas
Utilizando la herramienta polgonos/estrellas
dibuja realiza esta composicin.

Consejo: Si no se os ocurre como hacerlo podeis encontrar

pistas en el documento de prcticas de Inkscape.
Cmo girar un objeto

Podemos girar una figura libremente utilizando

los puntos de edicin o con las opciones de la
barra de herramientas que nos permiten hacer
giros de 90 a derecha e izquierda.
Prctica 6. Tringulo rectngulo
Dibuja un tringulo rectngulo y aplcale dos giros
de 90 uno a la izquierda y otro a derecha.
Para ello dibujaremos un polgono de 3 lados y
utilizando los tensores de edicin y manteniendo la
tecla <Control> pulsada, desplazaremos un vrtice
hasta conseguir un ngulo de 90. Despues
aplicaremos los giros.
Volteos

Con el volteo vertical de un objeto

conseguimos su simtrico
respecto al eje horizontal.
Con el volteo horizontal de un
objeto conseguimos su simtrico
respecto al eje vertical.
Prctica 7. Volteos
Dibuja un pentgono y consigue el siguiente
dibujo:
Apilar
objetos

Una vez creados varios objetos podemos

apilarlos como queramos, para ello:
Seleccionamos el objeto a reubicar
Aplicamos una de estas opciones
Ejercicio: Crea
Subir/Bajar un nivel tres figuras, y
cmbiales el orden

Enviar Enviar arriba

al fondo del todo
Alinear y distribuir
objetos
(1) Seleccionamos los
objetos a alinear/distribuir

(2) Activamos las ventana

para alinear y distribuir

(3) Aplicamos las opciones de

distribucin y alineacin
Prctica 8: Alinear y distribuir
Crear un hexgono, una estrella de 6 puntas y un
crculo que, en principio, no estarn alineados ni
distribuidos para despus alinear y distribuirlos.
Agrupar/Desagrupar objetos
Cuando agrupamos varios objetos, estos pasan
a actuar como si fueran uno solo, esto es, se
pueden manejar, redimensionar, girar... como si
fueran uno.
Una vez agrupados, si se quiere cambiar
alguna caracterstica individual de algn objeto
podemos desagrupar.

Agrupar Desagrupar
Prctica 9: Agrupar objetos
Dibuja la siguiente composicin y,
posteriormente, agrupa sus objetos.
Prctica 10. Logotipo sencillo (T)
Dibujar este logotipo siguiendo las
instrucciones de la prctica 10 del documento
de prcticas de Inkscape.
 Actividad. Crea varias espirales
Espirales cambiando el n de giros y con
diferentes divergencias.

Una vez dibujada una espiral aparecen dos manejadores

al inicio y al fin de la misma. Sirven para enrollar y
desenrollar la espiral.
La divergencia:
Si es igual a 1 la espiral es uniforme.
Si es menor de 1 la espiral es ms densa sobre la periferia.
Si es mayor de 1 la espiral es ms densa por el centro.
Ajuste del tamao de pgina

El ajuste del tamao del dibujo

se realiza desde la ventana de
propiedades del documento.
 Desde aqu podemos
seleccionar tamaos
predefinidos y su
orientacin.

Desde aqu podemos establecer un

tamao personalizado o que abarque la
seleccin.
Qu es una rejilla?

Es un conjunto de lneas (usualmente)

verticales y horizontales que sirven de gua
para dibujar objetos.
Opcionalmente, los objetos se podrn ajustar
a la rejilla cuando los estemos dibujando o
moviendo, permitiendo dibujar con precisin.
Evidentemente, la rejilla no aparecer cuando
el dibujo se imprima o se exporte a un mapa de
bits.
Cmo establecer
una rejilla
 Ajustes

Podemos hacer que las rejillas, objetos y guas se

comporten como un imn. As podemos lograr gran
precisin a la hora de posicionar y dimensionar los
objetos de nuestro diseo.
Prctica 11. La bandera de Suecia
Dibujar la bandera de Suecia siguiendo las
instrucciones de la prctica 11 del documento
de prcticas de Inkscape.
Qu son lneas gua?
Son lneas que, como la rejilla, no forman parte
del dibujo y sirven de ayuda para posicionar
objetos.
Para aadir una lnea gua hacemos clic sobre
la regla y arrastramos hasta el punto deseado.
La lnea gua se puede mover arrastrndola
Tambin podemos posicionarla haciendo doble
clic sobre ella e introduciendo su posicin
exacta en el cuadro de dilogo que aparecer.
Lneas gua

Activar ajuste a lneas gua

Si arrastramos desde
cerca del extremo de
la regla se crear una
lnea gua inclinada.

Para borrar o posicionar

exctamente una lnea
gua haremos doble clic
sobre la misma
Prctica 12. La bandera europea
Dibujar la bandera europea siguiendo las
instrucciones de la prctica 12 del documento
de prcticas de Inkscape.
Prctica 13. Alineacin con un slo
objeto
Realizar este logotipo siguiendo las
instrucciones de la prctica 13 del documento
de prcticas de Inkscape.
Prctica 14. Diferencias con objetos
Realizar este logotipo siguiendo las
instrucciones de la prctica 14 del documento
de prcticas de Inkscape.
Prctica 15. Ordenando objetos en
rejilla
Realizar este logotipo siguiendo las
instrucciones de la prctica 15 del documento
de prcticas de Inkscape.
Prctica 16. Tarjeta de visita
Crear una tarjeta de visita a vuestro gusto, en
la prctica 16 del documento de prcticas de
Inkscape podeis encontrar algunas ideas.
Prctica 17. Edicin bsica de
nodos
Realizar este dibujo siguiendo las instrucciones
de la prctica 17 del libro de prcticas de
Inkscape.
Prctica 18. Alineando nodos...
Realizar este dibujo siguiendo las instrucciones
de la prctica 18 del libro de prcticas de
Inkscape.
Prctica 19. Objetos clonados
Realizar este dibujo siguiendo las instrucciones
de la prctica 19 del libro de prcticas de
Inkscape.
Prctica 20. Primeros ajustes
Vamos a hacer de nuevo este logotipo pero
siguiendo las instrucciones de la prctica 20 del
documento de prcticas de Inkscape.