GD4-Diseño Digital-V2

Vista previa del material en texto

1 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
DIPLOMADO VIRTUAL EN 
DISEÑO DIGITAL 
Guía Didáctica 4: Edición fotográfica 
 
 
2 
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: 
➢ Desarrollar la habilidad de editar imágenes en cuanto a sus colores, brillos 
y contrastes y la herramienta Camera RAW como editor profesional de 
imágenes. 
 
Los contenidos temáticos a desarrollar en la guía didáctica del módulo 4: 
Edición fotográfica, son: 
 
Ilustración 1: contenidos temáticos. 
Fuente: autor. 
 
3 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
 
Ilustración 2: modos de imagen. 
Fuente: autor. 
 
Usando el archivo de los módulos 1 y 2, se realizará la guía para este 
módulo. 
1. Se desactiva la visibilidad de todas las capas y se deja activa solamente la 
imagen y la mesa de trabajo. 
2. Se selecciona la capa de la mesa de trabajo y con CTRL + T se transforma 
la mesa de trabajo, ajustándola desde los lados hacia el tamaño de la 
imagen. Para esto con clic sostenido se arrastran los nodos laterales hacia 
la imagen. 
Una vez ajustada, se da clic afuera de la mesa de trabajo (en la zona gris) o 
ENTER para confirmar la transformación. 
El comando CTRL + T se usa cada que se va a transformar algún objeto, 
figura o capa, para eso se debe estar en la capa de ese objeto y para que éste 
conserve la transformación asignada, se da ENTER para fijar la transformación. 
 
Resultado esperado: 
Tema 1: Modo de Imagen: RGB – CMYK 
 
4 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
Ilustración 3: modos de imagen. 
Fuente: autor. 
 
Una vez se tenga la mesa de trabajo ajustada, se selecciona la capa de la 
imagen y se usa el comando CTRL + J para duplicarla. 
Esto se hace siempre con el fin de guardar una copia de la imagen original, 
ya que el duplicado de la capa se va a editar. 
 
5 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
Ilustración 4: modos de imagen. 
Fuente: autor. 
 
Para cambiar el modo de color, se debe seguir la siguiente ruta. 
1. Imagen, modo. 
2. A partir de allí se puede seleccionar el modo de color en que se verá la 
imagen y en la que se va a tener el resultado final, sea impreso (CMYK) 
o sea para pantalla digital (RGB). 
Escala de grises: muestra 256 grises. 
Color Indexado: muestra 256 colores. 
Color RGB: muestra millones de colores. 
Color CMYK: cuatricromía (4 colores). Los colores se pueden superponer 
unos sobre otros. 
Color Lab: usado normalmente para describir todos los colores que puede 
percibir el ojo humano. 
 
6 
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). 
 
 
7 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
Manejo de Curvas 
 
Ilustración 5: curvas. 
Fuente: autor. 
 
1. Se activa la visibilidad de la capa «cielo», y se da clic en ella para que 
sea la capa seleccionada. 
2. Luego se va a seguir la ruta de «imagen», «ajustes» y se elige «curvas». 
 
Ilustración 6: curvas II. 
Fuente: autor. 
Tema 2: Manejo de Curvas y Niveles de Exposición 
 
8 
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. 
 
Ilustración 7: curvas III. 
Fuente: autor. 
 
9 
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). 
 
Ilustración 8: curvas RGB. 
Fuente: autor. 
 
Una vez configuradas las curvas de todos los colores, se procede a dar OK. 
 
10 
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. 
Ilustración 9: resultado curvas. 
Fuente: autor. 
 
 
Manejo de Exposición 
 
Ilustración 10: exposición. 
Fuente: autor. 
 
1. Ubicarse en la capa del objeto a seleccionar. 
2. Se sigue la ruta: «imagen», «ajustes» y «exposición». 
 
 
11 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
Ilustración 11: exposición II. 
Fuente: autor. 
 
