1 Tratamiento de imágenes digitales con software libre y herramientas online María Isabel García Arenas Pedro A. Castillo Valdivieso Granada, 14 de septiembre de 2015
2 Índice Herramientas on-line básicas: Redimensionado de imágenes Optimización del tamaño Retoques básicos con herramientas on-line Capturas de pantalla Otras modificaciones
3 Redimensionar imágenes Hay varias herramientas web muy útiles para modificar el tamaño de las imágenes u optimizarlo: http://www.webresizer.com/resizer/ (recortando) http://www.shrinkpictures.com/ (reduciendo sin recortar) http://www.picresize.com (reduciendo sin recortar) http://www.resize2mail.com/ (recortando en horizontal o vertical) http://www.resizeyourimage.com/ (recortando) Probemos qué tal funcionan
4 Redimensionar imágenes http://www.webresizer.com/resizer/ +Sencilla +Rápida Tamaño (Size) Rotar (Rotate) Calidad(Quality) Recortar (Crop) Bordes(Border) Monocromo
5 Redimensionar imágenes http://www.webresizer.com/resizer/ Resultado
6 Redimensionar imágenes http://www.shrinkpictures.com/ +Sencilla -Interfaz no muestra la imagen original, solo el resultado Tamaño Monocromo
7 Redimensionar imágenes http://www.shrinkpictures.com/ Resultado
8 Redimensionar imágenes http://www.picresize.com +Sencilla +Rápida Tamaño Recortar Bordes Filtros Formatos Efectos (pasar el ratón por encima y sale un ejemplo del formato)
9 Redimensionar imágenes http://www.picresize.com El resultado se carga en otra ventana emergente
10 Redimensionar imágenes http://www.resize2mail.com/ +Sencilla -Opciones Tamaño Recortar Girar
11 Redimensionar imágenes http://www.resize2mail.com/ Resultado
12 Redimensionar imágenes http://www.resizeyourimage.com/ -Interfaz -Opciones Tamaño Girar Formatos
13 Redimensionar imágenes http://www.resizeyourimage.com/ Resultado
14 Redimensionar imágenes Desde la línea de comandos, con la aplicación ImageMagick instalada http://www.imagemagick.org/script/binary-releases.php Convertir de PNG a JPG: convert antiguo.png nuevo.jpg Reducir el tamaño (alto y ancho) a la mitad, respetando el aspecto: convert -scale 50% antiguo.png nuevo.jpg Reducir el tamaño y también la calidad al 80%: convert -scale 50% -quality 80% antiguo.png nuevo.jpg
15 Redimensionar imágenes 89Kb 26Kb
16 Índice Herramientas on-line básicas: Redimensionado de imágenes Optimización del tamaño Retoques básicos con herramientas on-line Capturas de pantalla Otras modificaciones
17 Retocar imágenes La idea en esta parte es tomar una imagen cualquiera y aprender a usar varias herramientas on-line para aplicarle diferentes filtros, hacer modificaciones, retoques y conseguir nuevas imágenes
18 Podremos cambiar las texturas y transparencias Retocar imágenes
19 Retocar imágenes Probablemente hagamos algunos retoques que destrocen nuestras imágenes
20 Y podremos aplicar diferentes filtros y cambios en la paleta de color Retocar imágenes
21 Retocar imágenes Una vez más, hay muchas herramientas web que nos permitirán modificar nuestras imágenes: http://ipiccy.com/editor http://pixlr.com/ http://www.online-image-editor.com/ http://pixenate.com/ Probemos qué tal funcionan
22 Retocar imágenes http://ipiccy.com/editor Completo Decenas de efectos, filtros, texturas, etc. Editor de imagen
23 Retocar imágenes Redimensionar Recortar Rotar Cambiar los colores básicos Brillo y contraste Monocromo Sepia Entintado Negativo Difuminar (blur)
24 Aplicar texturas Retocar imágenes Pixelado (Pixelate) Dibujo a lápiz (pencil sketch) Retro comic Cyber vision
25 Editor básico de imagen Retocar imágenes lápiz borrador polígonos líneas círculos difuminar etc.
26 Retocar imágenes Al guardar la imagen, podemos seleccionar formato, calidad (veremos el tamaño) y el nombre del archivo:
27 Ejercicio: Probar ipiccy Tomar una imagen que tengamos en nuestra máquina y aplicarle diversas modificaciones con esta herramienta. Cambiar tamaño Sepia Poner textura Dibujar a mano alzada etc, etc, etc.
28 http://pixlr.com/ Retocar imágenes retoques básicos
29 En el modo express: Retocar imágenes
30 Retocar imágenes A modo de ejemplo, el efecto Liquify hace lo siguiente:
31 En el modo express: Retocar imágenes
32 En el modo o-matic podemos aplicar: Efectos (rojo) Filtro (azul) Bordes (verde) Retocar imágenes
33 En el modo avanzado: Retocar imágenes
34 En el modo avanzado tenemos un editor básico de imagen Retocar imágenes lápiz borrador polígonos líneas círculos difuminar etc.
35 Retocar imágenes Este editor tiene todas las opciones de cualquier editor gráfico:
36 Ejercicio: Probar pixlr Tomar la imagen de la seta y (1) pintarle bigote, (2) ponerla en sepia, (3) ponerle un marco llamativo, y (4) aplicarle un filtro tipo Bocea o Rainbow. Guardala en formato jpg
37 Retocar imágenes http://www.online-image-editor.com/
38 Retocar imágenes http://www.online-image-editor.com/ Kkkkkkk
39 Retocar imágenes http://www.online-image-editor.com/ Algunas opciones no andan muy finas y dan error!!!
40 Retocar imágenes Algunas opciones son un poco rococó?
41 Otras opciones sirven para destrozar nuestras fotos? :D Retocar imágenes
42 Ejercicio: Probar online-image-editor Tomar una imagen bonita y destrozarla aplicándole todas las modificaciones, filtros, etc que se nos ocurran!!!!
43 http://pixenate.com/ Retocar imágenes
Retocar imágenes 44
45 Retocar imágenes Tras cargar la imagen podemos aplicar retoques básicos y efectos divertidos Podemos guardar o subir a flickr directamente
46 http://pixenate.com/ Retocar imágenes Kkkkkkk
47 Ejercicio: Probar pixenate Tomar un retrato y ponerle gorrito, bigote y gafas. Por ejemplo:
48 Índice Herramientas on-line básicas: Redimensionado de imágenes Optimización del tamaño Retoques básicos con herramientas on-line Capturas de pantalla Otras modificaciones
49 Capturas de pantalla. Linux Existen varias herramientas, incluso de línea de comandos, pero las más conocidas son: Shutter GIMP KSnapshot gnome-screenshot ImageMagick (import captura.png)
50 Capturas de pantalla. Linux Podemos sacar una imagen de toda la pantalla con gnome-screenshot presionando la tecla "Impr Pant"
51 Capturas de pantalla. Linux Particularmente, me gusta Ksnapshot porque permite sacar regiones rectangulares
52 Capturas de pantalla. Linux Gimp permite sacar capturas de todo tipo:
53 Capturas de pantalla. Windows Captura de pantalla completa Presionar la tecla "Impr Pant", "Print" o "Scrn Queda en el portapapeles. La pegamos en el editor de imágenes o en un editor de texto o de presentaciones Captura de una ventana Clic sobre la ventana a capturar Presionar la combinación Alt + Impr Pant Queda en el portapapeles
54 Capturas de pantalla. Windows Herramientas de terceros GreenShot http://getgreenshot.org WinSnap http://www.ntwind.com/software/winsnap.html
55 Capturas de pantalla. OSX Captura de pantalla completa Presionar la combinación Command shift 3 Queda almacenada en formato png Captura de una región rectangular Presionar la combinación Command shift 4 Queda almacenada en formato png Captura de una ventana concreta Shift + Comando + 4, y después barra espaciadora Partiendo de lo anterior, si pulsamos también la tecla Control, la imagen queda guardada en el portapapeles
56 Índice Herramientas on-line básicas: Redimensionado de imágenes Optimización del tamaño Retoques básicos con herramientas on-line Capturas de pantalla Otras modificaciones
57 Otras modificaciones a las imágenes La aplicación ImageMagic incluye muchas utilidades que nos darán información sobre las imágenes o nos permitirán hacer casi cualquier modificación. Información detallada del formato, dimensiones, paleta de color, etc. de un archivo de imagen cualquiera: identify imagen.jpg
58 Otras modificaciones a las imágenes También nos permite transformar los fotogramas de vídeo a un archivo GIF animado: convert -quiet -delay 1 avion.avi avion.gif Más información en http://www.imagemagick.org/usage/video/
59 Crear gif animados Hay servicios sencillos para crearlos Podemos controlar los fotogramas también la velocidad de cambio y el tamaño de la imagen GIF resultante Algunas herramientas on-line: http://picasion.com/ http://www.makeuseof.com/dir/gifup/ http://www.makeuseof.com/dir/gifmake/ http://www.makeuseof.com/dir/gif-quickly-create-animated-images/ http://www.makeuseof.com/dir/gifsoup-video-to-gif-converter/
60 Añadimos imágenes Crear gif animados Damos el tamaño Creamos y vemos el resultado
61 Añadimos imágenes Crear gif animados Damos el tamaño Creamos y vemos el resultado
62 El resultado se puede enlazar, descargar o bien publicar en diferentes plataformas web: Crear gif animados http://picasion.com/i/1hdel
63 Ejercicio: Crear gif animados Crear un gif animado a partir de varias imágenes obtenidas a lo largo de la clase. Así veremos cómo ha evolucionado nuestra imagen conforme la modificábamos.
64 Índice Herramientas on-line básicas: Redimensionado de imágenes Optimización del tamaño Retoques básicos con herramientas on-line Capturas de pantalla Otras modificaciones Un par de herramientas más
65 Otras herramientas Hay un par de herramientas (no gratuitas) que pueden ser muy útiles: Focus Magic http://www.focusmagic.com/ FILEminimizer Pictures http://balesio.com/fileminimizerpictures/spa/index.php
66 Enfocar imágenes desenfocadas La herramienta unshake que tiene disponible una versión free, puede arreglar algún desenfoque
67 Enfocar imágenes desenfocadas Probemos con la siguiente foto sacada en un autobus repleto y con calor Ésta es la imagen original:
68 Enfocar imágenes desenfocadas Al principio del proceso (30%)
69 Enfocar imágenes desenfocadas Casi al final del proceso
70 Enfocar imágenes desenfocadas La imagen enfocada al final del proceso:
71 Enfocar imágenes desenfocadas La imagen original:
72 Gracias mgarenas@ugr.es