tratamiento de imágenes digitales con software libre y...
TRANSCRIPT
![Page 1: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/1.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
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
![Page 2: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/2.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Índice
Introducción
Inkscape
Enlaces y otras frikadas
![Page 3: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/3.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
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.
![Page 4: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/4.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
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...
![Page 5: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/5.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
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...
![Page 6: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/6.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
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)
![Page 7: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/7.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Inkscape
Inkscape
![Page 8: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/8.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Inkscape
Entorno de Trabajo
![Page 9: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/9.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
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
![Page 10: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/10.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Inkscape
Trayectos (paths)
Curvas bézier y líneasrectas
Modificando vértices
Operaciones booleanas
Operacionesavanzadas sobretrayectos: simplificar,agrandar, encoger
Efectos
![Page 11: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/11.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
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
![Page 12: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/12.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Inkscape
Jugando con los ColoresDegradados
Transparencia
Emborronamiento
Ejemplo: Crear una sombra / reflejo
![Page 13: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/13.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Inkscape
Posicionando Objetos
Rejillas
Alineando objetos
Distribuyendoobjetos
Conectores paradiagramas
![Page 14: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/14.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Inkscape
Bitmaps
![Page 15: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/15.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Inkscape
Otros
Trazar bitmaps (raster a vectorial)
Filtros
![Page 16: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/16.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Inkscape
Del Dibujo a la Realidad
Fresado:https://vimeo.com/22343598
https://vimeo.com/25069633
Corte Láser:
![Page 17: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/17.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
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/
![Page 18: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/18.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Enlaces y otras frikadas
Imágenes de Ejemplo
![Page 19: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/19.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Enlaces y otras frikadas
Imágenes de Ejemplo
![Page 20: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/20.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Enlaces y otras frikadas
Imágenes de Ejemplo
![Page 21: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/21.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Enlaces y otras frikadas
Imágenes de Ejemplo
![Page 22: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/22.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Enlaces y otras frikadas
Imágenes de Ejemplo
![Page 23: Tratamiento de Imágenes Digitales con Software Libre y ...geneura.ugr.es/.../tutoriales/4_inkscape_2015.pdf · Tratamiento de Imágenes Digitales con Software Libre y Herramientas](https://reader030.vdocumento.com/reader030/viewer/2022041011/5ebba7f14a938a233713b2f5/html5/thumbnails/23.jpg)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Enlaces y otras frikadas
Imágenes de Ejemplo