imagen y diseño gráfico - dtic.upf.edufreixa/pdfs/sesion_03_guiado.pdf · - efectos y filtros...

Foto/grafismo digitalPere Freixa

Tutorial de Photoshop. Ejercicio guiado18 de octubre de 2006

Master en Artes Digitales # 2006/2007 # sesiones 2 y 3

Realización de un fotomontaje a partir de materiales escaneados(práctica 2)

Foto/grafismo digital # 02

.En este ejercicio guiado repasaremos las siguientes herramientas de Photoshop:

- Características de la imagen: espacio color, tamaño y resolución.

- Redimensionar imágenes: tamaño de imagen y tamaño de lienzo.

- Ajustes de imagen: corrección de color e interpretación del color.

- Herramientas de Selección y propiedades:. Sumar, restar, calado, márgenes...

- Opciones de transformación: rotar, escalar, transformar.

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 03

- Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos.

- Opciones de capa.. Visualización, bloqueo, opacidad, efectos,

- Máscaras de capa.

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 04

Construiremos una imagen con las siguientes pautas:

• Espacio de color: RGB

• Tamaño: 800 x 600 píxeles

• Resolución: 72 ppp

• Formato: jpg

• Calidad: alta-máxima (9-10)

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 05

1- Seleccionar imagen base

. Elegimos entre el material escaneado la semana anterior un fragmento que nos interese.

. Nos aseguramos de que cumpla las siguientes características:

Espacio de color: RGBTamaño: 800x600 pxResolución: 72 ppp.

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 06

2- Corrección general y corrección selectiva.

. Con las herramientas de selección modificamos los valores cromáticos de la imagen.

. Podemos probar como afectan los controles:

- Niveles automáticos- Color automático-Contraste automático

. Podemos utilizar la ventana historia par retroceder y comparar las distintas correcciones

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 07

Niveles automáticos Contraste automático

2- Corrección general y corrección selectiva.

. Podemos realizar un ajuste personalizado de la imagen mediante las herramientas- Curvas (o niveles)- Equilibrio de color

. Si consideramos que nuestra imagen tiene dominantes de colores o nos parece que algún tono concreto puede mejorarse, realizaremos una corrección selectiva con alguna de las herramientas siguientes:-Corrección selectiva-Remplazar color

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 08

Corrección selectiva (tonos verdes y rojos)

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 09

Reemplazar color (tonos ocres claros a amarillos)

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 10

2- Corrección general y corrección selectiva.

. Podemos realizar un corrección selectiva si combinamos las herramientas de ajuste con las de selección.

. Utilizaremos el lazo (normal o poligonal) para seleccionar un área de la imagen. Después aplicaremos una corrección de luces con la herramienta niveles.

. Probaremos distintos niveles de calado.

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 11

3- Simular una discontinuidad

. Con las herramientas de selección y corrección, podemos crear la sensación visual de giros y discontinuidades espaciales.

. Podemos utilizar también las herramientas de transformación(distorsión, escalado y perspectiva) par acentuar la sensación visual de tridimensionalidad.

. Con los cambios tonales en la imagen simulamos las variaciones de iluminación que se dan en el espacio

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 12

3- Simular una discontinuidad

. Con el marco rectangularrealizamos una selección en la imagen con calado 0 px.

. Restamos la parte externa de la selección con un calado de 60 píxeles.

. Con la herramienta de curvas modificamos los tonos de la imagen.

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 13

3- Simular una discontinuidad

. Realizamos una nueva selección sobre el área que hemos oscurecido.

. Utilizaremos la herramienta transformar/distorsionarpara remarcar la fuga hacia las esquinas de los extremos de la imagen.

. Podemos desplazar ligeramente todo el conjunto para dar la sensación de pérdida de continuidad

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 14

4- Añadir nuevos contenidos

. Abrimos y copiamos el contenido de algún otro elemento a nuestra imagen. Por ejemplo, un fragmento de esponja, o de textura metálica.

. Con los controles de la ventana Capascomprobamos las opciones de efectos y transparencia que podemos darle.

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 15

5- Filtros

. Aplicamos filtros a la nueva capa con la esponja.

. Podemos buscar una combinación entre:

. Filtro/s

. Efecto de capa

. Opacidad

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 16

5- Filtros

. Podemos aplicar varios filtros, hasta que obtengamos la atmósfera que nos interesa.

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 17

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 18

6- Añadimos nuevos contenidos

. Añadimos algún contenido a la imagen no no ocupe su totalidad.

. Una vez situado en la imagen, añadimos una máscara de capa a su capa.

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 19

6- Máscaras de capa

. Utilizamos la máscara de capa para recortar el perfil del billete sin perder contenido.

. La máscara de capa nos permite asignar transparencias parciales a la capa a la que está asociada.

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 20

6- Efecto de capa

. Añadimos también un efecto a la capa, para simular la sensación de distancia entre el billete y el espacio trasero.

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 21

6- Selección y ajustes

. De la misma forma que hemos modificado el tono del fondo, utilizamos las herramientas de seleccióncombinadas con las de ajuste para moldear el tono del billete hasta que nos interese su efecto visual.

. Podemos utilizar la opción Tono/saturación.

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 22

Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 23