rua, repositorio institucional de la universidad de …...dlsi - universidad de alicante 2 retoque...

DLSI - Universidad de Alicante 1

Departamento de Lenguajes y

Sistemas Informáticos

Retoque fotográfico

Sergio Luján Mora

Departamento de Lenguajes y Sistemas Informáticos

Universidad de Alicante


Índice

• Retoques más comunes

• Retoques avanzados



Retoques más comunes

• Recortado

• Rotación

• Resolución (tamaño)

• Profundidad del color

• Balance de blancos

• Corrección del contraste/brillo

• Ojos rojos

• Eliminación de elementos

• Enfocado

• Emborronado y efecto de velocidad


Recortado

• Crear una nueva imagen seleccionando

una porción de una imagen

• Objetivo:

– Mejorar la composición de la fotografía

– Realizar un zoom (no aumenta la

resolución de la imagen)




Recortado

• Cómo se hace:

– Seleccionar una parte de la imagen

– Opción “recortar” (crop)

• Gimp:

– Imagen Recortar a la selección




Rotación

• Imagen girada respecto a los bordes de

la cámara

• Solución: enfocar correctamente

• A posteriori: girar la fotografía

Prueba y error, se pierden partes de la

imagen



Rotación

• La rotación emplea la interpolación, que

degrada la calidad de la imagen


Rotación

• Cómo se hace:

– Existen unas rotaciones predefinidas: 0º,

45º, 90º, 180º

– Rotación libre, introduciendo el ángulo o

directamente moviendo la imagen

• Importante: al rotar se pueden perder

zonas de la imagen Conviene

aumentar el tamaño del lienzo antes



Rotación

• Paint Shop Pro:

– Free rotate

• Photoshop:

– Image Rotate Canvas

• GIMP:

– Imagen Transformar

– Herramienta de rotación

– Capa Transformar Rotación arbitraria


Rotación

Paint Shop Pro



Rotación

Photoshop


GIMP




Rotación

• Ejercicio: girar la imagen para que

aparezca vertical

• Imagen: edificio-girado.jpg



Resolución

• Mayor calidad Mayor tamaño/resolución

de la imagen

• Para cada necesidad, es necesario adecuar

el tamaño:

– Impresión: alta calidad

– Página web, visualización en pantalla: baja

calidad

– Envío por correo electrónico y visualización en

pantalla: baja calidad (riesgo saturación buzón de

correo)


Resolución




Resolución

• La misma imagen, según el formato, ocupa más o menos:

– JPG (JPEG): utilizado directamente por la mayoría de cámaras, compresión con pérdidas

– TIFF: sin compresión, sin pérdidas, multiplataforma

– BMP: sin comprensión, sin pérdidas, Windows

– Otros: GIF, PCX, PNG, RAW



Resolución

• Solución:

– Seleccionar el formato de imagen (calidad

baja/media/alta en la cámara)

– Lo mejor: tomar las fotografías con calidad

alta y luego modificarlas

• A posteriori: modificar el tamaño de la

imagen (resize)


Resolución

Paint Shop Pro



Resolución

Photoshop


GIMP



Resolución

• Ejercicio: reducir la imagen a los siguientes tamaños y anotar sus tamaños

– 64% (1024x768), con factor de compresión 15 y 50

– 50% (800x600), con factor de compresión 15 y 50

– Opción Keep relation o Constraint Proportions

• Imagen: paisaje-enorme 1600x1200.jpg


Profundidad del color

• Reducción del número de colores:

– 16

– 256

– 65K

– 16M



Profundidad del color

• Paint Shop Pro: – Image Decrease Color Depth

• 2 colors (1 bit)

• 16 colors (4 bit)

• 256 colors (8 bits)

• …

• Photoshop: – Image Mode

• Grayscale

• Indexed mode: 3…256

• GIMP: – Imagen Modo

• Escala de grises

• Indexado




Balance de blancos

• También llamado “equilibrio de color” o “equilibrio de

blancos”

• Se emplea para obtener una correcta reproducción

de los colores con independencia del tipo de luz que

ilumina una escena

• Problema: fotos interiores con colores mediocres o

tonos amarillentos

• Solución: emplear la opción de balance de blancos

(white balance, WB) para adaptar la cámara a las

condiciones luminosas

• A posteriori: emplear la corrección de color


Balance de blancos

• Cuatro ejemplos de fotos interiores con

diferente ajuste de WB

• Usar un flash no era aconsejable por

los reflejos en las ventanas interiores

• Mezcla de distintos tipos de luz:

fluorescente, tungsteno, halógena y

natural



Resultado pobre (amarillento), sin flash ni WB


Resultado correcto, auto WB



Resultado correcto, WB para luz incandescente


Resultado muy bueno, WB para luz blanca fluorescente



Paint Shop Pro


Photoshop



Photoshop


GIMP



Balance de blancos

• Ejercicio: mejorar el WB de la imagen – Paint Shop Pro:

• Automatic Color Balance

• Color balance

• Red/Green/Blue

– Photoshop: • Image Adjustments:

– Auto Levels, Auto Color

– Color Balance

– Brightness/Contrast

– Gimp • Capa Colores Balance de color

• Capa Colores Auto Balance de blancos

• Imagen: wb-cam-default-no-wb.jpg


Corrección del contraste/brillo

• Sobreexposición (overexposed):

– Imágenes muy claras, se pierden detalles

• Baja exposición (underexposed):

– Imágenes muy oscuras o pobres de

contraste (apagadas)




Corrección del contraste/brillo

• Cómo se hace:

– Ajustes de brillo y contraste

– Ajuste automático de niveles

– Corrección gamma también ayuda

• GIMP:

– Colores Brillo y contraste



Ojos rojos

• Fotos con flash de personas o animales: los ojos aparecen rojos

• Es el resultado del reflejo de la luz del flash en la retina del ojo

• Solución: – Evitar el reflejo, modificando el ángulo del flash:

• Flash auxiliar

• Disminuir la distancia a la persona/animal (ocurre a partir de 70 cm)

• No mirar directamente a la cámara

– Opción “ojos rojos” de la cámara

• A posteriori: emplear la opción “eliminación ojos rojos”


Ojos rojos



Ojos rojos


Ojos rojos

Paint Shop Pro



Microsoft Office Picture Manager


Microsoft Office Picture Manager



Ojos rojos

• Para cualquier programa:

• En el canal verde (mejor contrate

iris/pupila):

– Con la selección difusa (varita mágica)

seleccionar la pupila

– Utilizar Seleccionar Encoger (Agrandar)

para disminuir o aumentar la selección

• Activar la visibilidad de todos los

canales


Ojos rojos

• Reducir el canal rojo de la selección:

– Colores Componentes Mezclador de

colores




Ojos rojos

• Ejercicio: eliminar los ojos rojos – Paint Shop Pro:

• Red-eye Removal

• Directamente (recortar o pintar)

– Photoshop: • Directamente (recortar, pintar o colorear)

– Gimp: • Directamente (recortar, pintar o colorear)

• Mezclador de colores

– Microsoft Office Picture Manager • Imagen Eliminar ojos rojos

• Imagen: red-eye1.jpg y red-eye2.jpg



Eliminación de elementos

• Elemento que rompe la composición de la fotografía o que tapa otro elemento importante

• Solución: eliminar el elemento de la escena antes de tomar la fotografía (no siempre posible)

• A posteriori: – Seleccionar el elemento y eliminarlo

– Emplear la herramienta de clonación o de borronear






• Ejercicio: eliminar la chica en bicicleta

de la fotografía

• Imagen: chica-bicicleta.jpg




• Ejercicio: copiar la chica en bicicleta en

la calle

• Imagen:

– chica-bicicleta.jpg

– calle-desenfocada.jpg




Enfocado

• Imagen borrosa debido a:

– Movimiento de la cámara

– Desenfoque (enfoque en otro plano)

• Solución: ajustar la velocidad de

obturación o realizar un enfoque

correcto

• A posteriori: filtro de nitidez (sharpen)


Enfocado

• Photoshop:

– Filter Sharpen

• Gimp:

– Filtros Realzar [Enhance]:

• Enfocar

• Máscara de desenfoque



Enfocado

Photoshop


GIMP



Enfocado


Enfocado



Enfocado

• Ejercicio: mejorar la nitidez de la

imagen para que se puedan leer los

textos

• Imagen: calle-desenfocada.jpg


Emborronado y efecto de velocidad

• Mediante el emborronado de una parte

de una imagen se puede lograr un

efecto de velocidad