1. Activa la opción de previsualizar. 
2. Aquí se tiene niveles de exposición que Photoshop tiene guardados. 
3. Controladores manuales. Aquí se puede mover cada opción e ir viendo 
los cambios hasta obtener el resultado deseado. En este caso las 
coordenadas son las que hay en la imagen. 
 Al haber seleccionado la capa de la imagen, se modifica todo, excepto el 
cielo, ya que éste se encuentra en otra capa. 
 Se oscurece un poco la imagen ya que al hacer la ilusión de que el sol está 
tras la casa, su parte frontal no debe quedar muy iluminada. Se crea un efecto leve 
de contraluz. 
 
12 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
Ilustración 12: resultado exposición. 
Fuente: autor. 
 
1. Se acaba de crear un filtro inteligente. 
2. Cuando se desee se puede dar doble clic en «exposición» y volver a 
modificar los valores de exposición de la imagen. 
 Manejo de Niveles de Exposición 
 
Ilustración 13: niveles. 
Fuente: autor. 
 
1. Se ubica en la capa de cielo. 
2. Se sigue la ruta: «imagen», «ajustes» y «niveles». 
 
13 
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. 
 
14 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
Herramienta Sobreexponer y Subexponer 
 
Ilustración 15: sobreexponer. 
Fuente: autor. 
 
1. Al abrir el archivo, lo primero que se hace es crear una copia de la imagen 
original mediante el comando CTRL + J y con doble clic en el nombre 
escribimos «sobreexponer». 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 se selecciona la herramienta 
«sobreexponer». 
 
Ilustración 16: sobreexponer. 
Fuente: autor. 
 
 
15 
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. 
 
Ilustración 17: resultado sobreexponer. 
Fuente: autor. 
 
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. 
 
Ilustración 18: subexponer. 
Fuente: autor. 
 
 
16 
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». 
 
 
Ilustración 19: subexponer. 
Fuente: autor. 
 
1. Ahora se tornan oscuras las zonas más iluminadas de la flor, pasando el 
cursor con clic sostenido como indica la imagen. 
 
Ilustración 20: resultado subexponer. 
Fuente: autor. 
 
17 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
 
Ilustración 21: comparación. 
Fuente: autor. 
 
 
 
18 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
 
Brillo y Contraste 
 
Ilustración 22: brillo/contraste. 
Fuente: autor. 
 
1. Ubicarse en la capa de la imagen. 
2. Se sigue la ruta asignada: «imagen», «ajustes» y por último 
«brillo/contraste». 
 
Ilustración 23: brillo/contraste II. 
Fuente: autor. 
Tema 3: Saturación y Cambio de Color a Objetos 
 
19 
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 
 
Ilustración 24: saturación. 
Fuente: autor. 
 
1. Ubicarse en la capa de la imagen duplicada. 
2. Con la herramienta de selección rectangular, se selecciona las dos ventanas 
y se duplican con el comando CRTL + J (como en el módulo 1). 
Comando CTRL + D para des-seleccionar. (cada que tenga una selección y 
quiera salir de ella, este comando es el que debe usar). 
 
20 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
Ilustración 25: tono/saturación. 
Fuente: autor. 
 
1. Ubicarse en la capa nueva (la de las ventanas). 
2. Se sigue la ruta: «imagen», «ajustes» y por último «tono/saturación». 
 
 
Ilustración 26: tono/saturación II. 
Fuente: autor. 
 
1. Activar la opción de previsualizar. 
2. Photoshop trae por defecto algunas configuraciones que pueden servir. 
3. Los controladores manuales permiten que se tenga un control más 
consciente de lo que se está modificando. 
• El tono, se encarga de cambiar el color de los objetos, dependiendo de su 
color original. 
 
21 
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. 
 
Ilustración 27: tono/saturación III. 
Fuente: autor. 
 
