.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Tratamiento de Imágenes Digitales conSoftware Libre y Herramientas Online
(4 Ed.)Imágenes Vectoriales: Inkscape
Sergio [email protected]
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
Top Related