PDF de programación - Introducción a Inkscape

Imágen de pdf Introducción a Inkscape

Introducción a Inkscapegráfica de visualizaciones

Actualizado el 21 de Marzo del 2018 (Publicado el 15 de Diciembre del 2017)
590 visualizaciones desde el 15 de Diciembre del 2017
1,6 MB
45 paginas
Creado hace 10a (12/03/2009)


Introducción a Inkscape



­ David Villa Alises ­
David.Villa@uclm.es





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
  • Links de descarga
http://lwp-l.com/pdf7895

Comentarios de: Introducción a Inkscape (0)


No hay comentarios
 

Comentar...

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad