Está en la página 1de 297

Imágenes digitales

“Lo que tenemos que aprender lo aprendemos haciendo” (Aristóteles).

En la actualidad vivimos en un mundo invadido por millones de imágenes digitales o


digitalizadas. La sociedad ha experimentado, en pocos años, una gran transición de
las imágenes analógicas a las digitales. Estas últimas son muy diferentes de
aquellas primeras imágenes de la humanidad ya que, gracias a las técnicas
modernas de captura, pueden ser representaciones exactas de la realidad. Los
programas de edición de imágenes permiten manipularlas, mejorarlas y crear
nuevos conceptos a partir de ellas. 

Llamamos imagen digital a la que ha sido creada u obtenida mediante un medio


electrónico y su soporte es un medio digital. De esta forma, podemos decir que un
cuadro pintado a mano es una imagen analógica. Si le tomamos una fotografía con
una cámara digital, se digitaliza la imagen; es decir, estamos creando un archivo
digital de ella, una representación binaria que sólo los dispositivos electrónicos y
digitales pueden interpretar y reproducir. Si imprimimos la imagen, esta vuelve a ser
analógica, ya que su soporte es, nuevamente, físico.

Una de las principales ventajas de las imágenes digitales es el soporte. Mientras la


imagen analógica debe albergarse en un soporte físico (papel, lienzo, etc.) que se
degrada con el tiempo, la imagen digital no necesita este tipo de soportes porque
toda su información se guarda en forma de datos. Por lo tanto, puede ser
almacenada en cualquier soporte informático: disco duro, pendrive, CD, DVD y ahora
también, en la nube (almacenamiento en internet en lugar del disco duro local de una
computadora).

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

En esta materia veremos e interactuaremos con el software Photoshop, la


mejor aplicación a nivel mundial de imagen y diseño. Con ella aprenderás a
crear y mejorar fotografías, ilustraciones y obras artísticas en 3D.

Figura 1: Mensaje introductorio al abrir el interfaz de Photoshop

Fuente: captura de pantalla de Photoshop (Adobe Systems Incorporated, 2018).


Te damos la bienvenida a (…) [la] de introducción de Photoshop,
donde aprenderás a utilizar las herramientas y las técnicas
básicas de Adobe Photoshop. [En este módulo] (…) te
familiarizarás con el área de trabajo de Photoshop y aprenderás
a abrir y guardar imágenes, a aumentarlas y reducirlas con el
zoom y a deshacer los errores. (Adobe,
s.f.,  https://helpx.adobe.com/la/photoshop/how-to/ps-basics-
fundamentals.html)

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/).

La interfaz del software

“La interfaz es el mecanismo o herramienta que posibilita y representa un


conjunto de objetos, iconos y elementos gráficos que vienen a funcionar
como metáforas o símbolos de las acciones o tareas que el usuario puede
realizar en la computadora” (7Graus,
s.f., https://www.significados.com/interfaz/).
El interfaz de Photoshop es muy similar a la de otras aplicaciones de Adobe
System Incorporated. Es fácil de abrir y de usar. Incluye diversas opciones,
entre ellas la preferencia, dónde se puede nivelar los brillos, encontrar los
diferentes tipos de apariencias, plugins, herramientas etc. Los pasos para
acceder a la preferencia son: ir a “Edición” y elegir “Preferencias”.

Al crear un documento en Photoshop, en lugar de comenzar con un lienzo en


blanco, es posible empezar desde un archivo ya creado o una imagen de su
ordenador. Al abrir un archivo ya creado en Photoshop, se puede trabajar con
él, del mismo modo que con cualquier otro documento de este software
(PSD). Si escoges abrir una imagen de tu ordenador, podrás crear un
documento en base a ella.

Figura 2: Opciones para crear un nuevo documento

Fuente:  captura de pantalla de Photoshop (Adobe Systems Incorporated, 2018) con


adaptación propia.
Entonces, al momento de iniciar una edición en el software, hay dos
alternativas: abrir un archivo o crear uno nuevo. Estas se encuentran a la
vista o en el menú de opciones.

Podemos abrir una imagen de dos formas: 

Con el botón “Abrir” se abrirá una ventana de navegación para buscar el


archivo raíz. 

 Se puede arrastrar al panel de Photoshop la imagen que deseas abrir.

Para crear una imagen desde cero, tenemos que tener en cuenta la
proyección final de la misma.

El espacio de trabajo

Una vez que tenemos la imagen o archivo en el área de trabajo, se puede


editar, manipular y crear elementos a través de las distintas herramientas y
opciones que brindan los paneles, barras y ventanas hasta elegir el tipo de
espacio de trabajo.

Photoshop cuenta con diferentes tipos de mesas de trabajo, teniendo en


cuenta las numerosas tareas que se pueden realizar en la interfaz. Los
espacios de trabajo ayudan, básicamente, a organizar la mesa del trabajo en
función del uso al hacer visible aquellas configuraciones y herramientas
útiles para la misma. Actualmente, la interfaz cuenta con los siguientes
espacios de trabajo: aspectos esenciales, 3D, gráfico y web, movimiento,
pintura y fotografía. Por defecto, se aplica el aspecto esencial cuando se abre
la interfaz, pero se pueden elegir otras opciones como muestra la figura 3.

Figura 3: Los diferentes tipos de espacios de trabajo.

Fuente: captura de pantalla de Photoshop (Adobe Systems Incorporated, 2018) con


adaptación propia.

Para hacer cualquier tipo de proyecto o tareas en Photoshop siempre debes


tener cuenta los siguientes aspectos:

1 El lugar donde se verá la imagen (si será en una pantalla o se


imprimirá).
2 La medida de la imagen.

3 La resolución de la imagen.

Estos elementos te ayudarán no solamente a definir las características de la


mesa del trabajo, sino a lograr un buen resultado final en la aplicación del
objeto creado.

Cómo armar el espacio de trabajo

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.

Obra de arte e ilustración.

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.

Figura 4: Creación de nuevo archivo

Fuente:  captura de pantalla de Photoshop (Adobe Systems Incorporated, 2018) con


adaptación propia.

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.

1 “ Modo RGB (millones de colores)

2 Modo CMYK (cuatricromía)

3 Modo indexado (256 colores)

4 Modo de escala de grises (256 grises)

5 Modo de mapa de bits (2 colores)” (Adobe,


s.f., https://helpx.adobe.com/mx/photoshop/using/color-
modes.html)

Figura 5: los 5 modelos de color del software


Fuente:  Adobe (s.f.). Modos de color. Recuperado de
https://helpx.adobe.com/mx/photoshop/using/color-modes.html. 

Los modelos de color más utilizados

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.

Si luego de armar una imagen en RGB queremos imprimirla, por ejemplo, la


misma se verá oscura por la carencia de luz que nos brinda la pantalla. Del
mismo modo, si armas una imagen en CMYK y, luego, la quieres reproducir
en una pantalla también se verá oscura y los colores aparecerán muy
apagados por la composición de colores que lleva el sistema CMYK con el
cual se generó la imagen.

La composición del espacio de trabajo

Los espacios de trabajo de las distintas aplicaciones de Adobe


(…) tienen la misma apariencia para facilitar el cambio de una a
otra (…)

Aunque el diseño del espacio de trabajo predeterminado varía


en función del producto, los elementos se manipulan de manera
muy parecida en todos los casos. (Adobe,
s.f.,  https://helpx.adobe.com/mx/incopy/using/workspace-
basics.html)

Figura 6: La composición del espacio de trabajo


Fuente:  Jesús Plaza, M. (s.f.). Manuales y entorno de trabajo. Recuperado
de http://3con14.net/psd/inicio/conceptos/6-manuales.html. 

Algunas de las partes importantes de la


interfaz de Photoshop

La barra de menús, en la parte superior de la ventana, muestra los


menús Archivo, Edición, Imagen y otros que te permiten acceder a
gran variedad de comandos, ajustes y paneles.

La barra de opciones, que se encuentra debajo de la barra de


menús, muestra las opciones de la herramienta con la que estés
trabajando en un momento concreto.

El panel Herramientas, a la izquierda, contiene herramientas para


editar imágenes y crear ilustraciones. Las herramientas similares
se agrupan juntas. Puedes acceder a un grupo de herramientas
relacionadas haciendo clic en una herramienta del panel y
manteniéndola pulsada.

Los paneles están situados a la derecha y, entre ellos, se


encuentran Color, Capas, [menú de capa, zona de paneles],
Propiedades, que contienen una gran cantidad de controles para
trabajar en las imágenes. Puedes ver la lista completa de paneles
en el menú Ventana.

La ventana de documento (área de trabajo), que es el espacio del


centro, muestra el archivo en el que estás trabajando en ese
momento. Cuando hay varios documentos abiertos, estos se
muestran en pestañas en la parte superior de la ventana de
documento.

Para cerrar una imagen, selecciona Archivo > Cerrar. (Adobe,


s.f.,  https://helpx.adobe.com/la/photoshop/how-to/ps-basics-
fundamentals.html)
Imágenes de mapa de bits

Imágenes de mapa de bits

Referencias

Descarga en PDF
Lección 1 de 3

Imágenes de mapa de bits

Introducción

Solo hay dos tipos de archivos de imagen: pixel y vector.

Acerca de las imágenes de mapa de bits

“Las imágenes de mapas de bits, denominadas técnicamente imágenes


rasterizadas, utilizan una cuadrícula rectangular de elementos de imagen
(píxeles) para representar imágenes. A cada píxel se le asigna una ubicación
y un valor de color específicos” (Adobe, 2017,
https://helpx.adobe.com/es/indesign/using/graphics-formats.html). Un píxel
es la unidad más pequeña de una imagen digital y está presente en un
incalculable número para crear una imagen final. Por ende, para editar o
modificar una imagen de mapa de bits se necesitan manipular los pixeles, en
cambio para las imágenes vectoriales, se trabaja sobre los nodos. 

Los bitmaps se utilizan para fotografías, imágenes con mucho detalle o


imágenes escaneadas. Las imágenes de mapa de bits tienen una resolución
fija, determinada por la cantidad de pixeles que se hayan almacenado en el
archivo al momento de generarlo. Cualquier operación de reducción o
ampliación de la cantidad de pixeles, redunda en una pérdida y/o alteración
de información.

Fuente:  Holiney, V. (2020). Gráficos rasterizados. Recuperado de


https://www.logaster.com.es/blog/vector-and-raster-graphics/.

Figura 1: Mapa de bits de una imagen o logo

La figura 1 nos muestra una imagen en mapa de bits de un logo. Si nos


acercamos a la zona de los bordes de la esfera, se revela claramente la
cuadrícula de píxeles que forman la imagen.

Las imágenes vectoriales están representadas por medio de líneas que


corresponden a fórmulas matemáticas. Estas reciben el nombre de curvas
de Bézier o curvas vectoriales y cada una de ellas está formada por dos
nodos o puntos de anclaje y dos manejadores que definen su forma.
Los gráficos vectoriales

Las imágenes vectoriales se basan en coordenadas


matemáticas que definen su posición, su forma, su color y otros
atributos. Están formadas por vectores, que son elementos
geométricos como puntos, líneas, polígonos o segmentos. 

(…)

Las imágenes vectoriales se utilizan para logotipos, iconos,


ilustraciones, infografías, tipografías o elementos para web.
(Plaza, s.f., https://www.albaplazadesigner.com/diferencias-
entre-imagen-de-mapa-bits-e-imagen-vectorial/)

“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). 

Las imágenes vectoriales se utilizan para imprimir objetos a gran escala


debido a que están basadas en fórmulas matemáticas y tienen una
resolución infinita. El término vector es un concepto extraído de la física y las
matemáticas, se lo define como un segmento orientado que tiene dirección,
sentido y módulo.

La dirección está dada por la recta que lo contiene.

El nombre curvas Bézier es en honor a Pierre Bézier, su creador,


quien ideó un sistema para el trazado de dibujos técnicos en el año
1960.

El sentido lo indica la flecha (del origen del vector hacia sus


extremos).

El módulo es su longitud. (Berman, 2007, p. 52).

Figura 2: Gráfico vectorial de una imagen o logo

Fuente:  Holiney, V. (2020). Gráficos vectoriales. Recuperado de


https://www.logaster.com.es/blog/vector-and-raster-graphics/.
La figura 2 representa la misma imagen que vimos en la figura 1, pero en
formato vectorial. Si nos acercamos a la zona del borde de la esfera, se
muestran las curvas de Bézier que forman la ilustración. También se puede
apreciar cómo, a pesar de la ampliación, la imagen no perdió definición, a
diferencia de lo que sucede con las imágenes en bitmaps. Esta es una de las
principales características del formato vectorial.

La diferencia entre los gráficos basados en píxeles y vectores está en


cómo se organiza y se construye la imagen.

Diferencia ejemplar entre la imagen de mapa de bits y el


gráfico vectorial

Podemos pensar que existen dos maneras de tener un vestido: comprarlo ya


confeccionado y, si después no queda bien, llevarlo a una modista que lo
achique o agrande; o recurrir a un diseñador de moda para que lo haga a
medida. En esta última opción tendrás más elementos para personalizar el
vestido: tamaño exacto, calidad de tela, tipo de corte, entre otros detalles.
Del mismo modo, cuando usamos una imagen de mapa de bits lo que
hacemos es comprar un vestido ya confeccionado y tenemos pocas
opciones de edición. Por el contrario, un gráfico vectorizado nos da amplias
posibilidades de personalizar el diseño de acuerdo a nuestro gusto.

Figura 3: Diferencia entre mapa de bits y gráfico vectorial


Fuente:  Cobos, J. (s.f.). Qué son los Logotipos Vectorizados. Recuperado de
https://www.jorgecobos.com/que-son-los-logotipos-vectorizados/. 

Dimensiones en píxeles y la resolución de una imagen en


mapa de bits

La dimensión de píxel y resolución son dos elementos muy importantes que


definen la calidad final de una imagen. 

Las dimensiones en píxeles miden el número total de píxeles de


altura y anchura de la imagen. La resolución es la precisión del
detalle en las imágenes de mapa de bits, que se mide en píxeles
por pulgada (ppp). Cuantos más píxeles por pulgada, mayor
resolución. (Adobe, 2020,
https://helpx.adobe.com/es/photoshop/using/image-size-
resolution.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. 

Tabla 1: Las diferencias más significativas entre ambos tipos de imágenes

Mapa de bits  Vectoriales

Compuestas por píxeles.  Compuestas por vectores. 


Mapa de bits  Vectoriales

Apropiadas para representar


Adecuadas para representar
figuras geométricas, gráficos,
imágenes reales, fotografías y
infografías, textos, logos, planos
obras de arte. 
técnicos e interfaces de usuario. 

Es mejor para degradados, luces y


Es mejor para colores planos. 
sombras. 

Al ampliarlas, pierden calidad, ya


No pierden calidad al escalar la
que los píxeles aumentan de
imagen.
tamaño. 

Los archivos son más chicos. El


Los archivos suelen ser grandes y
tamaño de estos es
son proporcionales al tamaño de
independiente del tamaño de la
la imagen.
imagen. 

El software  no es capaz de Las formas y objetos se pueden


identificar las formas y objetos: modificar fácilmente ya que el
hay que seleccionarlas ordenador las identifica
manualmente.  automáticamente con un clic.

Fuente: adaptado de Saramago, 2012.

La relación entre el tamaño de la imagen y la resolución


La relación entre el tamaño de la imagen y la resolución se ve en
el cuadro de diálogo Tamaño de imagen (elija Imagen > Tamaño
de imagen). Anule la selección de Remuestrear la imagen
porque no desea alterar la cantidad de datos de imagen de la
fotografía. [El remuestreo consiste en alterar la cantidad de
datos de imagen al cambiar las dimensiones en píxeles o la
resolución de la imagen]. 

(…)

Al disminuir la resolución (reducir el número de píxeles), se borra


información de la imagen. Si aumenta la resolución, (aumenta la
cantidad de píxeles), se añaden nuevos píxeles. (Adobe,
2020, https://helpx.adobe.com/es/photoshop/using/image-size-
resolution.html)
Fuente:  Adobe (2020). Remuestreo de píxeles. Recuperado de
https://helpx.adobe.com/es/photoshop/using/image-size-resolution.html. 

Figura 5: Remuestreo de píxeles

Descripción: las opciones que se observan en la figura corresponden a lo

siguiente: “A. Disminución de resolución B.  Original C.  Aumento de resolución


(píxeles seleccionados mostrados para cada conjunto de imágenes)” (Adobe,
2020, https://helpx.adobe.com/es/photoshop/using/image-size-
resolution.html). 
Al cambiar el tamaño de una imagen, hay tres posibles factores a editar: el
ancho, el alto o la resolución. 

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.

Figura 6: Cuadro de tamaño de imagen (Dimensiones, resolución y remuestreo)

Descripción: A. Dimensiones y resolución originales. B. Disminuir la resolución

sin modificar las dimensiones en píxeles (sin remuestreos) C. Disminuir la


resolución con el mismo tamaño de documento disminuye las dimensiones

de los píxeles (remuestreo).

Tamaño de archivo

El tamaño de archivo de una imagen es el tamaño digital del


archivo de imagen calculado en kilobytes (K), megabytes (MB) o
gigabytes (GB). El tamaño del archivo es proporcional a las
dimensiones en píxeles de la imagen. Las imágenes con más
píxeles muestran mejor los detalles digitalmente como de
manera impresa a un tamaño determinado, pero necesitan
mayor espacio en disco para su almacenamiento y requieren
más tiempo para su edición e impresión. (Adobe,
2020,  https://helpx.adobe.com/es/photoshop/using/image-size-
resolution.html)

La resolución de una imagen depende de dos factores: la calidad de la


imagen (si logra capturar todos los datos necesarios) y el tamaño de archivo. 

Otro factor que afecta al tamaño de los archivos es el formato


de los mismos. [Al momento de guardar una imagen, es
obligatorio elegir un formato]. En función de los distintos
métodos de compresión que se usan en los formatos de archivo
GIF, JPEG, PNG y TIFF, los tamaños de los archivos pueden ser
muy distintos aun teniendo las mismas dimensiones en píxeles.
De igual manera, la profundidad de los bits de color y la cantidad
de capas y canales de una imagen afectan al tamaño de
archivo. 

Photoshop admite unas dimensiones máximas en píxeles de


300.000 por 300.000 píxeles por imagen. Esta restricción limita
el tamaño y la resolución de impresión disponibles para una
imagen. (Adobe,
2020, https://helpx.adobe.com/es/photoshop/using/image-size-
resolution.html)

Las imágenes en mapa de bits y los gráficos vectoriales utilizan formatos


distintos a la hora de guardarlos. Los formatos no solamente influyen en el
tamaño del archivo, además afectan el objetivo y producción final. Los más
utilizado para las imágenes de mapa de bits son: JPEG (joint photographic
experts group), PNG (gráficos de red portátiles), BMP (imagen en mapa de
bits), PSD (Photoshop), TGA (truevision advanced raster graphics) y TIFF
(tagged-image file format), y en el caso de las imágenes vectoriales EPS
(lenguaje PostScript encapsulado), AI (Adobe Ilustrator) y SVG (scalable
vector graphics). Los formatos de vectores dependen del tipo de software
que se utiliza para crearlos o interpretarlos: AI (Adobe Illustrator), CDR
(CorelDRAW), DXF (AutoCAD). Los formatos de imágenes de píxeles, por su
parte, no dependen tanto de la aplicación. Casi todas las aplicaciones que
procesan imágenes pixeles pueden leer diversos formatos. Esto lo veremos
en detalle en la lectura 4. 

En la tabla siguiente puedes ver los tipos de archivos más comunes al


momento de guardar el documento final

Tabla 2: Formatos de las imágenes digitales y tipos de compresiones

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

“Una de las grandes tareas de los diseñadores es conocer las diferencias


entre los colores CMYK y los RGB, ya que ambos no son para lo mismo y
no conocer su uso puede resultar desastroso para la pieza
final” (Redacción Paredro, 2015, https://www.paredro.com/las-diferencias-
entre-colores-rgb-y-cmyk/).

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”.

En cuanto a CMYK (…) estos colores no son físicos. Son


netamente químicos fabricados con pigmentos y diluyentes
para confeccionar las tintas de imprenta. No solo son para
offset, además son utilizados para todo sistema de impresión
sobre cualquier sustrato y se definen como translúcido. 

(…)

No pueden ser usados en los mismos medios o soportes [debido


a su gran diferencia en la composición]. 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/)

En la imagen siguiente se analiza un archivo para reproducción en pantalla


(RGB) y otro para impresión (CMYK).
Fuente: adaptado de Multigráfica, 2020.

Figura 1: Los sistemas de colores RGB y CMYK

La figura 1, a la izquierda, nos muestra la elaboración de un color a base del


sistema RGB (red, green y blue) y la composición de la misma en el programa

Photoshop. A la derecha, nos muestra la elaboración de un color a base del

sistema CMYK (cyan, magenta, yellow y black) y la composición del mismo

dentro del software Photoshop. 

C O NT I NU A R
Lección 2 de 4

Espacios de color

Las imágenes en color, por otra parte, se describen en base a un modelo,


sistema o espacio de color. Los más usados son RGB (modelo aditivo) y
CMYK (modelo sustractivo). Ambos poseen tres y cuatro canales de color
respectivamente.

En el caso de las imágenes RGB, cada canal corresponde a un color primario


luz:

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

y la API Canvas? Recuperado de https://www.desarrollolibre.net/blog/html/como-obtener-por-


separado-el-canal-rgb-de-una-imagen-con-html5#.X758nVUzaos. 

Figura 2: Imagen 24 bits de profundidad de color RGB

La figura 2 ilustra una imagen RGB de 24 bits de profundidad separada por


canales de color. Cada uno de ellos representa, únicamente, la información del
color en cuestión y posee 256 tonos (8 bits) que van del blanco al negro.

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).

