Tratamiento de imágenes digitales con software libre y...
-
Upload
nguyenkhue -
Category
Documents
-
view
217 -
download
0
Transcript of 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
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
http://www.webresizer.com/resizer/
Resultado
Redimensionar imágenes
6
http://www.shrinkpictures.com/
+Sencilla
-Interfaz no muestra la imagen original, solo el
resultado
Tamaño
Monocromo
Redimensionar imágenes
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)
Redimensionar imágenes
9
http://www.picresize.com
El resultado se carga en otra ventana emergente
Redimensionar imágenes
10
http://www.resize2mail.com/
+Sencilla
-Opciones
Tamaño
Recortar
Girar
Redimensionar imágenes
12
http://www.resizeyourimage.com/
-Interfaz
-Opciones
Tamaño
Girar
Formatos
Redimensionar imágenes
13
http://www.resizeyourimage.com/
Resultado
Redimensionar imágenes
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
Redimensionar imágenes
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
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
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
22
http://ipiccy.com/editor
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
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
32
En el modo
o-matic
podemos
aplicar:
• Efectos
(rojo)
• Filtro
(azul)
• Bordes
(verde)
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
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
39
http://www.online-image-editor.com/
Algunas opciones no andan muy finas y dan error!!!
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
45
Tras cargar la imagen
podemos aplicar retoques básicos
y efectos “divertidos”
Podemos guardar
o subir a flickr
directamente
Retocar imágenes
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
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
Capturas de pantalla. Linux
Podemos sacar una imagen de toda la pantalla con
gnome-screenshot presionando la tecla "Impr Pant"
50
Capturas de pantalla. Linux
Particularmente, me gusta Ksnapshot porque permite
sacar regiones rectangulares
51
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
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
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
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
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…
Í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:
Enfocar imágenes desenfocadas