1. Ahora se ubica en la capa de la imagen y con el comando CTRL + U, se 
puede abrir automáticamente la ventana de «tono/saturación». Esta vez se 
usará para controlar la fuerza de la iluminación del primer piso, sin afectar el 
resto de la casa. 
2. Clic en el ícono de detección de colores. 
 
22 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
Ilustración 28: detección de colores. 
Fuente: autor. 
 
1. Con la herramienta detección de colores, se da clic a cualquier ventana (el 
color que se selecciona debe ser amarillo). 
2. Automáticamente el software detecta el color. 
3. No solo detecta el amarillo, sino que detecta sus semejantes de la escala 
cromática. Se puede controlar hasta esta barra, y acercar los extremos al 
color amarillo. 
4. Con estos valores se podrá ver como los tonos amarillos y algunos verdes 
se tornan más vivos. 
5. No solo se satura el amarillo de la ventana, sino las luces del garaje, el reflejo 
de luz en los árboles y el pasto, e incluso el reflejo de luces que tenemos en 
el andén. 
Una vez terminado, se da OK y activando la visibilidad de las capas se podrá 
ver la diferencia entre la primera imagen y el resultado final. 
 
23 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
Ilustración 29: resultado saturación. 
Fuente: autor. 
 
Se puede ver que se ha cambiado la iluminación de toda la imagen, la casa, 
los árboles y arbustos, el cielo y las ventanas. El objetivo siempre será que el 
resultado final mantenga la ilusión de que es una foto original. Cambio de color a 
objetos 
Al abrir el archivo, lo primero es 
crear una copia de la imagen original 
mediante el comando CTRL + J. 
Luego de esto se selecciona para que 
la edición realizada sea sobre la copia 
y no sobre la original. 
Ilustración 30: copia de capa. 
Fuente: autor. 
 
 
 
24 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
Ilustración 31: tono/saturación. 
Fuente: autor. 
 
1. Ubicarse en la capa del objeto a seleccionar. 
2. Se sigue la ruta según se indica, tocando «imagen», «ajustes» y 
«tono/saturación». también se selecciona la capa y aplicando el comando 
CRTL + U se abre la misma ventana de tono/saturación. 
 
Ilustración 32: tono/saturación II. 
Fuente: autor. 
 
1. Con la herramienta de selección de color se toca la zona más oscura del 
automóvil. El programa automáticamente lo va a detectar como un color rojo. 
 
25 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
Ilustración 33: cambio de color. 
Fuente: autor. 
 
1. Se debe asegurar que el programa si haya detectado el color rojo, de lo 
contrario se puede seguir buscándolo tocando zonas oscuras del automóvil. 
2. Moviendo los controladores,se puede asignar el color a criterio propio. 
 
 
Ilustración 34: cambio de color II. 
Fuente: autor. 
 
1. Una vez asignados los valores del color rojo, se sigue usando la herramienta 
de selección de color. 
 
26 
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. 
 
Ilustración 35: comparación cambio de color. 
Fuente: autor. 
 
En esta comparación de imágenes, se puede observar como no solo se 
cambió el color del auto, sino que los colores de los arbustos y de la carretera 
también se han visto afectados. Es por eso que a continuación se va a cambiar de 
nuevo el color del automóvil, pero esta vez a un rojo puro y sin afectar el color de 
la carretera, ni de los arbustos. 
 
Ilustración 36: cambio de color. 
Fuente: autor. 
 
27 
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. 
 
Ilustración 37: selección rápida. 
Fuente: autor. 
 
1. Luego de tener la selección, se va a la «herramienta lazo poligonal». Se 
puede observar en la barra de opciones los siguientes íconos: 
• «Selección nueva». Solo permite tener una selección a la vez. Si 
después de hacer una selección se quiere añadir otra, esta opción no lo permite. 
• «Añadir a selección». Si después de hacer una selección se quiere 
añadir otra, esta opción permite la adición de muchas más selecciones; solo se 
debe procurar que siempre esté activo para añadir. 
 
28 
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. 
• «Formar intersección con la selección». Para usar esta opción se 
debe tener una ya realizada, entonces al hacer la segunda debe tocar parte de 
la primera selección, al finalizar este procedimiento, lo que va a quedar 
seleccionado es el espacio en el cual se interceptan las dos selecciones. Como 
lo indica el icono. 
Con esto claro, se activa la opción «restar de la selección». Con el fin de 
eliminar de la selección todo lo que no es naranja. (Ver imagen). 
 
Ilustración 38: restar de la selección. 
Fuente: autor. 
 
1. Una vez se tenga la selección de todo lo naranja se emplea el comando 
CTRL + J para duplicar la selección, de manera que al saturar colores, solo 
se vean afectados los naranja. 
 
29 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
Ilustración 39: tono/saturación. 
Fuente: autor. 
 
1. Ubicarse en la capa de la selección. 
2. Se sigue la ruta según se indica, tocando «imagen», «ajustes» y tono 
saturación. También se selecciona la capa y se aplica el comando CTRL + 
U (la misma ventana de tono/saturación). 
Con la herramienta de selección de color, tocamos en la zona que muestra 
la imagen con el fin de que ésta detecte los amarillos. 
 
Ilustración 40: cambio de color. 
Fuente: autor. 
 
 
30 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
1. Se asignan los valores para convertir los amarillos en rojos. 
 
Ilustración 41: cambio de color II. 
Fuente: autor. 
 
1. Con la misma herramienta de selección de color, se toca en la zona que 
muestra la imagen con el fin de que ésta detecte los rojos. 
2. Se asignan los valores para reforzar la pureza de los rojos. 
3. Se da clic en OK para confirmar la saturación. 
 
Ilustración 42: resultado cambio de color sin afectar fondo. 
Fuente: autor. 
 
31 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
 
Ilustración 43: comparación. 
Fuente: autor. 
 
 
 
32 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
 
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. 
Tema 4: Camera RAW 
 
33 
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 
 
Ilustración 44: archivo RAW. 
Fuente: autor. 
 
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. 
 
34 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
Ilustración 45: interfaz Camera RAW. 
Fuente: autor. 
 
Se ve que abre el software de Photoshop, pero sin la interfaz que hemos 
visto en los cuatro módulos anteriores, sino una ventana aparte llamada Camera 
Raw. Esto se debe a que no se abre un archivo. «.JPEG» o «.JPG», sino que se 
abre un archivo RAW (en este caso «NEF») 
1. Espacio de trabajo. 
2. La barra de herramientas. 
3. Mapa de niveles, demuestra los niveles de luz que tiene cada color, a la 
izquierda son las sombras y a la derecha las iluminaciones, a medida que se 
modifica la imagen, se van modificando. Además de esto se tiene la 
información del lente de la cámara y los valores usados de ésta, como ISO, 
tiempo de obturación y diafragma. 
4. La barra de opciones para cada herramienta. 
5. Comparación de lo que se está editando con la foto original. 
 
Balance de Blancos 
 
35 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
El balance de blancos es la opción que aportanlos 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. 
 
Ilustración 46: balance de blancos. 
Fuente: autor. 
 
1. Como primera herramienta está el equilibrio de blancos. Al seleccionar esta 
herramienta se debe dar clic en cualquier parte de la foto que desee que 
quede blanca. 
2. Se da clic en esta zona, y se ve cómo automáticamente toda la foto cambia 
de temperatura, anteriormente tenía colores cálidos y ahora la imagen está 
balanceada, no está cálida, sin embargo, no está totalmente fría. 
 
36 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
Ilustración 47: balance de blancos II. 
Fuente: autor. 
 
