.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Tratamiento de Imágenes Digitales conSoftware Libre y Herramientas Online

(4 Ed.)Imágenes Vectoriales: Inkscape

Sergio Alonsozerjioi@ugr.es

Departamento de Lenguajes y Sistemas InformáticosUniversidad de Granada

16 de Septiembre de 2015

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Índice

Introducción

Inkscape

Enlaces y otras frikadas

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Introducción

Imágenes Digitales

Hoy en día losordenadores soncapaces de trabajarcómodamente conimágenes, ya seanfotografías o gráficos.

Existen una granvariedad de tipos deimágenes así como deformatos paraalmacenarlas en unmedio digital.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Introducción

Im. Rasterizadas (matricial) Vs. Vectoriales

Las imágenes digitales se pueden clasificar en:

Imágenes Rasterizadas (matricial)Se almacenan los datos de color de cada pixel(punto) de la imagen.

Imágenes VectorialesSe crean a partir de primitivas geométricas comopuntos, líneas, polígonos, curvas...

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Introducción

Ventajas e Inconvenientes I. RasterizadasVentajas

Útiles para imágenes complejas o fotografíasRepresentación “fiel” de la realidadPermiten obtener texturas realistas

InconvenientesOcupan “bastante” (ancho x alto x bytes p.p.)Las modificaciones son destructivasPierden calidad al agrandar, achicar, rotar...

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Introducción

Ventajas e Inconvenientes I. VectorialesVentajas

Suelen ocupar menos espacio que los rasterNo pierden calidad al cambiar el tamaño, rotar...Las ediciones pueden deshacerse fácilmente

InconvenientesNo sirven para fotos o gráficos con texturasPara representarlas (en pantalla) hay que trans-formarlo a raster (transparente al usuario)

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Inkscape

Inkscape

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Inkscape

Entorno de Trabajo

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Inkscape

Empezando...

Herramientas básicas

Propiedades básicasde los objetos:Línea, colores

Operaciones básicas:zoom, mover, rotar,espejo, distorsión,subir y bajar, agrupar

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Inkscape

Trayectos (paths)

Curvas bézier y líneasrectas

Modificando vértices

Operaciones booleanas

Operacionesavanzadas sobretrayectos: simplificar,agrandar, encoger

Efectos

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Inkscape

Textos

Herramienta de texto

Ajustar a un recuadro o trayecto

Alteración de la posición de caracteres(alt + ↑ ↓ → ←, alt + [])

Texto siguiendo una curva

Alterando las fuentes

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Inkscape

Jugando con los ColoresDegradados

Transparencia

Emborronamiento

Ejemplo: Crear una sombra / reflejo

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Inkscape

Posicionando Objetos

Rejillas

Alineando objetos

Distribuyendoobjetos

Conectores paradiagramas

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Inkscape

Bitmaps

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Inkscape

Otros

Trazar bitmaps (raster a vectorial)

Filtros

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Inkscape

Del Dibujo a la Realidad

Fresado:https://vimeo.com/22343598

https://vimeo.com/25069633

Corte Láser:

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Enlaces y otras frikadas

Otras Cosillas

Manual de Inkscape:http://tavmjong.free.fr/INKSCAPE/MANUAL/html_es/index.html

Usando Inkscape para Fresar:http://laazotea.org/es/tapaObsession

Página web oficial de Inkscape:http://inkscape.org/

Tutoriales de Inkscape:http://inkscapetutorials.wordpress.com/

http://speckyboy.com/2009/04/28/

35-tutorials-to-create-amazing-vector-graphics-using-inkscape/

http://www.unixmen.com/31-best-tutorials-of-inkscape/

http://howto.nicubunu.ro/

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Enlaces y otras frikadas

Imágenes de Ejemplo

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Enlaces y otras frikadas

Imágenes de Ejemplo

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Enlaces y otras frikadas

Imágenes de Ejemplo

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Enlaces y otras frikadas

Imágenes de Ejemplo

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Enlaces y otras frikadas

Imágenes de Ejemplo

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Enlaces y otras frikadas

Imágenes de Ejemplo