Documentos de Académico
Documentos de Profesional
Documentos de Cultura
La palabra digital deriva del término dígito que, a su vez, proviene del latín digitus
(dedo). Como sabemos, los dedos son de ayuda para contar. En definitiva, digital
significa expresado o representado mediante números.
La interfaz de Photoshop
Video conceptual
Referencias
Descarga en PDF
Lección 1 de 4
La interfaz de Photoshop
Uno de los lemas de este software es “si puedes soñarlo, puedes hacerlo con
Photoshop, el mejor software de diseño gráfico y de imagen a nivel mundial”
(Bibliomaker, 2020, https://blogs.ugr.es/bibliomaker/edicion_y_diseno/).
Para crear una imagen desde cero, tenemos que tener en cuenta la
proyección final de la misma.
El espacio de trabajo
3 La resolución de la imagen.
Para encontrar el tipo de archivo a crear, debes utilizar el panel superior que
facilita opciones predeterminadas ante la creación de nuevo archivo. En este
panel vamos a encontrar categorías como:
Foto.
Imprimir.
Web.
Móvil.
Película de video.
Cada una de estas categorías tiene ajustes preestablecidos: ancho, alto,
resolución, modo de color, bit, etc. Estos ajustes se pueden modificar para
adaptarse a cada necesidad.
Una vez que seleccionas la categoría del archivo nuevo que se va a crear,
puedes modificar los ajustes preestablecidos y, luego, se abrirá la mesa de
trabajo y podrás comenzar a trabajar.
Es fundamental que definas el modo de color en el ajuste de una mesa
trabajo porque tiene efectos en el color y en el formato de salida de las
imágenes. En el software de Photoshop se encuentra cinco (5) modelos
básicos de color.
Los dos modelos de colores más utilizados son CMYK y RGB. “El modo de
color CMYK (cyan, magenta, yellow, black) se usa para diseños impresos (…)
El modo de color RGB (red, green, blue) se usa para cualquier diseño digital”
(99Designs, s.f., https://support.99designs.com/hc/es/articles/204761825--
Qu%C3%A9-significa-RGB-y-CMYK-Cu%C3%A1ndo-los-debo-usar-).
Si la imagen que vas a crear y/o editar es para imprimir, debes emplear el
modo de color específico para tal caso (CMYK). En cambio, si la imagen que
estás por realizar se va a procesar en un dispositivo móvil o en la web, debes
utilizar un sistema de color basado en la luz (RGB). Estas dos opciones de
saliente del color son las más utilizadas y, al momento de componer una
imagen, son las más importantes.
Referencias
Descarga en PDF
Lección 1 de 3
Introducción
(…)
“Puede mover o modificar gráficos vectoriales con libertad sin perder detalle
ni claridad porque son independientes de la resolución; mantienen los bordes
nítidos cuando se les cambia el tamaño (…) Como resultado, los gráficos
vectoriales son la opción para ilustraciones” (Adobe, 2017,
https://helpx.adobe.com/es/indesign/using/graphics-formats.html).
En general, las imágenes con más resolución producen una calidad mucho
mayor.
Figura 4: Imagen idéntica con 72 ppp y 300 ppp
Fuente: Adobe (2020). Imagen idéntica con 72 ppp y 300 ppp; obsérvese con el zoom al 200%.
Recuperado de https://helpx.adobe.com/es/pdf/photoshop_reference.pdf.
(…)
Al modificar uno de los valores, los otros dos varían en consecuencia. Con la
opción Volver a muestrear seleccionada, puede cambiar la resolución, la
anchura y la altura de la imagen, de modo que se adapte a sus necesidades de
impresión o visualización en pantalla.
Tamaño de archivo
Profundidad
Formato Descripción Compresión
de color
Formato de Formato
24 bits (unos
imagen comprimido
BMP 16 millones de
estándar en sin pérdida de
colores
Windows. calidad.
Es el formato
de imagen
Formato
más usado en
comprimido. El
la actualidad
usuario puede
JPG o JPEG para
24 bits. ajustar el nivel
fotografías.
de compresión
Facilidad de
y la pérdida de
distribución a
calidad.
través de
Internet.
Profundidad
Formato Descripción Compresión
de color
Muy utilizado
en Internet.
Permite unir
varias
Formato
imágenes para
8 bits (unos comprimido
GIF crear
256 colores) sin pérdida de
sensación de
calidad.
movimiento.
Permite definir
un color como
transparente.
Utilizado para
imágenes de
Formato
gran calidad. 64 bits (más
TIF o TIFF comprimido
Las imágenes de 18 trillones
sin pérdida de
con este de colores).
calidad.
formato pesan
mucho.
Nació para
32 bits (más Formato
sustituir al
de 4000 comprimido
PNG formato GIF,
billones de sin pérdida de
pero con mejor
colores). calidad.
calidad.
Profundidad
Formato Descripción Compresión
de color
Formato de Formato
imagen propio comprimido
XCF 32 bits
del programa sin pérdida de
GIMP. calidad.
Contiene
información de
la imagen tal y Formato
como fue comprimido
RAW 24 bits
adquirida por el sin pérdida de
sensor. Genera calidad.
un archivo de
gran tamaño.
Creación de un archivo adecuado
Lección 1 de 4
Introducción
Existen tres modelos de color: los colores luz, los colores pigmento y las tintas
directas. Es decir, hay tres sistemas de color en la vida de un diseñador.
El RGB “representa los colores físicos con los que el ojo humano
forma los colores y también es con lo que los equipos de video
como la televisión, las pantallas de computadoras o las cámaras
fotográficas leen los colores”.
(…)
C O NT I NU A R
Lección 2 de 4
Espacios de color
R: red (rojo).
G: green (verde).
B: blue (azul).
Cada uno de estos canales posee 8 bits, 256 tonos del color que representa.
Al combinarlos, la cantidad de colores asciende exponencialmente a un total
de 16.7 millones de colores (256 x 256 x 256 = 16, 777,216). La suma de los 3
canales, por supuesto, es 24 bits de profundidad.
Estas imágenes son conocidas como Color Verdadero o True
Color ya que el rango tonal se acerca mucho a lo que puede
percibir el ojo humano. A las imágenes de 16 bits se las conoce
como imágenes de Color de Alta Resolución o HiColor. (Pesis,
2010, p. 51).
Fuente: Cruz, A. (2014). ¿Cómo obtener por separado el canal RGB de una imagen con HTML5
Los tres colores primarios del espacio RGB también se denominan colores
luz. La sumatoria de los tres da como resultado el blanco puro, de ahí que se
lo llame también modelo aditivo, mientras que la ausencia de los tres colores
resulta en negro.
Por su parte, las imágenes CMYK poseen 4 canales de color y cada uno
representa un color de tinta usado en cuatricromía:
C: cyan (cian).
M: magenta (magenta).
Y: yellow (amarillo).
En este caso, los tres colores primarios (cian, magenta y amarillo) son
denominados colores pigmento y, la suma de ellos, da como resultado el
negro; mientras que la ausencia de los colores resulta en blanco (Pescio,
2015).
RGB CMYK
Fuente: elaboración propia.
“El RGB es más usado para monitores de ordenadores, web,
televisión, entre otros. Mientras que CMYK es para materiales
impresos como carteles, anuncios, tarjetas de presentación,
panfletos, folletos, entre otros” (Redacción Paredro, 2015,
https://www.paredro.com/las-diferencias-entre-colores-rgb-y-
cmyk/)
El proceso para crear un archivo para reproducción digital, ya sea que se vaya
a reproducir en la web o una pantalla de TV o celular, dentro del software
Photoshop comienza por la selección de un nuevo documento y realizar los
ajustes del mismo.
Si necesitas crear un archivo para imprimir, dentro del cuadro de los ajustes
preestablecidos de Photoshop, encontrarás la opción “Imprimir” que te brinda
todas las alternativas para el formato final.
Si necesitas crear un archivo para imprimir, dentro del cuadro de los ajustes
preestablecidos de Photoshop, encontrarás la opción “Imprimir” que te brinda
todas las alternativas para el formato final.
Fuente: captura de pantalla de Photoshop (Adobe Systems Incorporated, 2018) con
adaptación propia.
Fuente: Tecnonautas (s.f.). ¿Qué es un archivo PSD y cómo se abre uno? Recuperado de
https://tecnonautas.net/que-es-un-archivo-psd-y-como-se-abre-uno/.
El formato RAW
El formato GIF
El formato GIF (formato de intercambio de gráficos, graphics
interchange format) es el formato de archivo que se utiliza
habitualmente para mostrar gráficos e imágenes de color
indexado en documentos HTML. GIF es un formato comprimido
con LZW diseñado para minimizar el tamaño de archivo y el
tiempo de transferencia electrónica. El formato GIF conserva la
transparencia en imágenes de color indexado, pero no admite
canales alfa. (Adobe, s.f.,
https://helpx.adobe.com/mx/photoshop/using/file-
formats.html)
El formato PNG
El formato de gráficos de red portátiles (PNG) se utiliza para una
compresión sin pérdidas y para la visualización de imágenes en
Internet. A diferencia del formato GIF, PNG admite imágenes de
24 bits y produce transparencia de fondo sin bordes irregulares;
sin embargo, algunos navegadores web no admiten imágenes
PNG. El formato PNG admite imágenes RGB, de color indexado,
en escala de grises y de modo de mapa de bits sin canales alfa.
PNG conserva la transparencia en imágenes en escala de grises
y RGB. (Adobe, s.f.,
https://helpx.adobe.com/mx/photoshop/using/file-
formats.html)
El formato TIFF
Imágenes digitales
–
Una imagen digital es aquella que ha sido creada u obtenida mediante un
medio electrónico y su soporte es un medio digital.
Interfaz del software
El espacio de trabajo
Una vez que tenemos una imagen o un archivo en el área de trabajo podemos
crear, editar y manipular mediante las distintas herramientas y elementos del
programa: los paneles, barras, ventanas, incluso podemos elegir el tipo de
espacio de trabajo.
Los dos modelos de colores más utilizados son CMYK y RGB. “El modo de
color CMYK (cyan, magenta, yellow, black) se usa para diseños impresos. El
modo de color RGB (red, green, blue) se usa para cualquier diseño digital” (99
Design, s.f., https://support.99designs.com/hc/es/articles/204761825--
Qu%C3%A9-significa-RGB-y-CMYK-Cu%C3%A1ndo-los-debo-usar).
“Puede mover o modificar gráficos vectoriales con libertad sin perder detalle
ni claridad porque son independientes de la resolución; mantienen los bordes
nítidos cuando se les cambia el tamaño” (Adobe, 2017,
https://helpx.adobe.com/es/indesign/using/graphics-formats.html).
Para cambiar el tamaño de una imagen hay tres factores que podemos
editar: el ancho, el alto y la resolución.
El RGB “representa los colores físicos con los que el ojo humano
forma los colores y también es con lo que los equipos de video
como la televisión, las pantallas de computadoras o cámaras
fotográficas leen los colores”.
Cada uno de estos canales posee 8 bits, 256 tonos del color que representa.
• C: cyan (cian).
• M: magenta (magenta).
• Y: yellow (amarillo).
• K: black o key (negro).
Siguiendo a Steve Jobs (citado en Wolf, 1996): “La creatividad simplemente consiste
en conectar las cosas” (http://bit.ly/395WEpT).
Interfaz de Photoshop
Barra de menús
Referencias
Lección 1 de 5
1 La barra de menú.
2 Galerías de herramientas.
3 Capas.
4 Máscaras.
Interfaz de Photoshop
Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems Incorporated,
2020).
Imagen de bienvenida de la interfaz de Photoshop
Figura 1: muestra del mensaje introductorio en la interfaz de Photoshop.
C O NT I NU E
Lección 3 de 5
Barra de menús
Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems Incorporated,
2020).
Menú archivo
El menú archivo de Photoshop es muy similar al menú de archivo de muchos
programas digitales, especialmente a los otros programas de creación y
edición de Adobe. Aquí encontramos los típicos comandos como abrir, cerrar,
guardar, importar, exportar, nuevo, etcétera. Este menú es muy similar al de
cualquier otro programa, sea o no de diseño. Desde el comando nuevo (Ctrl +
N) podemos crear un nuevo documento y determinar su nombre, tamaño,
resolución, modo de color y profundidad de bits (figura 2).
Menú de edición
En este menú, se encuentran los comandos que permiten copiar, cortar, pegar,
deshacer y rehacer. Dispone de las opciones relacionadas con la modificación y
desplazamiento de imágenes. También se encuentran los comandos de
transformación y opciones, personalización y preferencias del programa.
Figura 5: Menú
de edición
Figura 5: muestra del menú de edición.
Menú de texto
Por más que Photoshop sea una interfaz de edición de fotografías, también
se utiliza para crear y editar otros objetos publicitarios y estéticos, lo cual va
más allá de un simple retoque en una fotografía. Por ende, en la interfaz se
utiliza mucho la manipulación de los textos. El menú texto es un lugar donde
se puede manipular el texto en el lienzo. Para habilitar la mayoría de las
opciones, debe tener seleccionada la capa de texto. Cuenta con submenú
como, por ejemplo, «Panel» que sirve para abrir las opciones de edición de
texto: panel de carácter, panel de párrafo, panel de estilos de carácter y panel
de estilos de párrafo. Se encuentra el submenú suavizar, que sirve para
suavizar visualmente los bordes del texto; también encontramos «extruir a
3D» que puede convertir el texto en 3D. Existen muchas otras opciones que
nos pueden servir para embellecer y dar forma a un texto.
Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems Incorporated,
2020).
Menú selección
En este menú, podemos editar, crear, perfeccionar y guardar nuestras
selecciones. Se puede seleccionar todo en el lienzo, seleccionar todas las
capas y quitar toda la selección en este menú. También permite seleccionar
y aplicar máscaras y editarlas de manera rápida. Nos muestra la gama de
color y área de enfoque. Además, nos da la opción de guardar y cargar
selección, si desea volver a seleccionar algo más tarde; se puede guardar
como una nueva selección y luego cargarlo cuando se necesita volver a
aplicar exactamente la misma selección.
Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems Incorporated,
2020).
Menú filtro
Este menú es el más interesante y entretenido de la interfaz. Photoshop
tiene más de ciento treinta efectos diferentes que se pueden aplicar con
muchas opciones artísticas y técnicas, sin límites creativos.
Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems Incorporated,
2020).
Menú 3D
El panel 3D de Photoshop facilita el trabajo con objetos 3D. Modelado de
forma similar al panel capas, el panel 3D está estructurado como un
árbol/gráfico de escena con objetos raíz y objetos secundarios. Aquí
encontramos todas las herramientas correspondientes a la creación y
edición de elementos tridimensionales, incluidas las nuevas funciones de
impresión 3D. Nótese que la mayoría de las opciones de este menú
permanecen desactivadas. Para trabajar con figuras 3D, el software nos
solicitará cambiar el entorno de trabajo a uno específico para este fin.
Eliminar objetos.
Reordenar objetos.
Insertar objetos.
Duplicar objetos.
Agrupar objetos.
Menú vista
Figura 12: Menú de vista
Menú ventana
El menú ventana tiene dos propósitos en la interfaz:
Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems Incorporated,
2020).
Menú ayuda
Tal como su nombre lo indica, desde aquí podemos acceder a la ayuda en
línea del programa y también encontrar los datos relacionados con la cuenta
de usuario, ver la versión de Photoshop que está ejecutando, información
sobre los complementos instalados y toda la documentación pertinente al
programa.
Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems Incorporated,
2020).
Lección 4 de 5
Reducir tamaño de
[ [
pincel
Aumentar tamaño de
] ]
pincel
Colores frontales/de
fondo D D
predeterminados
Cambiar colores
X X
frontales/de fondo
Cualquier Cualquier
Añadir a una herramienta de herramienta de
selección selección + Mayús + selección + Mayús +
arrastrar arrastrar
Resultado Windows macOS
Alternar selección
automática con la Control + clic Comando + clic
herramienta Mover
Cancelación de
ventanas del cuadro
de diálogo modal Escape Escape
(incluido el espacio
de trabajo de inicio)
Seleccionar el primer
campo de edición de Intro Retorno
la barra de
herramientas
Desplazamiento
Tab Tab
entre campos
Resultado Windows macOS
Desplazarse entre
campos en dirección Tab + Mayús Tab + Mayús
opuesta
Cambiar Cancelar a
Alt Opción
Restaurar
Tal como decía Steve Jobs, la creatividad simplemente consiste en conectar las
cosas.
Barra de herramientas
Herramientas
Referencias
Descarga en PDF
Lección 1 de 4
Barra de herramientas
Pulsar de manera
prolongada sobre los 3
puntos que se encuentran
en la parte inferior de la
2
barra de herramientas y,
luego, seleccionar editar
para editar la barra de
herramientas (Adobe,
C O NT I NU A R
Lección 2 de 4
Herramientas
Herramientas de selección
En las herramientas de selección, encontramos herramientas muy
importantes para la edición de imagen de mapa de bits. Dentro de las
herramientas de selección tenemos:
La herramienta mover
–
Es la más sencilla de todas las herramientas. Se usa cuando se necesita
mover selecciones, capas y guías. La herramienta mesa de trabajo también
desempeña un papel similar, ayuda a seleccionar y mostrar de manera
independiente parte de la imagen en la mesa de trabajo.
Figura 3: herramienta de mover y mesa de trabajo
Fuente: adaptación propia con base en software Adobe Photoshop CC (Adobe, 2020).
3 Herramienta sector.
Herramientas de medida
Dentro de las herramientas de medida, encontramos las herramientas de
cuentagotas y las de medición. Estas nos permiten obtener el color que tiene
un determinado píxel, podemos medir la información de color de un píxel,
tomar muestras y crear notas. El cuentagotas es muy utilizado a pesar de
que no puede hacer nada sobre las imágenes directamente.
Herramientas de retoque
El retoque fotográfico engloba muchas acciones, desde ajustes básicos de la
composición de la imagen, su color, iluminación y contraste; hasta
correcciones más delicadas como quitar manchas y arrugas del rostro o
quitar y colocar objetos. Debido a la gran cantidad de herramientas de
retoque, es muy fácil retocar cualquier tipo de imperfección. Aquí, encuentras
todas las herramientas que nos permiten modificar los píxeles de la imagen.
Se pueden eliminar elementos y añadir objetos mediante clonación. Es la
herramienta más utilizada para hacer edición fotográfica en las industrias del
modelaje y de la publicidad.
Selección de marcos
Selección de marcos
Por otra parte, si lo que necesitamos hacer es una selección partiendo desde
el centro del rectángulo o elipse hacia afuera, debemos mantener presionada
la tecla «Alt».
Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020) con
adaptación propia
Cuando trabajamos con herramientas de selección, la barra de opciones nos
muestra varias opciones comunes a todas ellas, y algunas específicas de la
herramienta en uso (figura 5).
Desde este panel se puede ajustar la selección para obtener resultados más
precisos. Las primeras opciones, las que se ubican en la parte superior del
panel, son opciones de visualización. Más abajo se encuentran las opciones
de detección de borde que permiten que el programa detecte
automáticamente los límites de la selección. Esta opción resulta muy útil en
selecciones complejas. Luego, vienen las opciones globales de
perfeccionamiento. Desde aquí también podemos desvanecer los bordes de
la selección, aumentar el contraste de la selección o desplazarla hacia
adentro o afuera. Por último, disponemos de ajustes de salida. Con ellos
podemos descontaminar colores de los bordes. Esta opción es muy útil, ya
que muchas veces los bordes de una figura en una fotografía se ven
contaminados por el rebote de luz que genera el fondo. Esta opción nos
permite corregir ese defecto.
C O NT I NU A R
Lección 2 de 5
Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia
Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia
A la hora de editar una imagen o de trabajar con una pieza gráfica, una de las
tareas más habituales es realizar selecciones de áreas para recortar y pegar
en la composición o retoque fotográfico. El lazo poligonal nos permite hacer
selecciones lineales. Para ello, haremos clic y lo soltaremos en cada vértice
de la selección. El resultado, en este caso, siempre estará compuesto por
líneas rectas que formarán un polígono. Puede crear tantos segmentos como
sean necesarios para dibujar un borde de selección. Las selecciones
poligonales son la manera más fácil de recortar una silueta. Al momento de
editar una imagen usando el lazo poligonal tenemos que comenzar por un
punto y acabar en el mismo punto, por lo que podemos escoger cualquier
punto que nos interese.
Por último, disponemos del lazo magnético. Este también funciona a mano
alzada, pero se adhiere de forma automática a los bordes del área que
queremos seleccionar, si es que existe un claro contraste entre la figura y el
fondo. Este lazo, a diferencia de los dos anteriores, posee características
especiales que nos permiten configurar su uso desde la barra de opciones de
herramienta. Desde allí podemos aumentar el contraste del pincel para
mejorar la precisión, aumentar anchura, lineatura y selección, y aplicar
máscara.
Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia
Lección 3 de 5
Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia
Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia
Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia
Menú selección
En la barra de menús, encontramos el «Menú selección». En este se
encuentran todas las opciones y acciones pertinentes a las selecciones. La
mayoría de ellas son usadas con gran frecuencia en el trabajo diario, por lo
que es muy recomendable memorizar sus atajos de teclado. Como en todo
menú, al lado de cada opción se muestra su método abreviado de teclado
por defecto. Recordemos que este, de todos modos, puede ser modificado.
Las opciones de este menú se encuentran agrupadas por categorías y
separadas con una línea divisoria (figura 16). Utilizaremos esta separación
para explicar cada una de ellas.
Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia
Las primeras cuatro opciones del menú son las más utilizadas. La primera de
ellas es seleccionar todo («Ctrl+A»). Esta crea una selección que abarca todo
el documento. La segunda se utiliza para deseleccionar («Ctrl+D»). La tercera
opción vuelve a seleccionar la última selección previamente deseleccionada
(«Shift+Ctrl+D»). Y la cuarta opción invierte la selección («Shift+Ctrl+I»), es
decir, que todo lo seleccionado queda excluido y, lo que estaba excluido,
ahora será seleccionado, como se puede observar en la figura 16.
Las selecciones pueden ser guardadas en un canal alfa para ser utilizadas
en otro momento o en otro documento. Las opciones «Cargar» y «Guardar
selección» permiten realizar estas acciones.
La última opción es una nueva, «Extrusión 3D», y nos permite crear un objeto
tridimensional a partir de una selección. Esta no debe ser demasiado
compleja, ya que el software no será capaz de interpretarla.
Comandos de transformación
Máscaras
Video conceptual
Referencias
Descarga en PDF
Lección 1 de 7
Figura 1: Capas
Fuente: adaptación propia con base en captura de pantalla del software Adobe Photoshop CC
(Adobe Systems, 2020).
Una capa puede ser creada a partir de una selección y representar un grupo
de píxeles. Pero una capa también puede ser o contener texto editable, un
elemento vectorial, un ajuste de color o un elemento 3D. Esto significa que
existen diferentes tipos de capas según sea su contenido. Veamos la imagen
de la figura 1, posee 3 capas y un fondo. Las 3 primeras capas superiores
son las capas de las latas. Dentro de cada capa hay subcapas que contienen
los contenidos como textos, formas geométricas, colores, sombras,
composición, etc.
Cuando abrimos por primera vez un archivo .bitmap (una fotografía, por
ejemplo), Photoshop mostrará en su panel de capas una miniatura de esta
imagen bajo el nombre fondo. Podría decirse que este documento tiene una
sola capa, aunque este fondo no es una capa por sí mismo.
Para editar el contenido o alguna característica de una capa, esta debe estar
previamente seleccionada en el panel de capas. Siempre debemos
asegurarnos de que estamos trabajando en la capa correcta. Todas las
operaciones con las capas se realizan desde el panel «Capas». Por ello
resulta primordial familiarizarnos con este panel. A continuación, se explica
de forma detallada cada una de sus opciones.
2 Filtrar: permite filtrar y buscar las capas que deseas, ya sea por tipo
de capa, nombre, color, etcétera.
9 Capa enlazada: ícono que señala que la capa está enlazada con
otra.
17 Crear nueva capa: como lo indica su nombre, crea una capa nueva.
Agrupar capas
–
Debemos seleccionarlas desde el panel de capas con el atajo de teclado
«Ctrl+G». Para seleccionar varias capas, primero elegimos una y luego
mantenemos apretada la tecla «Ctrl» para ir sumando más capas a la
selección.
Comandos de transformación
“A. Imagen original B. Capa volteada C. Borde de selección rotado D. Parte de objeto escalada” (Adobe,
2021b, https://adobe.ly/2NmkGod).
Máscaras
Las máscaras no pueden vivir sin capas, puesto que influyen directamente
sobre ellas. Una máscara es la representación gráfica de una selección. Es
una imagen monocromática superpuesta a la fotografía o capa, donde las
zonas blancas representan el área seleccionada y las zonas negras, las
áreas excluidas. Esta representación se almacena en un panel de canales
como un canal alfa independiente del resto de los canales. Existen
básicamente tres tipos de máscaras que se diferencian por su utilización y
naturaleza.
Para ocultar una parte de la capa sin borrar su contenido, debemos pintar
sobre la máscara utilizando el pincel en color negro. En estas zonas veremos
el contenido de la capa inferior. También se puede utilizar una gama de
grises (un porcentaje de negro) para ocultar parcialmente un sector de la
capa. Por ejemplo, si pintamos con un color negro al 50 %, el resultado será
semitransparente: se ocultará un 50 % del área seleccionada y dejará ver un
50 % de la misma área de la capa inferior. Esta característica es realmente
muy importante, ya que es la que nos permite realizar selecciones
verdaderamente complejas, como cabello y objetos transparentes o
semitransparentes. Es relevante también aclarar que al momento de pintar
la máscara, esta debe encontrarse seleccionada y no la capa.
Fuente: [imagen sin título sobre máscara de capa I], s. f., https://adobe.ly/39Q8KTn
Fuente: [imagen sin título sobre máscara de capa II], s. f., https://adobe.ly/2Y4tvFg
Resumen
Con los contenidos aprendidos hasta ahora, podemos seleccionar y separar
una parte de una imagen, cortarla, moverla a otro archivo o dentro de él,
transformarla y editar de forma separada parte de una imagen o una capa
utilizando máscaras. Todos estos conceptos y acciones son suficientes para
realizar un collage digital.
C O NT I NU E
Lección 6 de 7
Barra de herramientas
–
La barra de herramientas es el lugar donde nos dirigimos seguidamente, es
donde se encuentran los esenciales para llevar a cabo cualquier tipo de
trabajo en la interfaz.
Herramientas de selección
–
Desarrollo de tres tipos de herramientas de selección: selección de marcos,
selección con lazos, selección rápida.
“El color es un medio para ejercer influencia directa sobre el alma” (Kandinsky, 1989,
p. 44).
Imaginemos unas vacaciones en la playa o en las montañas. Es el atardecer, el sol
se empieza a esconder en el horizonte y el cielo comienza a cambiar su coloración.
El celeste intenso que dominó durante horas, lentamente, va dando lugar a matices
naranjas, que luego se transformarán en un azul profundo. Si tenemos suerte y las
condiciones climáticas lo permiten, en el medio, veremos hermosos matices de
rosados y violáceos. Siempre que contemplamos un paisaje o un cuadro, son los
colores, fundamentalmente, los que capturan nuestra atención, pero alguna vez nos
hemos detenido a preguntarnos, ¿qué es el color? Y más importante aún, ¿qué es el
color digital?
Color digital
Armonía de color
Video conceptual
Referencias
Lección 1 de 5
Color digital
El matiz de un color es la
diferencia de longitudes de
onda entre un color y otro.
Esta es la propiedad del
Matiz
color que nos permite
diferenciar un color de otro,
por ejemplo, un verde de un
rojo o de un azul.
La saturación de color
también es llamada
intensidad. Esta
Saturación característica representa el
grado de pureza de un
color. Esta propiedad nos
permite distinguir un color
verde intenso de un verde
El valor o luminosidad en
un color es su grado de
claridad u oscuridad. Es la
cantidad de luz que refleja
Valor o brillo
el color. Nos permite
distinguir entre un verde
oscuro y un verde claro.
Esta dimensión del color es
Fuente: [Imagen sin título sobre percepción del color]. (s. f.). Recuperado de
https://sc663b2carlo.weebly.com/uploads/2/2/1/1/22119184/8512455.jpg
El color digital, por otra parte, es la representación binaria que realizan los
ordenadores del color. Recordemos que la palabra digital proviene del latín
digitus y hace referencia a algo que puede ser representado con números.
Entonces, el color digital es la codificación que realizan los ordenadores del
color que perciben nuestros ojos, y su reproducción en un soporte digital.
Pero no existe solo un tipo de armonía, de hecho, existen varios tipos, como
se puede observar en el siguiente gráfico (figura 5), basado en el círculo
cromático de 12 colores.
C O NT I NU A R
Lección 2 de 5
Armonía de color
Figura 5: Análogos
Fuente: elaboración propia a base del software en línea Adobe Color (Adobe Inc., 2021).
Figura 6: Monocromáticos
Fuente: elaboración propia a base del software en línea Adobe Color (Adobe Inc., 2021).
Figura 7: Triada
Fuente: elaboración propia a base del software en línea Adobe Color (Adobe Inc., 2021).
Figura 8: complementarios
Fuente: elaboración propia a base del software en línea Adobe Color (Adobe Inc., 2021).
Dado que la percepción del color es la parte simple más emotiva
del proceso visual, tiene una gran fuerza y puede emplearse
para expresar y reforzar la información visual. El color no solo
tiene un significado universalmente compartido a través de la
experiencia, sino que tiene también un valor independiente
informativo, a través de los significados que se le adscriben
simbólicamente. Aparte del significado cromático altamente
transmisible, cada uno de nosotros tiene sus preferencias
cromáticas personales y subjetivas. Elegimos el color de nuestro
entorno en la medida que nos es posible. Pero escasea el
pensamiento o la preocupación analítica sobre los métodos o
motivaciones que empleamos para llegar a esas elecciones
personales en lo relativo al significado y el efecto del color…
tanto si pensamos en ello como si no, si nos damos cuenta o no
de ello, estamos diciéndole al mundo muchas cosas cuando
elegimos un color. (Dondis, 2004, p. 69).
“Las tintas planas, también conocidas como tintas directas, sirven para
seleccionar colores específicos que se pueden aplicar en una sola pasada sin
necesidad de combinar colores de selección u offset” (Alonso, 2020,
https://www.domestika.org/es/blog/4777-que-son-las-tintas-planas-o-tintas-
directas). “El selector de color de Adobe permite seleccionar colores de
Pantone Matching System, Trumatch, Swatching System, Focoltone, Colour
System, el sistema Toyo Color Finder 1050, el sistema ANPA-Color, el
sistema de color HKS y DIC Color Guide” (“Selección de colores”, 2020,
https://helpx.adobe.com/es/photoshop/using/choosing-colors.html).
Si tienes que imprimir una fotografía o una composición, para estar seguro
de que el color final de la salida impresa es el deseado, debes seguir las
siguientes recomendaciones:
“La unión de un imperecedero Ultimate Gray con el amarillo vibrante que
representa el Illuminating expresa un mensaje de positividad combinada
con fortaleza. Esta combinación de colores, práctica y sólida, aunque
al mismo tiempo cálida y optimista, nos ofrece resiliencia y
esperanza. Necesitamos sentirnos animados y reconfortados; es algo
esencial para el alma humana”. Leatrice Eiseman, directora ejecutiva
del Pantone Color Institute.
“El color es vida. El equilibrio es crucial para que exista variedad y unidad entre el diseño, la arquitectura, la moda, el arte y la vida”
(Moore, 2010, p. 52).
Los colores de Adobe se eligen según cuatro modelos de color: HSB, RGB, LAB y CMYK. Se puede usar para definir el color frontal, el
color de fondo y el color del texto. También se pueden definir colores de destino para herramientas, comandos y opciones diferentes
(“Selección de colores”, 2020).
Referencias
Lección 1 de 3
Photoshop brinda a los usuarios un amplio abanico de herramientas de color. Casi todas las herramientas del
programa tienen una vinculación con el color. Por ejemplo, las herramientas de pintura y dibujo permiten elegir el
color que se va a utilizar y las herramientas de forma también permiten elegir el color de trazo y el de relleno. Pero
antes de adentrarnos en cada una de ellas, lo más importante, en principio, es ubicar el panel y el selector de color.
Ambos ya han sido mencionados en el segundo módulo.
Al Selector de color lo ubicamos al final de la barra de herramientas. Este nos muestra dos cuadrados. El superior es
el color en uso y el de abajo, el color de fondo. Se puede cambiar de uno a otro rápidamente usando el atajo de
teclado X (letra) o utilizando las flechas del costado del selector. Los dos cuadrados más pequeños se utilizan para
volver a setear los colores en negro y blanco de fondo.
Para cambiar de color desde el selector, solo se debe hacer clic en el recuadro que representa el color. A
continuación, se abrirá un cuadro de diálogo desde el cual podremos seleccionar el color deseado, introduciendo
valores de cualquiera de los modos de color estudiados (CMYK, RGB, HSB o LAB) e incluso se podrán elegir
Pantones o utilizar el sistema hexadecimal usado para la web.
“Se puede configurar el Selector de color de Adobe para seleccionar solo colores que forman parte de una paleta
compatible con Web o seleccionar de entre sistemas de colores específicos” (“Selección de colores”, 2020,
https://helpx.adobe.com/es/photoshop/using/choosing-colors.html).
A. Color seleccionado B. Color original C. Color ajustado D. Ícono de alerta de fuera de gama E. Ícono de aviso para
colores no compatibles con Web F. Solo muestra colores compatibles con Web G. Campo de color H. Regulador de
colors.html).
Al seleccionar un color del Selector de color de Adobe, este muestra los valores numéricos para HSB, RGB,
LAB, CMYK y números hexadecimales, simultáneamente. Esto resulta muy útil para visualizar la manera
en que los distintos modelos de color describen un color. [Además se puede compartir]. (“Selección de
colores”, 2020, https://helpx.adobe.com/es/photoshop/using/choosing-colors.html).
Desde este mismo cuadro de diálogo, podemos agregar colores personalizados al panel de muestras. Este panel,
normalmente, se ubica junto al panel selector de colores (en la esquina superior derecha de la pantalla).
Usualmente, el panel Selector de color y el de muestras se encuentran juntos, aunque en la imagen se muestran por
separado para su estudio (figura 2). El panel Selector de color, como se puede observar, es muy similar al cuadro de
dialogo de la figura 1, mientras que el panel de muestras tiene colores predefinidos por el programa, aunque se
pueden agregar colores definidos por el usuario. Las muestras de color personalizadas pueden ser guardadas y
exportadas en formato .aco, para luego compartirlas con otros usuarios o cargarlas en otro ordenador. Estas
acciones se pueden encontrar en las opciones del panel.
Otro panel donde podemos encontrar y guardar colores es el panel Bibliotecas. En él se guardan recursos de un
documento, para poder utilizarlos en otro documento. Algunos de los recursos que se pueden guardar aquí son
colores, tipografías, vectores, logos e imágenes.
Fuente: Captura de pantalla del software Adobe Photoshop CC (Adobe Inc., 2020).
En el panel Color, haga clic en el cuadro de selección Configurar color frontal o Configurar color de
fondo.
El Selector de color también se encuentra disponible con las funciones que permiten elegir algún color,
por ejemplo, al hacer clic en la muestra de color de la barra de opciones para algunas herramientas o
los cuentagotas de ciertos cuadros de diálogo de ajuste del color. (“Selección de colores”, 2020,
https://helpx.adobe.com/es/photoshop/using/choosing-colors.html).
El regulador y el campo de color, haciendo clic en el primero o mueva el triángulo para definir un
componente del color. Moviendo el marcador circular o haga clic en el campo de color. Así se definen
los otros dos componentes del color.
Al ajustar el color utilizando el campo de color y el regulador de color, los valores numéricos de los
distintos modelos de color se ajustan de acuerdo con esto. El rectángulo situado a la derecha del
regulador de color muestra el nuevo color en la mitad superior y el color original en la inferior. Aparecen
alertas si el color no es compatible con Web o está fuera de gama. (“Selección de colores”, 2020,
https://helpx.adobe.com/es/photoshop/using/choosing-colors.html).
Veremos, a continuación, cómo se definen los colores por cada modelo de color.
2 Para ajustar la saturación y el brillo, haga clic en el campo de color, mueva el marcador circular o
introduzca los valores numéricos oportunos en los cuadros de texto S y B.
3 (Opcional) Seleccione la opción S o la opción B para mostrar la saturación o el brillo del color en el
campo de color y realizar otros ajustes. (“Selección de colores”, 2020,
https://helpx.adobe.com/es/photoshop/using/choosing-colors.html).
Fuente: [Imagen sin título sobre vista HSB del Selector de color de Adobe]. (2020). Recuperado de https://helpx.adobe.com/es/photoshop-
elements/using/color.html
elements/using/color.html).
1 En el Selector de color de Adobe, introduzca los valores numéricos adecuados en los cuadros de texto
R, G y B. Especifique valores de los componentes entre 0 y 255 (0 es nada de color y 255, el color
puro).
2 Si desea seleccionar visualmente un color con el regulador y el campo de color, haga clic en R, G o B y,
acto seguido, ajuste el regulador y el campo de color.
Al hacer clic en un color, este aparece en el regulador de color con un 0 (nada de ese
color) en la parte inferior y un 255 (cantidad máxima de ese color) en la superior. El
campo de color muestra el rango de los otros dos componentes, uno en el eje horizontal
y el otro en el vertical. (“Selección de colores”, 2020,
https://helpx.adobe.com/es/photoshop/using/choosing-colors.html).
Fuente: [Imagen sin título sobre colores aditivos]. (2018). Recuperada de https://helpx.adobe.com/es/photoshop-elements/using/color.html
“A. Rojo B. Verde C. Azul D. Amarillo E. Magenta F. Cian” (“Selección de colores”, 2020,
https://helpx.adobe.com/es/photoshop/using/choosing-colors.html).
El valor L especifica la luminancia de un color. El valor A especifica hasta qué punto es rojo o verde un color. El valor
B especifica hasta qué punto es azul o amarillo un color.
1 En el Selector de color de Adobe, introduzca los valores oportunos para L (de 0 a 100) así como para A
y B (de -128 a +127).
2 (Opcional) Use el regulador de color o el campo de color para ajustar el color. (“Selección de colores”,
2020, https://helpx.adobe.com/es/photoshop/using/choosing-colors.html).
Fuente: [Imagen sin título sobre modelo LAB]. (2013). Recuperada de https://tareasuniversitarias.com/modelo-lab.html
“A: Luminancia = 100 (blanco) B. Componente verde a rojo C. Componente azul a amarillo D. Luminancia = 0
1 “En el Selector de color de Adobe, introduzca los valores porcentuales adecuados para C,
M, Y y K o sírvase del regulador y del campo de color para elegir el color” (“Selección de
colores”, 2020, https://helpx.adobe.com/es/photoshop/using/choosing-colors.html).
Fuente: Adaptación propia de captura de pantalla del software Adobe Photoshop CC (Adobe Inc., 2020).
Selección de un color especificando un valor hexadecimal
El valor hexadecimal nos permite elegir un color:
Mediante la especificación de un valor hexadecimal que defina sus componentes R, G y B. Los tres
pares de números se expresan en valores entre 00 (luminancia mínima) y ff (luminancia máxima). Por
ejemplo, 000000 es negro, ffffff blanco y ff0000 rojo. (“Selección de colores”, 2020,
https://helpx.adobe.com/es/photoshop/using/choosing-colors.html).
Recordemos que la numeración hexadecimal consta de los números del 0 al 9 y las seis primeras letras del alfabeto
(de A hasta F).
Fuente: Adaptación propia de captura de pantalla del software Adobe Photoshop CC (Adobe Inc., 2020).
Al momento de trabajar una imagen para uso en medios digitales, es conveniente usar estos colores, nos
garantizará que la imagen no se tramará en un sistema ajustado para mostrar 256 colores (“Selección de colores”,
2020).
Seleccione la opción Solo colores web en la esquina inferior izquierda del Selector de color de Adobe.
Cualquier color que elija con esta opción seleccionada será compatible con Web. (“Selección de
colores”, 2020, https://helpx.adobe.com/es/photoshop/using/choosing-colors.html).
Fuente: Adaptación propia de captura de pantalla del software Adobe Photoshop CC (Adobe Inc., 2020).
Lección 2 de 3
Adobe Color CC es una aplicación o extensión gratuita diseñada específicamente para crear paletas de colores,
guardarlas y compartirlas en línea. Esta extensión es relativamente nueva y recientemente cambió de nombre, ya
que en versiones anteriores a Creative Cloud, se conocía como Adobe Kuler. Es importante destacar que a esta
herramienta se puede acceder tanto desde Photoshop y el resto de los programas de la suite Adobe, como desde
una página web: https://color.adobe.com/es/create/color-wheel/. Para utilizar la versión online, no es necesario
tener una cuenta AdobeID, pero si la tienes, podrás aprovechar todas sus virtudes: las paletas creadas se vincularán
directamente a Photoshop, pero también podremos acceder a ellas desde cualquier ordenador, gracias a Adobe ID.
Para acceder a esta herramienta desde Photoshop, debemos buscarla en el menú Ventana > Extensiones > Temas
de Adobe Color.
La utilización de esta poderosa herramienta es muy sencilla. Funciona como un círculo cromático digital donde
podremos elegir un color, y la aplicación nos mostrará sus armonías, complementarios y gradientes. Las paletas se
pueden editar completamente y luego ser guardadas y compartidas en línea. También podremos explorar las
paletas creadas por otros usuarios y valorarlas. Por último, una de las funciones más interesantes consiste en
obtener una paleta de colores a partir de una fotografía o imagen digital. Accedemos a esta función utilizando el
icono en forma de cámara de foto.
Una de las apps más interesantes que disponemos es Adobe Capture. Esta permite usar tu dispositivo móvil para
capturar recursos del entorno, utilizando la cámara de fotos del dispositivo. La aplicación se encarga de extraer colores
y crear paletas, crear un motivo o pincel, o convertir una forma en un gráfico vectorial. Estos recursos pueden ser
utilizados en las aplicaciones para ordenadores de sobremesa, incluidos Adobe Photoshop e Illustrator. Los
colores, formas y motivos creados pueden ser guardados en bibliotecas (Creative Cloud Libraries), para acceder
rápidamente a ellos desde aplicaciones de escritorio.
Otra app de captura de color muy interesante es Pantone Studio. Esta, a diferencia de Adobe Capture, es exclusiva
de color: captura los colores del entorno y busca su equivalente Pantone para crear paletas compatibles con las
cartillas de la misma compañía. Esta app también se vincula con Adobe CC utilizando un AdobeID. Una desventaja
en relación con Capture CC es que no se encuentra disponible para dispositivos móviles con sistemas operativos
Android.
C O NT I NU A R
Comandos de ajustes de color
“Aprende las reglas como un profesional para romperlas como un artista” (Picasso, s.
f., https://heptagrama.com/citas-pensamientos-65.htm).
Ajustes básicos
Histograma
Referencias
Descarga en PDF
Lección 1 de 4
Ajustes básicos
Recordemos que, al igual que cualquier otro ajuste, los ajustes de color se
pueden realizar de manera global o de manera sectorizada, para lo cual será
necesario crear, previamente, una selección o máscara.
Menú Imagen
Desde el menú Imagen, podemos realizar la mayoría de los ajustes de color
disponibles en Photoshop. La primera opción disponible es Modo de color.
Esta opción es muy importante, ya que, según el modo utilizado, algunos
ajustes no se encontrarán disponibles. Los modos de color disponibles son:
mapa de bits, escala de grises, duotono, color indexado, RGB, CMYK, color
LAB y multicanal. Asimismo, se puede seleccionar la profundidad de bits
desde este mismo menú.
Fuente: Captura de pantalla del software Adobe Photoshop CC (Adobe Inc., 2020).
La segunda opción disponible es Ajustes. Desde allí, se puede elegir el ajuste
deseado de entre las siguientes opciones:
Brillo/contraste
–
Según la opción utilizada, permite modificar la cantidad de luz u oscuridad en
una imagen o el contraste entre los tonos oscuros y claros, y permite alejarlos
o acercarlos.
Niveles
–
Corrige la gama tonal y el equilibrio de color de una imagen ajustando los
niveles de intensidad de las sombras, los medios tonos y las iluminaciones de
la imagen, mediante la utilización de un gráfico denominado histograma
(“Ajuste de niveles”, 2020). Resulta ideal para corregir problemas de
subexposición y sobreexposición. Los ajustes se pueden guardar y cargar
nuevamente en otro documento.
Curvas
–
Su función es muy similar a los niveles, pero usa un tipo de gráfico diferente
que utiliza curvas para modificar los valores tonales. “Proporciona hasta 14
puntos de control para ajustes de iluminación, medios tonos y sombras en
canales individuales” (“Explicación de los ajustes de color”, 2020,
https://helpx.adobe.com/es/photoshop/using/color-
adjustments.html#color_adjustment_commands). Al igual que sucede con
los niveles, los ajustes de curvas se pueden guardar y cargar en otro
documento.
Exposición
–
Es muy similar a las dos anteriores. Permite corregir la exposición
(subexposición y sobreexposición) de una fotografía, pero, en este caso, no
utiliza ningún gráfico, sino un espacio lineal.
Intensidad
–
Permite ajustar la intensidad o saturación del color global de una imagen. La
intensidad puede aumentar o disminuir la fuerza de los colores de forma
equilibrada y proporcional, y sin afectar los tonos piel. La saturación, por el
contrario, es más agresiva con el cambio.
Tono/saturación
–
Esta opción es más completa y compleja que la anterior. Posibilita ajustar
valores de tono, saturación y luminosidad de toda la imagen o de
componentes de color individuales. También posee una opción llamada
colorear, que se utiliza para aplicar un color uniforme sobre toda la fotografía,
y la transforma en una imagen monocroma.
Equilibrio de color
–
Modifica la mezcla global de los colores de una imagen (“Explicación de los
ajustes de color”, 2020). Permite modificar la temperatura de color de la
imagen, crear o eliminar dominantes de color o acentuar algún color.
Blanco y negro
–
Permite convertir una imagen a blanco y negro, pero es importante marcar la
diferencia con escala de grises, ya que este comando permite modificar la
luminosidad de cada color por separado, por lo que el resultado final será
más controlado.
Filtro de fotografía
–
Simula el efecto producido por filtros de fotografías reales en la lente de una
cámara, por lo que permite elegir entre filtros reales de algunas marcas
reconocidas.
Mezclador de canales
–
Su funcionamiento es muy similar al equilibrio de color, pero las
modificaciones se ejecutan, directamente, sobre los canales de color. Posee
varios ajustes predefinidos de conversión a blanco y negro que pueden ser
modificados.
Consulta de colores
–
Es una serie de ajustes preseteados que modifican las propiedades
cromáticas de toda la imagen, similares a los filtros fotográficos que ofrecen
algunas apps de fotografía, pero estos son más profesionales.
El siguiente grupo de comandos del menú está orientado a generar efecto en las
imágenes
–
Corrección selectiva: esta herramienta es, sin duda, una de las más
interesantes. A diferencia de las cuatro anteriores, no genera efecto
artístico en la imagen y está más emparentada con el primer grupo de
herramientas. Esta permite realizar ajustes por color muy precisos: se
puede elegir un color y modificar sus valores de composición, lo cual
posibilita tanto la edición como su reemplazo.
C O NT I NU A R
Lección 2 de 4
Histograma
Un histograma ilustra en un gráfico cómo están distribuidos los
píxeles de la imagen y muestra la cantidad de píxeles en cada
nivel de intensidad del color. Al mostrar los detalles de las
sombras (en la parte izquierda), los medios tonos (en el centro) y
las iluminaciones (en la parte derecha), el histograma ayuda a
determinar si la imagen contiene suficientes detalles para
realizar una corrección correcta.
Fuente: Captura de pantalla del software Adobe Photoshop CC (Adobe Inc., 2020).
El gotero con el signo + se utiliza para tomar muestras de color que serán
grabadas en el panel información. Esto nos permitirá recordar valores o
compararlos con otros.
Problemas comunes
Antes de ser impresas o publicadas, las imágenes digitales, normalmente,
necesitan ser pulidas y pasar por un proceso de acondicionamiento. A este
proceso lo conocemos como calibración de color en fotografías digitales, y
consiste en una serie de ajustes destinados a resolver algunos problemas
que presentan las imágenes, que, normalmente, provienen del momento en
el cual fueron capturadas.
2 Subexposición
3 Contraluz
4 Dominante de color
La herramienta niveles nos permite trabajar a nivel global (en todos los
canales) o por canales, de forma individual. De esta manera, podemos
corregir dominantes de color o realzar ciertas gamas tonales de la imagen.
Para oscurecer las zonas luminosas, tendremos que mover hacia abajo un
punto cercano a la parte superior de la curva. Por consiguiente, si deseamos
aclarar las sombras, debemos mover hacia arriba un punto cercano a la parte
inferior de la curva.
“El color no se agrega para hacer agradable al diseño ¡Lo refuerza!” (Bonnard, s. f., https://www.elpoderdelasideas.com/las-100-frases-
mas-inspiradoras-del-diseno/#10_Color_y_diseno).
Capas de ajuste
Referencias
Capas de ajuste
Si bien existen diversas formas de ajustar los colores de una imagen, “el método más flexible consiste en utilizar
capas de ajuste” (“Explicación de los ajustes de color”, 2020, https://helpx.adobe.com/es/photoshop/using/color-
adjustments.html). Son una de las técnicas de edición no destructivas más relevantes. A diferencia de los ajustes
realizados desde el menú Imagen, estas capas permiten modificar sus valores tantas veces como sea necesario,
sin perder calidad ni información en el proceso, ya que conservarán siempre los valores originales. Existen dos
formas de acceder a estas herramientas: desde el panel Ajustes o desde el panel de Capas (como se explicó en el
módulo 2).
Las capas de ajustes utilizan la misma lógica de las capas comunes: los cambios de color y tono actuarán sobre
todas las capas subyacentes, a diferencia de los ajustes desde el menú imagen, que aplican sobre la capa activa.
Por defecto, al crear una capa de ajuste, esta incluye una máscara vacía (en blanco), por lo que el ajuste se realizará
sobre toda la imagen, a menos que modifiquemos la máscara. Por otra parte, si al momento de crear la capa de
ajuste existía una selección activa, la máscara generada será igual a la selección.
Para modificar el valor de una capa de ajuste, solo se debe hacer doble clic en ella (en el panel de Capas) para
desplegar el cuadro que mostrará el valor actual, el cual podrá ser modificado.
Notaremos que junto con las capas de ajuste encontraremos 3 capas de relleno: color uniforme, degradado y
motivo. Si buscamos estas opciones en el menú Imagen > Ajustes, no las encontraremos, ya que se ubican en el
menú Edición > Rellenar. Estas capas, como lo indica su nombre, sirven para rellenar una capa o selección con un
color, gradiente o motivo, que también podrá ser modificado haciendo doble clic en la capa. Si bien no son capas de
ajuste propiamente dicho, permiten crear efectos de color si se combinan con modos de fusión.
Ediciones no destructivas. Puede probar varios ajustes y volver a editar la capa de ajuste cuando lo
desee. Asimismo, puedes reducir el efecto del ajuste mediante una disminución de la opacidad de la
capa.
Edición selectiva. Pinte sobre la máscara de imagen de la capa de ajuste para aplicar un ajuste a
parte de una imagen. Una vez hecho esto, puede volver a editar la máscara de la capa para controlar
qué partes de la imagen se ajustan. Puede pintar en la máscara con distintos tonos de gris para variar
el ajuste.
Capacidad de aplicar ajustes a varias imágenes. Copie y pegue capas de ajuste entre imágenes para
aplicar los mismos ajustes tonales y de color. (“Capas de ajuste y relleno”, 2020,
https://helpx.adobe.com/es/photoshop/using/adjustment-fill-layers.html).
Poder bajarle la opacidad a la capa de ajuste, para que esa modificación no sea tan intensa, sino que
se fusione ligeramente con la fotografía original. Puedes bajarle la opacidad desde el deslizador de
Opacidad que encontrarás en la esquina superior derecha de la ventana de capas.
Poder cambiarle el modo de fusión a la capa de ajuste, con lo cual se aplicará de forma diferente, y se
fusionará con la fotografía original. Encontrarás todos los modos de fusión en el desplegable de la
parte superior de la ventana de capas, que viene por defecto situado en modo Normal.
Poder acotar la zona de acción del ajuste de forma sencilla a través de la máscara de capa asociada a
la capa de ajuste. (León, s. f. https://www.dzoom.org.es/basicos-de-photoshop-las-capas-de-ajuste/).
Las capas de ajuste tienen muchas características en común con otras capas. Puede ajustar su
opacidad y modo de fusión y agruparlas para aplicar el ajuste a capas específicas. De la misma
manera, puede activar y desactivar la visibilidad para aplicar el efecto o previsualizarlo. (“Capas de
ajuste y relleno”, 2020, https://helpx.adobe.com/es/photoshop/using/adjustment-fill-layers.html).
Fuente: [Imagen sin título sobre capa de ajuste]. (2020). Recuperada de https://helpx.adobe.com/es/photoshop/using/adjustment-fill-
layers.html
“Original (izquierda): capa de ajuste aplicada únicamente al granero, lo que permite verlo con más
detalle. Capa de ajuste aplicada a toda la imagen (derecha), con lo que se aclaran todos los elementos,
pero se pixelan las nubes” (“Capas de ajuste y relleno”, 2020,
https://helpx.adobe.com/es/photoshop/using/adjustment-fill-layers.html).
2 Para limitar los efectos de la capa de ajuste a un área seleccionada de esa capa, realice una
selección.
Para que se modifiquen todas las capas situadas debajo de la capa de ajuste, haga clic
en el botón Crear nueva capa de relleno o ajuste del panel Capas. A continuación,
seleccione uno de los siguientes tipos de ajustes. (Las tres primeras opciones del menú
son capas de relleno, no de ajuste). (“Capas de ajuste y relleno”, 2020,
https://helpx.adobe.com/mx/photoshop-elements/using/adjustment-fill-layers.html).
“Imagen original e imagen con un ajuste de tono/saturación aplicado. Solo se ven afectadas las capas situadas
debajo de la capa de ajuste” (“Capas de ajuste y relleno”, 2020, https://helpx.adobe.com/mx/photoshop-
elements/using/adjustment-fill-layers.html).
Para que se modifiquen sólo una o varias capas sucesivas situadas por debajo de la capa de ajuste, seleccione
Capa > Nueva capa de ajuste > [tipo de ajuste]. En el cuadro de diálogo Nueva capa, seleccione Usar capa anterior
para crear máscara de recorte y, a continuación, haga clic en Ok.
Seleccione Capa > Nueva capa de relleno y elija una opción: Color uniforme, Degradado o Motivo.
También se puede elegir la opción de Nueva capa de ajuste. Asigne un nombre a la capa, defina las
opciones de capa y haga clic en Ok.
Haga clic en el botón Nueva capa de ajuste de la parte inferior del panel Capas y seleccione un tipo de
capa de relleno: Color uniforme, Degradado o Motivo. (“Capas de ajuste y relleno”, 2020,
https://helpx.adobe.com/mx/photoshop-elements/using/adjustment-fill-layers.html).
Fuente: Adaptación propia de captura de pantalla del software Adobe Photoshop CC (Adobe Inc., 2020).
Color uniforme
Rellena la capa de ajuste con el color frontal actual. Usa el Selector de color para seleccionar otro color
de relleno.
Degradado
Haga clic en el degradado para acceder al Editor de degradado o bien en la flecha invertida y seleccione
un degradado en el panel emergente. Defina otras opciones si lo considera necesario.
● Alinear con capa: se sirve del cuadro delimitador de la capa para calcular el relleno degradado.
Arrastre por la ventana de la imagen para mover el centro del degradado.
Motivo
A partir de Photoshop 21.2, también puedes definir un ángulo para rotar el motivo de la capa de relleno
y cambiar fácilmente su orientación.
En el cuadro de diálogo Relleno de motivo, selecciona un motivo en el menú emergente. Define las
opciones siguientes, según sea necesario:
● Ángulo: especifica el ángulo con el que se aplica el motivo. Define el Selector de ángulo en un
determinado grado o introduzca manualmente un valor de ángulo para rotar el motivo en el ángulo
deseado.
● Enlazar con capa: mueve el motivo con la capa a medida que esta se mueve. Cuando se
selecciona esta opción, puedes arrastrar en la imagen para colocar el motivo mientras está abierto el
cuadro de diálogo Relleno de motivo.
Ajustar al origen: hace que el origen del motivo sea el mismo que el del documento. (“Capas de ajuste y
relleno”, 2020, https://helpx.adobe.com/mx/photoshop-elements/using/adjustment-fill-layers.html).
Una de las grandes posibilidades que tiene la máscara de capa es poder aplicar ajuste tan solo a ciertas zonas de
una fotografía.
Las capas de ajuste y de relleno cuentan con las mismas opciones de opacidad y de modo de fusión
que las capas de imagen. Lo que nos da la posibilidad de reorganizarlas, eliminarlas, ocultarlas y
duplicarlas del mismo modo en que crea capas de imagen. (“Capas de ajuste y relleno”, 2020,
https://helpx.adobe.com/mx/photoshop-elements/using/adjustment-fill-layers.html).
Fuente: [Imagen sin título sobre capa de ajuste y relleno]. (2020). Recuperada de https://helpx.adobe.com/es/photoshop/using/adjustment-
fill-layers.html
“A. Capa de ajuste limitada únicamente a la capa "Inicio de registro" B. Miniatura de la capa C. Capa de relleno D.
elements/using/adjustment-fill-layers.html).
● Las capas son como hojas de acetato que se pueden apilar. Siempre veremos la que esté activa en
la parte superior.
● Las capas de ajuste solo tienen información de color y tono. Permiten no perder la información
original de la capa, lo que es una enorme ventaja para un buen flujo de trabajo. Permiten una edición no
destructiva.
● Las máscaras de capa permiten o impiden ver la información de las capas y de las capas de ajuste
[figura 5]. (Sánchez, 2018, https://www.xatakafoto.com/tutoriales/como-diferenciar-capas-capas-
ajuste-mascaras-capa-adobe-photoshop)
“Cuando la máscara de capa (miniatura de la derecha) unida a la capa de ajuste está totalmente en
blanco, el efecto de ajuste se aplica a todas las capas subyacentes” (“Capas de ajuste y relleno”, 2020,
https://helpx.adobe.com/mx/photoshop-elements/using/adjustment-fill-layers.html). Al pintar una
máscara con negro aumenta el área protegida.
Fuente: [Imagen sin título sobre mascara de capa]. (2020). Recuperada de https://helpx.adobe.com/mx/photoshop-
elements/using/adjustment-fill-layers.html
Lección 3 de 3
Capas de ajuste
–
Si bien existen diversas formas de ajustar los colores de una imagen, el método más flexible consiste en utilizar capas de ajuste.
Son una de las técnicas de edición no destructivas más relevantes. A diferencia de los ajustes realizados desde el menú imagen,
estas capas permiten modificar sus valores tantas veces como sea necesario, sin perder calidad ni información en el proceso, ya
que conservarán siempre los valores originales. Existen dos formas de acceder a estas herramientas: desde el panel ajustes o
desde el panel de capas (como se explicó en el módulo 2).
Herramientas de edición de pixeles
“Diseño no es lo que ves, sino lo que debes hacer que otras personas vean” (Degas,
s. f., https://akifrases.com/frase/183321).
Video conceptual
Referencias
Lección 1 de 3
En el año 2012, se conoció uno de los casos más famosos y curiosos de mala
praxis en la historia de la restauración. La artista Cecilia Giménez, de 81
años, transformó el fresco religioso Ecce Homo, de Borja, en algo que dista
mucho de la obra original. Este es un claro ejemplo de cuando una
restauración no pasa desapercibida y cambia por completo la esencia y el
espíritu de la obra original. En la figura 1 podemos apreciar la obra original de
Borja, su posterior deterioro y el intento fallido de restauración. El ejemplo, si
bien pertenece al plano analógico, se muestra a propósito solo para
demostrar que el exceso de retoque, la falta de criterio y el abuso de
modificaciones sobre la pieza original no son exclusivos de Photoshop ni de
los medios digitales.
Fuente: [Imagen sin título sobre restauración de Ecce Homo]. (s. f.). Recuperado de
http://images.clarin.com/sociedad/ECCE-HOMO-ESCANDALO-Misericordia-
Borja_CLAIMA20121007_0169_14.jpg
Volviendo al plano digital, también son muy conocidos los casos donde
diseñadores y editores se exceden en los retoques y llegan a borrar partes
del cuerpo, como el ombligo (figura 2), o retocan tanto una imagen que
termina desnaturalizada y luce artificial.
Figura 2: ¿Y el ombligo?
Fuente: [Imagen sin título sobre uso indebido de Photoshop]. (s. f.). Recuperado de
https://www.okchicas.com/curiosidades/divertidos-errores-photoshop/
C O NT I NU E
Herramientas de pintura
Herramientas de pintura
Referencias
Lección 1 de 2
Herramientas de pintura
Fuente: Adaptación propia de captura de pantalla del software Adobe Photoshop CC (Adobe
Inc., 2020).
Una duda común que surge a la hora de trabajar con pinceles es cuál es la
diferencia entre opacidad y flujo. Si probamos con diferentes valores de cada
una de estas opciones, probablemente, no notemos diferencias.
Aparentemente, ambas regulan la opacidad del trazo, solo que el flujo parece
ser más oscuro. Sin embargo, hay una pequeña diferencia, al utilizar flujo en
niveles inferiores al 100 %, en el recorrido que hagamos con el pincel, cada
vez que pasemos sobre un área sobre la que ya pasamos antes, la opacidad
se sumará a la anterior y oscurecerá el trazo. En cambio, al utilizar la variable
opacidad, esto no sucederá: la opacidad se mantendrá siempre en la que
hayamos seteado previamente, a menos que soltemos el clic, ya que, al
soltarlo, el software interpreta que es un nuevo trazo de pincel y entonces sí
superpondrá las opacidades del primer trazo con el segundo (y todos los
trazos posteriores). La mejor forma de entender la diferencia es viéndola en
acción.
C. Menú emergente.
D. Formas de punta de pincel (disponibles cuando la opción Forma de la
punta del pincel está seleccionada).
E. Opciones de pincel.
Cada uno de los ajustes de pincel (A) posee múltiples variantes en su interior,
que permiten que el control sobre el pincel sea total. Al mismo tiempo, estos
ajustes pueden ser bloqueados o desbloqueados según nuestra
conveniencia.
Pincel
Lápiz
3. Seleccione un pincel del panel Pinceles.
Modo
Define el método para fusionar el color que pinte con los píxeles
subyacentes existentes. Los modos disponibles cambian según
la herramienta seleccionada actualmente. Los modos de pintura
son similares a los modos de fusión de capa.
Opacidad
Flujo
Aerógrafo
Simula la pintura con aerógrafo. Al mover el puntero sobre un
área, la pintura se crea mientras se mantiene pulsado el botón
del ratón. Las opciones de dureza, opacidad y flujo del pincel
controlan la rapidez y la cantidad de pintura que se aplica. Haz
clic en el botón para activar o desactivar esta opción.
Borrado automático
Herramientas de retoque
Herramientas de retoque
Referencias
Lección 1 de 2
Herramientas de retoque
Tampón de clonar
El tampón de clonar fue la primera herramienta de retoque que incorporó
Photoshop y hasta la versión 6.0 del programa fue la única disponible. Por ser
la más antigua de las herramientas de retoque es, también, una de las más
simples y básicas. Su funcionamiento es muy sencillo: nos permite tomar
una muestra de una zona de la imagen y replicarla exactamente igual a la
original, en otra zona. Es como copiar una parte de la imagen y pegarla en
otro lado, solo que utilizando un pincel en vez de una selección. De hecho, la
palabra clonar significa: hacer una copia exacta de una cosa.
Fuente: [Imagen sin título sobre alteración de una imagen con la herramienta tampón de
clonar]. (s. f.). Recuperada de https://helpx.adobe.com/es/photoshop/using/retouching-
repairing-images.html
Tampón de clonar
Alineado
Muestra
Fuente: Adaptación propia de captura de pantalla del software Adobe Photoshop CC (Adobe
Inc., 2020).
Tampón de motivo
Esta herramienta es más parecida a un pincel común y corriente que al
tampón de clonado. La diferencia con un pincel normal es que en vez de
pintar con un color uniforme, este tampón lo hace con un motivo. Los
motivos en Photoshop también son conocidos como patrones o patterns. “Un
motivo es una imagen que se repite o se segmenta, cuando la utilizas para
rellenar una capa o selección” (“Creación de motivos”, 2020,
https://helpx.adobe.com/es/photoshop/using/creating-patterns.html).
Aunque en este caso se utilizará como pintura.
C O NT I NU A R
Pincel corrector
Pincel corrector
Parche
Referencias
Descarga en PDF
Lección 1 de 10
Pincel corrector
C O NT I NU A R
Lección 2 de 10
Fuente: [Imagen sin título sobre uso del pincel corrector puntual]. (2020). Recuperada de
https://helpx.adobe.com/es/photoshop/using/retouching-repairing-images.html
En la figura 3 veremos un claro ejemplo del uso del pincel corrector puntual.
Observaremos desplegadas las opciones del pincel y también, en la barra de
opciones, el método seleccionado. La foto de fondo representa un caso típico
donde se puede utilizar el pincel corrector puntual para eliminar las pecas de
la modelo.
C O NT I NU A R
Lección 3 de 10
Parche
Su función es similar a un pincel corrector, solo que este utiliza una selección
en vez de un pincel. La selección debe realizarse en el área que se desea
clonar y luego debemos desplazarnos con el mouse hacia la zona donde se
desea tomar la muestra. A diferencia de las herramientas mencionadas
anteriormente, en este caso, primero se selecciona el destino y luego se
determina el origen de la clonación.
C O NT I NU A R
Lección 4 de 10
Herramientas de pintura
–
Adobe Photoshop cuenta con varias herramientas para pintar y editar
imágenes en color. En esta lectura, nos enfocaremos en la herramienta Pincel
y la herramienta Lápiz, que funcionan como las herramientas de dibujo
tradicionales. Además de otras funciones, se usan para aplicar colores
mediante trazos de pincel.
Photoshop, a lo largo de los años, ha incrementado en número y calidad las
herramientas para retocar las fotografías. Pero antes de adentrarnos
definitivamente en las herramientas específicas de retoque, es necesario
conocer las de pintura, cuyo principal instrumento es el pincel.
Herramientas de retoque
–
Uno de los inconvenientes más usuales en las fotografías es la presencia de
elementos indeseados que hacen que la imagen pierda su encanto.
Photoshop nos brinda una amplia variedad de herramientas de retoque que
nos permitirán borrar estos elementos y corregir imperfecciones comunes en
las imágenes. Las dos herramientas principales son el tampón de clonado
(atajo S) y el pincel corrector (atajo J). A ambas las ubicamos en la barra de
herramientas y cada una posee herramientas secundarias agrupadas. El
objetivo de estas herramientas, puntualmente, es replicar la apariencia de los
píxeles de una zona de la imagen en otra zona diferente, ya sea de la misma
imagen u otra distinta.
Pincel corrector
–
El pincel corrector es una herramienta de retoque un poco más moderna, que
debutó en la versión 7.0 y se convirtió en la favorita de diseñadores y
retocadores. Este tipo de pincel es muy similar al tampón de clonado, pero
con una diferencia clave: este fusiona el contenido de la zona original con el
de la muestra tomada. El software automáticamente intenta imitar los
valores de color y brillo de la zona original, con la textura de la muestra, por lo
que el resultado es más natural y más realista, ya que la muestra de origen se
adapta al destino.