• Se puede aplicar el efecto sobre el

objeto principal o sobre el entorno del

objeto

• Se pueden conseguir efectos muy

espectaculares



Emborronado y efecto de

velocidad • Cómo se hace:

– Aplicar un desenfoque en una dirección

• Paint Shop Pro:

– Motion Blur

• GIMP:

– Filtros Desenfoque [Blur] Desenfoque

de movimiento


Emborronado y efecto de velocidad

Paint Shop Pro



GIMP


Emborronado y efecto de

velocidad • Ejercicio: aplicar un efecto de velocidad

al avión

• Imagen: avion.jpg



Retoques avanzados

• Realce de elementos

• Cambio de colores

• Corrección de la perspectiva

• Efectos


Realce de elementos

• Destacar un elemento en la

composición de una fotografía

• Se pueden aplicar diferentes técnicas:

– Fondo borroso

– Fondo en blanco y negro

– Fondo oscuro

– Fondo en negativo

– …




Realce de elementos

• Selective color: convertir una fotografía a blanco y

negro, pero dejando algunos elementos con su color

• Objetivo: llamar la atención sobre los elementos que

conservan el color

• Ejemplo:

– Retratos: conservar el color de los ojos y los labios

– Paisaje: destacar un edificio, una persona o un animal

• Se emplea incluso en el cine (La lista de Shindler,

Sin city)




http://upload.wikimedia.org/wikipedia/en/9/91/Bride-flowers.jpg

http://upload.wikimedia.org/wikipedia/commons/c/c7/Redselective.jpg



Realce de elementos

• Cómo se hace:

– Se puede trabajar con la imagen directamente o con varias capas

– Seleccionar el elemento que se quiere conservar su color


Realce de elementos

• Paint Shop Pro:

– Fondo borroso: • Adjust Blur

– Fondo en blanco y negro • Adjust Color Balance Channel Mixer

Monochrome

– Fondo oscuro • Adjust Brightnest Gamma Correction

– Fondo en negativo • Adjust Negative Image



Realce de elementos

• Ejercicio: realzar la pelota de tenis y la

raqueta

• Imagen: tenis.jpg





Realce de elementos

• Otra técnica:

– Cuando se quiere conservar un color

concreto



Realce de elementos

• GIMP: Colores Tono y saturación


Cambio de colores

• Cambiar los colores de toda la imagen

o de algún elemento

• Objetivo:

– Artístico

– Realzar algún elemento de la imagen




http://upload.wikimedia.org/wikipedia/en/4/4b/Colorswaphelicon.png

http://upload.wikimedia.org/wikipedia/commons/b/b1/Imageeditingslelecgivecolorchange10-28-2005.jpg



Cambio de colores

• Cómo se hace:

– Mediante capas

– Mediante el mezclador de canales

(colores)


Cambio de colores

• Ejercicio: realizar una muestra con

diferentes colores del coche

• Imagen: yellow-car-body.jpg



Corrección de la perspectiva

• Se produce una distorsión cuando se

fotografía un objeto rectilíneo con un

ángulo oblicuo

• Existen lentes para corregir la

perspectiva






• Cómo se hace:

– Herramienta “distorsión” o

“transformación”, permite cambiar la forma

de una imagen

• Atención: como aplica interpolación, la

calidad de la imagen se degrada

• GIMP:

– Herramienta de perspectiva





• Ejercicio: corregir la perspectiva del

edificio

• Imagen: catedral-maracaibo.jpg



Efectos

• Blanco y negro

• Sepia

• Colorear

• Negativo

• Posterizar

• Curvas




Efectos

• En Photoshop Menú Filters:

– Artistic

– Distort

– Render: • Lens Flare

• Lighting Effects

– Sketch

– Stylize

– Texture


Efectos

• En Gimp: – Blanco y negro

• Capa Colores Desaturar

– Efecto sepia o colorear: • Capa Colores Colorizar

– Negativo • Capa Colores Invertir

– Posterirzar • Capa Colores Posterizar

– Curvas • Capa Colores Curvas



Efectos

• En Gimp Menú Filtros:

– Efectos de cristal Mosaico de cristal

– Artísticos Cubismo

– Artísticos Fotocopia

– …

– …


rua, repositorio institucional de la universidad de …...dlsi - universidad de alicante 2 retoque...

Documents