Tratamiento de imágenes digitales con software libre y...

Tratamiento de imágenes

digitales con software

libre y herramientas online

María Isabel García Arenas

Pedro A. Castillo ValdiviesoGranada, 14 de septiembre de 2015

1

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

Índice

2

3

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…

Redimensionar imágenes

http://www.webresizer.com/resizer/

http://www.shrinkpictures.com/

http://www.picresize.com/

http://www.resize2mail.com/

http://www.resizeyourimage.com/

4



+Sencilla

+Rápida

Tamaño (Size)

Rotar (Rotate)

Calidad(Quality)

Recortar (Crop)

Bordes(Border)

Monocromo


5


Resultado



6


+Sencilla

-Interfaz no muestra la imagen original, solo el

resultado

Tamaño

Monocromo



7


Resultado



8

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

http://www.picresize.com

El resultado se carga en otra ventana emergente



10


+Sencilla

-Opciones

Tamaño

Recortar

Girar



11


Resultado



12


-Interfaz

-Opciones

Tamaño

Girar

Formatos




13


Resultado




14

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


http://www.imagemagick.org/script/binary-releases.php



15


89Kb

26Kb






Índice

16

17

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

Retocar imágenes

18

Podremos cambiar

las texturas y

transparencias

Retocar imágenes

19

Probablemente hagamos

algunos retoques que

destrocen nuestras

imágenes

Retocar imágenes

20

Y podremos aplicar

diferentes filtros

y cambios en la

paleta de color

Retocar imágenes

21

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…

Retocar imágenes


http://pixlr.com/







22


Completo

Decenas de efectos, filtros, texturas, etc.

Editor de imagen

Retocar imágenes

23

Redimensionar

Recortar

Rotar

Cambiar los colores básicos

Brillo y contraste

Monocromo

Sepia

Entintado

Negativo

Difuminar (blur)

Retocar imágenes

24

Aplicar

texturas

Pixelado

(Pixelate)

Dibujo a lápiz

(pencil sketch)

Retro comic

Cyber vision

Retocar imágenes

25

Editor básico

de imagen

lápiz

borrador

polígonos

líneas

círculos

difuminar

etc.

Retocar imágenes

26

Al guardar la imagen, podemos seleccionar formato,

calidad (veremos el tamaño) y el nombre del archivo:

Retocar imágenes

27

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.

Probar ipiccy

28

http://pixlr.com/

Retocar imágenes

retoques básicos

29

En el modo express:

Retocar imágenes

30

A modo de ejemplo, el efecto “Liquify” hace lo

siguiente:

Retocar imágenes

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

lápiz

borrador

polígonos

líneas

círculos

difuminar

etc.

Retocar imágenes

35

Este editor tiene todas las opciones de cualquier

editor gráfico:

Retocar imágenes

36

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

Probar pixlr

37


Retocar imágenes

38


Kkkkkkk

Retocar imágenes

39


Algunas opciones no andan muy finas y dan error!!!

Retocar imágenes

40

Algunas opciones son un poco… ¿rococó?

Retocar imágenes

41

Otras opciones sirven

para… ¿destrozar

nuestras fotos? :D

Retocar imágenes

42

Ejercicio:

Tomar una imagen bonita y destrozarla aplicándole todas

las modificaciones, filtros, etc que se nos ocurran!!!!

Probar online-image-editor

43


Retocar imágenes

44

Retocar imágenes

45

Tras cargar la imagen

podemos aplicar retoques básicos

y efectos “divertidos”

Podemos guardar

o subir a flickr

directamente

Retocar imágenes

46


Kkkkkkk

Retocar imágenes

47

Ejercicio:

Tomar un retrato y ponerle gorrito, bigote y gafas.

Por ejemplo:

Probar pixenate






Índice

48

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)

49


Podemos sacar una imagen de toda la pantalla con

gnome-screenshot presionando la tecla "Impr Pant"

50


Particularmente, me gusta Ksnapshot porque permite

sacar regiones rectangulares

51


Gimp permite sacar

capturas de todo tipo:

52

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

53

Capturas de pantalla. Windows

Herramientas de terceros

• GreenShot http://getgreenshot.org

• WinSnap http://www.ntwind.com/software/winsnap.html

54

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

55






Índice

56

57

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

Otras modificaciones a las imágenes

58

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/

Otras modificaciones a las imágenes

59

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/

Crear gif animados

60

Añadimos

imágenes

Damos el

tamaño

Creamos y

vemos el

resultado

Crear gif animados

61

Añadimos

imágenes

Damos el

tamaño

Creamos y

vemos el

resultado

Crear gif animados

62

El resultado se

puede enlazar,

descargar o bien

publicar en diferentes

plataformas web:

http://picasion.com/i/1HDeL

Crear gif animados

63

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.

Crear gif animados






Un par de herramientas más…

Índice

64

65

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

Otras herramientas

66

La herramienta unshake

que tiene disponible una

versión free, puede

arreglar algún desenfoque

Enfocar imágenes desenfocadas

67

Probemos con la siguiente foto sacada en un autobus

repleto y con calor…

Ésta es la imagen original:


68

Al principio del proceso (30%)


69

Casi al final del proceso…


70

La imagen enfocada al final del proceso:


71

La imagen original:


Gracias

72

[email protected]

Tratamiento de imágenes digitales con software libre y...

Documents

Transcript of Tratamiento de imágenes digitales con software libre y...