PDF de programación - Introducción a Inkscape

“

Introducción a Inkscape

”

­ David Villa Alises ­
[email protected]





BLOQUE I

1

Índice de contenidos

● Bloque I

● Bloque II

–

–

Introducción

Interfaz gráfica

– Herramientas básicas

– Colores y gradientes

– Capas

– Rutas

– Transformaciones

– Recortes y Máscaras

– Edición

– Documento

– Texto

– Vectorización

– Mosaicos





2

1

¿Qué es Inkscape?





3

¿Qué es Inkscape? (I)

● Empezó en 2003 como un fork de Sodipodi, que a

su vez era un fork de Gill.

● El objetivo es construir un editor para el estándar

SVG completo (W3C). Pretende ser una
herramienta profesional:

– potente, cómoda.
– compatible con los estándares: XML, SVG y

CSS.

– fácil de aprender, usar y mejorar.
– multiplataforma (Windows, GNU y MacOS).

● Se le compara con Illustrator, Freehand,

CorelDraw o Xara Xtreme.



● Inkscape es software libre bajo licencia GPL.



4

¿Qué es Inkscape? (II)

● Permite importar:

– Word Perfect Graphics (.wpg)
– Gradientes de Gimp (.ggr)
– dia, fig, ai, wmf
– pdf
– Formatos raster: ani, jpeg, pnm, xpm, png, ico,

targa, bmp, pcx, tiff, gif





5

¿Qué es Inkscape? (III)

● Permite exportar:

– PostScript (.ps)
– Portable Document Format (.pdf)
– PovRay (.pov) - splines
– OpenDocument Graphics (.odg)
– TeX
– Gimp (.xcf y .gpl)
– Drawing Interchange Format (.dxf)
– Adobe Illustrator (.ai)





6

Enlaces (I)

● Página Oficial

– http://www.inkscape.org

● Planeta Inkscape

– http://planet.inkscape.org/

● Libros

– A guide to Inkscape

http://tavmjong.free.fr/INKSCAPE/

– Inkscape logo a logo

http://docs.google.com/Doc?id=dhs3vfzq_499fsbh2gr6

●

Inkscape tutorials

– http://inkscapetutorials.wordpress.com/

● Open Clipart



– http://www.openclipart.org/



7

2

Interfaz Gráfica





8

barra de
comandos

Interfaz Gráfica

caja de

herramientas

controles de la

herramienta activa

página





paleta

9
9

Otras ventanas

Relleno y borde

Alinear y distribuir

Propiedades





10

Barra de estado

color de relleno,

trazo y grosor

opacidad
maestra

visibilidad
de la capa

zoom

bloqueo de

la capa

coordenadas

del cursor

capa actual

ayuda contextual





11

3

Herramientas





12

F4

Rectángulo

● Para dibujar rectángulos y cuadrados (Ctrl).

● Shift dibuja desde el centro.

redondez de
la esquina

manejadores

de tamaño





13

F4

Círculo, Arco, Elipse

● Para dibujar un círculo, mantener Ctrl pulsado.

● Shift dibuja desde el centro.

● Con Alt la línea pasa por el punto de inicio.

manejadores

de tamaño

manejadores

del arco





14

Estrellas y Polígonos

● Se puede forzar un ángulo múltiplo de 15º con Ctrl

manejador

de radio

manejador

base





15

Estrellas y Polígonos (II)

● Estrellas y polígonos irregulares:





16

F1

Selección de Objetos :: ratón

● Se pueden seleccionar objetos individuales

haciendo click sobre ellos.

● Doble click sobre un objeto cambia a la

herramienta con la que se creó.
– Shift-click: (De)selecciona un objeto.
– Alt-click: Selecciona un objeto que está debajo.

● No funciona por defecto

(gnome: preferencias->ventanas)

– Encuadrar: Selección rectangular.
– Shift-selección: Añade objetos a los ya

seleccionados.



– Alt-desplazar: Línea que selecciona lo que “toca”.



17

F1

Selección de Objetos :: teclado

● Tab: Objeto siguiente

● Shift-Tab: Objeto anterior

● Ctrl-A: Selecciona todos los objetos de la capa activa

● Shift-Ctrl-A: Selecciona todos los objetos en todas

las capas

● !: Invertir selección

● Esc: Deselecciona todo





18

F3

● Con la herramienta 'Zoom' (F3)

– click: acercar, Shift-click: alejar

acercar

alejar

zoom a la selección (3)

ver todos los objetos (4)

ver la página completa (5)

ver el ancho de la página (6)

Zoom

100% (1)

50% (2)

200%

zoom previo

zoom siguiente





19

F3

● Ratón

Zoom

– Ctrl-click D: acercar, Shift-click D: alejar.
– Ctrl-rueda: zoom libre.
– Shift-encuadrar: zoom directo.

● Teclado

– 1,2,3,4,5,6.
– '+' para acercar, '-' para alejar.

● En la barra de estado.





20

Ejercicio

● Práctica dibujando las figuras que acabamos de

ver, comprobando cómo afectan los valores
contextuales de la barra de control.





21

Transformaciones

