Tratamiento de imágenes digitales con software libre y herramientas online

Transcripción

1 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 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 3 Redimensionar imágenes Hay varias herramientas web muy útiles para modificar el tamaño de las imágenes u optimizarlo: (recortando) (reduciendo sin recortar) (reduciendo sin recortar) (recortando en horizontal o vertical) (recortando) Probemos qué tal funcionan

4 4 Redimensionar imágenes +Sencilla +Rápida Tamaño (Size) Rotar (Rotate) Calidad(Quality) Recortar (Crop) Bordes(Border) Monocromo

5 5 Redimensionar imágenes Resultado

6 6 Redimensionar imágenes +Sencilla -Interfaz no muestra la imagen original, solo el resultado Tamaño Monocromo

7 7 Redimensionar imágenes Resultado

8 8 Redimensionar imágenes +Sencilla +Rápida Tamaño Recortar Bordes Filtros Formatos Efectos (pasar el ratón por encima y sale un ejemplo del formato)

9 9 Redimensionar imágenes El resultado se carga en otra ventana emergente

10 10 Redimensionar imágenes +Sencilla -Opciones Tamaño Recortar Girar

11 11 Redimensionar imágenes Resultado

12 12 Redimensionar imágenes -Interfaz -Opciones Tamaño Girar Formatos

13 13 Redimensionar imágenes Resultado

14 14 Redimensionar imágenes Desde la línea de comandos, con la aplicación ImageMagick instalada 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 15 Redimensionar imágenes 89Kb 26Kb

16 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 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 18 Podremos cambiar las texturas y transparencias Retocar imágenes

19 19 Retocar imágenes Probablemente hagamos algunos retoques que destrocen nuestras imágenes

20 20 Y podremos aplicar diferentes filtros y cambios en la paleta de color Retocar imágenes

21 21 Retocar imágenes Una vez más, hay muchas herramientas web que nos permitirán modificar nuestras imágenes: Probemos qué tal funcionan

22 22 Retocar imágenes Completo Decenas de efectos, filtros, texturas, etc. Editor de imagen

23 23 Retocar imágenes Redimensionar Recortar Rotar Cambiar los colores básicos Brillo y contraste Monocromo Sepia Entintado Negativo Difuminar (blur)

24 24 Aplicar texturas Retocar imágenes Pixelado (Pixelate) Dibujo a lápiz (pencil sketch) Retro comic Cyber vision

25 25 Editor básico de imagen Retocar imágenes lápiz borrador polígonos líneas círculos difuminar etc.

26 26 Retocar imágenes Al guardar la imagen, podemos seleccionar formato, calidad (veremos el tamaño) y el nombre del archivo:

27 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 28 Retocar imágenes retoques básicos

29 29 En el modo express: Retocar imágenes

30 30 Retocar imágenes A modo de ejemplo, el efecto Liquify hace lo siguiente:

31 31 En el modo express: Retocar imágenes

32 32 En el modo o-matic podemos aplicar: Efectos (rojo) Filtro (azul) Bordes (verde) Retocar imágenes

33 33 En el modo avanzado: Retocar imágenes

34 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 35 Retocar imágenes Este editor tiene todas las opciones de cualquier editor gráfico:

36 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 37 Retocar imágenes

38 38 Retocar imágenes Kkkkkkk

39 39 Retocar imágenes Algunas opciones no andan muy finas y dan error!!!

40 40 Retocar imágenes Algunas opciones son un poco rococó?

41 41 Otras opciones sirven para destrozar nuestras fotos? :D Retocar imágenes

42 42 Ejercicio: Probar online-image-editor Tomar una imagen bonita y destrozarla aplicándole todas las modificaciones, filtros, etc que se nos ocurran!!!!

43 43 Retocar imágenes

44 Retocar imágenes 44

45 45 Retocar imágenes Tras cargar la imagen podemos aplicar retoques básicos y efectos divertidos Podemos guardar o subir a flickr directamente

46 46 Retocar imágenes Kkkkkkk

47 47 Ejercicio: Probar pixenate Tomar un retrato y ponerle gorrito, bigote y gafas. Por ejemplo:

48 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 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 50 Capturas de pantalla. Linux Podemos sacar una imagen de toda la pantalla con gnome-screenshot presionando la tecla "Impr Pant"

51 51 Capturas de pantalla. Linux Particularmente, me gusta Ksnapshot porque permite sacar regiones rectangulares

52 52 Capturas de pantalla. Linux Gimp permite sacar capturas de todo tipo:

53 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 54 Capturas de pantalla. Windows Herramientas de terceros GreenShot WinSnap

55 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 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 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 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

59 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:

60 60 Añadimos imágenes Crear gif animados Damos el tamaño Creamos y vemos el resultado

61 61 Añadimos imágenes Crear gif animados Damos el tamaño Creamos y vemos el resultado

62 62 El resultado se puede enlazar, descargar o bien publicar en diferentes plataformas web: Crear gif animados

63 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 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 65 Otras herramientas Hay un par de herramientas (no gratuitas) que pueden ser muy útiles: Focus Magic FILEminimizer Pictures

66 66 Enfocar imágenes desenfocadas La herramienta unshake que tiene disponible una versión free, puede arreglar algún desenfoque

67 67 Enfocar imágenes desenfocadas Probemos con la siguiente foto sacada en un autobus repleto y con calor Ésta es la imagen original:

68 68 Enfocar imágenes desenfocadas Al principio del proceso (30%)

69 69 Enfocar imágenes desenfocadas Casi al final del proceso

70 70 Enfocar imágenes desenfocadas La imagen enfocada al final del proceso:

71 71 Enfocar imágenes desenfocadas La imagen original:

72 72 Gracias