![Page 1: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/1.jpg)
Foto/grafismo digitalPere Freixa
Tutorial de Photoshop. Ejercicio guiado18 de octubre de 2006
Master en Artes Digitales # 2006/2007 # sesiones 2 y 3
![Page 2: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/2.jpg)
Realización de un fotomontaje a partir de materiales escaneados(práctica 2)
Foto/grafismo digital # 02
![Page 3: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/3.jpg)
.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
![Page 4: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/4.jpg)
- 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
![Page 5: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/5.jpg)
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
![Page 6: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/6.jpg)
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
![Page 7: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/7.jpg)
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
![Page 8: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/8.jpg)
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
![Page 9: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/9.jpg)
Corrección selectiva (tonos verdes y rojos)
Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 09
![Page 10: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/10.jpg)
Reemplazar color (tonos ocres claros a amarillos)
Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 10
![Page 11: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/11.jpg)
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
![Page 12: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/12.jpg)
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
![Page 13: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/13.jpg)
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
![Page 14: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/14.jpg)
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
![Page 15: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/15.jpg)
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
![Page 16: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/16.jpg)
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
![Page 17: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/17.jpg)
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
![Page 18: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/18.jpg)
Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 18
![Page 19: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/19.jpg)
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
![Page 20: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/20.jpg)
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
![Page 21: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/21.jpg)
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
![Page 22: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/22.jpg)
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
![Page 23: Imagen y diseño gráfico - dtic.upf.edufreixa/PDFs/sesion_03_guiado.pdf · - Efectos y filtros visuales, por ejemplo: texturas, Iluminación, artísticos. - Opciones de capa.. Visualización,](https://reader031.vdocuments.pub/reader031/viewer/2022022102/5bb671b609d3f2f7768bc7f6/html5/thumbnails/23.jpg)
Foto/grafismo digital # Fotomontaje digital. Práctica 2. Ejercicio guiado 23