1. También se puede ajustar la temperatura de la imagen con el fin de obtener 
un resultado de balance de blancos más controlado, ajustando el controlador 
podremos definir qué tan cálida o que tan fría se va a ver la imagen. 
Exposición y Calidad de Imagen 
 
 
Ilustración 48: exposición. 
Fuente: autor. 
 
 
37 
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. 
Saturación Específica de Colores 
 
Ilustración 49: saturación. 
Fuente: autor. 
 
1. Ícono de ajustes de HSL. 
2. Esta opción permite saturar o des-saturar, colores específicos de toda la 
fotografía, sin afectar los demás. 
3. Se asignan los valores que se deseen y a medida que se van asignando, se 
ve como el aspecto de la imagen va cambiando levemente. 
 
38 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
Ilustración 50: luminancia. 
Fuente: autor. 
 
1. Esta opción permite iluminar u oscurecer, colores específicos de toda la 
fotografía, sin afectar los demás colores. 
2. Se asignan los valores que se deseen y a medida que se van asignando, se 
ve como el aspecto de la imagen va cambiando levemente. 
 
 
Ilustración 51: tono. 
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. 
 
39 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
Herramientas Adicionales 
 
Ilustración 52: enderezar. 
Fuente: autor. 
 
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. 
 
40 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
Ilustración 53: enderezar II. 
Fuente: autor. 
 
 
 
Ilustración 54: pincel. 
Fuente: autor. 
 
41 
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. 
 
Ilustración 55: pincel II. 
Fuente: autor. 
 
1. Por medio de los modificadores se puede elegir la zona sin necesidad de 
afectar el resto de la fotografía. 
2. Si se desea volver a corregir esta zona se da clic en el ícono. Si se desea 
borrar el ajuste se selecciona y se aplica suprimir. 
 
42 
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. 
 
 
 
Ilustración 56: filtro graduado. 
Fuente: autor. 
 
4. Si se desea volver a corregir esta zona se selecciona el ícono. Si se desea 
borrar el ajuste se selecciona y se aplica suprimir. 
 
Ilustración 57: filtro radial. 
Fuente: autor. 
 
43 
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 
1. En caso de que la foto 
esté desenfocada, con la 
opción de «enfoque» se 
podrá corregir. Sin 
embargo, siempre va a ser 
mejor que la fotografía que 
se tome sea enfocada con 
el fin de aplicar la menor 
edición posible. 
 
 
Ilustración 58: enfoque. 
Fuente: autor. 
 
 
Ilustración 59: opciones finales. 
Fuente: autor. 
 
1. Se puede guardar la imagen para tener la original y la editada. Selecciona 
esta opción. 
 
44 
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). 
 
Ilustración 61: resultado edición con Camera RAW. Fuente: autor.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Ilustración 60: guardar imagen. 
Fuente: autor. 
Para guardar en JPG y en 
alta calidad se asegura de 
tener estos valores. 
 
45 
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: 
Foto 1. Corrige la luz y saturación de la imagen. 
Foto 2. Cambia el color de la moto con las herramientas de selección y 
cambio de color. 
¡Inténtalo! 
 
 
46 
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL 
 
 
Adobe. (2018). Modos de color. Adobe. 
https://helpx.adobe.com/es/photoshop/using/color-modes.html 
Gómez, F. (2015). Deusto Formación. 
https://www.deustoformacion.com/blog/diseno-produccionaudiovisual/que-
formatos-imagen-digital-existen 
Adobe. (2018). Camera Raw. Adobe. https://helpx.adobe.com/es/camera-
raw/using/supportedcameras.html 
 
 
 
 
 
 
 
 
47 
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 
 
© DERECHOS RESERVADOS - POLITÉCNICO DE COLOMBIA, 2021 
Medellín, Colombia 
 
Proceso: Gestión Académica Virtual 
Realización del texto: John Cuervo, docente 
Revisión del texto: Comité de Revisión 
Diseño: Luisa Fernanda Serna, Comunicaciones 
 
Editado por el Politécnico de Colombia