● Operaciones

– Desplazamiento.
– Escalado, Rotación, Inclinación.
– Volteado.

● Hay varias opciones que afectan a las transformaciones

Escalar la anchura del trazo.

Escalar el radio de las esquinas.

Transformar los gradientes.

Transformar los patrones.





22

Transformaciones

● Ratón

Desplazamiento

– click + mover: Desplaza el objeto indicado.
– Alt-click + mover: Desplaza los objetos seleccionados.
– Ctrl + mover: Desplazamiento ortogonal.
– Shift + mover: Mover desactivando la rejilla.

● Teclado

– Cursores: Desplazar 2 píxels SVG.
– Shift-cursores: Desplazar 40 píxels SVG.
– Alt-cursores: Desplazar un píxel de la pantalla.
– Alt-Shift-cursores: Desplazar 10 píxels.





23

Transformaciones

● Escala

● Rotación

manejadores
de inclinación

Click

(Shift + s)

centro de
rotación

● Ctrl - >: 200%

● Ctrl - <: 50%

●

●

[: Rotar 15º a la derecha

]: Rotar 15º a la izquierda

● Ctrl: Mantener relación de aspecto

● Ctrl-[: 90º a la derecha



● Shift: Escalar respecto al centro



● Alt: Factor entero: x2, x3,...

● Ctr-]: 90º a la izquierda

24

Transformaciones

● Transformaciones precisas: (Objeto->Transformar)





25

4

Edición





26

Deshacer/Rehacer

●

●

ó Ctrl-Z: Deshacer.

ó Shift-Ctrl-Z: Rehacer.

● Shift-Ctrl-H: Historial de edición.





27

Copiar, Cortar y Pegar

● Ctrl-X: Cortar

● Ctrl-C: Copiar

● Ctrl-V: Pegar

● Ctrl-Alt-V: Pegar en el lugar

● Shift-Ctrl-V: Pegar estilo. Atributos de color, grosor

de trazo, fuente, etc

● Ctrl-D: Duplicar

● Alt-B: Hacer una copia en bitmap

Durante cualquier operación de transformación,
pulsar ESPACIO crea una copia en ese lugar.





28

Clones

● Los clones son copias vinculadas al original. Si el

objeto original cambia, también cambian sus clones.

– Alt-D: Crear clon.
– Shift-Alt-D: Desvincular clon. El clon seleccionado se

convierte en un objeto independiente.

– Shift-D: Dado un clon, selecciona el objeto original.





29

Ordenamiento Z

● Dos objetos colocados en el mismo sitio mantienen un

orden de solapamiento (Z-order)

(Fin) Enviar al fondo.

(Re Pág) Bajar un paso.

(Av Pág) Subir un paso.

(Inicio) Elevar a primer plano.





30

Grupos

● Ctrl-G: Agrupar objetos seleccionados .

● Shift-Ctrl-G: Deshacer el grupo.

● En posible editar objetos que pertenecen a un

grupo sin tener que romper el grupo:

– Ctrl-click: Selecciona un objeto.
– Ctrl-Alt-click: Selecciona un objeto debajo.
– Shift-Ctrl-Alt-click: Añade/Elimina objeto de

la selección.

● Se puede 'entrar' en un grupo de objetos

haciendo doble-click en uno de los objetos. Y se
sale haciendo doble-click fuera del grupo.



● Se puede pegar un objeto nuevo a un grupo

existente.



31

Alinear y distribuir

● Alinear

– Sobre: centros/bordes
– Respecto:

● selección
● referencia (primero, último, mayor, menor, página,

dibujo.

● Distribuir

– centros
– bordes
– huecos
– no-uniforme





32

Distribuir en matriz

● Permite organizar objetos en forma

de matriz





33

Ejercicio

● Utilizando lo que hemos visto hasta ahora, dibuja

estas figuras:





34

5

Documento





35

Página





36

Guías/Rejillas





37

Ajuste





38

Rejilla/Ajuste

● Los parámetros de ajuste son muy útiles para colocar
con precisión figuras muy regulares, como diagramas
o esquemas.





39

Ejercicio

● Utilizando lo que hemos visto hasta ahora, dibuja

estas figuras:





40

6

Texto





41

F8

Texto

● El texto se puede formatear sobre el lienzo o

utilizando el diálogo de texto.

● Permite todas las opciones de formato básicas

habituales en cualquier editor de texto.





42

F8

Kerning y Shifting

● Se puede editar la posición relativa de un carácter o

conjunto:

– Alt-cursores: Desplaza el texto un píxel.
– Shift-Alt-cursores: Desplaza 10 píxels.
– Alt-] y Alt-[: Rotar 1 píxel.
– Ctrl-] y Ctrl-[: Rotar 90 grados.

● Para eliminar los ajustes:

– Texto->Eliminar todos los kerns manuales.





43

F8

Texto fluido

● Se puede restringir el texto:

– A un área definida al usar la propia herramienta
– Utilizando una figura que sirve de marco.

● Texto->Fluir en el marco (Alt-W)





44

● Dibuja estas figuras:

Ejercicio





45
45