Tratamiento de imágenes digitales con software libre y herramientas online. Pedro A. Castillo Valdivieso Granada, 17 de septiembre de 2012

Transcripción

1 1 Tratamiento de imágenes digitales con software libre y herramientas online Pedro A. Castillo Valdivieso Granada, 17 de septiembre de 2012

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 Herramientas Todo el software y herramientas está disponible en la web del curso:

4 4 Redimensionar imágenes Hay varias herramientas web muy útiles para modificar el tamaño de las imágenes u optimizarlo: Probemos qué tal funcionan

5 5 Redimensionar imágenes +Sencilla +Rápida Tamaño Rotar Calidad Recortar Bordes Monocromo

6 6 Redimensionar imágenes Resultado

7 7 Redimensionar imágenes +Sencilla -Interfaz Tamaño Monocromo

8 8 Redimensionar imágenes Resultado

9 9 Redimensionar imágenes +Sencilla +Rápida Tamaño Recortar Bordes Efectos Filtros Formatos

10 10 Redimensionar imágenes Resultado

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

12 12 Redimensionar imágenes Resultado

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

14 14 Redimensionar imágenes Resultado

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

16 16 Redimensionar imágenes zzzz 89Kb kkkkkkk xxxxxxxxx 26Kb

17 17 Í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

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

19 19 Retocar imágenes Podremos cambiar las texturas y transparencias

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

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

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

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

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

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

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

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

28 28 Probar ipiccy Ejercicio: 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.

29 29 Retocar imágenes reto que s bá sico s retoques básicos os r t l i f

30 30 Retocar imágenes En el modo express:

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

32 32 Retocar imágenes En el modo express:

33 33 Retocar imágenes En el modo o-matic

34 34 Retocar imágenes En el modo avanzado:

35 35 Retocar imágenes En el modo avanzado tenemos un editor básico de imagen lápiz borrador polígonos líneas círculos difuminar etc.

36 36 Retocar imágenes Este editor tiene todas las opciones de cualquier editor gráfico:

37 37 Probar pixlr Ejercicio: 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

38 38 Retocar imágenes

39 39 Retocar imágenes Kkkkkkk

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

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

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

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

44 44 Retocar imágenes

45 45 Retocar imágenes

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

47 47 Retocar imágenes Kkkkkkk

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

49 49 Í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

50 50 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)

51 51 Capturas de pantalla. Linux Podemos sacar una imagen de toda la pantalla con gnome-screenshot presionando la tecla "Impr Pant"

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

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

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

55 55 Capturas de pantalla. Windows Herramientas de terceros GreenShot WinSnap

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

57 57 Í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

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

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

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

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

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

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

64 64 Crear gif animados Ejercicio: 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.

65 65 Í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

66 66 Otras herramientas Hay un par de herramientas (no gratuitas) que pueden ser muy útiles: Focus Magic FILEminimizer Pictures

67 67 Enfocar imágenes desenfocadas La herramienta nos puede arreglar alguna imagen que tengamos desenfocada

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

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

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

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

72 72 Enfocar imágenes desenfocadas La imagen original:

73 73 Gracias