Professional Documents
Culture Documents
GD4-Diseño Digital-V2
GD4-Diseño Digital-V2
DISEÑO DIGITAL
Guía Didáctica 4: Edición fotográfica
1
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Se espera que con los temas abordados en la guía didáctica del módulo 4:
Edición fotográfica, el estudiante logre la siguiente competencia específica:
2
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Tema 1: Modo de Imagen: RGB – CMYK
Resultado esperado:
3
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 3: modos de imagen.
Fuente: autor.
4
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 4: modos de imagen.
Fuente: autor.
5
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Multicanal: las imágenes de este modo contienen 256 niveles de gris en
cada canal, por lo que se utilizan en impresión especializada.
8 Bits: 256 niveles por canal de color (x3 canales de color (RGB) = 256 x
256 x 256 = 16.777.216 colores que puede representar cada píxel).
16 Bits: 4.096 niveles por canal de color.
32 Bits: 8.192 niveles por canal de color.
(FUENTE 1)
Un canal de color es la unidad que compone todo un modo de color. Es decir,
si RGB es el modo de color, los canales de este modo de color son Red (rojo),
Green (verde) y Blue (azul).
Nota: este procedimiento no modifica la capa seleccionada, sino que
modifica TODO el archivo, es decir la visibilidad de todas las capas creadas y las
siguientes a crear (Adobe, 2018).
6
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Tema 2: Manejo de Curvas y Niveles de Exposición
Manejo de Curvas
Ilustración 5: curvas.
Fuente: autor.
7
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
1. Se abre la ventana de curvas, para modificar la iluminación de la capa
seleccionada.
2. Se debe recordar activar la opción de previsualizar.
3. Photoshop por defecto tiene algunas modificaciones de curvas que pueden
servir.
4. Línea de control. Esta línea se encuentra en el panel de niveles que muestra
el balance de la imagen original, si se mueve esta línea, de inmediato la
imagen perderá su balance, sin embargo, esto no es malo, porque es lo que
permitirá editar la iluminación de la imagen.
5. Se ve como las sombras se ubican hacia la izquierda y hacia abajo, y las
iluminaciones hacia la derecha y arriba. En este momento hay un balance
entre iluminaciones y sombras.
6. Se puede invertir las sombras y las luces, ubicando las luces a la izquierda y
hacia abajo, y las sombras a la derecha y arriba.
7. El tamaño de la cuadricula permitirá ver con más exactitud la ubicación de las
curvas, mientras más cuadros haya en el panel de niveles, más exacta podrá
ser la ubicación de la curva de nivel.
8. La ventana de curvas de nivel permite mostrar y ocultar los elementos del
panel de niveles.
8
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Dando clic en la parte blanca de arriba de la ventana, se mueve para tener
una visión de la imagen a medida que se va configurando los niveles de las
curvas. Se debe tener la casilla de previsualizar activada.
1. Se mueve la línea diagonal para crear nodos de control. Las sombras se
ubican entre la zona inferior izquierda y las iluminaciones en la zona superior
derecha.
2. Se está trabajando en el canal RGB, es decir que controlamos todos los
colores de la imagen. Se hace esta aclaración ya que, en este botón,
tenemos la opción de editar cada color del RGB (rojo, verde y azul).
En la siguiente imagen se podrá ver un ejemplo de esto, además de los
niveles que se deben asignar para el cambio deseado (no tiene que ser
exactamente el mismo punto, mínimamente que la curva sea similar. No es
necesario dar OK hasta haber editado las curvas de todos los colores).
Una vez configuradas las curvas de todos los colores, se procede a dar OK.
9
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Se ve como el cielo ahora no está
azul, sino con una tonalidad
rojiza. Da la sensación de que la
foto fue tomada delante de
un atardecer.
Manejo de Exposición
10
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 11: exposición II.
Fuente: autor.
11
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 12: resultado exposición.
Fuente: autor.
12
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 14: resultado niveles.
Fuente: autor.
1. Los niveles son un mapa que nos permiten ver la cantidad de luz y
sombras que hay en la capa seleccionada.
Los niveles de la izquierda son los de las iluminaciones y los de la derecha
son de las sombras. Puede variar según la saturación de los colores.
En este caso se ve que la capa «cielo», tiene altas sombras y bajas
iluminaciones.
2. Activar la opción «previsualizar».
3. Photoshop tiene niveles por defecto que pueden servir.
4. Los controladores manuales permiten tener un dominio más grande de
cada iluminación y sombras de la capa. Se asignan los valores de la imagen
y se da OK.
13
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Herramienta Sobreexponer y Subexponer
14
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
1. Barra de opciones: en esta barra se pueden mirar los diferentes
modificadores que tiene el pincel de sobreexponer. Tamaño del pincel,
rango: se refiere al área al cual se va a aplicar la herramienta, si son medios
tonos, iluminaciones o sombras, se pueden cambiar a medida que se aplica
la herramienta, el porcentaje de exposición en este caso es que tanto va a
iluminar el pincel.
Las zonas que antes estaban muy oscuras están ahora más iluminadas. De
la misma manera si se aplica esta herramienta a zonas iluminadas, el resultado
será dar mucha más fuerza es dicha iluminación.
15
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
1. Se crea una copia de la imagen original mediante el comando CTRL + J y
con doble clic en el nombre escribimos «subexponer». Luego de esto se
selecciona para que la edición realizada sea sobre la copia y no sobre la
original.
2. Con el clic sostenido en el ícono y se selecciona la herramienta
«subexponer».
16
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 21: comparación.
Fuente: autor.
17
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Tema 3: Saturación y Cambio de Color a Objetos
Brillo y Contraste
18
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
1. Activar la opción de previsualizar.
2. Se ajustan los valores para que los brillos de la casa resalten, y para que con
el contraste entre colores se diferencien las texturas de los materiales de la
casa.
Se logra de esta manera darle más viveza a la casa y así más realismo, ya
que al anochecer las luces resaltan más que en el día (como en la imagen original).
Una vez se termina el ajuste se da OK y en el panel de capas se eliminan
todas éstas, exceptuando la capa «cielo» y las imágenes (la original y la duplicada
en la que se está trabajando).
Saturación de Colores
19
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 25: tono/saturación.
Fuente: autor.
20
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
• La saturación es la que permite que los colores se vean más intensos, o
menos intensos (escalas de grises).
• La luminosidad, es aquella que permite controlar la iluminación del objeto
seleccionado, aproxima los colores a negro o a blanco.
4. Se asignan los valores de la imagen con el fin de «apagar» las ventanas del
segundo piso. Ahora el espectador podrá asumir que no hay nadie en el
segundo piso, sino que toda la familia está en el primer piso. Se da OK.
21
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 28: detección de colores.
Fuente: autor.
22
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 29: resultado saturación.
Fuente: autor.
23
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 31: tono/saturación.
Fuente: autor.
24
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 33: cambio de color.
Fuente: autor.
1. Una vez asignados los valores del color rojo, se sigue usando la herramienta
de selección de color.
25
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
2. Se toca una zona clara del automóvil, con el fin que el software detecte el
color amarillo.
3. Se asignan los valores, con el fin de darle más fuerza y más definición al
color amarillo. Si bien ya había cambiado de color editando los rojos, al
darle fuerza al amarillo da una definición más fiel, haciendo parecer que el
carro realmente es de color amarillo y no naranja. Se da OK.
26
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
1. Seleccionando la capa original y aplicando el comando CTRL + J, se duplica
de nuevo. Esto con el fin de hacer esta nueva edición, sin afectar la capa (o
imagen) original.
En la imagen se muestra la primera capa con la visibilidad desactivada, con
el fin de ocultarla y trabajar en la capa recién duplicada.
2. «Herramienta selección rápida» y con el clic sostenido, se va seleccionando
todo el automóvil, incluyendo, espejos, luces y las zonas negras de éste.
27
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
• «Restar de la selección». Si de alguna selección hay elementos que se
quieren borrar de ella, con esta opción se pueden quitar partes de la selección
inicial.
28
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 39: tono/saturación.
Fuente: autor.
29
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
1. Se asignan los valores para convertir los amarillos en rojos.
30
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 43: comparación.
Fuente: autor.
31
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Tema 4: Camera RAW
Formatos de Imagen
Si bien existen gran cantidad de formatos de imágenes digitales, tantos que
la gran mayoría ya no se utilizan. Veremos entonces los formatos que actualmente
se utilizan con mayor frecuencia y los definiremos.
1. BMP: el formato bmp (Bit Map) es el formato de las imágenes de mapa de
bits de Windows. En este formato los archivos son muy grandes ya que
poseen muy poca compresión.
2. PSD: este es el formato de Adobe Photoshop. Su uso se centra en la
manipulación de la imagen y no tanto para ser empleado en publicaciones
digitales.
3. TIFF: el formato TIFF (Tag Image File Format) es admitido prácticamente por
todas las aplicaciones de autoedición y tratamiento de imágenes. Este
formato lo reconocen casi todos los programas. Su uso es de los más
extendidos en la industria gráfica por su gran calidad de imagen e impresión.
4. GIF: el formato GIF es más utilizado para las imágenes de tonos no
continuos o cuando hay grandes áreas de un mismo color. Es uno de los
pocos formatos de imagen con el que podemos mostrar animaciones porque
hace que distintos frames se ejecuten secuencialmente.
5. JPEG: es un formato muy común y conocido por la mayoría de usuarios. Se
utiliza para almacenar fotografías y otras imágenes de tono continuo. Como
utiliza un sistema de compresión eficiente, reduce el tamaño de los archivos.
A todo esto, debemos sumar que los navegadores actuales reconocen y
muestran este formato con total fidelidad.
6. PNG: permite altos niveles de compresión, además de utilizar la técnica de
la indexación para crear colores transparentes, semitransparencias o
transparencias degradadas. Su única limitación es que no podemos crear
ficheros animados.
32
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
7. RAW: este formato significa «bruto» o «en crudo», es un formato que
contiene todos los datos de la imagen tal y como ha sido captada por el
sensor digital de la cámara, sin pasar por ningún proceso de compresión.
En esta guía se sacará provecho del formato RAW y de la extensión que
Photoshop brinda para editar este formato de imagen, Camera RAW
(Gómez, 2015).
Balance de Blancos
1. La extensión del archivo no es RAW sino «NEF». Los formatos RAW pueden
tener diferentes extinciones, según la cámara que haya realizado la captura.
En este caso se tiene la extensión «NEF» por qué la fotografía fue tomada
con una cámara DSLR Nikon.
2. Clic derecho a la imagen RAW y abrir con Adobe Photoshop.
33
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 45: interfaz Camera RAW.
Fuente: autor.
Balance de Blancos
34
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
El balance de blancos es la opción que aportan los softwares y las cámaras,
con el objetivo de convertir las zonas más brillantes en color blanco y las partes
más oscuras como negros, esto lo hace equilibrando cada canal del formato de
color, por ejemplo, si el formato es RGB, el software ajusta los canales rojo, verde
y azul, hasta detectar las sombras negras y las iluminaciones blancas. Este ajuste
puede ser automático o manual, según el usuario lo desee.
35
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 47: balance de blancos II.
Fuente: autor.
36
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
1. Bajando la barra de opciones avanzadas se pueden configurar diferentes
aspectos de la imagen, como el nivel de exposición (la iluminación de la
fotografía), nivel de contraste; de iluminaciones y sombras, y de blancos y
negros. También controlar el nivel de claridad, borrar neblina (en caso de
que haya), intensidad de colores y saturación.
Nota: las modificaciones realizadas van a depender siempre de la intención
que tenga la imagen, es decir si se desea muy iluminada, o si se desea resaltar los
contrastes, entre otras.
37
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 50: luminancia.
Fuente: autor.
1. Esta opción permite tonificar los colores hacia otros, sin afectar el resto de la
fotografía, solo los colores que se modifiquen.
2. En este punto de la fotografía ya se tienen los colores equilibrados, por lo
tanto, la opción «tono» se deja en ceros.
38
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Herramientas Adicionales
1. Herramienta enderezar.
2. Con clic sostenido se hace la línea de lo que se desea sea vertical u
horizontal, en este caso se va a enderezar la línea de luz para que quede
totalmente vertical.
El programa muestra una previsualización del recorte que se debe hacer
para que la línea quede vertical. Se da doble clic en el recordé para confirmar.
39
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 53: enderezar II.
Fuente: autor.
40
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
1. Herramienta pincel
2. Con clic derecho sostenido y moviendo el cursor a los lados se controla el
tamaño del pincel.
El círculo de adentro es la zona que más se va a ver afectada y el círculo
grande es la zona hasta la cual va a llevar la suavidad del cambio.
3. Con clic sostenido se realiza el movimiento de la flecha.
41
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
1. Se selecciona la herramienta
«filtro graduado»
2. Con clic sostenido se hace el
movimiento indicado
3. Se ajustan valores y se ve como
se oscurece el cabello sin afectar el
resto de la fotografía.
42
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
1. Herramienta filtro radial.
2. Con un clic en el centro de la imagen y clic sostenido se crea la
circunferencia.
Esta herramienta protege el centro de la circunferencia y edita lo que se
encuentra por fuera de ella, haciendo sutil el cambio difuminándolo.
Enfoque
43
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
2. Se puede abrir la imagen para comenzar a trabajar en Photoshop.
3. Con la tecla «hecho» se guarda la imagen nueva sobre la imagen original.
Es decir, cada que se abra la imagen original se verá como la imagen nueva
(la editada).
44
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ahora que has revisado algunos conceptos de la guía didáctica del módulo
4: Edición fotográfica, te invito a realizar la edición de 2 fotografías que estarán en
el campus virtual con el fin de afianzar lo aprendido en esta guía según las
siguientes indicaciones:
45
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Adobe. (2018). Modos de color. Adobe.
https://helpx.adobe.com/es/photoshop/using/color-modes.html
46
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Esta guía fue elaborada para ser utilizada con fines didácticos como
material de consulta de los participantes en el Diplomado Virtual en DISEÑO
DIGITAL del Politécnico de Colombia, y solo podrá ser reproducida con esos
fines. Por lo tanto, se agradece a los usuarios referirla en los escritos donde
se utilice la información que aquí se presenta.
GUÍA DIDÁCTICA 4
M2-DV60-GU04
MÓDULO 4: EDICIÓN FOTOGRÁFICA
47
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL