Diplomado virtual

Diseño Digital

Guía didáctica - Módulo 3

Imagen: autor.
Guía didáctica

Conociendo Photoshop
Se espera que, con los temas abordados
en la guía didáctica del módulo 3:
Conociendo Photoshop, el estudiante
logre la siguiente competencia específica:

➢ Identificar las herramientas principales

y específicas que permiten el manejo
del programa y corrección de detalles
en fotografías.
 Contenidos temáticos
Los contenidos temáticos, para desarrollar en la guía didáctica
del módulo 3: Conociendo Photoshop, son:

Herramientas
parche,
pincel
Explorando Herramientas Manejo de
corrector,
la interfaz de selección capas
pincel y
tampón de
clonar
Explorando la interfaz
Interfaz de Photoshop
1. Allí se encuentran las opciones para crear un archivo nuevo o para abrir algún archivo que se encuentre en el
ordenador. En este caso se da clic en “Crear nuevo”.
2. Barra de menú: donde están las opciones más avanzadas de programa, como abrir herramientas que no se ven en
las otras barras, exportar, guardar, abrir nuevos documentos, entre otras.
3. Barra de formato: en esta barra se
encuentran los formatos que Photoshop dispone
para trabajar y dentro de cada formato tiene la
opción de elegir tamaños específicos que el
software trae por defecto o también se puede
crear un tamaño nuevo dentro de cualquier
formato.
4. Esta zona se utiliza para ponerle un nombre al
archivo que vamos a trabajar. El programa por
defecto viene con el nombre «Sin título-1»
5. En esta zona se tiene el tamaño exacto de la
selección que se haga dentro del formato, sea en
pixeles, puntos, milímetros, centímetros, entre
otros. Si el tamaño que se necesita para trabajar
es específico y no está dentro de las opciones del
programa, se puede digitar los valores que se Imagen: ventana de inicio.
Fuente: autor.
necesitan y asignarle la orientación al lienzo
(vertical u horizontal).
Interfaz de Photoshop
6. La resolución es la calidad de visión que va
a tener el proyecto. Todo va a depender del
trabajo final que se desee, es decir, si el trabajo
va a ser para alguna presentación de una
pantalla o para web, con una resolución de 72
ppi es suficiente, sin embargo, si se pretende
imprimir es necesaria una resolución de 300
ppi.
7. El modo de color puede variar también
según la finalidad del proyecto. Si se desea
que el resultado sea digital y que se presente
en alguna pantalla, el modo de color debe ser
RGB, pero si es para impresión, el modo de
color debe ser CMYK.
Imagen: ventana de inicio.
Nota: en algunas tiendas de impresión Fuente: autor.
disponen de herramientas que imprimen con
RGB, se debe de preguntar en el lugar, de ser
así, trabajar en un modo de color RGB sería lo
ideal.
Interfaz de Photoshop
8. Con esta opción se elige el color del fondo,
es decir, cómo se va a ver el lienzo (o mesa de
trabajo) cuando no haya nada dibujado.
9. El perfil de color es aquel que nos da una
muestra de cómo se van a ver los colores del
documento en su resultado final. La relación
entre lo que muestra la pantalla y lo que se
puede llegar a imprimir va a depender de las
características de la pantalla y de la impresora.
Se recomienda que el perfil de color sea
«Adobe RGB (1998)»
10. Esta función es la que permite ver la
proporción de los pixeles del archivo, es decir
qué tan cuadrados o qué tan rectangulares se
pueden llegar a ver. Se recomienda dejar la Imagen: ventana de inicio.
opción «Píxeles cuadrados», ya que permite Fuente: autor.
ver la imagen más proporcional a medida que
se acerca.
Área de trabajo
1. Barra de menú: donde están las opciones más avanzadas de programa, como abrir herramientas
que no se ven en las otras barras, exportar, guardar, abrir nuevos documentos, entre otras.

2. Barra de opciones: se ubica debajo de la

barra de menú, tiene los principales atributos
de la herramienta seleccionada. Todas las
herramientas tienen algún parámetro,
característica o personalización que puede ser
asignada desde esta barra.
3. Ventana de documentos: es la que
permite que haya varios documentos abiertos,
cerrar los documentos sin cerrar el programa
o arrastrar nuevos documentos al programa
para abrirlos.
4. Barra de herramientas básicas: donde
Imagen: área de trabajo. están las herramientas esenciales para el uso
Fuente: autor.
del programa.
Área de trabajo
5. Se encuentra la barra de herramientas avanzada, donde estarán ubicadas las demás herramientas
que se necesiten para los trabajos gráficos que se vayan a realizar, para agregar herramientas a esta
barra se debe ubicar en la parte superior, en la barra de menú, y desplegar la opción ventana, donde se
encuentran todas las herramientas del programa.
6. Se tiene opción (<<) que ayuda a poner la
barra de herramientas avanzada más amplia,
cuando la desplegamos las flechas cambian
de sentido (>>) para volver al estado inicial.
7. Lienzo: es el área en el que se van a
trabajar las imágenes o fotografías.
8. Se encuentra la opción para hacer más
grande o más pequeña la mesa de trabajo en
porcentajes, las mesas de trabajo que se
tienen disponibles y desde las flechas se
puede pasar de una mesa de trabajo a otra.
Imagen: área de trabajo.
Fuente: autor.
 Tema 2

Herramientas de selección
Incrustar imagen

Luego de abierto el archivo, se sigue

la siguiente ruta:
1. En la barra de opciones vamos a
«Archivo».
2. Selecciona «colocar elemento
incrustado…».
3. Dentro del ordenador se elige el
archivo «IMAGEN SELECCIÓN».
4. «Abrir» para incrustar la imagen en
el lienzo.

Imagen: incrustar imagen I.

Fuente: autor.
Incrustar imagen

1. Una vez incrustada la imagen

damos ENTER para fijar la imagen
en el lienzo.
2. Barra de menú: donde están
las opciones más avanzadas de
programa, como abrir herramientas
que no se ven en las otras barras,
exportar, guardar, abrir nuevos
documentos, entre otras.

Imagen: incrustar imagen II.

Fuente: autor.
Comandos básicos para navegar

1. Con la barra espaciadora y clic sostenido se navega vertical y horizontalmente

por la mesa de trabajo.
2. Con la tecla ALT y el scroll del mouse se acerca o se aleja de la mesa de
trabajo, según la dirección del scroll será el movimiento (hacia arriba=acercar y
hacia abajo=alejar).
3. Con el movimiento del scroll solo se puede subir y bajar la visualización de la
mesa de trabajo.
4. CTRL + 0 ajusta la mesa de trabajo al tamaño de la pantalla.

Estos son comandos fáciles que de ahora en adelante serán necesarios para cada
módulo donde usemos Photoshop.
Marco rectangular
1. Luego de fijar la imagen, y seleccionar la
capa de esta, se elige «herramienta marco
rectangular» y se deja presionado para
desplegar las opciones de selección.
2. Para hacer un cuadro de selección, se da
el primer clic, se deja sostenido y se
arrastra hasta formar el cuadro deseado, en
este caso se va a seleccionar la ventana.
3. Para hacer el tercer cuadro es necesario
hacer exactamente lo mismo del paso 2.
Sin embargo, en este caso se debe hacer
con la tecla SHIFT sostenida. Esto para
agregar un cuadro de selección diferente al
primero.
Imagen: marco rectangular.
Luego de tener las dos ventanas Fuente: autor.

seleccionadas, se usa el comando CTRL +

J; el cual genera un duplicado de la
selección, con el fin de separarla de la
imagen principal.
Marco elíptico
Luego de tener las dos ventanas
duplicadas, se vuelve a ubicar en la
capa original de la imagen.
1. En el ícono de selección y se
escoge «herramienta marco
elíptico».
Para crear la selección damos el
primer clic, lo dejamos sostenido y
arrastramos hasta formar la
circunferencia deseada, en este caso
vamos a seleccionar el árbol y
usamos el comando CTRL + J; el
cual genera un duplicado de la
selección, con el fin de separarla de
la imagen principal.
2. Ubicarse en la capa del objeto a
Imagen: marco elíptico. seleccionar.
Fuente: autor.
Herramienta: lazo
Una vez ubicados en la capa del objeto a
seleccionar.
1. Se selecciona el ícono de «herramienta
lazo».
2. Con clic sostenido se selecciona una
zona de la calle, no tiene que ser exacto.
Se ve cómo esta herramienta suele ser muy
imprecisa, ya que, al ser con el cursor,
tiende a quedar muy irregular la selección,
sin embargo, puede aprovecharse muy
bien.

Posterior a la selección se usa el comando

CTRL + J; el cual genera un duplicado de la
selección, con el fin de separarla de la Imagen: herramienta lazo.
imagen principal. Fuente: autor.
Lazo poligonal
Una vez ubicados en la capa del objeto a
seleccionar:
1. En el mismo ícono de la herramienta lazo,
se deja el clic sostenido hasta que se
despliegan las demás opciones y se elige la
«herramienta lazo poligonal».
Esta herramienta permite hacer selecciones
a partir de líneas rectas. Sin embargo, si el
usuario se acerca en detalle a la imagen y
comienza a seleccionar, la selección vista
desde un plano general no va a reflejar
ninguna línea recta, generando una
selección mucho más precisa y limpia.
2. Para usar esta herramienta basta dar clics
en los puntos donde se quiere que queden
los vértices o que la línea cambie de
Imagen: lazo poligonal I. dirección. No es necesario sostener el clic.
Fuente: autor.
Para cerrar la selección basta con dar clic
en el primer punto o dar doble clic en el
lienzo.
Lazo poligonal
Ubicarse en la capa del objeto a seleccionar:
1. En el ícono indicado en la ilustración 11,
se deja el clic sostenido hasta que se
despliegan las demás opciones y elegimos
la «herramienta lazo poligonal».
2. Estos son los clics necesarios para hacer
la forma de la puerta con la «herramienta
lazo poligonal».
3. Una vez seleccionada la puerta, se debe
deseleccionar las ventanas de esta. Para
ello se sostiene la tecla ALT y se da clic en
los cuatro vértices de la ventana. La tecla
ALT permite que, de lo ya seleccionado, se
deseleccione la zona que se desea, en este
caso las ventanas, y adicional a estas todo
lo que no es azul, es decir que se
Imagen: lazo poligonal II. deselecciona la apertura de la puerta
Fuente: autor.
también.
Lazo poligonal
Ubicarse en la capa del objeto a seleccionar:
1. En este momento solo se usa la «herramienta lazo poligonal».
2. Con ALT y clics, se
deselecciona cada una de las
ventanas y la apertura de la
puerta.

Una vez seleccionada toda la

zona azul de la puerta, se usa el
comando CTRL + J; el cual
genera un duplicado de la
selección, con el fin de separarla
de la imagen principal.

Imagen: lazo poligonal III.

Fuente: autor.
Lazo magnético
Ubicarse en la capa del objeto a seleccionar.
1. En el ícono, se deja el clic sostenido hasta que se despliegan las demás opciones y elegimos la «herramienta lazo
magnético». Esta herramienta automáticamente rastrea el color de la zona que deseas seleccionar, a medida que vas
moviendo el cursor.
2. Para seleccionar la puerta del garaje pequeño, se da un clic en una esquina de esta puerta.

Lo siguiente será mover el cursor (sin clic

sostenido) alrededor de toda la puerta, y se ve
cómo Photoshop selecciona automáticamente
la puerta. Una vez seleccionada esta puerta,
damos el comando CTRL + J; el cual genera
un duplicado de la selección, con el fin de
separarla de la imagen principal.

Nota: ya que esta herramienta detecta

colores, se debe asegurar que el objeto que se
va a seleccionar tenga un fondo de colores
diferentes, ya que, si son colores similares los
del sujeto y el fondo, el programa los puede
confundir y seleccionar parte del fondo,
interpretándolo como parte del sujeto. Imagen: lazo magnético.
Fuente: autor.
 Tema 3

Manejo de capas
 1. Para sacar la pestaña de capas se debe seguir la ruta
presentada. En la barra de opciones «ventana», se
selecciona el cajón de «capas».
2. En la pestaña de capas, se puede controlar todo lo
que se ve y no se ve en la mesa de trabajo. Además de
controlar el orden de los objetos visibles (cuál objeto va al
frente y cuál va de fondo).
3. Esta es la barra de tipos de capas, si seleccionas
algunos de los íconos verás cómo Photoshop va filtrando
las capas, ocultando unas y mostrando otras según sean
activadas.
4. Aquí hay dos herramientas muy útiles: los modos de
fusión, (a) la opacidad y (b) el relleno.

Cuando se tiene un objeto sobre otro, se pueden aplicar

modos de fusión para que la superposición de los objetos
sea más sutil. Y el control de la opacidad y el relleno
permiten que el objeto, dependiendo del porcentaje,
Imagen: manejo de capas I. torne a ser invisible. A mayor porcentaje más sólido (más
Fuente: autor. visible) se torna el objeto, a menor porcentaje menos
visible se percibe (se torna transparente).
 5. Se tiene además modos de bloqueo. Las capas
tienen la facultad de que se pueden bloquear. Sean
imágenes, textos, vectores e incluso pinceles, para
trabajar sobre una sola área sin perjudicar las demás.
6. Fila de la visibilidad. Esta herramienta sirve para
ocultar y/o mostrar las capas según se va deseando.
Para desactivar una capa, basta con dar clic en el ojo, y
viceversa.
7. Fila de las subcapas. Capas dentro de capas es lo
que quiere decir esto, las capas tienen la facultad de
agruparse. Cuando así es, esta fila da la opción de
desplegar el grupo de capas, para ver y controlar cada
una de las capas que hacen parte de dicho grupo.
8. Aquí se tiene la imagen miniatura de la capa.
Cuando la imagen se encuentra llena de cuadros puede
significar que esta capa está vacía. Sin embargo,
también puede significar que el objeto de esta capa no
tiene fondo.
Imagen: manejo de capas I. 9. Nombre de la capa. Esta facultad permite ordenar
Fuente: autor. cada una de las capas y ser conscientes de lo que se
está controlando. Para cambiarlo, basta con darle doble
clic, y una vez renombrado, se da ENTER para confirmar
el cambio.
 Enlazar capas. Enlaza capas seleccionadas.

Opciones de fusión. Abre una ventana con opciones

para la capa seleccionada.

Máscara. Con ella se puede seleccionar qué parte de la

imagen se quiere mostrar y ocultar, sin borrar la que no
se ocupa.

Añadir ajuste. Crea una capa con alguna opción de

ajuste.

Crear grupo. Crea una carpeta en la que se pueden

colocar capaz, sirve para organizar mejor el espacio de
trabajo.

Crear capa. Como su nombre lo dice, crea una capa

nueva. También, si arrastras una capa anterior a este
Imagen: manejo de capas I. ícono, automáticamente te crea una copia de la capa
Fuente: autor. arrastrada.

Eliminar. Elimina las capas seleccionadas.

1. Las capas pueden cambiar su
nombre.
2. Cambio realizado en el nombre de las
capas.
3. Si se arrastra una capa, se puede
mover hacia donde indica la línea azul.
Si la capa está abajo, el objeto estará
atrás, y si la capa está arriba, será el
objeto de adelante.

Una vez realizado todo lo anterior, se va

a la ruta «archivo» > «guardar» y se
debe seleccionar que el tipo de archivo
sea el mostrado.

Y se procede haciendo clic en

«guardar». Imagen: manejo de capas II.
Fuente: autor.
 Tema 4

Herramientas parche, pincel

corrector, pincel y tampón de clonar
Tener en cuenta que:
Los pinceles generan sucesiones de puntos, los cuales al estar muy unidos dan la forma de una
línea al trazarla con clic sostenido. Sin embargo, estos puntos pueden sufrir varias modificaciones,
por ejemplo:
1. Tamaño del pincel: este tamaño siempre va a variar dependiendo de lo cerca que se está a la
imagen. Luego de ajustar el tamaño, se puede apreciar moviendo el cursor fuera del panel de
opciones y teniendo la tecla «Bloq Mayús» desactivada.
2. Dureza: define la definición de los bordes del pincel, es decir, mientras más dureza el pincel se
muestra con delimitaciones muy marcadas; y, a menos dureza, los bordes del pincel se tornan
difuminados.
3. Espaciado: esta opción define el espaciado que va a haber entre un punto y el otro al usar el
pincel con clic sostenido, puede hacer que se vea como una línea o que los puntos se vean
separados entre sí.

Nota: en el módulo de pinceles se ve la muestra clara de cada una de estas opciones.

Herramienta: pincel corrector puntual

1. En la «herramienta pincel
corrector puntual» se da clic
sostenido en el ícono para
desplegar las demás opciones y
seleccionarla. Para ver el tamaño
del pincel se debe desactivar la tecla
«Bloq Mayús»
2. Para abrir las opciones del pincel
se da clic derecho en la imagen.

Imagen: pincel corrector puntual.

Fuente: autor.
Herramienta: pincel corrector puntual
Imagen: pincel corrector puntual.
Fuente: autor.
3. Luego de terminar la asignación de
valores del pincel, se da un solo clic
sobre el daño que deseamos
corregir. En este caso se va a dar la
ilusión de que la puerta no tiene
grietas. Al dar clic en alguna grieta se
ve como automáticamente
desaparece.
¿Qué sucedió?
El pincel percibe los colores que
tocan su borde y los copia para
ubicarlos al centro de él y tapar el
color diferenciado (el error o el daño
que se quiere quitar).
Herramienta: pincel corrector
Ubicarse en la capa del objeto a seleccionar.
1. En la «herramienta pincel corrector» se da clic sostenido en el ícono para desplegar las demás opciones y
seleccionarla.
Para ver el tamaño del pincel se debe desactivar la tecla «Bloq Mayús».
Esta herramienta toma un punto de referencia para ponerlo en cualquier otra parte de la imagen. A medida que
se vaya tocando lo que se quiere ocultar, en esta misma zona se va poniendo lo que está en el punto de
referencia.
2. Se selecciona con la tecla ALT SOSTENIDA
+ CLIC el punto de referencia, lo ideal es que
sea una zona que no tenga grietas, para
ubicarla en una zona que sí tenga grietas y
ocultarlas.
3. Para tapar la grieta entonces se puede dar
un solo clic y se va tapando, y si el daño es
más grande, se debe tapar con clic sostenido
y pasando por dicho daño.

Imagen: pincel corrector I.

Fuente: autor.
Herramienta: pincel corrector

1. Punto de referencia sin grietas.

2. Daño eliminado, sin grietas. Se ve cómo,
aunque las dos zonas no sean totalmente
iguales, el software adapta el punto de
referencia al punto para corregir.

Imagen: pincel corrector II.

Fuente: autor.
Herramienta: parche

1. En la «herramienta parche» se da clic

sostenido en el ícono para desplegar las
demás opciones y seleccionarla.
Esta herramienta permite seleccionar por
medio del clic sostenido el elemento que se
desea corregir y arrastrarlo a una zona
limpia para que sea reemplazado por dicha
zona.
2. Se rodea la zona que se desea corregir y
la se arrastra a la derecha (en este caso), ya
Imagen: parche I.
Fuente: autor. que a este lado la zona no tiene daños.
Herramienta: parche

3. A medida que se arrastra el programa va

mostrando cómo queda la zona del daño
con la nueva zona ubicada encima.
4. Se ve como el error ha desaparecido y la
zona buena se ha adaptado eficientemente
a la zona de dicho error.

Imagen: parche II.

Fuente: autor.
Herramienta: movimiento con detección de contenido
Ubicarse en la capa del objeto a seleccionar.
1. En la «herramienta movimiento con dirección de contenido», con clic sostenido en el ícono para desplegar
las demás opciones y seleccionarla.
Esta herramienta, a diferencia de las demás, no borran el error, sino que lo mueven a otro lugar para
reemplazar (corregir) el primer lugar del error.
2. Se hace manualmente la selección del error. Con clic sostenido se rodea.

Imagen: movimiento con detección de contenido I.

Fuente: autor.
Herramienta: movimiento con detección de contenido
3. Se arrastra el error a otra zona, en este caso un poco debajo de donde se encuentra originalmente.

Imagen: movimiento con detección de contenido II.

Fuente: autor.
Herramienta: movimiento con detección de contenido
4. Luego de decidir la nueva ubicación, se da ENTER para fijar la copia.

Imagen: movimiento con detección de contenido III.

Fuente: autor.
Herramienta: movimiento con detección de contenido
5. Se ve cómo automáticamente la zona queda corregida. Vemos cómo el error pasa abajo.
Cada corrección, tanto ocultar el error como ponerlo en un lugar nuevo, se adapta perfectamente a su nuevo
espacio, con el fin de que el cambio sea sutil y se vea como una foto editada.
Con el comando CTRL + D se deselecciona.

Imagen: movimiento con detección de contenido IV.

Fuente: autor.
Herramienta: tampón de clonar
Ubicarse en la capa del objeto a seleccionar.
1. Se elige la herramienta de «tampón de clonar».
Para ver el tamaño del pincel se debe desactivar la tecla «Bloq Mayús». Recuerde que con clic derecho o
en la barra de opciones se puede cambiar el tamaño, la dureza y el tipo de tapón de clonar.
Esta herramienta toma un punto de referencia, para ponerlo en cualquier otra parte de la imagen. A
medida que se vaya tocando lo que se quiere ocultar, en esta misma zona se va poniendo lo que está en
el punto de referencia.

Imagen: tampón de clonar I.

Fuente: autor.
Herramienta: tampón de clonar
2. Se selecciona con la tecla ALT SOSTENIDA + CLIC el punto de referencia, lo ideal es que sea una
zona que no tenga grietas, para ubicarla en una zona que sí tenga grietas y ocultarlas.
3. Para tapar la grieta entonces se puede dar un solo clic y se va tapando, y si el daño es más grande, se
debe tapar con clic sostenido y pasando por dicho daño.

Imagen: tampón de clonar I.

Fuente: autor.
Herramientas: tampón de clonar + pincel corrector
1. Resultado esperado.
2. Con las herramientas de pincel corrector y tampón
de clonar se pueden corregir los errores de toda la
puerta.

Imagen: tampón de clonar II.

Fuente: autor.
Herramientas: tampón de clonar + pincel corrector
Anteriormente se tenía una puerta con
aspecto de antigüedad y ciertos rasgos de
madera estropeada. Ahora, limpiando los
errores, se obtiene una puerta
«rejuvenecida».

Imagen: tampón de clonar III.

Fuente: autor.
Ahora que has revisado algunos conceptos en la
guía didáctica de este módulo, te invito a realizar la
edición de 3 fotografías que estarán en el campus
virtual, con el fin de afianzar lo aprendido en esta
guía. Estas son las indicaciones:

Foto 1. Eliminar el tanque de agua con la

herramienta tampón de clonar.
Foto 2. Eliminar las imperfecciones del rostro de la
chica con las herramientas pincel corrector puntual,
pincel corrector y parche (según te parezca
conveniente).
Foto 3. Seleccionar el juguete y separarlo de la
imagen a una nueva capa (CTRL + J).

¡Inténtalo!
Adobe. (2021). Realizar selecciones en Photoshop Elements.
https://helpx.adobe.com/es/photoshop-
elements/using/making-selections.html

Adobe. (2023). Retoque y corrección de fotografías.

https://helpx.adobe.com/es/photoshop-
elements/using/retouching-
correcting.html#remove_spots_and_unwanted_objects
Esta guía fue elaborada para ser utilizada con fines didácticos como
material de consulta de los participantes en el diplomado virtual en
DISEÑO DIGITAL del Politécnico de Colombia, y solo podrá ser
reproducida con esos fines. Por lo tanto, se agradece a los usuarios
referirla en los escritos donde se utilice la información que aquí se
presenta.

GUÍA DIDÁCTICA 3
M2-DV60-GU03
MÓDULO 3: CONOCIENDO PHOTOSHOP

© DERECHOS RESERVADOS - POLITÉCNICO DE COLOMBIA, 2023

Medellín, Colombia

Proceso: Gestión Académica Virtual

Realización del texto: John Cuervo, docente
Revisión del texto: Comité de Revisión
Diseño: Comunicaciones

Editado por el Politécnico de Colombia.