K: black o key (negro). 

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).

Se incorpora el color negro ya que el tono obtenido por la sumatoria de los


colores no tiene la pureza y fuerza necesaria para representarlo y es, más
bien, un gris oscuro. También es preciso aclarar que el blanco, en la mayoría
de los sistemas de impresión, no existe como tinta y se representa, en
consecuencia, por la ausencia de las tintas. Esta ausencia deja ver el color
del papel o del soporte de impresión usado, por ende, dependerá de que este
sea blanco.

Fuente:  Rotoatlantica (s.f.). Espacios de color. Canales RGB y CMYK. Recuperado de


https://www.rotoatlantica.com/espacios-de-color-canales-rgb-y-cmyk/. 

Figura 3: Espacios de color (canales RGB y CMYK)


La figura 3 ilustra el resultado final de una imagen con los dos sistemas de
colores: RGB y CYMK.

Tabla 1: Comparación entre los sistemas RGB y CMYK

RGB CMYK

Primarios: colores luz. Primarios: colores pigmento. 

Utiliza 3 canales de color: rojo, Utiliza 4 canales de color: cian,


verde y azul. magenta, amarillo y negro.

Se utiliza para imágenes en


Se utiliza para impresiones: offset,
pantalla: para web, proyectores,
domésticas, diarios, revistas,
pantallas LED, presentaciones,
etcétera.
etcétera.

Modelo substractivo de color: la


Modelo aditivo de color: la suma
suma de todos los colores da
de todos los colores da blanco.
negro.

Mayor gama de colores. Menor gama de colores.

Archivos más livianos. Archivos más pesados.

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/)

Crear nuevos archivos

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.

En la siguiente figura puedes observar los ajustes básicos y esenciales para


armar un nuevo archivo.
Fuente:  captura de pantalla de Photoshop (Adobe Systems Incorporated, 2018) con
adaptación propia.

Figura 4: Cuadro de nuevo documento RGB

Descripción.  A) Los tamaños predeterminados; B) Ajustes preestablecidos


adaptados al formato de salida final; C) El tamaño del archivo (medido en valores
de pixeles); D) Resolución  E)  Modo de color y cantidad de bit según la nitidez de
imagen que se necesita conseguir.

El primer paso es posicionarnos dentro de los ajustes de pantalla (web, móvil,


película y video). Esto ya nos dará algunos parámetros preestablecidos para
comenzar; por ejemplo, el tamaño del espacio de trabajo en pixeles, la
resolución, el sistema de color y la cantidad de bits.
Una vez que tengamos esto organizado, podremos crear el archivo para
comenzar a trabajar sobre el mismo. Luego, configuraremos la composición
del archivo, al momento de guardarlo (iremos a “Archivo”, luego “Guardar
como”, “Ordenador” y, por último “Tipo”). Allí definirá las opciones finales para
visualizar nuestro archivo. 

Es recomendable siempre guardar nuestro archivo en formato Photoshop


(PSD) para poder modificarlo a futuro dentro del software y, a su vez, guardar
una copia en el formato que se necesita para imprimir o enviar (como ser JPG,
PNG, etc.).

Figura 5: Los diferentes formatos de guardado 

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.

Figura 6: Imagen cuadro de nuevo documento CMYK

Descripción: A) Ajustes preestablecidos adaptados al formato de salida final B)


La mesa de trabajo tiene diferentes tipos de medidas, la más usada es el tamaño
de hoja A4. C) El tamaño se mide en centímetros como opción principal. D)  La
resolución (300 píxeles por pulgada o DPI) es la más utilizada para imprimir
pieza en alta calidad. E)  Modo de color CMYK. Se define el pigmento y cantidad
de bit según la nitidez de imagen que se necesita conseguir.  F) La opción del
perfil de color extra.

Cuando tenemos seleccionado el formato “Impresión” pre visualizamos


opciones del área de trabajo en los tamaños convencionales de papel: A4,
Legal, Carta; entre otros. En el panel de la derecha, dentro de los ajustes, se
visualiza la medida en centímetros, la resolución más utilizada es 300 DPI y
el sistema de color en CMYK de 16 bits (para la mejor resolución al momento
de impresión).

Dentro de las opciones encontramos otras más avanzadas para configurar el


documento, por ejemplo, los perfiles de colores precargados en el software. 

Para obtener una buena reproducción de las imágenes la mejor opción es la


siguiente:

1 Revisar ajustes de color en el programa y si podemos trabajar con


las recomendadas para impresión (Preimpresión en Europa 3)

2 Trabajar siempre en CMYK con el perfil de color Fogra Coated 39.


(…)
Esta configuración de color en el paquete de Adobe garantiza estar
más cerca del color real a imprimir, que un perfil como Japan Web o
similares donde se puede desvirtuar las imágenes al hacer el PDF.
(Impresum, s.f., https://www.impresum.es/centro-
ayuda/sp_faq/que-perfil-de-color-tengo-que-usar-para-mandar-a-
imprimir/

¿Es tan importante la definición de los perfiles de color? Sí, es crucial.


Una mala conversión de color de RGB a CMYK puede dejar una
imagen totalmente desvaída y con falta de contraste. Al convertir el
archivo en PDF este error es el típico, ya sea por una configuración
incorrecta del modo de color o por pasar por alto esta opción.

Figura 7: Cuadro de configuración de color


Formato de reproducción final

Un archivo digital, también llamado Fichero, es una unidad de datos o información


almacenada en algún medio que puede ser utilizada por aplicaciones de la
computadora.

Cuando se trabaja con un software de computadora, este genera un archivo digital


con un formato o extensión asociado al programa con el que fue creado. Cada
formato posee cualidades que lo hacen apropiado para situaciones y usos
específicos. 

Dentro del paquete general de Adobe encontrarás infinidad de formatos de archivos


para crear. Muchos de ellos se pueden combinar entre los programas y la gran
mayoría tiene un modelo de archivo que puede ser reproducido por todos, como ser
el formato JPG o PDF. 

La elección de un formato de archivo es uno de los pasos esenciales cuando se crea


una nueva composición en cualquiera de los programas de Adobe. 

Los formatos de archivos gráficos se diferencian en la manera de


representar la información gráfica (como píxeles o vectores), así como
en las diferentes técnicas de compresión y características, en este caso,
que Photoshop admiten. Para conservar todas las características de
Photoshop (capas, efectos, máscaras, etc.), guarde una copia de la
imagen en formato de Photoshop (PSD).
Lección 1 de 4

Los formatos para guardar en Photoshop nuestros


archivos

El formato Photoshop (PSD)

El formato PSD es la extensión más utilizada por el software y el más común


dentro de Photoshop “admite archivos de hasta 2 GB de tamaño. Para
archivos con tamaño superior a 2 GB, guárdelos en formato de documento
grande (PSB), RAW de Photoshop (solo imágenes acopladas), TIFF (hasta 4
GB) o DICOM” (Adobe, s.f., https://helpx.adobe.com/es/photoshop/using/file-
formats.html).

“El formato Photoshop (PSD) es el formato de archivo por defecto y el único


formato, junto con Formato de documento grande (PSB), que admite todas
las características de Photoshop, [tales como capas, máscaras o pinceles
que se utilizaron al momento de la creación del documento]” (Adobe, s.f.,
https://helpx.adobe.com/es/photoshop/using/file-formats.html).

Las grandes posibilidades de integración entre los productos de Adobe,


permite que otras aplicaciones como Adobe Illustrator, Adobe InDesign,
Adobe Premiere, Adobe After Effects, por ejemplo, importen directamente
archivos en formato PSD y conserven muchas de las características de
Photoshop. Esto nos habilita a combinar archivos para crear otras piezas
(Adobe, s.f.).

Figura 1: Previsualización de archivos PSD en el ordenador

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 Photoshop EPS

El formato de archivo de lenguaje PostScript encapsulado (EPS)


puede contener tanto gráficos vectoriales como de mapa de bits
y lo admiten prácticamente todos los programas de gráficos,
ilustraciones y diseño de páginas. El formato EPS se utiliza para
transferir imágenes PostScript entre aplicaciones. Al abrir un
archivo EPS que contiene gráficos vectoriales, Photoshop
rasteriza la imagen, convirtiendo los gráficos vectoriales a
píxeles.

El formato EPS admite modos de color como Lab, CMYK, RGB,


Color indexado, Duotono, Escala de grises y Mapa de bits.
(Adobe, s.f., https://helpx.adobe.com/mx/photoshop/using/file-
formats.html)

El formato RAW

El formato RAW de Photoshop es un formato de archivo flexible


utilizado en la transferencia de imágenes entre aplicaciones y
plataformas de ordenador. Este formato admite imágenes
CMYK, RGB y en escala de grises. Los documentos guardados
en formato RAW de Photoshop pueden tener cualquier tamaño
de píxeles o de archivo, pero no pueden contener capas. (Adobe,
s.f., https://helpx.adobe.com/mx/photoshop/using/file-
formats.html)
Veremos en detalle este formato de archivo y la herramienta Camera Raw de
Photoshop más adelante. A continuación, exponemos la diferencia entre el
archivo JPEG y el RAW.

Figura 2: Diferencia de archivos JPEG y RAW

Fuente: Adobe (2014). Diferencia de archivos JPEG y RAW. Recuperado de


https://helpx.adobe.com/es/pdf/photoshop_reference.pdf. 

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)

En la actualidad, el formato GIF es muy utilizado. “En Photoshop, se utiliza el


panel Línea de tiempo para crear cuadros de animación. Cada cuadro
representa una configuración de capas” (Adobe, 2020,
https://helpx.adobe.com/es/photoshop/using/creating-frame-
animations.html). Al final de la creación, obtendremos una animación por
cuadros en terminación GIF, aunque siempre es recomendable guardarla
también en un archivo PSD para su futura edición.

Figura 3: Imagen GIF


Fuente:  Static Vision (s.f.). Hyperlinks: A Static Vision Festival. Recuperado de
https://hyperlinks.sydney/post/190074149407/this-section-is-currently-under-construction.

El formato JPG o JPEG

El formato JPEG (grupo conjunto de expertos en fotografía, joint


photographic experts group) es uno de los más utilizados al momento de
finalizar y guardar un archivo en Photoshop. “El formato JPEG admite los
modos de color CMYK, RGB y Escala de grises, pero no admite
transparencias. A diferencia del formato GIF, JPEG conserva toda la
información de color de una imagen RGB” (Adobe,
s.f., https://helpx.adobe.com/mx/photoshop/using/file-formats.html). 

Los archivos o imágenes de MAC se denominan JPEG, mientras que, para


Windows, se utiliza JPG porque las extensiones en ese sistema operativo
poseen solo tres caracteres.

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)

Figura 4: Diferencia de imagen entre el formato PNG y JPG


Fuente:  Infante Docio, R. (2018). Optimizar imágenes, velocidad y espacio. Recuperado de
https://www.rubeninfante.com/2018/09/22/optimizar-tus-imagenes-velocidad-y-espacio/. 

El formato TIFF

El formato TIFF o TIF (tagged-image file format) se utiliza para


intercambiar archivos entre aplicaciones y plataformas de
ordenador. TIFF es un formato flexible de imágenes de mapa de
bits que prácticamente admiten todas las aplicaciones de
pintura, edición de imágenes y diseño de páginas (…) Los
documentos TIFF tienen un tamaño de archivo máximo de 4 GB.

El formato TIFF admite imágenes CMYK, RGB, Lab, de color


indexado y en escala de grises con canales alfa, e imágenes en
modo de mapa de bits sin canales alfa. Photoshop puede
guardar capas en un archivo TIFF; sin embargo, si abre el archivo
en otra aplicación, solo será visible la imagen acoplada (…)

En Photoshop, los archivos de imágenes TIFF tienen una


profundidad de 8, 16 o 32 bits por canal. Puede guardar
imágenes de alto rango dinámico (HDR) como archivos TIFF de
32 bits por canal. (Adobe, s.f.,
https://helpx.adobe.com/mx/photoshop/using/file-
formats.html)
El formato PDF

El formato de documento portátil (PDF) es un formato de archivo


flexible, multiplataforma y multiaplicación. Basado en el modelo
de imágenes de PostScript, los archivos PDF muestran y
conservan de forma precisa las fuentes, los diseños de página y
los gráficos vectoriales y de mapa de bits. Además, los archivos
PDF pueden contener funciones electrónicas de navegación y
búsqueda de documentos, por ejemplo, enlaces electrónicos.
PDF admite imágenes de 16 bits por canal. (Adobe, s.f.,
https://helpx.adobe.com/mx/photoshop/using/file-
formats.html)

 Figura 5: Formato PDF


La creación de un archivo para su guardado, tiene varios aspectos a
considerar, uno de ellos es la profundidad de bits.

La profundidad de bits estándar para las imágenes es de 8 bits


por canal. Para lograr un mayor rango dinámico con imágenes
de 16 o 32 bits, utilice los siguientes formatos:

Formatos para imágenes de 16 bits (se requiere el comando


Guardar como)
Photoshop, Formato de documento grande (PSB), Cineon, DICOM,
IFF, JPEG, JPEG2000, PDF de Photoshop, RAW de Photoshop, PNG,
mapa de bits portátil y TIFF.

Formatos para imágenes de 32 bits (se requiere el comando


Guardar como)

Photoshop, Formato de documento grande (PSB), OpenEXR, Mapa


de bits portátil, Radiance y TIFF.
Lección 3 de 4

Revisión del módulo

Hasta acá aprendimos

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

“La interfaz es el mecanismo o herramienta que posibilita y representa un


conjunto de objetos, iconos y elementos gráficos que vienen a funcionar
como metáforas o símbolos de las acciones o tareas que el usuario puede
realizar en la computadora” (7Graus, s.f.,
https://www.significados.com/interfaz/).

La interfaz de Photoshop es muy similar a la de otras aplicaciones de Adobe,


es fácil de abrir y de usar. Incluye opciones para nivelar los brillos, encontrar
los diferentes tipos de apariencias, plugins, herramientas, etc.

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.

El modo de color es fundamental en el ajuste de una mesa trabajo, teniendo


en cuenta sus efectos en el color y formato de salida de las imágenes. En
Photoshop existen cinco (5) modelos básicos de color.
1. Modo RGB (millones de colores).
2. Modo CMYK (cuatricromía).
3. Modo indexado (256 colores).
4. Modo de escala de grises (256 grises).
5. Modo de mapa de bits (2 colores). (Adobe, s.f.,
https://helpx.adobe.com/mx/photoshop/using/color-modes.html)

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).

Imágenes de mapa de bits



Acerca de las imágenes de mapa de bits

Las imágenes de mapa de bits o rasterizadas tienen una forma rectangular


en la cual se agrupan los píxeles o puntos de color que componen el
elemento. Los pixeles ocupan un lugar determinado y contienen un valor de
color específico. Un píxel es la unidad más pequeña y diminuta de una
imagen digital y está presente en un incalculable número para crear una
imagen final. Por ende, para editar o modificar una imagen de mapa de bits
se necesitan manipular los pixeles. Por el contrario, en las imágenes
vectoriales, se trabaja sobre los nodos.

Los gráficos vectoriales

Las imágenes vectoriales se basan en coordenadas


matemáticas que definen su posición, su forma, su color y otros
atributos. Están formadas por vectores, que son elementos
geométricos como puntos, líneas, polígonos o segmentos. Las
imágenes vectoriales se utilizan para logotipos, iconos,
ilustraciones, tipografías entre otras cosas. (Plaza,
s.f.,  https://www.albaplazadesigner.com/diferencias-entre-
imagen-de-mapa-bits-e-imagen-vectorial/)

“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).

La diferencia entre los gráficos basados en píxeles y vectores está en cómo


se organiza y se arma la imagen.

Dimensiones en píxeles y la resolución de una imagen en mapa de bits

La dimensión de píxel y la resolución son dos elementos muy importantes


que componen la calidad final de una imagen.

Las dimensiones en píxeles miden el número total de píxeles de


altura y anchura de la imagen. La resolución es la precisión del
detalle en las imágenes de mapa de bits, que se mide en píxeles
por pulgada (ppp). Cuantos más píxeles por pulgada, mayor
resolución. En general, las imágenes con más resolución
producen una calidad mucho mayor. (Adobe,
2020,  https://helpx.adobe.com/mx/photoshop/using/image-
size-resolution.html)

Para cambiar el tamaño de una imagen hay tres factores que podemos
editar: el ancho, el alto y la resolución.

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. (Adobe, 2020,
https://helpx.adobe.com/mx/photoshop/using/image-size-
resolution.html)

Creación de un archivo adecuado



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 cámaras
fotográficas leen los colores”. 

En cuanto al CMYK (…) Estos colores no son físicos. Son


netamente químicos fabricados con pigmentos y diluyentes
para confeccionar las tintas de imprenta y son utilizados para
todo sistema de impresión sobre cualquier sustrato y se definen
como traslúcidos.(…)

No pueden ser usados en los mismos medios o soportes, por su


gran diferencia en la composición. 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/)

En las imágenes RGB, cada canal corresponden a un color primario luz:


• R: red (rojo).
• G: green (verde).
• B: blue (azul).

Cada uno de estos canales posee 8 bits, 256 tonos del color que representa.

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). 
• K: black o key (negro).

Formato de reproducción final



Cuando se trabaja con un software de computadora, este genera un archivo
digital con un formato o extensión asociado al programa con el que fue
creado. Cada formato posee cualidades que lo hacen apropiado para
situaciones y usos específicos.

La elección de un formato de archivo es uno de los pasos esenciales cuando


se crea una nueva composición en cualquiera de los programas de Adobe.

Los formatos de archivos gráficos se diferencian en la manera


de representar la información gráfica (como píxeles o vectores),
así como en las diferentes técnicas de compresión y
características de Photoshop que admiten. Para conservar
todas las características de Photoshop (capas, efectos,
máscaras, etc.), guarde una copia de la imagen en formato de
Photoshop (PSD). (Adobe,
s.f.,  https://helpx.adobe.com/la/photoshop/using/file-
formats.html)

Al momento de guardar el archivo se debe considerar la profundidad de bits.

La profundidad de bits estándar para las imágenes es de 8 bits


por canal. Para lograr un mayor rango dinámico con imágenes
de 16 o 32 bits, utilice los siguientes formatos:

Formatos para imágenes de 16 bits (se requiere el comando


Guardar como)

Photoshop, Formato de documento grande (PSB), Cineon,


DICOM, IFF, JPEG, JPEG2000, PDF de Photoshop, RAW de
Photoshop, PNG, mapa de bits portátil y TIFF. (Adobe, s.f.,
https://helpx.adobe.com/la/photoshop/using/file-formats.html)
Interfaz del Software

Siguiendo a Steve Jobs (citado en Wolf, 1996): “La creatividad simplemente consiste
en conectar las cosas” (http://bit.ly/395WEpT).

Interfaz del software

Interfaz de Photoshop

Barra de menús

Los comandos o atajos de teclado

Referencias
Lección 1 de 5

Interfaz del software

Una interfaz es el mecanismo o herramienta que posibilita y representa un


conjunto de objetos, iconos y elementos gráficos que vienen a funcionar
como metáforas o símbolos de las acciones o tareas que el usuario puede
realizar en la computadora.

Desde su primera aparición en el año 1990, Photoshop revolucionó la


industria gráfica. La llegada de las computadoras personales a los hogares y
su constante evolución permitió que la industria del software se masificara.
En este contexto, nació Adobe Photoshop como un programa de edición de
imágenes digitales.

En la actualidad, después de tantos años en el mercado, la evolución de


Adobe Photoshop es increíble; ya no es un simple programa para retocar
fotografías o hacer tarjetas de cumpleaños: es el software más importante
de la industria gráfica y publicitaria. Su nombre significa «taller de fotos». Hoy
ese mote parece haberse quedado corto, ya que, en su constante evolución,
incorporó herramientas de animación, ilustración, pintura, 3D y mucho más.
Se ha convertido en el líder mundial indiscutido en su rubro, y es utilizado
tanto por fotógrafos como por diseñadores, animadores, desarrolladores y
arquitectos.
Para aprender y entender cómo trabaja Photoshop, es necesario comprender
cuatro conceptos fundamentales sobre los cuales Photoshop basa su
funcionamiento. Estos conceptos son:

1 La barra de menú.

2 Galerías de herramientas.

3 Capas.

4 Máscaras.

Sobre cada uno de estos conceptos, profundizaremos a lo largo del módulo,


pero primero debemos familiarizarnos con la interfaz del programa.
Lección 2 de 5

Interfaz de Photoshop

Como todo software de computadora, Photoshop posee una interfaz gráfica


que nos permite interactuar con el programa. Por medio de ella, al programa
le podemos dar la orden de realizar una determinada acción.

Figura 1: Mensaje introductorio al abrir la 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.

Al ejecutar el programa, podemos observar la interfaz estándar de


Photoshop, que puede ser modificada según el uso que le demos. En el
módulo anterior, vimos que la interfaz cuenta con los siguientes espacios de
trabajo: aspectos esenciales, 3D, gráfico y web, movimiento, pintura y
fotografía. Por defecto, se aplica el «aspectos esenciales» cuando se abre la
interfaz.  Los espacios de trabajo ayudan básicamente a organizar la mesa
del trabajo en función del uso, y hacen visibles las configuraciones y las
herramientas útiles para esta.

En la parte superior de la ventana, se encuentra la barra menús. En el


costado izquierdo, la barra de herramientas y, en el margen derecho, los
paneles de herramientas principales: capas, color, bibliotecas, etcétera. En
la parte inferior, encontramos la barra de estado entre otros. Cabe destacar
que los programas de Adobe tienen una interfaz dividida en paneles, que
pueden ser flotantes, es decir, que pueden estar «flotando» sobre la pantalla
en vez de estar pegados a ella. Esta característica nos permite moverlos de
un lugar a otro y reubicarlos según nuestra conveniencia.

Figura 2: Muestra de la interfaz clásica de Adobe Photoshop


Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems Incorporated,
2020).

Figura 2: representación de la interfaz de Adobe Photoshop.

Rosa: mesa de trabajo. Rojo: zona de paneles. Naranja: paneles de capas.


Amarrillo: menú de capas.  Verde: barra de menú. Turquesa: barra de menú.
Azul: barra de herramientas. Violeta: propiedades de documentos.

C O NT I NU E
Lección 3 de 5

Barra de menús

Figura 3: Barra de menús

Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems Incorporated,
2020).

Figura 3: muestra de la barra de menús.

En la parte superior de la pantalla, nos encontramos con la barra de menús


con todas sus opciones. Se utiliza para abrir y guardar archivos, ajustar el
tamaño del lienzo, acceder a algunas de las herramientas de edición, abrir y
cerrar varias ventanas, y más.

 A continuación, un pequeño detalle de cada uno de ellos.

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).

De acuerdo con Tecnonautas (s. f.):

Por ejemplo, si acaba de abrir Photoshop y desea importar un


archivo PNG o JPG, puede utilizar el menú Archivo para
seleccionar Abrir para buscar la imagen que desea utilizar.
También se admiten operaciones abiertas avanzadas, como
abrir imágenes en Adobe Bridge, abrir objetos inteligentes,
guardar fotos para su uso en la web para reducir el tamaño y
exportarlas a un formato de vídeo, etc. (http://bit.ly/2M7mYHf).

Además, tenemos la opción «Abrir reciente» en el menú «Archivo», la cual es


una lista de los diez archivos abiertos más recientemente. Siempre y cuando
el archivo original no haya sido movido a otro lugar, puede usar esa opción
para reabrir rápidamente un archivo sin tener que pasar por el procedimiento
normal de «abrir, seleccionar, navegar». En el mismo menú de archivo,
podemos convertir un video en fotogramas o convertir un video en un GIF.
Figura 4: Menú
de archivo

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.

Desde aquí, podemos personalizar aspectos relacionados con los menús y


también cambiar los atajos de teclado.

De acuerdo con el sitio Tecnonautas (s. f.):

Por ejemplo, puede hacer cosas sencillas como transformar un


objeto o adaptarlo dentro de un espacio, deshacer o rehacer una
acción reciente, así como cortar, copiar y pegar. Estas son
acciones comunes, por lo que te encontrarás usando esas
opciones de menú con frecuencia, o al menos aprendiendo sus
atajos de teclado (que se muestran en el menú Edición).

En el mismo se encuentra la posibilidad de generar nuevos


pinceles, patrones y formas a partir de objetos existentes en el
lienzo también se realiza a través de este menú. El menú Editar
es la forma de abrir Preset Manager para ver pinceles,
degradados, muestras, formas personalizadas y cargar sus
propios pinceles ABR personalizados; así como la forma de abrir
Color Settings para ajustar los perfiles RGB, CMYK y otros
perfiles de color (y también para cargar archivos CSF y PSP
personalizados). (http://bit.ly/2M7mYHf).
Figura 5: muestra del menú de edición.

Siguiendo a Tecnonautas (s. f.):


Desde aquí, podemos personalizar aspectos relacionados con los menús y
  Figura 5: muestra del menú de edición.
también cambiar los atajos de teclado.

Desde aqu, podemos personalizar aspectos relacionados con los mens y


tambié n cambiar los atajos de teclado.
La mayoría de las opciones relacionadas con la edición de imágenes en
Photoshop están disponibles en el menú Imagen. Desde este menú
podemos modificar todos los valores de la imagen, como el tamaño, el modo
de color y la profundidad de color. Dentro de él, se encuentra el submenú
llamado Ajustes que permite acceder a varias herramientas para cambiar el
brillo, el contraste, los niveles, la exposición, la vibración, el tono/saturación y
el balance de color de la imagen. También aquí están las herramientas Photo
Filter, Channel Mixer, y Color Lookup, entre otras. También tiene
herramientas automáticas para hacer cambios de manera rápida editando el
aspecto de una imagen sin tener que sumergirse en ninguna herramienta
específica. Tono automático, contraste automático y color automático son las
opciones. (http://bit.ly/2M7mYHf).

Figura 6: Menú de imagen


Menú de capa
De acuerdo con Tecnonautas (s. f.):

El menú Capas es donde se encuentran todas las


herramientas de manipulación de capas en Photoshop. Aquí
encontramos todas las opciones correspondientes
específicamente a las capas, como crear, duplicar, enlazar,
agrupar, etcétera. Además, podemos encontrar opciones para
crear máscaras de capas, ajustar capas y rellenar capas. Una
capa de relleno, por ejemplo, es una nueva capa prepoblada
con un color, patrón o gradiente específico, que puede elegir al
hacer clic en ella. Se puede utilizar el menú capa para crear y
editar objetos inteligentes, así como exportar su contenido a
un archivo o sustituir su contenido por el de otro objeto
inteligente. (http://bit.ly/2M7mYHf).

Figura 7: Menú de capa


Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems Incorporated,
2020).

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.

Figura 8: Menú de 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.

Figura 9: Menú de 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.

Según Tecnonautas (s. f.):

En el menú de Filtro […] se encuentra la galería de filtros para


previsualizar filtros artísticos, trazos de pincel, distorsiones,
bocetos, texturas y otros filtros incorporados. Los filtros se
aplican a la capa activa o a los objetos inteligentes. Los filtros
aplicados a los objetos inteligentes no son destructivos, por lo
que se pueden volver a ajustar siempre que se desee. Para
aplicar un filtro a una capa entera, asegúrese de que la capa
esté activa o seleccionada. Para aplicar un filtro a un área de
una capa, seleccione el área. Para aplicar un filtro de manera no
destructiva a fin de poder cambiar sus ajustes más adelante,
seleccione el objeto inteligente que contenga la imagen que
desee filtrar. La galería cuenta con filtros para desenfoque,
ruido, pixelado, renderizado y nitidez entre otros.
(http://bit.ly/2M7mYHf).
 

Figura 10: Menú de filtro

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.

Siguiendo lo establecido por Adobe (2020b):

Puede interactuar con los objetos 3D en el gráfico de escena de


varias maneras como, por ejemplo:

Eliminar objetos.

Reordenar objetos.

Invertir el orden de los objetos.

Insertar objetos.

Duplicar objetos.

Crear instancias de objetos.

Agrupar objetos.

Puede acceder a estas interacciones en el menú contextual


asociado a un objeto 3D. Haga clic en el botón derecho
(Windows) o presione Control y haga clic (Mac OS). Algunas
interacciones no están disponibles para determinados tipos de
objetos 3D. (http://adobe.ly/395K1vh).
Figura 11:
Menú 3D

Menú vista
Figura 12: Menú de vista

En relación con el menú vista, se establece lo siguiente:

Incluye herramientas relacionadas con la manera de ver las cosas en


Photoshop. Puede habilitar una regla, crear guías que puede seguir para
un posicionamiento preciso y cambiar al modo de pantalla completa.
Además, cuenta con la opción de acercar y alejar, ajustar
automáticamente el lienzo al mismo tamaño que la pantalla, acercar o
alejar automáticamente para mostrar el tamaño real del píxel y
acercar al tamaño de impresión son algunas de las opciones.

Figura 12: Menú de vista


Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems Incorporated,
2020).

Menú ventana
El menú ventana tiene dos propósitos en la interfaz:

[…] ocultar/mostrar ventanas y organizar el espacio de trabajo


como uno desee. Es una herramienta muy útil, dado que no
todas las ventanas disponibles se muestran todo el tiempo, al
tener el menú Ventana nos permite mostrarlas u ocultarlas
instrumentos a medida que las necesite. El menú ventana se
puede utilizar para cambiar todo tipo de ventanas como visibles
u ocultas: canales, caracteres, historia, acciones, pincel, ajustes,
canales, color, entre otros. (Tecnonautas, s. f.,
http://bit.ly/2M7mYHf).

Figura 13: Menú de ventana

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.

Figura 14: Menú de ayuda

Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems Incorporated,
2020).
Lección 4 de 5

Los comandos o atajos de teclado

Además de la barra de menús, tenemos los comandos o atajos de teclado de


Photoshop que nos pueden ayudar a encontrar de manera más fácil los
submenús y lo que nosotros necesitamos. Utilizar los métodos abreviados de
teclado nos ayuda a alcanzar mayor productividad al utilizar Adobe
Photoshop. También se pueden personalizar los métodos abreviados del
teclado en Photoshop en el escritorio. Puede ver, editar y sintetizar métodos
abreviados de teclado en el cuadro de diálogo «Métodos abreviados de
teclado». Para verlos en Photoshop, seleccione «Edición» y luego «Métodos
abreviados de teclado», o utilice los siguientes métodos abreviados de
teclado:

1 «Alt» + Mayús» + «Control» + K (Windows).

2 «Alt» + Mayús» + «Comando» + K (macOS) (Adobe, 2020b).

Tabla 1: Los atajos de teclado más empleados

Resultado Windows macOS


Resultado Windows macOS

Transformación libre «Control + T» «Comando + T»

Alternar entre pintura


Mantenga pulsado ` Mantenga pulsado `
y borrado con el
(acento grave) (acento grave)
mismo pincel

Reducir tamaño de
[ [
pincel

Aumentar tamaño de
] ]
pincel

Reducir dureza del


{ {
pincel

Aumentar dureza del


} }
pincel

Flecha izquierda Flecha izquierda


Girar la punta del (hacia la izquierda), (hacia la izquierda),
pincel un grado Flecha derecha Flecha derecha
(hacia la derecha) (hacia la derecha)
Resultado Windows macOS

Mayús + Flecha «Mayús» + Flecha


izquierda (hacia la izquierda (hacia la
Girar la punta del izquierda) izquierda),
pincel 15 grados Mayús + Flecha Mayús + Flecha
derecha (hacia la derecha (hacia la
derecha) derecha)

Colores frontales/de
fondo D D
predeterminados

Cambiar colores
X X
frontales/de fondo

Ajustar capa(s) a la Opción + clic en la


Alt + clic en la capa
pantalla capa

Nueva capa vía


Control + J Comando + J
Copiar

Nueva capa vía Mayús + Comando +


Mayús + Control + J
Cortar J

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

Eliminar pincel o Alt + clic en pincel o Opción + clic en


muestra muestra pincel o muestra

Alternar selección
automática con la Control + clic Comando + clic
herramienta Mover

Cerrar todos los


documentos abiertos Comando + Opción +
Ctrl + Alt + P
que no sean el P
documento actual

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

Fuente: Adobe, 2020a, http://adobe.ly/3p1HEyZ.


Barra de Herramientas

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

La barra de herramientas es el lugar hacia donde nos dirigimos


seguidamente, ya que es donde se encuentran los esenciales para llevar a
cabo cualquier tipo de trabajo en la interfaz. “Cuando inicies Photoshop, el
panel de herramientas aparece en la parte izquierda de la pantalla. Algunas
herramientas de este panel cuentan con opciones que aparecen en la barra
de opciones contextuales” (Adobe, 2020, https://adobe.ly/39QrgLb). En ella,
encontramos todas las herramientas necesarias para crear o editar una
imagen. Dichas herramientas están organizadas por categorías, como
podemos observar en la figura 1. 

Puedes expandir algunas herramientas con el fin de ver las que


contiene ocultas. Un triángulo pequeño en el lateral inferior
derecho del ícono de herramienta indica la presencia de
herramientas ocultas. Para ver información sobre una
herramienta, basta con colocar el puntero sobre ella. En la
información de herramientas  que se muestra debajo del
puntero aparece el nombre de la herramienta. (Adobe, 2020,
https://adobe.ly/39QrgLb)
Asimismo, podemos acceder a las diferentes herramientas mediante atajos
de teclado, los cuales se muestran entre paréntesis en la misma imagen.

Figura 1: Barra de herramientas de Adobe Photoshop

Fuente: FotoCurso.net, 2011, https://bit.ly/3p6hJWT


Las herramientas poseen un uso muy intuitivo debido a su organización en la
barra y, además, al acercar el puntero a determinadas herramientas en el
panel, Photoshop muestra un video breve de dicha herramienta y su
descripción (Adobe, 2020). Esto hizo que el usuario se familiarice con ellas
sin demasiado esfuerzo. Como se mencionó anteriormente, algunas
herramientas poseen variantes que se pueden desplegar al hacer clic en la
flecha de la esquina inferior del ícono que represente la herramienta. Por
ejemplo, la primera herramienta de selección es el marco rectangular, pero,
al desplegar la herramienta, aparecen más opciones como marco elíptico,
marco de columna única y marco de fila única. Las herramientas agrupadas
responden al mismo atajo de teclado. Es preciso aclarar que el ícono de
herramienta siempre mostrará la última variante usada, y el método
abreviado de teclado responderá a ella. El resto de las herramientas del
grupo quedará oculto.

Personalización de la barra de herramienta


Como ya vimos en el módulo anterior, la interfaz posee diferentes tipos de
mesas de trabajo, que tienen en cuenta las numerosas tareas que se pueden
realizar en la interfaz. La barra de herramienta nos da la posibilidad de
personalizar según la necesidad de cada proyecto, debido a que la interfaz
cuenta con los siguientes espacios de trabajo: aspectos esenciales, 3D,
gráfico y web, movimiento, pintura y fotografía. Por defecto, se aplica el
“aspecto esencial” cuando se abre la interfaz.  
Para personalizar, se puede hacer de dos (2 maneras).

Seleccionar edición > barra de


1
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,

Figura 2: Personalización de la barra de herramientas


Fuente: adaptación propia con base en software Adobe Photoshop CC (Adobe, 2020).

Para entender de manera correcta cómo lograr la personalización, se deben


tener en cuenta los siguientes factores:

Arrastra y coloca las herramientas o los grupos para reorganizar la


barra de herramientas.

Mueve las herramientas "sobrantes", las que no utilices o las de


menor prioridad a herramientas adicionales.
Para acceder a las herramientas adicionales, pulsa de manera
prolongada ...  en la parte inferior de la barra de herramientas.

Para guardar la barra de herramientas personalizada, haz clic en


guardar ajuste preestablecido.

Para abrir una barra de herramientas personalizada guardada


anteriormente, haz clic en cargar ajuste preestablecido.

Para restaurar la barra de herramientas predeterminada, haz clic


en restaurar valores predeterminados.

Para mover todas las herramientas a herramientas adicionales,


haz clic en borrar herramientas.

Selecciona los widgets que no sean herramientas para mostrarlos u


ocultarlos en la parte inferior de la barra de herramientas. (Adobe,
2020, https://adobe.ly/39QrgLb)

Como pudimos ver anteriormente, en la figura 1, la barra de herramientas


está organizada por grupos y cada grupo tiene sus respectivos instrumentos.
Ahora, vamos a nombrarlos y a ver la importancia y el papel que desempeña
cada uno en la interfaz.

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).

Las herramientas de marco



Son cuatro y sirven para realizar selecciones rectangulares, elípticas, de fila
única y de columna única.
Figura 4: herramienta de marco
Fuente: adaptación propia con base en software Adobe Photoshop CC (Adobe, 2020).

Las herramientas de lazos


con la herramienta lazo puedes seleccionar imágenes a mano


alzada. La herramienta lazo poligonal te permite seleccionar
imágenes desde los vértices, mientras que la herramienta lazo
magnético selecciona los bordes de las imágenes
automáticamente, a medida que se pasa el cursor por la imagen.
(Carranza, 2020, https://bit.ly/392xdWl)

Figura 5: herramientas de lazos


Fuente: adaptación propia con base en software Adobe Photoshop CC (Adobe, 2020).
La herramienta de selección rápida

Nos sirve cuando tenemos que cambiar de fondo a un objeto en una imagen.
Imagina que te fuiste a Brasil de vacaciones y sacaste una foto en un lugar y
resulta que después no te gusta por todos los objetos que había detrás de ti
en la foto. Con la herramienta de selección rápida, puedes cambiar el fondo y
poner cualquier otro fondo. Nos da la posibilidad de llevar un elemento de una
fotografía o imagen a otro espacio de trabajo, pero sin el fondo. Es una de las
herramientas más utilizada para hacer edición fotográfica en la industria del
modelaje y de la publicidad. Eso es posible con la ayuda de la herramienta de
selección rápida. Esta hace una selección del área y se basa en el brillo o la
textura del elemento (Carranza, 2020).
Primero, hay que seleccionar el área que quieres llevar. También, puedes
aumentar o reducir el tamaño del cursor para que la selección sea lo más
precisa posible (para corregir la selección que hiciste, debes utilizar la
herramienta pincel) (Carranza, 2020).
Herramienta varita mágica
La varita mágica es muy similar a la herramienta de selección
rápida. La diferencia es que la varita mágica hace la selección
acorde a los colores de los píxeles (selecciona los similares). Es
una herramienta muy útil cuando tienes una imagen con colores
sólidos. Por lo general, luego de usarla, no hace falta que
realices modificaciones a tú selección. (Carranza, 2020,
https://bit.ly/392xdWl)

Figura 6: herramienta de selección rápida y herramienta de varita mágica


Fuente: adaptación propia con base en software Adobe Photoshop CC (Adobe, 2020).

Herramientas de recorte y creación de sectores


Como lo indica su nombre, las herramientas de recorte nos permiten recortar
una imagen. La diferencia con las selecciones es que la zona excluida es
eliminada del archivo. Los sectores, por otra parte, son espacios
rectangulares en la imagen que pueden contener propiedades web, como
enlaces, botones rollover y animaciones. Estas herramientas nos permiten
modificar una fotografía y eliminar elementos que están, pero que no
deberían estar ahí.

Estas herramientas son las siguientes:

1 Herramienta para recortar.

2 Herramienta de recorte con perspectiva.

3 Herramienta sector.

4 Herramienta seleccionar sector (Carranza, 2020).

Figura 7: Herramientas de recorte y creación de sectores


Fuente: adaptación propia con base en software Adobe Photoshop CC (Adobe, 2020).

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.

Figura 8: Herramientas de medida


Fuente: adaptación propia con base en software Adobe Photoshop CC (Adobe, 2020).

La herramienta cuentagotas permite tomar muestras de color para designar


un nuevo color frontal o de fondo. Puede tomar muestras de la imagen activa
o de cualquier otra parte de la pantalla.

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.

Figura 9: Herramientas de retoque


Herramientas de pintura

Suele ser la herramienta favorita de los diseñadores gráficos y los


ilustradores.  
Con ella se puede emular los trazos, efectos y formas que se pueden lograr con
un pincel real. Además, puedes modificar su grosor, color e intensidad. Su uso
es tan popular que existe una amplia variedad de pinceles para Photoshop en
la web. Los hay efecto acuarela, tinta, óleo, humo, etc.
Herramientas de texto y dibujo
Como lo indica su nombre, aquí encontramos instrumentos de creación y
modificación de textos. Las herramientas de dibujo de este grupo son de

dibujo vectorial, similares a las de Adobe Illustrator. También aquí se


encuentran las formas básicas, como rectángulos, elipses y líneas.
Herramientas de navegación
Estas nos permiten desplazarnos libremente por el documento y ampliar o
rotar la vista.

Debajo del último grupo de herramientas, se encuentra el selector de color,


desde el que podemos elegir un color frontal y otro de fondo. Con la mayoría
de las herramientas, el color frontal determina el color con el cual trabajará la
herramienta seleccionada. El color de fondo o secundario sirve para tener
otro color a mano o para descubrir u ocultar zonas en las máscaras. Debajo
del selector de colores, se encuentra la opción de editar en modo máscara
rápida. Estos conceptos serán profundizados en la unidad 4. Por último,
debajo de todo se encuentra el modo de pantalla, que cuenta con tres
opciones de visualización.

Figura 13: Selector de color


Herramientas de Selección

En el módulo anterior vimos brevemente todas las herramientas de la barra de


herramientas de Photoshop, en este módulo ampliaremos algunas de ellas teniendo
en cuenta su importancia en la labor diaria.  
Tal como mencionamos en el módulo anterior, Photoshop se utiliza principalmente
para trabajar con imágenes de mapa de bits, las cuales se componen por píxeles. En
estas imágenes, las formas y figuras también están formadas por una sucesión de
píxeles y el software no es capaz de aislarlas de manera automática. Para
seleccionar cualquier parte o elemento de la imagen o para separar una figura del
fondo, Photoshop desarrolló múltiples herramientas de selección. Estas se ubican en
la parte superior de la barra de herramientas (figura 2, lectura 1, turquesa: barra de
menú). Básicamente, existen tres tipos de herramientas de selección, con sus
respectivas variantes. 
● Selección de marcos
● Selección con lazos
● Selección rápida

Selección de marcos

Selección con lazos

Herramienta de Selección rápida y herramienta de Varita mágica


Lección 1 de 5

Selección de marcos

Sirve para realizar selecciones geométricas. El marco rectangular, como lo


indica su nombre, sirve para hacer selecciones rectangulares. La forma de
realizar una selección es hacer clic y mantenerlo presionado, arrastrar con el
mouse hasta el punto deseado y soltar el clic. El punto en donde se haga clic
será el vértice inicial de la selección, y el punto donde se suelte será el vértice
opuesto del rectángulo.

El marco elíptico, por su parte, se usa para selecciones elípticas.

Si deseamos hacer una selección cuadrada o circular perfecta, se debe


mantener presionada la tecla «Shift» mientras se realiza. 

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».

Para mover la selección y reajustar su posición, antes de soltar el clic


presionar la tecla «Espacio» y mover la selección con el mouse hasta el lugar
deseado.
Por otra parte, las herramientas Marco fila única y Marco columna única
permiten seleccionar una fila o columna (según el caso) de píxeles de una
punta a la otra del documento.

Figura 1: Las configuraciones de las herramientas de marco

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).

El primer ícono (recuadro A en la figura 1), ubicado en el costado derecho de


esta barra, muestra la herramienta en uso.

Los siguientes íconos (recuadro B en figura 1) son las opciones de selección.


El primero de ellos es un cuadrado solo y corresponde a una nueva selección;
el segundo ícono consta de dos cuadrados superpuestos. Cuando activamos
la opción «Suma a la selección», cada nueva selección se sumará a la
anterior. Por otro lado, el tercer ícono, el que muestra dos cuadrados, pero
esta vez uno pintado de blanco, resta la selección. En este caso, cada nueva
selección se restará a la selección activa. Por último, el cuarto ícono muestra
la intersección de dos cuadrados y, como podemos deducir, dejará activa la
intersección entre dos selecciones y eliminará el resto de la selección.

Figura 2: Opciones de las herramientas Marco rectangular y Marco elíptico


Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia

En la figura 2, cada icono corresponde a las siguientes opciones: A.


«Selección nueva», B. «Añadir a la selección», C. «Restar de la selección» y D.
«Intersecar con la selección».

La tercera opción de la barra (C en la figura 1) nos permite desvanecer el


borde de la selección para hacerlo menos duro. Esta opción nos permite
colocar un valor numérico que determinará la cantidad de píxeles que se
desvanecerán en la transición. Al mismo tiempo, se puede activar o
desactivar la opción suavizada. Esta alisa los bordes dentados de una
selección para hacerla más suave.

El último botón de la barra es «Seleccionar y aplicar máscara» (E en la figura


1). En versiones anteriores a la de Photoshop CC 2015, la encontramos en el
mismo lugar, pero bajo el nombre «Perfeccionar borde». Esta es una de las
características más importantes, ya que nos permite perfeccionar y ajustar
las selecciones (figura 1).

Figura 3: Selección y aplicación de máscara 


Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia

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.

Hasta aquí, estas opciones (A, B, C y E en la figura 1) son comunes a todas


las herramientas de selección y cumplen la misma función en cada una de
ellas. La opción D (figura 1), en cambio, es específica de las herramientas
Marco rectangular y Marco elíptico. Esta opción nos permite crear una
selección con medidas específicas o una proporción fija.

C O NT I NU A R
Lección 2 de 5

Selección con lazos

La herramienta Lazo se encuentra en la tercera posición de la barra de


herramientas de Photoshop y tiene varias variantes, como el lazo poligonal o
el lazo magnético. Cuyo atajo de teclado por defecto es la tecla «L».   La
herramienta Lazo se utiliza bastante en Photoshop para edición fotográfica.
Cada una de las variantes es fácil de usar y son dependientes de la habilidad
de movimiento manual del usuario. Debido a su gran utilidad, vale la pena
conocerlas e integrarlas dentro de nuestro bagaje. Como toda nueva
herramienta, al principio siempre cuesta un poco más su dominio, pero con el
tiempo y la práctica serán muy fáciles de usar.  

Figura 4: La herramienta Lazo con sus variantes


Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia

Se puede seleccionar cualquiera de estas herramientas con un clic


prolongado sobre el ícono de «Lazo». Cada una de las herramientas de Lazo
sirve para hacer selecciones de áreas de la imagen, con la más variada gama
de resultados.

La herramienta Lazo nos permite realizar una selección a mano alzada


mediante el dibujo de su contorno con el mouse. Para ello, haremos clic en el
punto inicial y contornearemos la silueta del sector que queramos
seleccionar. Luego, soltaremos en el punto de cierre. Recordemos que, al ser
un proceso a mano alzada, el resultado será poco preciso. Resulta ideal
cuando necesitamos una selección rápida, pero el fondo no es homogéneo.

Figura 5: La herramienta de Lazo aplicado en un objeto (maqueta lata de


bebida)

Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia

La herramienta Lazo resulta útil para dibujar segmentos de forma libre de un


borde de selección. Para añadir, restar o realizar una intersección con una
selección existente, se debe hacer clic en el botón correspondiente de la
barra de opciones.

Figura 6: Opciones de selección de la herramienta Lazo

Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia

En la figura 6, pueden verse las siguientes opciones de selección: A. «Nueva»,


B. «Añadir a», C. «Restar de» y D. «Formar intersección con».

El lazo poligonal es una de las variantes más fáciles de usar. Se usa


haciendo clic sobre la imagen en los puntos vértice de un polígono cualquiera
que se quiere seleccionar.

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.

Figura 7: La herramienta de lazo poligonal aplicado en un objeto (maqueta


lata de bebida)
Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia

La herramienta Lazo poligonal resulta útil para dibujar segmentos de borde


rectilíneo de un borde de selección. Tenemos las opciones de selección en la
barra de opciones para crear nueva, añadir, restar y formar intersección con.

Figura 8: Opciones de selección de la herramienta Lazo poligonal


Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia

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.

Figura 9: Opciones de selección de la herramienta Lazo magnético


Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia

No es aconsejable el uso de esta herramienta en la aplicación de imagen con


borde espinoso y con fondo complejo debido a que no siempre la selección
saldrá perfecta, “porque a veces Photoshop puede interpretar el fondo de
imagen de manera incorrecta, lo que puede derivar en que la selección no se
adapte exactamente a la silueta deseada” (Álvarez, 2009,
https://bit.ly/39cSM6O).

El lazo magnético hace que, a medida que realizamos la


selección, se nos proponga una ruta posible para el área
seleccionada…
Para utilizar esta herramienta hacemos con el clic del ratón para
comenzar la selección y luego simplemente se trata de rodear
con el puntero del ratón el elemento a seleccionar, sin hacer
nada más (Álvarez, 2009, https://bit.ly/39cSM6O). 

Figura 10: La herramienta de lazo magnético aplicado en un objeto


(maqueta lata de bebida)

Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia
Lección 3 de 5

Herramienta de Selección rápida y herramienta de


Varita mágica

Estas herramientas son las más interesantes, ya que permiten realizar


selecciones bastante precisas de manera muy ágil. Si bien su resultado no es
perfecto, puede ser mejorado y perfeccionado con la barra de opciones o al
combinarlo con otras técnicas.

La herramienta Varita mágica, dentro de las herramientas y funciones que


tiene Photoshop, es una de las más interesantes (su atajo de teclado es
«W»). Nos permite seleccionar de manera automática grupos de píxeles en
elementos, objetos o partes de una imagen que tengan la misma o similar
coloración con un solo clic. Ayuda de forma sencilla a retocar determinadas
partes de una imagen o eliminar objetos concretos sin tener que dedicar
mucho tiempo a seleccionar todo el objeto.

Como la herramienta Selección rápida, la precisión de la Varita mágica no es


tan precisa, pero al usarla en combinación con otras herramientas de
Photoshop nos puede ayudar a ahorrar mucho tiempo a la hora de editar una
imagen.   Si trabajamos con fotos o imágenes de tonos continuos es difícil
que la Varita mágica haga la selección deseada, como se puede observar en
la figura 11. Cuando tenemos que seleccionar zonas en las que los colores
son homogéneos es la herramienta más útil, como podemos observar en la
figura 12.

Figura 11: La herramienta Varita mágica aplicada en un objeto (maqueta


lata de bebida) de manera no deseada

Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia

Figura 12: La herramienta Varita mágica aplicada en un objeto (maqueta


lata de bebida) de manera deseada
Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia 

También en las opciones de selección, en la parte superior de la pantalla,


podemos encontrar las propiedades que podemos modificar. Desde las
opciones de herramienta se puede ajustar la tolerancia de selección. Una
mayor tolerancia abarca más cantidad de tonos del mismo color. Otra opción
configurable es el casillero contiguo. Si esta se encuentra activada, la
herramienta seleccionará solo píxeles contiguos, pero si la desactivamos, la
selección se realizará sobre toda la imagen. 
Figura 13: Opciones de selección de la herramienta de Varita mágica

Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia

1 Botones de operación: el puntero de la herramienta Varita mágica


cambia según la opción seleccionada. Estos botones determinan
que las nuevas selecciones se reemplacen, sumen, resten o
intersecten con las ya existentes.

2 Tamaño de muestra: se define por promedios iguales.

3 Tolerancia: determina la gama de colores de los píxeles


seleccionados (valor en píxeles entre 0 y 255). Si defines un valor
bajo, seleccionarás aquellos colores que más se asemejen al píxel
en el que hayas hecho clic. Cuanto más alto sea el valor, mayor
será la gama de colores seleccionada.
4 Suavizar: hace que la transición de la selección no sea tan brusca,
creando una selección de bordes más suaves.

5 Contiguo: selecciona solo zonas adyacentes con los mismos


colores. De lo contrario, se seleccionan todos los píxeles de la
imágen completa con los mismos colores.

6 Muestrear todas las capas: si está marcada esta opción se hará la


selección de colores con datos de todas las capas visibles. De lo
contrario, la herramienta «Varita mágica» selecciona colores solo
de la capa activa.

La herramienta Selección rápida, como su nombre lo dice, permite realizar


selecciones rápidamente. Es una herramienta muy interesante, ya que nos
brinda la posibilidad de hacer complejas selecciones en Photoshop de
manera cómoda y sencilla. Usar la herramienta Selección rápida es bastante
parecido a pintar, solo que el resultado final es una selección. Es similar a la
Varita mágica, ya que también selecciona grupos de píxeles similares. La
diferencia radica en la forma de usar la herramienta. En este caso, su forma
es como un pincel: el usuario debe ir pintando las áreas que desea
seleccionar, y se irá sumando a la selección. Esta herramienta resulta muy
útil cuando el fondo o el área a seleccionar no son homogéneos, como el
fondo superior de la figura 15. 

La herramienta de Selección rápida tiene una barra de opciones como las


otras herramientas que vimos anteriormente. Estas opciones nos permiten
realizar ajustes en la selección para mejorar la calidad.
Figura 14: Opciones de selección de la herramienta Selección rápida

Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia

1 Botones de operación: «Selección nueva», «Añadir a la selección»,


«Restar de la selección», «Formar intersección con selección».
«Selección nueva» es la opción por defecto si no hay nada
seleccionado.

2 El pincel determinará el comportamiento de la herramienta de


Selección rápida. Su tamaño y forma serán fundamentales para
aprovechar todas las posibilidades.

3 Muestrear todas las capas: si tildamos esta opción se seleccionará


lo elegido en todas las capas.

4 Mejorar automáticamente: suaviza los bordes y mejora la precisión


del marco.

Es la herramienta perfecta cuando hay algún borde irregular o con


demasiadas ramificaciones que no han podido ser seleccionadas así
hayamos combinado todas las herramientas de selección.

Figura 15: La herramienta Lazo magnético aplicado en un objeto (maqueta


lata de bebida)
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.

Figura 16: El menú de selección

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.

Como podemos notar, la relación entre el nombre de la opción en el menú y


la acción que ejecuta es bastante obvia. Por esta razón, no nos
explayaremos sobre todas ellas, sino sólo en las más importantes.

La segunda tanda de opciones, como su nombre lo indica, aplica a


selecciones sobre el panel de capas. 

El tercer grupo contiene dos herramientas muy interesantes. La opción


«Área de enfoque» corresponde a un algoritmo creado por Photoshop que
interpreta el área enfocada de una imagen fotográfica y la selecciona
automáticamente. Al activar esta opción, se abre un panel desde el cual
podemos regular y reajustar la selección. Es importante aclarar que no es
necesario tener una selección hecha en este grupo de herramientas, ya que
estas opciones se encargan de crearla.

En el siguiente grupo encontramos la opción «Seleccionar y aplicar


máscara». Es exactamente la misma que encontramos en la barra de
opciones de herramienta que fue desarrollada en la página 16. Al utilizar esta
opción se abre el panel de la figura 3. Por otro lado, la opción «Modificar»
despliega un submenú con más opciones. Cada una de ellas nos permite
modificar un aspecto de la selección mediante la aplicación de un valor en
píxeles. Por ejemplo, la opción «Desvanecer» nos permite esfumar el borde
de la selección. Al hacer clic en esta opción, se abre un cuadro de diálogo. La
cantidad de píxeles afectados quedará determinada por el valor numérico
que le apliquemos a esta opción.

El quinto grupo contiene dos opciones: «Expandir» y «Similar». La primera


nos permite expandir una selección previamente hecha hasta el punto donde
se encuentre, con colores diferentes. Por su parte, «Similar» buscará en toda
la imagen píxeles de similar coloración y los añadirá a la selección. 

Desde la opción «Transformar selección», por otro lado, podemos escalarla


desde sus vértices o lados.

La opción «Editar en modo máscara rápida» activa automáticamente este


modo de trabajo, que se encuentra desarrollado en detalle en la página 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.

Selección por gama de colores


La selección por gama de colores funciona de manera similar a la Varita
mágica, ya que aísla píxeles de similar gama cromática. Pero son las
diferencias con la varita las que hacen especial a este método. En principio, a
este mecanismo lo ubicamos en el menú selección, no en la barra de
herramientas, y la diferencia más importante radica en la forma en la que
realiza la selección. En vez de tener que ir haciendo clic en cada lugar en
donde se encuentren los píxeles del mismo color, este método los ubica en
toda la imagen, como cuando desactivamos la opción «Contiguo» en la
herramienta de Varita mágica. Asimismo, esta herramienta utiliza un gotero
para tomar la muestra de color, y además se pueden tomar múltiples
muestras con el gotero que suma. Otra ventaja de este método es que
permite guardar y cargar rangos de colores. Esto resulta muy útil cuando
debemos editar varias imágenes similares o que forman parte de una
secuencia.

Veamos un ejemplo para entender mejor el mecanismo. En la imagen de la


figura 17, si queremos seleccionar el fondo azul usando la herramienta Varita
mágica, deberíamos hacer clic sobre él. En cambio, si usamos el método
selección por gama de colores, el algoritmo del programa seleccionará todo
el fondo de manera automática. Como lo muestra la vista previa.

Figura 17: Ejemplo de aplicación de la selección por gama de colores


Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia

Selección con trazados


La opción «Selección con trazados» es una de las más populares y
profesionales de las que disponemos para realizar selecciones complejas. Su
método de uso es muy versátil. Consiste en utilizar la herramienta Pluma
(atajo de teclado «P») para realizar un trazado mediante el contorneo de la
zona que deseamos aislar, para luego convertirlo en selección. Esta técnica
resulta muy útil cuando la diferencia entre el fondo y la figura que deseamos
seleccionar no es bien definida y no existe un buen contraste entre estos
elementos, como en el ejemplo de la figura 18.
 

Photoshop proporciona varias herramientas de pluma para que


se adapten a sus casos de uso y estilo creativo.

La herramienta Pluma de curvatura le permite dibujar curvas y


segmentos rectilíneos de forma intuitiva.

La herramienta Pluma estándar le permite dibujar segmentos


rectilíneos y curvas con gran precisión.

La herramienta Pluma de forma libre le permite dibujar trazados


igual que si estuviera dibujando con un lápiz sobre papel.

Las opciones de Pluma magnética le permiten dibujar un


trazado que se ajusta a los bordes de áreas definidas en la
imagen. 

La herramienta Trazado con detección de contenido le permite


automatizar el proceso de trazado de imágenes (Adobe.com, s.
f., https://adobe.ly/3oidVRm).

Figura 18: Las herramientas del grupo pluma


Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020), con
adaptación propia

Si bien esta técnica requiere cierta destreza en el uso de la herramienta, la


forma de emplear la pluma en Photoshop es exactamente igual a la pluma
en Adobe Illustrator. Posee las mismas herramientas y características, ya
que su método de dibujo es vectorial. Por esta razón, no ahondaremos en
cómo realizar trazados. Pero si deseas obtener más información sobre cómo
dibujar o trabajar con trazados, en la página web oficial de Adobe
encontrarás un informe detallado.

Una vez realizado el trazado, este aparecerá como trazado en uso  en el


panel de trazados que se encuentra junto al panel de capas, en el costado
inferior derecho de la pantalla. Para guardarlo debes hacer doble clic en él y
colocarle un nombre.

Figura 19: La aplicación de la herramienta Pluma

Fuente: Adobe.com, s. f., https://adobe.ly/3oidVRm


Capas, Comandos de transformación y máscaras

Introducción: fundamentos de las capas

Comandos de transformación

Máscaras

Video conceptual

Referencias

Revisión del módulo

Descarga en PDF
Lección 1 de 7

Introducción: fundamentos de las capas

Adobe Photoshop nació inicialmente como un  software  de edición de


imágenes, pero a lo largo de su vida sus usos han ido evolucionando a la par
de sus nuevas prestaciones. En la actualidad, Photoshop no es un simple
programa para editar imágenes: es el líder mundial en edición, producción,
postproducción y fotomanipulación de imágenes digitales. Gracias a él
podemos crear collages y fotomontajes, desde los más simples y básicos
hasta composiciones realmente complejas. Nada de esto sería posible sin la
herramienta más importante que incluye Photoshop: las capas.

El concepto de capas es fundamental en el aprendizaje del programa y el


desarrollo de un collage digital. Este software nos permite separar partes de
la imagen en forma de capas. Una capa es un espacio dentro de la imagen
que se almacena de forma separada e independiente al resto de la imagen.

Las capas sirven para realizar diversas tareas, entre otras,


componer varias imágenes, añadir texto a una imagen o añadir
formas de gráficos vectoriales. La aplicación de un estilo de
capa facilita la adición de efectos especiales como sombras
paralelas o algún tipo de resplandor (Adobe, 2021,
https://adobe.ly/3p73VeS).

La gestión de capas y grupos es muy importante porque nos ayuda a


organizar nuestros proyectos. Podemos cambiar el nombre de las capas,
asignarles un código de colores para detectar fácilmente capas similares y
eliminar o exportar capas según sea necesario.

Cuando creamos una selección, podemos aislar un grupo de píxeles para


editarlo de forma individual. Sin embargo, este grupo aún se encuentra
pegado a la imagen. Una capa, por otro lado, es lo que nos permite separar o
cortar un sector de la imagen. Hagamos un paralelismo para entender mejor
el concepto. Imaginemos un collage como aquellos que hacíamos en jardín
de infantes y la primaria. Para realizarlos recortábamos figuras, letras, frases
de revistas y diarios que luego pegábamos y superponíamos en una hoja
para realizar una composición. Cada uno de estos recortes en Photoshop
sería una capa. En aquellos collages, cada recorte que se superponía con
otro lo tapaba y lo mismo sucede con las capas en Photoshop.

Figura 1: Capas
Fuente: adaptación propia con base en captura de pantalla del software Adobe Photoshop CC
(Adobe Systems, 2020).

Un documento en Photoshop puede contener tantas capas como nuestro


trabajo lo requiera y la memoria que nuestro ordenador permita. Se
almacenan en el panel de capas, que normalmente se ubica en el costado
inferior derecho de la interfaz del programa (figura 1). 

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. 

Hagamos una prueba. Al crear un nuevo documento («Archivo», «Nuevo» o


«Ctrl+N»), una de las opciones es «contenido de fondo». Esta opción por
defecto está en blanco. Si aceptamos y creamos un documento con este
contenido de fondo, en el panel de capas habrá un rectángulo blanco
nombrado como fondo y al lado un candado. Si creamos un nuevo
documento y en contenido de fondo seleccionamos «transparente», al
crearse el documento veremos que en el panel de capas aparece una
nombrada capa 1 sin el candado. Bien, esto es porque  una imagen puede
contener varias capas, pero un solo fondo. La capa inferior en una imagen
mapa de bits se denomina fondo y generalmente está rellena. Si volvemos al
ejemplo de los collages que hacíamos cuando éramos niños, el soporte que
utilizábamos (hoja, cartulina, cartón, etc.) para crear el collage sería el fondo.
El fondo de una imagen puede convertirse en una capa al hacer doble clic en
él en el panel de capas. Podemos otorgarle un nombre y veremos cómo
desaparece el candado de su costado.

Atributos y funciones de las capas


Las capas son muy diferentes a las selecciones, ya que ellas pueden
contener atributos y características que las selecciones no.

A cada capa se le puede asignar una opacidad y un modo


diferente para controlar su fusión con las capas que se
encuentran por debajo de ella. También puede ocultar/mostrar,
voltear, duplicar, cambiar el orden de apilamiento o asignar una
máscara de capa a cualquier capa. Gracias a las capas, puede
aislar parte de una imagen para su edición conservando el resto.
A fin de obtener mayor control, también puede utilizar
selecciones o máscaras a una capa. (Weinmann y Lourekas,
2006, p. 105)

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.

Figura 2: Panel de capas


Fuente: adaptación propia con base en captura de pantalla del software Adobe Photoshop CC
(Adobe Systems, 2020).

1 Opciones del panel: despliega el menú de opciones de capas. Es


igual al que encontramos en la barra de menús.

2 Filtrar: permite filtrar y buscar las capas que deseas, ya sea por tipo
de capa, nombre, color, etcétera.

3 Modo de fusión: cambia el modo de fusión de la capa, esto es, la


forma de transición entre una capa superior y la que se encuentra
debajo.

4 Opacidad: permite modificar el nivel de opacidad (transparencia) de


una capa (incluidos los efectos) o grupo de manera porcentual.
5 Bloquear: permite bloquear de diferentes maneras una capa, desde
el coloreado de la imagen hasta su movilidad. Una capa bloqueada
se muestra con un candado negro.

6 Relleno: similar a opacidad, pero no aplica sobre los efectos de


capa.

7 Visualizar: permite hacer visible u ocultar una capa.

8 Agregar efectos: puede agregar diferentes efectos a una capa,


como trazo, sombras, color de relleno, etcétera.

9 Capa enlazada: ícono que señala que la capa está enlazada con
otra.

10 Grupo: ícono que indica que se trata de un grupo de capas.

11 Candado: el candado blanco indica que se trata del fondo.

12 Enlazar capas: permite enlazar dos o más capas. De esta manera,


al moverlas o transformarlas, lo harán juntas y en la misma
proporción.

13 Efectos: el ícono indica que la capa contiene efectos. Desde la


flecha negra, se pueden desplegar los efectos, ya sea para
visualizarlos, ocultarlos o modificarlos.

14 Crear máscara de capa: se utiliza para crear una máscara sobre


una capa o grupo. Con ella se puede seleccionar una parte de la
imagen para mostrar y otra para ocultar, sin borrar los píxeles que
se excluyan.

15 Añadir capa de ajuste: crea una capa de relleno o ajuste de imagen,


como brillo o contraste, tono o saturación, etcétera.

16 Crear nuevo grupo: permite agrupar capas dentro de una carpeta,


lo que posibilita mantener organizado y ordenado el documento,
además de aplicar atributos y máscaras a varias capas a la vez.

17 Crear nueva capa: como lo indica su nombre, crea una capa nueva.

18 Eliminar capa: borra la capa seleccionada.

Por su parte, para mantener un flujo de trabajo, tanto continuo como


metódico, y optimizar los tiempos de edición, es necesario mantener el
documento en orden. A medida que el documento crece en cantidad de
capas, resulta muy difícil encontrar cuál es la correcta. Pensemos en nuestro
archivo como un guardarropa desordenado. Difícilmente podremos encontrar
la remera que buscamos en él rápidamente. Por esta razón, Photoshop nos
brinda un abanico de opciones que nos ayudarán a mantener organizado
nuestro documento.

Como podemos observar en la imagen de la figura 2, algunas capas están


coloreadas en verde y otras en gris. También podemos notar que las capas
tienen un nombre que indica su contenido y han sido agrupadas y
encarpetadas. Esto es un claro ejemplo de un archivo organizado. Las capas
han sido renombradas y categorizadas con un color, al mismo tiempo que
han sido agrupadas según el mismo criterio. De esta manera, podemos
visualizar u ocultar grupos completos de capas y concentrarnos solo en lo
que necesitamos. Además, al estar etiquetadas no tendremos que adivinar
qué capa corresponde a cada elemento de la imagen.

Tareas comunes en el panel de capas

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.

Nombrar o renombrar una capa



Hacer doble clic en el nombre de la capa. Así se habilita la edición del nombre.

Asignar un color a una capa



Hacer clic derecho en la capa y elegir el color deseado. 
Crear una selección a partir de una capa

Mantener presionada la tecla «Ctrl» y hacer clic en la capa (el clic debe
hacerse en la miniatura de la capa, no en el nombre).

Crear una capa a partir de una selección



Crear primero la selección y luego utilizar el atajo de teclado «Ctrl+J».

Mover una capa



Seleccionar la capa desde el panel de capas y moverla dentro del documento
mediante la herramienta mover («V») de la barra de herramientas. Luego se
la debe arrastrar con el mouse al lugar deseado.

Copiar una capa dentro del mismo documento



Utilizamos el atajo de teclado «Ctrl+J».

Mover una capa a otro documento



Podemos arrastrarla con el mouse de un documento a otro, como si
moviéramos una carpeta en Windows. También se pueden usar los
comandos «Copiar», «Cortar» y «Pegar».

Duplicar una capa en otro documento en la misma posición



Clic derecho en la miniatura de capa y seleccionar la opción «Duplicar capa».
En el cuadro de diálogo que se abre deberemos indicar en qué documento
deseamos duplicar la capa.
Lección 2 de 7

Comandos de transformación

“La lógica te llevará de A a B. La imaginación te llevará a todas partes”


(Einstein citado en Quotespedia, s. f., https://bit.ly/3p79cmE).

“Selecciona «Edición» > «Transformar» > «Escala», «Rotar», «Sesgar»,


«Distorsionar», «Perspectiva» o «Deformar»” (Adobe, 2021b,
https://adobe.ly/3oa5Spj).

En Photoshop, podemos aplicar transformaciones a una selección, una capa


completa, varias capas o una máscara de capa. Ahora que conocemos las
capas y su funcionamiento, aprenderemos a modificarlas mediante la
utilización de comandos de transformación. Con ellos podremos escalar,
rotar y voltear, entre otras acciones. Es importante aclarar que si el
contenido de la capa es un elemento pixelar, cualquiera de estas acciones
implica un proceso de interpolación que altera la calidad y definición de la
capa. Por ejemplo, si escalamos una capa al 25 % de su tamaño original, no
notaremos pérdida de definición a pesar de que haya habido una
interpolación. No obstante, si luego a esa misma capa la queremos regresar
a su tamaño original mediante un comando de transformación, notaremos
una gran pérdida de calidad en el proceso.
Transformar capas
Los comandos de transformación se ubican en el menú edición de la barra de
menús. Las opciones más usadas son «Transformar» y «Libre
transformación» («Ctrl+T»), que básicamente hacen lo mismo. Solo cambia el
modo de utilización. Recordemos que podemos aplicar estos comandos a
una capa, un grupo de ellas, una selección o un trazado. Desde el submenú
del comando «Transformar», podemos ver las opciones principales de
transformación (figura 3).

Figura 3: «Menú edición» > «Transformar» 


Fuente: captura de pantalla del software Adobe Photoshop CC (Adobe Systems, 2020).

Al activar cualquiera de estas opciones, aparecerá un cuadro delimitador en


el objeto con un punto de referencia en el medio y manejadores en los lados
y esquinas desde los cuales se puede aplicar la transformación.

Comandos del submenú transformar

Permite aumentar o reducir el


tamaño de un elemento desde
los puntos del recuadro
delimitador. Se puede cambiar
Escala
la escala horizontalmente,
verticalmente o en ambos
sentidos. Para mantener la
proporción original del

Permite girar un elemento en


cualquier sentido alrededor de
un punto de referencia. Por
defecto, este punto se
Rotar
encuentra en el centro del
objeto, pero puede ser
desplazado a otra ubicación.
Para rotar a 45° hay mantener

Permite inclinar un objeto


Sesgar
vertical y horizontalmente.

Distorsiona la forma original


del elemento desde los puntos
de referencia. Además,
Distorsionar permite mover cada uno de
estos puntos de manera
individual y en cualquier
dirección.
Se utiliza para aplicar
Perspectiva
perspectiva al elemento.

Permite manipular la forma de


un elemento mediante el
agregado de nodos y
manejadores (como en un
Deformar
elemento vectorial) en las
esquinas del elemento. Así,
posibilita la manipulación de
cada nodo y manejador por

Al igual que rotar, se utiliza


para girar el elemento con el
Rotar 180°, rotar 90° AC, rotar
número de grados
90° ACD
especificado hacia la derecha
o hacia la izquierda.
Voltea el elemento vertical u
Voltear horizontalmente. (Adobe,
2021b).

Cómo usar los submenús de transformar

1 “Si seleccionas «Escala», arrastra un manejador del cuadro


delimitador. Al colocar el puntero sobre un manejador, este se
convierte en una punta de flecha doble” (Adobe, 2021b,
https://adobe.ly/2M9CoLh). Utiliza el botón «Mantener proporción
de aspecto» (icono de enlace) de la barra de opciones para elegir la
escala predeterminada.

2 Si el botón «Mantener proporción de aspecto» (icono de enlace)


está activado en la barra de opciones, arrastra un manejador de
esquina para escalar la capa de forma proporcional.
3 Si el botón «Mantener proporción de aspecto» (icono de enlace)
está desactivado en la barra de opciones, arrastra un manejador de
esquina para escalar la capa de forma no proporcional.  

4 Mantén pulsada la tecla «Mayús» mientras se transforma para


cambiar la escala entre forma proporcional y no proporcional.

5 Si seleccionas «Rotar», mueve el puntero fuera del borde


delimitador (el puntero se convierte en una flecha curva de doble
punta) y, a continuación, arrástralo. Pulse «Mayús» para limitar la
rotación a incrementos de 15°.

6 Si seleccionas «Sesgar», arrastra solo un manejador lateral para


inclinar el cuadro delimitador.

7 Si seleccionas «Distorsionar», arrastra un manejador de esquina


para estirar el cuadro delimitador.

8 Si seleccionas «Perspectiva», arrastra un manejador de esquina


para aplicar la perspectiva al cuadro delimitador.

9 Si seleccionas «Deformar», elige un estilo de deformación en el


menú emergente «Deformar» de la barra de opciones. Para realizar
una deformación personalizada, arrastra los puntos de control, una
línea o un área dentro de la malla para cambiar la forma del cuadro
delimitador y la malla. (Adobe, 2021b, https://adobe.ly/2M9CoLh)

Figura 4: Transformación de una imagen


Fuente: [imagen sin título sobre transformación de una imagen), s. f.,
https://adobe.ly/3qIXQ8W

“A. Imagen original B. Capa volteada C. Borde de selección rotado D. Parte de objeto escalada” (Adobe,
2021b, https://adobe.ly/2NmkGod).

Cómo hacer transformación en capas

Para transformar toda una capa



Activamos la capa y nos aseguramos de que no hay nada seleccionado.
Para transformar parte de una capa

Seleccionamos la capa en la paleta capas y, a continuación, seleccionamos
parte de la imagen incluida en esa capa.

Para transformar varias capas



Enlazamos las capas en la paleta capas.

Para transformar una máscara de capa o vectorial



Se debe desenlazar la máscara y seleccionar la miniatura de máscara en la
paleta capas.

Para transformar un trazado o una forma vectorial



Utilizamos la herramienta «Selección de trazado» para seleccionar el trazado
completo o la herramienta «Selección directa» para seleccionar parte del
trazado. (Adobe, 2021b)

Para realizar una transformación, primero selecciona un


elemento para transformarlo y, a continuación, selecciona un
comando de transformación (...) Se pueden realizar varias
manipulaciones sucesivamente antes de aplicar las
transformaciones acumuladas. Por ejemplo, puedes elegir
«Escala» y arrastrar un manejador para cambiar la escala y, a
continuación, seleccionar «Distorsionar» y arrastrar un
manejador para distorsionar. A continuación, pulse «Intro» o
«Retorno» para aplicar ambas transformaciones.
Photoshop utiliza el método de interpolación seleccionado en el
área general del cuadro de diálogo «Preferencias» para calcular
los valores de color de los píxeles que se añaden o eliminan
durante las transformaciones. Este ajuste de interpolación
afecta directamente a la velocidad y a la calidad de la
transformación. La interpolación por defecto es la bicúbica que,
si bien es la más lenta, es la que produce los mejores resultados.
(Adobe, 2021b, https://adobe.ly/362srq3).

La transformación libre («Ctrl+T»), por otra parte, permite escalar, rotar y


distorsionar un elemento en un mismo paso. Desde las cuatro esquinas y los
cuatro lados del elemento, se puede escalar. Particularmente, desde las
esquinas se puede rotar y también al presionar la tecla «Ctrl», se puede
distorsionar. Para acceder a las demás opciones de transformación, si
utilizamos el atajo «Ctrl+T», luego debemos hacer clic derecho con el mouse.
Entonces se desplegará un submenú con las mismas opciones del menú
«Editar» o «Transformar». 

Para realizar transformaciones más precisas se pueden utilizar las


opciones de la barra de opciones que permiten poner valores porcentuales o
numéricos a la transformación deseada. Así, por ejemplo, podemos escalar
un elemento al porcentaje deseado (10 %, 85 %, 36 %, etc.) u otorgarle un
tamaño específico (800 x 600 px, por ejemplo).

Usos de la herramienta transformación libre


Transformación libre nos ofrece un gran abanico de posibilidades muy
variadas. Entre las más comunes (aplicadas a la fotografía) encontramos:

Reencuadrar una foto.

Enderezar el horizonte de una fotografía.

Corregir la deformación de la lente.

Cambiar el ángulo o la perspectiva original de la imagen.

Enderezar edificios, árboles o cualquier elemento que debiera


quedar recto.

Crear reflejos, por ejemplo, para simular un reflejo en el agua o


crear un efecto espejo.

Modificar una capa agregada a un montaje para integrarla


siguiendo la misma perspectiva que el resto de la composición.
Deformar una zona clonada en un montaje para cambiar su
aspecto y evitar así que se note una repetición.

Ajustar una capa agregada a un montaje para que encaje


correctamente.

Deformar cualquier elemento de la fotografía libremente.

Más comandos de transformación

Además de los mencionados comandos, existen otros que se incorporaron


en las versiones más recientes de Photoshop y permiten realizar
transformaciones realmente muy complejas. Los veremos a continuación.

Se utiliza para modificar y


corregir la perspectiva en
imágenes de edificios y
Deformación de perspectiva construcciones. Esto permite
alinear los lados de la
edificación con los límites de
la imagen.
se utiliza en imágenes con
personas o animales para
modificar la posición de la
Deformación de posición figura humana. Permite
libre
agregar nodos en las
articulaciones. Esto posibilita
mover partes del cuerpo a otra
posición sin afectar el resto de
Lección 3 de 7

Máscaras

“Diseño es donde la ciencia y arte se encuentran” (Mathew citado en Portal


Frases, s. f., https://bit.ly/3ixMXUx).

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. 

Dentro de esta categoría,


encontramos la ya
Máscaras de selección
mencionada máscara rápida y
los canales alfa.
Se aplican sobre las capas
para ocultar parte de ellas. Se
Máscaras de capa
utilizan principalmente para
hacer recortes y fotomontajes.

Son iguales a las anteriores,


pero se aplican sobre capas
Máscaras de capas de ajuste
de ajuste. Permiten realizar
ajustes sectorizados.

En las máscaras de capa y capas de ajuste, a diferencia de las máscaras de


selección, la representación de la máscara se ubica al lado de la miniatura de
capa. Este tipo de máscaras se agrega desde el panel de capas. Por defecto,
al agregar una máscara, esta estará en blanco, lo que significa que dejará ver
el 100 % del contenido de la capa.

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. 

Observemos la imagen en la figura 5. En ella se pueden apreciar varias


máscaras, cada una de ellas al lado de la miniatura de la capa a la cual
afecta. Como podemos apreciar en la imagen, su fondo es monocromático.
Ubiquemos en el panel de capas la de ajuste blanco y negro. Ella posee una
máscara en la cual podemos apreciar la flor en color negro y el fondo en color
blanco. Esto quiere decir que esta capa está afectando únicamente al fondo
de la imagen y excluye el área correspondiente a la flor. La capa de relleno
azul, por otro lado, posee una máscara que actúa sobre un pétalo de la flor.
Este se ve afectado por el contenido de la capa de relleno.
Figura 5: Máscara de capa I

Fuente: [imagen sin título sobre máscara de capa I], s. f., https://adobe.ly/39Q8KTn

 Figura 6: Máscara de capa II

Fuente: [imagen sin título sobre máscara de capa II], s. f., https://adobe.ly/2Y4tvFg

“A. Miniatura de máscara de capa  B. Miniatura de máscara vectorial C. Icono


de enlace de máscara vectorial D. Añadir máscara” (Adobe, 2021a,
https://adobe.ly/363wD8R).
Usar máscaras de capa, en vez de la herramienta de borrador o un recorte
común y corriente, es otra forma de edición no destructiva. Las máscaras
“siempre se pueden volver a editar sin perder los píxeles que ocultan” (Adobe,
2021a, https://adobe.ly/363wD8R). Las máscaras de filtro también permiten
enmascarar los efectos de los filtros inteligentes en las capas de objetos
inteligentes. De esta manera, se puede aplicar un filtro a una parte
determinada de la imagen.

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. 

También debemos distinguir entre un fotomontaje y un collage. El collage es


una composición de materiales y objetos pegados sobre una superficie. En
general, en el collage no importa la prolijidad ni el realismo de la imagen
resultante, ya que siempre se nota la intencionalidad de la unión de las
imágenes. Sin embargo, si dominamos las técnicas de selección y máscaras,
podemos crear composiciones digitales impresionantes. Para realizar un
fotomontaje, a su vez, serán necesarios conocimientos sobre otras
herramientas que aprenderemos en los siguientes módulos.

C O NT I NU E
Lección 6 de 7

Revisión del módulo

Hasta acá aprendimos

Interfaz del software



Una interfaz es el mecanismo o herramienta que posibilita y representa un
conjunto de objetos, iconos y elementos gráficos que vienen a funcionar
como metáforas o símbolos de las acciones o tareas que el usuario puede
realizar en la computadora. Introducción a la interfaz de Adobe Photoshop.

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.

Capas, comandos de transformación y máscaras



El concepto de capas es fundamental en el aprendizaje del programa y en el
desarrollo de un collage digital. Este software nos permite separar partes de
la imagen en forma de capas. Una capa es un espacio dentro de la imagen
que se almacena de forma separada e independiente al resto de la imagen.
Introducción al color digital

“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

Psicología del color

Video conceptual

Referencias
Lección 1 de 5

Color digital

El color es un fenómeno físico que tiene lugar en nuestro cerebro y en


nuestros ojos, por acción de la luz. Básicamente, el color es la interpretación
que realiza nuestro cerebro de las diferentes longitudes de onda de la luz que
ingresan por nuestros ojos. Cada longitud de onda es interpretada como un
color diferente, con sus respectivos parámetros. El color posee tres
dimensiones que pueden definirse y medirse. Estas son:

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

Hay que subrayar que la presencia o ausencia del color no


afecta al tono, que es constante… [Si convertimos una imagen
color en monocromática] este proceso no afecta en absoluto a
los valores tonales de la imagen. El aumento o disminución de la
saturación pone de relieve la constancia del tono y demuestra
que el color y el tono coexisten en la percepción sin modificarse
uno al otro. (Dondis, 2004, p. 68). 
 

La figura 1 representa lo que se conoce como rueda de color 3D. Es una


representación tridimensional de los tres parámetros de color mencionados.
En esta rueda, el matiz se representa de manera circular, lo que permite
distinguir un color de otro. El valor o luminosidad del color se representa de
manera vertical. El color más luminoso se ubica en la parte superior y el más
oscuro, debajo. La saturación, en este gráfico, se representa de forma
concéntrica y muestra el color más saturado en la parte exterior del círculo y
el menos saturado en el centro.

Figura 1: Las tres dimensiones del color


Fuente: [Imagen sin título sobre las tres dimensiones del color]. (2010). Recuperada de
https://commons.wikimedia.org/wiki/File:HSV_color_solid_cone_chroma_gray.png?
uselang=es

Es preciso destacar que la existencia del color está sujeta a la presencia de


luz y de un objeto que refleje esa luz. Notaremos que, en ausencia de la luz,
los colores no pueden ser distinguidos. La cantidad de luz que recibe un
objeto incide directamente sobre la percepción de este, y provoca que un
color sea más brillante o más oscuro. Cada rayo de luz pura (blanca) está
formado por todos los colores, y cada objeto, dependiendo de sus pigmentos,
la descompondrá: absorberá parte de esta luz y reflejará el resto. El
resultado, a nuestros ojos, será el color de dicho objeto. Por ejemplo, una
manzana roja absorberá el espectro de luz azul y verde, y reflejará el rojo. De
esta manera, nuestros ojos filtrarán las longitudes de onda y el cerebro
interpretará que la manzana es efectivamente roja (figura 2).

Figura 2: Percepción del color

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

Figura 3: Percepción del color 


Fuente: elaboración propia.

La figura 3 ilustra la descomposición del color en cuatro objetos diferentes. El


primer objeto es blanco y refleja todo el espectro cromático. La sumatoria de
todos los colores da como resultado el blanco. El segundo objeto, por su
parte, es negro y, en este caso, absorbe todo el espectro de luz sin reflejarla.
El tercer objeto es de color verde. Absorbe todos los espectros de luz que no
corresponden al verde y refleja a este. En el último caso, el objeto es azul, por
lo que refleja el espectro azul y absorbe el resto.

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. 

Si repasamos los conceptos aprendidos en el primer módulo, notaremos que


el color es el dato más importante que determina la naturaleza de una
imagen digital. Recordemos que una imagen de mapa de bits está formada
por píxeles que guardan en su interior la información del color que deben
representar. Los datos relevantes de estas imágenes son la profundidad y el
modelo de color.

Como aprendimos en el primer módulo, existen distintos modelos de color.


Los principales son CMYK y RGB, ya explicados en el primer módulo. Pero
también existen otros modelos como el HSB (basado en los parámetros del
color: tono, saturación y brillo) y LAB. 

Cada modelo de color tiene sus propios colores primarios, secundarios y


terciarios, que se forman mezclando los colores. Para su estudio y
comprensión, las combinaciones, generalmente, se representan en un
gráfico circular que se conoce como círculo cromático (figura 4). En él se
distribuyen circularmente los seis colores primarios (tres de cada modelo, y
se deja afuera el negro del modelo CMYK), de manera que cada color sea el
resultado de la suma de los dos colores que tenga al lado. De esta forma,
deducimos que, para formar un color secundario, se deben sumar dos
primarios del mismo modelo de color. El color resultante será un primario del
modelo de color opuesto. Por ejemplo, los colores primarios en el modelo
CMYK son el amarillo, cian y magenta. La suma del magenta y amarillo da
como resultado el color rojo que, en este modelo de color (CMYK), es
considerado secundario; mientras que, en el modelo RGB, es considerado
primario. Asimismo, el color magenta, en el modelo RGB, es un color
secundario formado por la suma de los primarios: azul y rojo.

En el siguiente gráfico (figura 4), se muestran las diferentes combinaciones


de color y los colores resultantes. 

Figura 4: Círculo cromático 


Fuente: elaboración propia.

¿Cómo usar el color?


Trabajar con colores puede ser todo un desafío y mucho más aún generar la
sensación adecuada o deseada en los receptores. Sin embargo, será el color
nuestro mejor aliado a la hora de generar emociones y sensaciones. El
círculo cromático resulta muy útil para estudiar y comprender las relaciones
entre los colores: temperatura, armonías y contrastes. 

La temperatura cromática es la relación entre un color y las sensaciones


térmicas que transmite. Este atributo nos permite diferenciar entre colores
cálidos y fríos. Llamamos cálido a un color cuando, en su composición, están
presentes componentes amarillos y rojos. Mientras que, en los colores fríos,
el componente principal es el azul o cian. 
Armonía se define como equilibrio entre partes y valores. Armonía cromática
es, entonces, el equilibrio entre los colores que forman parte de una
composición. 

En toda armonía se distinguen tres tipos de color: 

Es el que ocupa mayor


Color dominante extensión en la composición y
el más neutro. 

Es complementario del color


Color tónico
dominante y el más vibrante.
Su función es de transición
Color de mediación
entre los dos anteriores.

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

Cuando hablamos de armonía, nos estamos refiriendo a “la coordinación de


colores que coexisten en una composición” (“La armonía del color,
combinando perfectamente los colores”, s. f., https://variableinc.net/la-
armonia-del-color/). Para lograr una armonía, necesitamos utilizar los tres
tipos de colores mencionados anteriormente (el dominante, el tónico y el de
medición). Tenemos varias aplicaciones de colores, dentro de ellas, tenemos
de análogos, monocromáticos, tríada, complementarios, separación
complementaria, cuadrado, compuestos, tonos y personalizados. A
continuación, veremos algunos ejemplos.

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).

Combinaciones y armonías de color


Mientras la armonía tiende a equilibrar los colores, a acercarlos, unirlos; el
contraste, por otra parte, busca diferenciar, separar un color de otro. Se
denomina contraste cromático a la oposición, contraposición o diferencia
notable entre colores. El contraste se utiliza para destacar un elemento en la
composición, apelando a la oposición de colores. Al igual que la armonía,
existen diferentes tipos de contraste que se utilizan en diferentes
circunstancias. Estos están representados en el gráfico de la figura 9. 
Figura 9: Tipos de contraste

Fuente: elaboración propia.


Lección 3 de 5

Psicología del color

Está comprobado que el sentido de la vista involucra el uso de más de un


cuarto del cerebro. Por esta razón, el color dispara tantas sensaciones en
nuestra cabeza. Como mencionamos anteriormente, los colores captan
nuestra atención, excitan nuestros sentidos y generan emociones y
sensaciones a nivel psicológico, capaces de inducir atención, calma o
seguridad. 

Además de todos los atributos que ya destacamos, el color posee diversas


connotaciones ligadas a convenciones sociales preexistentes. Un claro
ejemplo es el color rojo: simboliza peligro, amor, calor, pasión, etcétera. Esto
quiere decir que el uso del color rojo en una composición ayudará a enfatizar
dichos conceptos. Por ejemplo, escribir la palabra fuego en color azul sería
confuso para nuestro cerebro. Al mismo tiempo, un cartel de color azul con la
frase “Asóciate, te necesitamos”, en color amarillo, rápidamente será
interpretado como una invitación a asociarte al club Boca Juniors. Pero si al
mismo cartel le cambiamos los colores, por ejemplo, por un fondo rosado con
los textos en blanco, podría tratarse de una agrupación que defiende los
derechos de la mujer. En conclusión, el color también comunica y expresa.

 
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). 

El color rojo expresa peligro, prohibición, amor, pasión, calidez, atracción,


agresividad, violencia, acción, impulso y dinamismo. Es el primer color que
recibió un nombre por parte del hombre y está íntimamente ligado a sus
orígenes, dada su asociación con la sangre y el fuego. Produce, además,
estímulos físicos: aumenta la tensión muscular y la presión arterial. Gracias a
su capacidad de atracción, es utilizado para llamar la atención y alertar. 
El color naranja simboliza calor, juventud, originalidad, diversión y
entusiasmo. Su nombre proviene de la fruta homónima, por ello, sus
asociaciones principales son frutas cítricas, bebidas y jugos naturales. Su
tonalidad también recuerda al fuego, al sol y al atardecer. Es uno de los
colores más calientes.

El color amarillo representa optimismo, afirmación, brillo, calidez, alegría,


diversión, poder y voluntad. Su vínculo con el sol y la luz dispara asociaciones
con la naturaleza y la vida. Su tonalidad también se relaciona con el color del
oro, lo cual genera vínculos con sensaciones de poder y riquezas. Es
considerado un estimulante nervioso. 

El color verde expresa naturaleza, vida, esperanza, frescura y relajación. Su


nombre proviene del latín viridis, que deviene del nombre de una verdura.
Consecuentemente, sus asociaciones siempre están ligadas a las plantas, la
naturaleza y la vida al aire libre. Es el que mejor puede captar y diferenciar la
vista humana. Estudios demuestran que su utilización en espacios cerrados
estimula la creatividad y genera sensación de calma.

El color azul simboliza inteligencia, seriedad, profesionalismo, conocimiento,


salud y confianza. Sus tonos se asocian al cielo, al mar, a la noche y al
espacio. Dispara sensaciones de calma y seguridad. Es el color de menor
temperatura, el más frío. Es utilizado por la mayoría de las empresas del
sector bancario y de la salud. A diferencia del color rojo, reduce la presión
sanguínea.
El color violeta representa misterio, misticismo, profundidad, originalidad y
lujo. Se asocia a la realeza y la suntuosidad. 

El color rosado expresa delicadeza, feminidad, romanticismo, sensibilidad,


sentimientos, infancia y juventud. Su nombre deviene de la flor del mismo
color. Se asocia casi excluyentemente a la mujer y a lo femenino.

El color marrón simboliza fortaleza, solidez, robustez, rusticidad, tradición y


arraigo. Es el color de la tierra y la madera. La mayoría de sus asociaciones
están vinculadas al campo. Este color se forma mezclando varios otros entre
sí, por esta razón, el marrón combina con casi cualquier otro color de forma
perfecta.

El color gris representa neutralidad, quietud, confort, calidad, carácter,


tristeza, discreción y versatilidad. Es un color neutro, por lo tanto, expresa
abstracción e indefinición. Sus estímulos visuales son casi nulos. No produce
excitación alguna a la vista. Se utiliza para acompañar otros colores y
destacarlos.

El color blanco expresa pureza, luminosidad, claridad, pulcritud, frío, silencio,


paz, integridad, elocuencia y perfección. Se considera el color perfecto o
absoluto, ya que los demás colores surgen de la descomposición de la luz
blanca. Su utilización sugiere higiene y limpieza.

El color negro expresa fuerza, firmeza, peso, elegancia, sofisticación,


sobriedad, prestigio, luto y final. Se considera al negro como la ausencia de
luz, por ello, también es objeto de asociaciones negativas como la muerte, la
oscuridad y el mal. 

Un mismo color puede despertar dos sensaciones distintas u opuestas


según su tono y brillo. Por ejemplo, el color rosado en tonos pastel o claros
remite a la infancia y a la juventud, mientras que un rosa saturado e intenso
puede tener connotaciones adultas y remitir a la sensualidad. 

Selección de una tinta plana


Pantone no es un modelo de color tal como el RGB, CMYK o HSB. Es un
sistema de identificación de colores denominados sólidos, creado por la
compañía homónima. Esta empresa norteamericana desarrolló una
nomenclatura basada en números y siglas que indican la superficie sobre la
cual se aplicará el color. Las más conocidas son: M para acabado mate, C y
CP (coated) para papel estucado (brillante), U y UP (uncoated) para papel
texturado, TC y TCX (textil color extended) para tejidos, Q (opaque) para
plásticos opacos y T (transparent) para plásticos transparentes. 

Los colores se presentan en unas guías en forma de cartilla, similares a las


que entregan las compañías de pintura. Una de las principales ventajas del
sistema Pantone es que se puede recrear el color de manera exactamente
igual a como se ve en las cartillas.

“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:

Póngase en contacto con la imprenta o el servicio de impresión y


elija los colores en función de una muestra de color impresa. Los
fabricantes recomiendan cada año un nuevo libro de muestras
para compensar el desvanecimiento de las tintas y otros
deterioros. (“Selección de colores”, 2020,
https://helpx.adobe.com/es/photoshop/using/choosing-
colors.html).

Pasos para elegir los colores planos


1 Abra el Selector de color de Adobe y haga clic en Bibliotecas de
colores. El cuadro de diálogo Colores a medida muestra el color
más próximo al color actualmente seleccionado en el Selector de
color de Adobe.

2 En Libro, seleccione una biblioteca de color. Consulte a


continuación las descripciones de las bibliotecas de color.

3 Busque el color que desea introduciendo el número de tinta o


arrastrando los triángulos por la barra de desplazamiento.

4 Haga clic en la muestra del color deseado de la lista. (“Selección de


colores”, 2020,
https://helpx.adobe.com/es/photoshop/using/choosing-
colors.html).

Figura 10: Pantone GP1601N


Fuente: [Imagen sin título sobre Pantone GP1601N]. (s. f.). Recuperada de https://images-
na.ssl-images-amazon.com/images/I/71yl2oa65iL._AC_SL1000_.jpg

El selector de color de Adobe admite los sistemas de color siguientes:

Color ANPA: se utiliza habitualmente en aplicaciones para


periódicos…

DIC, guía de color: se utiliza comúnmente para proyectos de


impresión en Japón…

Focoltone: consta de 763 colores CMYK. Los colores Focoltone


ayudan a evitar problemas de reventado y registro en la
preimpresión al mostrar las sobreimpresiones que forman los
colores…

Muestras HKS: se utiliza para proyectos de impresión en Europa.


Cada color tiene un equivalente CMYK especificado…

Pantone: colores que se utilizan para la reproducción de tintas


planas. Pantone Matching System puede interpretar 1 114
colores. Las guías de colores y los catálogos de tiras recortables
(chips) de Pantone se imprimen en papel estucado, papel sin
estucar y papel mate para garantizar la visualización precisa del
resultado impreso y un mejor control al imprimir.

Toyo Color Finder 1050: consta de más de 1 000 colores


basados en las tintas de impresión de uso más común en
Japón. Se han añadido el catálogo Toyo Process Color Finder y
muestras al menú de sistemas de colores…
Trumatch: proporciona equivalencias predecibles de color CMYK
con más de 2 000 colores generados por ordenador. Los colores
Trumatch cubren el espectro visible de la gama CMYK en pasos
regulares. (“Selección de colores”, 2020,
https://helpx.adobe.com/es/photoshop/using/choosing-
colors.html).

Photoshop imprime tintas planas en placas CMYK (cuatricromía) en


todos los modos de imagen, excepto Duotono. Para imprimir placas
de tintas planas reales, crea canales de tintas planas.

Pantone es, además, una compañía generadora de tendencias. Desde el año


2000 publican todos los años el Color of the year, un color seleccionado de
sus catálogos por profesionales y expertos que será tendencia durante ese
año, tanto en moda como en arquitectura y diseño.

El Pantone Color of the year 2021


Pantone 17-5104 Ultimate Gray + Pantone 13-0647 Illuminating. Una unión
de colores que traslada un mensaje de fortaleza y esperanza, imperecedero
y energizante a la vez.

 
“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.

Figura 11: Colores Pantone del año 2021


Herramientas básicas de color

“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).

Herramientas básicas de color

Más herramientas de color: Adobe Color CC

Referencias
Lección 1 de 3

Herramientas básicas de color

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). 

Figura 1: Selector de colores


Fuente: [Imagen sin título sobre Selector de color]. (2020). Recuperado de 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

color I. Valores de color. (“Selección de colores”, 2020, https://helpx.adobe.com/es/photoshop/using/choosing-

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. 

Figura 2: Selector de colores

Fuente: Captura de pantalla del software Adobe Photoshop CC (Adobe Inc., 2020).

Visualización del Selector de color


En el cuadro de herramientas, haga clic en el cuadro de selección del color frontal o de fondo.

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).

Selección de un color en el Selector de color de Adobe


La gran ventaja que nos dan los programas de edición es la libertad de elegir los colores que nos gustan para poder
trabajar sin límites y restricciones en las elecciones. Para elegir un color, simplemente hay que introducir los valores
de los componentes del color en los cuadros correspondientes (LAB, RGB, CYMK y HSB).

Para seleccionar un color se puede utilizar:

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.

Selección de un color con el modelo HSB


El Selector de color de Adobe te permite seleccionar colores basados en el modelo de color HSB (hue, saturation,
brightness —tono, saturación, brillo—). “El tono se especifica en el campo de color como un ángulo entre 0° y 360°,
que corresponde a una posición en la rueda de colores” (“Selección de colores”, 2020,
https://helpx.adobe.com/es/photoshop/using/choosing-colors.html). Al seleccionar un color en modo HSB, el
Selector de color de Adobe actualiza los valores RGB, LAB, CMYK y hexadecimales de acuerdo con esto (“Selección
de colores”, 2020). HSB es el modo por defecto del Selector de color de Adobe.

1 En el Selector de color de Adobe, seleccione la opción H e introduzca un valor numérico en el cuadro


de texto H o seleccione un tono en el regulador 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).

Figura 3: Vista HSB del Selector de color de Adobe

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

“A. Saturación B. Tono C. Brillo” (“Conceptos del color”, 2020, https://helpx.adobe.com/es/photoshop-

elements/using/color.html).

Selección de un color con el modelo RGB


El modo RGB tiene como componentes el rojo, el verde y el azul. El regulador de color muestra el rango de niveles de
color disponibles del componente de color seleccionado (R, G o B). El campo de color muestra el rango de los dos
componentes restantes, uno en el eje horizontal y el otro en el vertical.

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).

Figura 4: Colores aditivos (RGB)

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).

Selección de un color con el modelo LAB


El modelo LAB se basa en tres elementos. 

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).

Figura 5: Color con el modelo LAB

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

(negro)” (“Modelo LAB”, 2013, https://tareasuniversitarias.com/modelo-lab.html).

Selección de un color con el modelo CMYK


Como vimos en los módulos anteriores, en el modo de color CMYK (el modo que utilizan las impresoras PostScript),
especifique el valor de cada componente como un porcentaje de cian, magenta, amarillo y negro.

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).

Figura 6: Color con el modelo CMYK

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). 

1 “En el Selector de color de Adobe, introduzca un valor hexadecimal en el cuadro de texto


#” (“Selección de colores”, 2020, https://helpx.adobe.com/es/photoshop/using/choosing-
colors.html).

Figura 7: Color con un valor hexadecimal

Fuente: Adaptación propia de captura de pantalla del software Adobe Photoshop CC (Adobe Inc., 2020).

Selección de colores compatibles con Web


Los navegadores también tienen su selección de colores. 
Los colores compatibles con Web son los 216 colores que utiliza el navegador independientemente de la
plataforma. Cuando el navegador muestra la imagen en una pantalla de 8 bits, cambia todos los colores de la
imagen por esos colores. Los 216 colores son un subconjunto de las paletas de color de 8 bits de Mac OS
(“Selección de colores”, 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).

Selección de colores compatibles con Web en el Selector de color de Adobe

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). 

Figura 8: Colores compatibles con Web

Fuente: Adaptación propia de captura de pantalla del software Adobe Photoshop CC (Adobe Inc., 2020).
Lección 2 de 3

Más herramientas de color: Adobe Color CC

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. 

Figura 9: Adobe Color CC versión web

Fuente: Captura de pantalla del software Adobe Color CC (Adobe, 2020)

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.

Apps de color: Adobe Capture


La evolución de los teléfonos móviles los ha convertido en una gran herramienta de productividad. Hoy nadie sale
de su casa sin su smartphone y las desarrolladoras de software lo saben muy bien. Entendiendo esta situación,
Adobe ha lanzado al mercado una serie de aplicaciones que vinculan tu smartphone con los programas de la suite,
utilizando una cuenta AdobeID. 

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.

Figura 10: Adobe Capture

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

Ya que el color es una de las características más importante de las imágenes


digitales, Photoshop nos brinda un gran número de métodos para
modificarlo. La gran cantidad de herramientas que existen para este fin lleva
a que no haya un solo método para corregir el color en una imagen, sino que
puede haber varios caminos para obtener el mismo resultado. 

Todas las herramientas de ajustes de color de Photoshop tienen,


básicamente, el mismo funcionamiento: asignan un nuevo valor a un rango
de píxeles existentes. Las herramientas de ajuste de color y sus opciones se
encuentran disponibles en el menú Imagen > Ajustes o en Panel > Ajustes.
(“Explicación de los ajustes de color”, 2020). Si utilizamos este panel, el
resultado será una capa de ajuste. Sobre este tema, profundizaremos más
adelante. 

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ú.

Figura 1: Menú Ajustes

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

El siguiente grupo de comandos del menú está orientado a generar efectos en


las imágenes. Estos son:

Invertir: como, lo indica su nombre, cambia el valor de cada píxel por su


valor opuesto (blanco al negro, rojo a cian, verde a magenta). El resultado
final será similar a un negativo fotográfico.

Posterizar: este comando reduce la cantidad de tonos intermedios de una


imagen, y genera áreas planas con los colores principales. La cantidad de
tonos afectados se puede regular para manipular el resultado.

Umbral: transforma la imagen a una versión blanco y negro sin ningún


tono de gris (similar a 1 bit).
Mapa de degradado: utiliza un gradiente de color, superponiéndolo a la
imagen, para generar un efecto similar al duotono, tritono o cuatritono,
dependiendo de la cantidad de colores que utilice el gradiente. 

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.

Sombras e iluminaciones: identifica las sombras y zonas luminosas de


una fotografía y permite modificar el contraste entre luces y sombras de
manera individual o conjunta. Es decir, se pueden iluminar las sombras
sin alterar las zonas de luces u oscurecer las luces sin modificar las
sombras.

Tonos HDR: genera un efecto similar al de una fotografía HDR (High


Dynamic Range, alto rango dinámico). Gracias a las múltiples opciones
de esta herramienta, las posibilidades y efectos resultantes son
innumerables.

Desaturar: elimina toda la información de color de una imagen y la


transforma en escala de grises. No es tan útil, considerando que no posee
opciones de variación como otras herramientas, es más bien una forma
rápida de ejecutar una acción de desaturado.

Igualar color: es una de las funciones más interesantes. Iguala el color de


dos fotografías, dos capas o dos selecciones dentro de la misma imagen
o de imágenes diferentes. A su vez, esta herramienta permite ajustar la
luminosidad, intensidad y transición del proceso.

Reemplazar color: permite reemplazar un color especificado, mediante la


herramienta de cuentagotas, por un nuevo color.

Ecualizar: resalta la imagen, nivela la cantidad de brillos. Al igual que


desaturar, no presenta ninguna opción de modificación.
Además de las correcciones manuales, algunos de los comandos poseen un
botón de ajuste automático. Estos deben ser utilizados con precaución ya
que los resultados no siempre son los esperados. Para acceder a estos
ajustes, podemos utilizar atajos de teclado específicos o bien, ubicarlos en el
menú imagen.

C O NT I NU A R
Lección 2 de 4

Histograma

Una de las herramientas más útiles a la hora de evaluar y corregir una


imagen es la del panel Histograma, al cual podemos acceder desde el menú
Ventana.

Pero ¿qué representa este gráfico? ¿Qué información encontramos en él?


¿Qué utilidad tiene? ¿Cómo se lee? 

 
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.

El histograma también ofrece una imagen rápida de la gama


tonal o tonalidad de la imagen. El detalle de una imagen con
tonalidad dominante oscura se concentra en las sombras; el
detalle de una imagen con tonalidad dominante clara, en las
iluminaciones; y el detalle de una imagen con tonalidad media,
en los medios tonos. Una imagen con una gama tonal completa
tiene píxeles en todas las áreas. Identificar la gama tonal ayuda
a determinar las correcciones tonales correspondientes.
(”Visualización de histogramas y valores de píxeles”, 2020,
https://helpx.adobe.com/es/photoshop/using/viewing-
histograms-pixel-values.html).

El concepto gama tonal se refiere a todo el espectro de tonos que existe en


una imagen entre la zona más clara y la más oscura. Una gama tonal amplia
incluye desde el blanco hasta el negro, y todos sus tonos intermedios. Una
gama tonal estrecha puede incluir solo tonos medios. El histograma nos
permitirá saber si la imagen que se va a manipular posee la cantidad de
detalles suficientes para realizar las correcciones deseadas (“Visualización
de histogramas y valores píxeles”, 2020). 

Es importante destacar que el histograma al que accedemos desde el menú


Ventana es solo una herramienta de visualización y evaluación, no podemos
modificar ningún valor de la imagen desde él. Los datos mostrados por el
histograma se ven en vivo, por lo que los cambios realizados sobre la imagen
se verán reflejados inmediatamente en él.

La herramienta Niveles, en cambio, trabaja con un histograma que sí puede


ser modificado. Esto resultará muy útil para probar y comprender la lógica de
este tipo de gráfico.

Panel de información y herramienta de Cuentagotas


Otro panel que nos brinda datos importantes sobre la imagen es el panel
Información. Al igual que el histograma, este panel es sólo informativo y no
podemos modificar valores desde él. 

Posicionándonos con el puntero del mouse (sin importar la herramienta en


uso) en cualquier parte de la imagen, en el panel de Información se mostrará
la composición exacta del color del píxel señalado, tanto en RGB como en
CMYK, las coordenadas del píxel, y si se trata de una selección, también
veremos sus medidas. Además, veremos en este panel el tamaño en
megabytes del documento.
Figura 3: Panel Información

Fuente: Captura de pantalla del software Adobe Photoshop CC (Adobe Inc., 2020).

En la figura 3, los valores en CMYK se muestran con un signo de admiración.


Este caso se da cuando el color muestreado está fuera del rango de colores
imprimibles. En estos casos, como no existe un equivalente directo entre el
mismo color en los dos modos de color, el software busca el color más
cercano en el modo CMYK, pero advierte que al ser impreso se verá distinto.
Los colores muy saturados, como el fucsia de la flor, son los que,
generalmente, no pueden ser impresos.

La herramienta de Cuentagotas, por otro lado, sirve para tomar muestras de


color para utilizarlas como color frontal (“Selección de colores”, 2020). Desde
la barra de opciones, podemos indicar el tamaño de la muestra. Cuando este
sea mayor a 1, el color muestreado será un promedio de los píxeles
muestreados.

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.

El sentido de la calibración de imagen es lograr que la fotografía final sea lo


más fiel a la realidad posible y se imprima de forma correcta. Por supuesto
que la calibración será diferente según el método de salida de la imagen: no
será lo mismo la calibración para una impresión láser que para una impresión
inkjet, ni para una imagen cuyo único destino son las redes sociales.

Los problemas más comunes que deberás solucionar son:


1 Sobreexposición

2 Subexposición

3 Contraluz
4 Dominante de color

Imágenes con dominante

Una dominante de color se da cuando, en la imagen, un color


parece dominar sobre los otros. Esta dominante puede ser
creativa, ya que el color puede transmitir una sensación o bien
unificar una imagen para tener una mejor armonía cromática.
Las dominantes pueden aparecer por error, durante el proceso
tanto de toma como de edición. En estos casos, lejos de unificar
cromáticamente una fotografía, interfieren con sus colores
reales y la desmejoran notablemente. 

Esta dominante puede deberse a diversos factores. Uno de los


principales es el desequilibrio de las longitudes de onda de las
fuentes luminosas que no han sido corregidas como
corresponde. (Pesis, 2013, p. 94). 

Para corregir las dominantes de color, disponemos de varias herramientas,


entre ellas: equilibrio de color, corrección selectiva, niveles y curvas. No
necesariamente se debe usar una sola herramienta, ya que estas se pueden
complementar y potenciar entre sí.

En la figura 4, podemos observar un fotograma de una escena de la película


Star Trek Beyond. La fotografía posee una clara dominante de color azulada.
Por supuesto que, en este caso, la dominante ha sido generada a propósito
con un sentido artístico, estético y compositivo. Contextualiza a los
personajes en el entorno, unifica los tonos y genera una atmósfera particular
que ayuda a reforzar el mensaje.

Figura 4: Dominante de color azul


Fuente: [Imagen sin título con dominante de color azul]. (2013). Recuperada de
https://www.flickr.com/photos/serranogues/10783726454/

Función niveles en profundidad


El histograma de la función niveles posee valores de entrada y de salida, los
que pueden ser modificados ingresando valores numéricos o utilizando los
deslizadores de forma manual. Los niveles de entrada poseen tres
deslizadores ubicados en los extremos y centro, para controlarlo. Estos
manejadores corresponden a los niveles de entrada. Como sabemos que las
sombras se ubican en el extremo izquierdo, el manejador de este costado
servirá para modificar los valores de las sombras. Asimismo, el deslizador
central controlará los medios todos, permitiéndonos aclarar u oscurecer la
imagen general. Por último, el manejador de la derecha altera las altas luces
de la imagen. Si a los dos deslizadores de los extremos los acercamos hacia
el centro y entre sí, obtendremos mayor contraste en la imagen (sombras
más oscuras y luces más iluminadas, con menos tonos intermedios). 

Más abajo aparece la opción niveles de salida, que permite modificar la


luminosidad general de la imagen de manera proporcional. En este caso, si
movemos el deslizador de la izquierda (de color negro), los colores oscuros
se aclararán. Por el contrario, si movemos el manejador de la derecha (de
color blanco) hacia el centro, oscurecerá los tonos claros de la imagen.

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.

Figura 5: Histograma Niveles


Fuente: Captura de pantalla del software Adobe Photoshop CC (Adobe Inc., 2020).

Los cuentagotas que se ubican al costado derecho del histograma permiten


realizar ajustes de dominantes de color de manera automática. Su utilización
es bastante sencilla: los goteros representan (de izquierda a derecha) el
punto negro, punto gris y punto blanco. Utilizando cualquiera de ellos
podemos muestrear el punto de color correspondiente al gotero utilizado y el
software, solo y de manera automática, modificará los niveles, y corregirá la
dominante de color. Es importante que la muestra se tome sobre colores
neutros o que deberían ser neutros, pero tienden a otro color.
Función curvas en profundidad
El trabajo con curvas es más complejo que los niveles, pero al mismo tiempo,
es bastante más versátil y posee mayor cantidad de variables. Inicialmente,
la tonalidad de la imagen se representa como una línea recta a 45 grados
sobre un histograma. 

Si trabajamos con una imagen RGB: 

La zona superior derecha del gráfico representa las


iluminaciones y el área inferior izquierda representa las
sombras. El eje horizontal del gráfico representa los niveles de
entrada (valores originales de la imagen) y el eje vertical
representa los niveles de salida (nuevos valores ajustados).
(“Ajuste de curvas”, 2020,
https://helpx.adobe.com/es/photoshop/using/curves-
adjustment.html). 

A la línea recta podemos añadirle puntos de control y moverlos para formar


una curva que refleja los ajustes de la imagen. “Las secciones más elevadas
de la curva representan áreas de mayor contraste, mientras que las más
planas representan áreas de menor contraste” (“Ajuste de curvas”, 2020,
https://helpx.adobe.com/es/photoshop/using/curves-adjustment.html).

Para ajustar las iluminaciones debemos mover el punto de la parte superior


de la curva. Por otro lado, si lo que deseamos es ajustar los tonos medios,
debemos añadir y mover un punto de la parte central. Por último, para
modificar las sombras de la imagen debemos mover un punto de la parte
inferior de la curva (“Ajuste de curvas”, 2020).

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.

Figura 6: Función curvas


Fuente: Captura de pantalla del software Adobe Photoshop CC (Adobe Inc., 2020).

La herramienta de curva posee un lápiz que permite dibujar a mano alzada la


curva deseada.

Al igual que sucede con la herramienta de niveles, podemos trabajar con


cada canal de color por separado. También disponemos de algunos ajustes
predefinidos y podemos guardar los ajustes creados a medida por nosotros.
Capas de ajuste

“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

Revisión del módulo


Lección 1 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” (“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. 

Las capas de ajuste ofrecen muchas ventajas, algunas de ellas son:

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).

Figura 1: Ejemplo de capa de ajuste

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).

Creación de una capa de ajuste


Ahora que ya conoces todos los beneficios de las capas de ajuste ha llegado el momento de saber cómo agregarlas.
Vamos a ver los pasos para crear una capa de ajuste. Para ello tenemos dos opciones.

1 En el panel Capas, seleccione la capa superior que desee cambiar.

2 Para limitar los efectos de la capa de ajuste a un área seleccionada de esa capa, realice una
selección.

3 Realice una de las acciones siguientes:

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).

Figura 2: Ejemplo de capa de ajuste


Fuente: [Imagen sin título sobre ejemplo de capa de ajuste]. (2020). Recuperada de 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.

Niveles Corrige los valores tonales de la imagen.


Brillo/contraste Aclara u oscurece la imagen.

Tono/saturación Ajusta los colores de la imagen.

Asigna píxeles a los colores del degradado


Mapa de degradado
seleccionado
seleccionado.

Ajusta el equilibrio y la temperatura de color de la


Filtro de fotografía
imagen.

Proporciona un efecto de negativo de fotografía


Invertir mediante la creación de un negativo basado en
los valores de brillo de la imagen.
Interpreta la imagen en monocromo, sin gris, de
Umbral manera que se pueden localizar las áreas más
claras y más oscuras.

Proporciona a una fotografía un aspecto plano


similar al de un póster y reduce el número de
valores de brillo (niveles) de la imagen, con lo que
Posterizar se reduce también el número de colores. (“Capas
de ajuste y relleno”, 2020,
https://helpx.adobe.com/mx/photoshop-
elements/using/adjustment-fill-layers.html). 

Creación de una capa de relleno


Ahora que ya conoces todos los beneficios de las capas de relleno, ha llegado el momento de saber cómo
agregarlas. Para crear una capa de relleno, tenemos dos opciones, que son las siguientes: 

 
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).

Figura 3: Opciones de creación de capa de ajuste

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.

●       Estilo: especifica la forma del degradado.

●       Ángulo: especifica el ángulo con el que se aplica el degradado.

●       Escala: cambia el tamaño del degradado.

●       Invertir: cambia la orientación del degradado.

●       Tramado: reduce las bandas y aplica un tramado al degradado.

●       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.

●       Escala: cambia el tamaño del degradado. Introduzca un valor o deslice el regulador.

●       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.

Creación y limitación de las capas de ajuste y de relleno

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).

Figura 4: Ejemplo de capa de ajuste y de relleno

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.

Máscara de capa” ” (“Capas de ajuste y relleno”, 2020, https://helpx.adobe.com/mx/photoshop-

elements/using/adjustment-fill-layers.html).

Diferencia entre capas, capas de ajuste y máscaras de capa


Son 3 conceptos que se suelen prestar a confusión por sus cercanías. Veremos, a continuación, la definición de
cada uno. 

●   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.

Figura 5: Máscaras de capa

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

Revisión del módulo

Introducción al color digital



El color es un fenómeno físico que tiene lugar en nuestro cerebro y en nuestros ojos por acción de la luz. Básicamente, el color es
la interpretación que realiza nuestro cerebro de las diferentes longitudes de onda de la luz, que ingresan por nuestros ojos. Cada
longitud de onda es interpretada como un color diferente con sus respectivos parámetros. El color posee tres dimensiones que
pueden definirse y medirse.
Estas son: matiz, saturación, valor y brillo.

Herramientas básicas de color



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.
La gran ventaja que nos dan los programas de edición es la libertad de elegir los colores que nos gustan para poder trabajar sin
límites y restricciones en las elecciones. Para elegir un color, simplemente hay que introducir los valores de los componentes del
color en los cuadros correspondientes (LAB, RGB, CYMK y HSB).

Comandos de ajustes de color



Ya que el color es una de las características más importante de las imágenes digitales, Photoshop nos brinda un gran número de
métodos para modificarlo. La gran cantidad de herramientas que existen para este fin conlleva a que no haya un solo método
para corregir el color en una imagen, sino que puede haber varios caminos para obtener el mismo resultado. 
Todas las herramientas de ajustes de color de Photoshop tienen, básicamente, el mismo funcionamiento: asignan un nuevo valor
a un rango de píxeles existentes. Las herramientas de ajuste de color y sus opciones se encuentran disponibles en el menú
Imagen/Ajustes o en panel Ajustes. Si utilizamos este panel, el resultado será una capa de ajuste. Sobre este tema,
profundizaremos más adelante.

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).

Introducción a herramientas de clonado y edición

Video conceptual

Referencias
Lección 1 de 3

Introducción a herramientas de clonado y edición

Ya estamos en el último módulo de la materia. Hemos cruzado muchas


fronteras para llegar hasta acá. Aprendimos mucho sobre esta maravillosa
interfaz (Photoshop). Estamos a un paso de llegar a destino, nos queda el
último tramo. A continuación, veremos uno de los temas más interesante de
la interfaz. 

Aprenderemos sobre los retratos y cómo hacer más expresiva una


fotografía. Cómo eliminar objetos y hacer retoques con las poderosas
herramientas de edición y las nuevas funciones inteligentes que tiene
Photoshop para crear efectos mágicos y convertir las imágenes en obras de
arte.

Imaginemos cualquier cuadro o pintura famosa del Renacimiento. Todas


ellas están hechas de materiales de origen orgánico que se dañan con el
paso del tiempo, la humedad, los cambios de temperatura y la
contaminación. Estos factores posibilitan la aparición de hongos, manchas
de humedad y otros agentes dañinos para la obra de arte. Del mismo modo,
la luz afecta directamente los colores de la obra, y hace que cambien de
matiz y tono o pierdan saturación. También algunos insectos atacan el lienzo
o el papel de la obra. Todos estos factores físicos influyen de forma negativa
sobre la obra y la deterioran lentamente con el paso de los años. En este
contexto, grandes profesionales del arte surgen como restauradores. Con
mucha pericia, paciencia y técnica, ellos han podido recuperar grandes obras
de arte, al restaurar aquellas partes rotas, borradas o deterioradas, de una
manera muy artesanal, con el objetivo de recuperar esa porción de cultura y
perpetuarla en el tiempo.

Como ya hemos mencionado en el primer módulo, las imágenes analógicas


se deterioran con el paso del tiempo, pero no así las digitales. La
digitalización de las imágenes permite, además, que al nombrar a la
Gioconda, todos sepamos de qué se trata, aunque nunca hayamos visitado el
Louvre. 

De la misma manera que los restauradores de arte, los programas de edición


de imágenes permiten realizar restauraciones digitales a las imágenes de la
misma naturaleza. Una de las características más impresionantes de
Photoshop es, justamente, su capacidad de edición y modificación de
píxeles. Este grupo de herramientas fue creado con la finalidad de restaurar,
corregir y perfeccionar imágenes y fotografías. Al igual que sucede con los
restauradores de arte, estas herramientas y técnicas requieren un alto grado
de destreza, criterio y paciencia para lograr un resultado perfecto. De hecho,
el objetivo siempre es lograr que no se note que la imagen ha sido retocada o
restaurada.

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.

 Figura 1: Restauración de Ecce Homo

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.

Sucede que, desde su origen, Photoshop se convirtió en uno de los


programas más atractivos y, a la vez, más polémicos. Su gran potencial
como herramienta de diseño y de arte muchas veces se vio juzgado y
condenado por su uso indebido o excesivo. El principal argumento de quienes
están en contra de su uso radica en su potencial para cambiar la realidad y
modificarla a su antojo y, en muchos casos, engañar a las personas. De
cualquier manera, el uso y el fin que tendrá esta poderosa herramienta serán
determinados por cada usuario, quien decidirá de acuerdo a su educación,
ética y valores morales.

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/

Gracias a la amplia variedad de herramientas de edición de Photoshop, hoy


en día, podemos retocar fácilmente las imperfecciones, quitar y agregar
objetos, blanquear dientes, aumentar y disminuir elementos, corregir ojos
rojos y corregir muchas otras imperfecciones de una imagen.

C O NT I NU E
Herramientas de pintura

Herramientas de pintura

Referencias
Lección 1 de 2

Herramientas de pintura

“Adobe Photoshop cuenta con varias herramientas para pintar y editar


imágenes en color” (“Herramientas de pintura”, 2020,
https://helpx.adobe.com/es/photoshop/using/painting-tools.html). En esta
lectura, nos enfocaremos en la herramienta pincel y en 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, ya que la
mayoría de las herramientas de retoque lo utilizan como medio de aplicación.
Por suerte, el uso de pinceles es muy intuitivo y fácil de aprender, aunque
dispone de múltiples variantes que es preciso conocer para sacar el máximo
provecho de las herramientas que lo utilizan. Básicamente, los pinceles
sirven para pintar o dibujar sobre la imagen de manera libre y a mano alzada.

A la herramienta de pincel clásica la ubicamos en la barra de herramientas o


con el atajo de teclado B. Al activar la herramienta, podemos observar en la
barra de opciones de herramienta todas las características que poseen los
pinceles: tamaño y forma, opacidad, modo de fusión (los mismos que posee
una capa) y flujo. Todas estas características, por supuesto, pueden ser
modificadas, lo que dota al pincel de una gran versatilidad.

Figura 1: La herramienta de pincel

Fuente: Adaptación propia de captura de pantalla del software Adobe Photoshop CC (Adobe
Inc., 2020).

El funcionamiento de la herramienta pincel es realmente muy sencillo. Una


vez seleccionada la herramienta, hacemos clic (izquierdo) en un punto de la
imagen y desplazamos el mouse (sin soltar el clic) en la dirección deseada.
La herramienta irá pintando con el color, tamaño y opacidad seleccionados, a
lo largo de todo el recorrido que hagamos con el mouse hasta que soltemos
el clic. Para hacer un trazado lineal recto, se debe presionar la tecla shift y
hacer clic en el origen del trazo y luego clic en el final.

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.

Figura 2: Diferencia entre flujo y opacidad


Fuente: Adaptación propia de captura de pantalla del software Adobe Photoshop CC (Adobe
Inc., 2020).

La diferencia entre opacidad y flujo está graficada en la figura 2. En ella,


podemos apreciar, en el trazo inferior, que las zonas de intersección son más
oscuras, mientras que, en el trazo de arriba, las intersecciones son
exactamente iguales al resto del trazo. 

En la imagen de la figura 1, observamos la barra de opciones de herramienta


al activar el pincel. En dicha imagen se muestra desplegada la opción
Selector de pinceles preestablecidos. Desde aquí, se puede elegir la forma de
la punta del pincel, la dirección, el tamaño y la dureza. Otra forma de
desplegar este menú para cambiar sus valores es haciendo clic derecho con
el mouse sobre la imagen (manteniendo seleccionada la herramienta
pincel). 

La dureza del pincel no es lo mismo que la opacidad. La dureza hace


referencia al borde del pincel y a la transición entre el área pintada y la
imagen de fondo. Un borde duro tendrá menos píxeles en la transición, por lo
que su resultado será más contrastado, más filoso. Mientras que un pincel
blando tiene una transición más larga entre el centro del pincel (la parte más
opaca) y el borde (la parte transparente).

Se pueden guardar un conjunto de opciones de pincel como un ajuste


preestablecido para que se pueda acceder rápidamente a las características
de pincel que se utilizan con frecuencia. Photoshop tiene varios ajustes
preestablecidos de pincel de muestra. Al momento de usarlos por primera
vez, aparecen con ajustes preestablecidos y los puedes modificar para
producir nuevos efectos. Muchos de los ajustes preestablecidos de pincel
originales se pueden descargar desde la Web (“Herramientas de pintura”,
2020).

Figura 3: Opciones de la herramienta pincel


Fuente: Adaptación propia de captura de pantalla del software Adobe Photoshop CC (Adobe
Inc., 2020).

En la esquina superior derecha del selector se encuentra un icono con forma


de engranaje que representa las opciones del selector. Desde allí, podremos
cambiar la forma en la que se muestran los pinceles, seleccionar otras
categorías de pinceles o cargar y guardar pinceles personalizados. 
Al seleccionar un pincel, el puntero del mouse cambia y nos muestra la
silueta de la forma de pincel seleccionado. Esta silueta puede ser escondida
o visualizada presionando la tecla Bloq Mayús.

También existe un panel específico para los pinceles en el que encontramos


las mismas opciones de la barra, pero de manera ampliada, más un cúmulo
de nuevas opciones, como espaciado, dispersión, textura, dinámica de color,
dinámica de forma, etcétera. En este panel, las combinaciones son infinitas.

“La herramienta pincel y la herramienta lápiz pintan el color


frontal en una imagen. La herramienta pincel crea suaves
trazos de color. La herramienta lápiz crea líneas con bordes
duros” (“Herramientas de pintura”, 2020,
https://helpx.adobe.com/es/photoshop/using/painting-
tools.html).

Figura 4: Panel pincel


Fuente: Adaptación propia de captura de pantalla del software Adobe Photoshop CC (Adobe
Inc., 2020).

La figura 4 nos muestra todas las opciones disponibles en el panel de


pinceles:

A. Ajustes del pincel. 

B. Previsualización del trazo de pincel. 

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.

Pintura con las herramientas Pincel o Lápiz

1. Seleccione un color frontal.

2. Seleccione la herramienta Pincel  o la herramienta Lápiz.

Pincel

Lápiz
3. Seleccione un pincel del panel Pinceles. 

4. Defina las opciones de la herramienta de modo, opacidad, etc.


en la barra de opciones.

5. Realice una o varias de las acciones siguientes:

Haga clic en la imagen que desea pintar y arrastre.

Para dibujar una línea recta, haga clic en un punto inicial de la


imagen. A continuación, mantenga pulsada la tecla Mayús y
haga clic en un punto final.

Cuando utilice la herramienta pincel como aerógrafo, mantenga


pulsado el botón del ratón sin arrastrar para incorporar un color.
(“Herramientas de pintura”, 2020,
https://helpx.adobe.com/es/photoshop/using/painting-
tools.html). 

Opciones de las herramientas de pintura

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

Define la transparencia del color que aplique. Al pintar sobre un


área, la opacidad no excederá el nivel definido
(independientemente de las veces que muevas el puntero sobre
el área) hasta que sueltes el botón del ratón. Si vuelve a realizar
un trazo sobre el área, se aplicará color adicional, equivalente a
la opacidad definida. La opacidad de 100 % es opaca.

Flujo

Define la velocidad a la que se aplica el color mientras se mueve


el puntero sobre un área. Al pintar sobre un área, si mantienes
pulsado el botón del ratón, la cantidad de color se aplicará según
la velocidad del flujo, hasta alcanzar el ajuste de opacidad. Por
ejemplo, si defines la opacidad en un 33 % y el flujo en un 33 %,
cada vez que muevas el ratón sobre un área, su color se
acercará un 33 % al color del pincel. El total no excederá una
opacidad del 33 %, a menos que sueltes el botón del ratón y
vuelvas a realizar un trazo sobre el área.

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

(Solo para la herramienta lápiz) Pinta el color de fondo sobre


áreas que contienen el color frontal. Selecciona el color frontal
que deseas borrar y el color de fondo al que deseas cambiar.
(Consulta Borrado automático con la herramienta lápiz).

Botones de presión de la tableta

Utiliza la presión de stylus para anular la opacidad y los ajustes


de tamaño del panel Ajustes del pincel. (“Herramientas de
pintura”, 2020,
https://helpx.adobe.com/es/photoshop/using/painting-
tools.html).

 
Herramientas de retoque

Herramientas de retoque

Referencias
Lección 1 de 2

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.

Figura 1: El tampón de clonado y el pincel corrector


Fuente: Adaptación propia de captura de pantalla del software Adobe Photoshop CC (Adobe
Inc., 2020).

La figura 1 nos muestra: 

A. El pincel corrector con sus variantes.

B. El tampón de clonado con sus variantes.

El ejemplo más común de la utilidad de estas herramientas es la corrección


de imperfecciones de la piel, como podemos observar en la figura 2. Sin
embargo, los usos de estas herramientas son muy variados y no se limitan
solamente a borrar granitos. Nos permitirán borrar elementos indeseados en
una fotografía, duplicar elementos, borrar manchas, arrugas y zonas
deterioradas de la imagen, entre otras.

Figura 2: Corrección de imperfecciones de la piel

Fuente: Captura de pantalla de Saber Programas [Video de YouTube], 2014,


https://www.youtube.com/watch?v=CRXvO93g7rk&ab_channel=SaberProgramas

En el ejemplo de la figura 2, observamos que el rostro de la izquierda


presenta múltiples manchas e imperfecciones en varias zonas. El
funcionamiento de estas herramientas consiste en tomar una muestra de
una zona de la imagen que tenga la apariencia deseada, para pintar otra
zona de la imagen y reemplazar su aspecto. El rostro de la derecha ya ha
sido corregido con Photoshop, utilizando las herramientas de retoque
mencionadas.
El origen de la muestra puede ser del documento en uso o de
cualquier documento abierto de Photoshop, de la capa actual, de
una inferior o de todas las capas juntas.

Tanto el tampón de clonación como el pincel corrector funcionan como un


pincel, sólo que, en vez de pintar con un color homogéneo, lo harán con una
muestra de píxeles previamente determinada. Para tomar esta muestra,
primero se debe seleccionar una de las dos herramientas mencionadas,
determinar el tamaño del pincel y hacer clic en el punto de la imagen donde
se desea tomar la muestra presionando la tecla Alt. Luego, podremos utilizar
la herramienta de la misma manera que lo haríamos con un pincel,
normalmente. Notaremos que aparecerá una cruz en el área de origen de la
muestra y que esta se irá desplazando de manera idéntica a la punta de
pincel, acompañando su movimiento y manteniendo siempre una distancia
proporcional entre el origen de clonación y el destino.

Es importante destacar que, en principio, pareciera que todas las


herramientas de retoque hacen lo mismo y esto es parcialmente cierto, dado
que la finalidad de las herramientas es, básicamente, la misma, pero el
método empleado por cada una de ellas es muy diferente, lo cual hace
necesario aprender a diferenciarlas para saber cuándo es pertinente utilizar
cada una, según el caso que se nos presente. En las páginas siguientes, se
detallan cada una de estas herramientas con sus respectivas opciones y
usos. 

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. 

Desde la barra de opciones de herramienta, se podrá seleccionar el tamaño,


forma y dureza del pincel. Al mismo tiempo, se podrá establecer su nivel de
opacidad. El parámetro opacidad no se utiliza para borrar detalles de la
imagen, sino para atenuarlos. Por ejemplo, si no deseamos borrar
completamente una arruga o una línea de expresión, podemos setear la
opacidad del pincel en 50 %. De esta manera, al realizar el clonado, la arruga
lucirá menos marcada y menos profunda.

Figura 3: Tampón de clonar - Barra de opciones de herramienta


Fuente: Adaptación propia de captura de pantalla del software Adobe Photoshop CC (Adobe
Inc., 2020).

La opción Modo, que por defecto se encuentra en Normal, nos permitirá


elegir un modo de fusión diferente para el tampón. Una forma interesante de
aprovechar esta característica es utilizar el modo Aclarar, cuando el fondo de
la imagen sea claro y el elemento que deseamos clonar sea oscuro, ya que el
tampón solo afectará las áreas oscuras y dejará intactas las áreas claras,
siempre y cuando ambos elementos se encuentren en la misma capa.

Al activar la opción Alineado, se muestran los píxeles de forma continua, sin


perder el punto de muestra actual, incluso aunque se suelte el botón del
mouse. Si la opción se encuentra desactivada, al soltar el clic, la muestra
volverá al punto donde se tomó inicialmente (“Retoque y reparación de
fotografías”, 2020).
La opción Muestra nos permite seleccionar de dónde serán tomadas las
muestras dentro de tres opciones: Capa actual, para muestrear sobre la capa
activa; Todas las capas, para muestrear sobre todas las capas visibles; y
Actual y Subyacentes, para muestrear sobre la capa activa y todas las
visibles subyacentes. También encontraremos un icono que permite excluir
las capas de ajustes al seleccionar la opción Todas las capas (“Retoque y
reparación de fotografías”, 2020).

En la figura 3, podemos apreciar todas las opciones de la barra de opciones


de herramienta del tampón de clonación. También se puede observar el panel
origen de clonación desplegado (sobre el cual profundizaremos más
adelante) y el accionar del tampón sobre el insecto. Podemos apreciar cómo
en la zona donde actuó la herramienta los datos de píxeles fueron reemplazados
por los del estambre de la flor.

Para utilizar la herramienta tampón de clonar, define un punto de muestra en


el área de la que deseas copiar (clonar) los píxeles y pinta en otra área. Para
pintar con el punto de muestra más actual siempre que se detenga y vuelva a
pintar, selecciona la opción Alineado. Anula la selección de la opción
Alineado para pintar desde el punto de muestra inicial, independientemente
de las veces que hayas parado y reanudado la pintura. Puedes utilizar
cualquier punta de pincel con esta herramienta, lo que te facilita un control
preciso sobre el tamaño del área de clonación. También puedes utilizar los
ajustes de opacidad y flujo para controlar la forma en que se aplicará la
pintura al área clonada.(“Retoque y reparación de fotografías”, 2020, https://
helpx.adobe.com/es/photoshop/using/retouching-repairing-images.html).
Figura 4: Alteración de una imagen con la herramienta tampón de clonar

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

Los pasos para utilizar el tampón clonar


1. Seleccione la herramienta Tampón de clonar 

Tampón de clonar

2.  Seleccione una punta de pincel y elija las opciones de pincel


de modo de fusión, opacidad y flujo en la barra de opciones.
3.  Para especificar cómo desea alinear los píxeles de muestra y
cómo muestrear los datos de las capas del documento, defina
cualquiera de las siguientes opciones en la barra de opciones:

Alineado

Muestrea los píxeles de forma continua, sin perder el punto de


muestra actual, incluso aunque sueltes el botón del ratón. Anule
la selección de Alineado para seguir utilizando los píxeles
muestreados del punto inicial de la muestra, cada vez que
detenga y reanude la pintura.

Muestra

Muestrea los datos de las capas que se especifiquen. Para


muestrear a partir de la capa activa y las capas visibles
subyacentes, seleccione Actual y subyacentes. Para muestrear
solo desde la capa activa, seleccione Capa actual. Para
muestrear desde todas las capas visibles, seleccione Todas las
capas. Para muestrear desde todas las capas visibles, salvo las
de ajuste, seleccione Todas las capas y haga clic en el ícono,
para omitir las capas de ajuste, situado a la derecha del menú
emergente de muestras.

4. Para definir el punto de la muestra, sitúe el puntero en


cualquier imagen abierta, pulse la tecla Alt (Windows) u Opción
(Mac OS) y haga clic.

5. (Opcional) En el panel Origen de clonación, haga clic en el


botón del mismo nombre   y defina un punto de muestra
adicional.

Puedes definir hasta cinco orígenes de muestra diferentes. El


panel Origen de clonación guarda los orígenes muestreados
hasta que cierre el documento.

6. (Opcional) Realice una de las siguientes acciones en el panel


Origen de clonación:

Para escalar o rotar el origen que está clonando, introduzca un


valor de anchura (An) o altura (Al) o la rotación en grados.

Para invertir la dirección del origen (opción adecuada para


obtener un reflejo de características como los ojos), haga clic en
los botones Voltear horizontal  Voltear vertical.
Para mostrar una superposición de la imagen de origen que está
clonando, seleccione Mostrar superposición y especifique las
opciones de superposición.

7. Arrastre el puntero sobre el área de la imagen que desea


corregir. (“Retoque y reparación de fotografías”, 2020,
https://helpx.adobe.com/es/photoshop/using/retouching-
repairing-images.html).

Figura 5: Herramienta de tampón de clonar y tampón de motivo

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.

En la próxima lectura, veremos el pincel corrector y con sus variantes.

C O NT I NU A R
Pincel corrector

Pincel corrector

Pincel corrector puntual

Parche

Movimiento con detección de contenido

Panel origen de clonación

Pincel de ojos rojos

Piel de porcelana y otras malas prácticas

Referencias

Revisión del módulo

Descarga en PDF
Lección 1 de 10

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.

Figura 1: Herramienta pincel y variantes

A diferencia del tampón de clonado, esta herramienta no dispone de niveles


de opacidad en la barra de opciones, pero sí de dureza del pincel y modo de
fusión. Nos permite corregir imperfecciones para que desaparezcan de la
imagen. Al igual que las herramientas de clonar, la herramienta pincel
corrector se utiliza para pintar con píxeles muestreados de una imagen o un
motivo.
Figura 2: Píxeles muestreados e imagen corregida

También nos permite establecer el origen en una muestra o un motivo.


Utilizando la segunda opción, el resultado es similar al que obtenemos
cuando usamos el tampón de motivo, pero, en este caso, fusiona la
coloración y luminosidad del destino con la textura del motivo.

La opción Difusión  sí es exclusiva de esta herramienta. Con ella


podemos controlar la velocidad con la que actuará el proceso de
adaptación de la región pegada con la imagen de su alrededor.
Establecer un valor alto en esta opción nos permitirá obtener un
resultado más suave, mientras que un valor bajo nos permitirá
conseguir un resultado más detallado y con mayor nivel de grano
(“Retoque y reparación de fotografías”, 2020).
La capacidad de adaptación de esta herramienta la convierte en una de las
más útiles, dado que se puede usar en casi cualquier caso o circunstancia, ya
sea para borrar, corregir o duplicar elementos, para grandes superficies o
pequeñas, con fondos uniformes o complejos, aunque se aconseja su uso
para realizar correcciones detalladas. La única desventaja es que resulta un
poco incómoda para trabajar cerca de los bordes de la imagen o los
contornos de las figuras.

C O NT I NU A R
Lección 2 de 10

Pincel corrector puntual

Esta herramienta fue incorporada en la versión CS2 de Photoshop, luego de


la gran recepción que tuvo el pincel corrector clásico. El corrector puntual
surge para realizar pequeñas correcciones comunes en las fotografías, de
manera muy rápida, sencilla y efectiva. Este pincel es muy similar al pincel
corrector, solo que, en este caso, no permite tomar una muestra del origen de
clonado, sino que el programa lo elige de forma automática y casi siempre de
forma muy acertada (“Retoque y reparación de fotografías”, 2020). Esta
particularidad nos ahorrará un paso en el proceso de corrección y mucho
tiempo de trabajo. Otra particularidad es que no permite utilizar puntas de
pincel con formas, aunque sí podemos ajustar su redondez.

Este pincel, como lo indica su nombre, se utiliza mayormente para eliminar


pequeños puntos de la imagen, como granitos, pecas, manchas del sensor
de la cámara o polvo, haciendo clic en cada uno de ellos (sin tomar muestra
de origen previamente). Sin embargo, también se puede usar en áreas más
grandes y lineales, al pintar de forma continua como un pincel. Cabe aclarar
que no es recomendable para clonar superficies muy grandes, en cuyo caso
la herramienta adecuada sería el parche, el cual describiremos en la
siguiente página.
Figura 3: Uso del pincel corrector puntual para quitar una imperfección

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

Ya que en este pincel no contamos con suficiente control sobre el origen de


las muestras, la herramienta posee tres opciones que determinarán la
apariencia del resultado (del destino) y que, más o menos, ayudarán al
programa a elegir de dónde debe tomar las muestras. Las opciones
disponibles son:

  ● Ajustar a entorno: utiliza píxeles alrededor del borde de la


selección para buscar un área y utilizarla como parche. 
● Crear textura: utiliza los píxeles de la selección para crear una
textura… 

● Según el contenido: compara contenido de imágenes


cercanas para rellenar perfectamente la selección y mantener, a
la vez, el realismo de los detalles clave como, por ejemplo, las
sombras y los bordes de los objetos. (“Retoque y reparación de
fotografías”, 2020,
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. 

Por defecto, el método utilizado para la selección en esta herramienta es a


mano alzada, a la que se puede sumar y restar, como en cualquier otra
selección, con las opciones de la barra de herramientas. Se puede utilizar
cualquier método de selección disponible, desde los marcos rectangulares y
elípticos, hasta lazos y varita mágica. Cualquier selección es susceptible de
ser utilizada por el parche.

 Esta herramienta resulta muy útil para clonar superficies


grandes e irregulares.
En la figura 4 podemos ver uno de los tantos usos que se le puede dar a la
herramienta parche. En este caso, se realizó una selección sobre uno de los
lados y se desplazó su contenido por el de su derecha. En la foto del ejemplo,
aún no se ha aplicado el cambio, por lo que no vemos la fusión que realiza el
programa en los píxeles contiguos.

Figura 4: Herramienta parche

Fuente: Adaptación propia con base en “Retoque y reparación de fotografías”, 2020,


https://helpx.adobe.com/es/photoshop/using/retouching-repairing-images.html

La figura 4 nos muestra:

A. Uso de la herramienta parche para reemplazar píxeles.


B. Imagen con parches.

Una de las funciones más interesantes que posee esta herramienta es la


detección de contenido, función que también encontraremos en la barra de
opciones, cambiando el modo de Normal a Según el contenido. Esta función
detecta automáticamente el contenido de la zona que se desea clonar y lo
rellena. Es muy útil cuando existe una textura irregular o en perspectiva de
fondo.

C O NT I NU A R
Lección 4 de 10

Movimiento con detección de contenido

Esta herramienta es la más reciente que ha sido desarrollada e incorporada a


Photoshop. Hizo su primera aparición en la versión CS6. Movimiento con
detección de contenido es una herramienta similar al parche cuando
activamos la detección de contenido, pero incorpora algunas mejoras, por lo
que permite elegir entre mover o extender el contenido.

Para utilizar esta herramienta es necesario, primero, crear una selección


amplia sobre el elemento que deseamos mover o extender y luego
desplazarlo, arrastrándolo con el mouse hasta el lugar deseado. Al hacerlo, el
algoritmo especial de esta herramienta rellena de manera automática el
hueco dejado.

La opción Mover se utiliza, generalmente, cuando existe un fondo más o


menos uniforme, para mover un objeto a otra zona dentro de la misma
imagen, de manera rápida y sencilla, haciendo una selección amplia y a
mano alzada. Por ejemplo, para mover una nube de lugar en un cielo. Al
mismo tiempo que movemos un objeto, podremos escalarlo y rotarlo en el
mismo paso. 
La opción Extender, por otro lado, funciona de manera similar a la
herramienta parche, solo que en este caso podemos duplicar objetos dentro
de la imagen y escalarlos y rotarlos al mismo tiempo.

En el panel de opciones de herramienta encontraremos la opción Estructura.


Desde aquí, podemos establecer la precisión con la que el programa reflejará
los motivos de la imagen. La opción Color, por su parte, actúa de la misma
manera, solo que, en vez de referirse a las estructuras y formas, determina el
grado de fusión de los colores.

En la siguiente imagen (figura 6), podemos apreciar el uso de la herramienta


movimiento con detección de contenido en acción. Podemos notar cómo uno
de los molinos ha sido replicado exactamente igual a su costado derecho.
También podemos observar los cuatro controladores de las esquinas de la
selección que nos permiten escalar el objeto en cuestión. Esta imagen es un
claro ejemplo de cuándo es realmente útil esta función: ya que la imagen
posee perspectiva, el molino de la derecha debe ser necesariamente más
chico que el de la izquierda, siguiendo la lógica del punto de fuga.

Figura 6: Herramienta movimiento con detección de contenido


Lección 5 de 10

Panel origen de clonación

Existe, también, un panel específico para herramientas de clonado: el panel


Origen de clonación (figura 7), al que podemos acceder desde la opción
Ventana > Origen de clonación. Las opciones que encontramos en él aplican
tanto para las herramientas tampón de clonar como para el pincel corrector.
Desde este panel, podremos establecer hasta cinco orígenes distintos de
muestra y cambiar entre uno y otro rápidamente, sin necesidad de volver a
tomar las muestras (“Retoque y reparación de fotografías”, 2020). Estas
muestras no necesariamente deben ser tomadas del mismo documento ni de
la misma capa. Otras opciones disponibles son rotar, voltear o cambiar la
escala del origen de la muestra, opacidad y modo de fusión del destino.

Figura 7: Panel origen de clonación


La imagen de la figura 8 es una ampliación de la zona de la frente de la figura
3. Arriba de la ceja izquierda se observa una mancha en la piel (A) y dos
orígenes de muestras distintas (B) y (C). Entre el punto C y el A la coloración
es similar, sin embargo, el punto C se presenta con una luminosidad mayor.
Si utilizáramos para la corrección la muestra B y el tampón de clonado, el
resultado se vería mal, ya que el retoque sería muy notorio a causa de esa
diferencia de luminosidad entre el origen y el destino. Las opciones correctas
serían las siguientes: si usamos el tampón de clonar, usar la muestra de
origen C; si utilizamos la muestra B, la herramienta más adecuada es el
pincel corrector. 

Figura 8: Origen de clonación


Lección 6 de 10

Pincel de ojos rojos

Junto con el pincel corrector se encuentra agrupada la herramienta pincel de


ojos rojos. Los ojos rojos son un defecto común en las fotografías que son
tomadas con flash directo y frontal, dado que el rojo en las pupilas es el
reflejo de la luz del flash. Aunque, en principio, su función es muy diferente a
las herramientas desarrolladas a lo largo del módulo, se la considera una
herramienta de retoque. Tampoco su forma de utilización coincide con su
nombre, ya que, para utilizarla, debemos realizar una selección rectangular
sobre el área del ojo, incluyéndolo de forma completa. El software,
automáticamente, detectará la pupila, efectuará la corrección y la
oscurecerá. Al igual que las demás herramientas, esta posee opciones de
configuración que nos permitirán tener mayor control sobre el resultado:
tamaño de pupila y cantidad de oscurecimiento. Normalmente, no es
necesario mover los valores que vienen por defecto, pero si el resultado no
fuera el esperado, podemos repetir el proceso probando con otra
configuración, hasta obtener un resultado satisfactorio.

Figura 9: Herramienta pincel de ojos rojos


Fuente: Captura de pantalla del software Adobe Photoshop CC (Adobe Inc., 2020).
Lección 7 de 10

Piel de porcelana y otras malas prácticas

El uso excesivo y abusivo de las herramientas de retoque puede derivar en


efectos negativos sobre las imágenes que tengan como temática la figura
humana. No todas las imperfecciones de la piel, marcas de expresión o
arrugas deben ser retocadas. Cuando todos estos elementos son reemplazados
por áreas lisas, se produce un efecto plástico que hace lucir la piel como un
maniquí o como si se tratara de porcelana. Al mismo tiempo, si eliminamos
arrugas y marcas de expresión de los rostros, muchas veces quedan
irreconocibles y se terminan viendo como una mala cirugía plástica. Como
mencionamos al principio del módulo, los ajustes y retoques tienen que pasar
desapercibidos y el resultado siempre debe lucir natural, salvo que el objetivo
del trabajo sea crear una imagen artificial.

También debemos tener cuidado cuando trabajamos con texturas, ya que un


retoque excesivo resultará en una pérdida de estructura, volumen y definición, y
el resultado lucirá blureado (desenfocado). Este efecto también se puede
producir al emplear niveles de opacidad inferiores al 100 %.

Por último, es muy importante tener en cuenta el lugar de donde se tomarán


las muestras. Un error común es tomar una sola muestra de origen y realizar
todo el clonado con la misma muestra. El resultado de esta acción será un
clonado repetitivo que se notará a simple vista. La solución a esta vicisitud es
alternar el área de origen de la muestra, combinar diferentes sectores y
diferentes niveles de opacidad, para no crear patrones repetitivos.
Lección 9 de 10

Revisión del módulo

Hasta acá aprendimos

Herramientas de edición de píxeles



Aprenderemos sobre los retratos y cómo hacer más expresivas las
fotografías. Cómo eliminar objetos y hacer retoques con las poderosas
herramientas de edición y las nuevas funciones inteligentes que tiene
Photoshop para crear efectos mágicos y convertir las imágenes en obras de
arte.

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.

También podría gustarte