Documentos de Académico
Documentos de Profesional
Documentos de Cultura
GD3 Diseño Digital V2
GD3 Diseño Digital V2
DISEÑO DIGITAL
Guía Didáctica 3: Conociendo Photoshop
1
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
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:
2
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Tema 1: Explorando la Interfaz
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
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»
3
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
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 necesitan y
asignarle la orientación al lienzo (vertical u Horizontal).
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 300ppi.
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.
4
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 3: área de trabajo.
Fuente: autor.
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 están las herramientas esenciales para
el uso del programa. Se dividen en los siguientes grupos:
5
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 4: herramientas.
Fuente: Adobe.
6
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
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 fechas se puede pasar de una mesa de trabajo a otra.
7
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Tema 2: Herramientas de Selección
8
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 6: incrustar imagen II.
Fuente: autor.
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.
9
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 7: marco rectangular.
Fuente: autor.
10
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 8: marco elíptico.
Fuente: autor.
11
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 9: herramienta lazo.
Fuente: autor.
12
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 10: lazo poligonal.
Fuente: autor.
13
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 11: lazo poligonal II.
Fuente: autor.
14
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 12: lazo poligonal.
Fuente: autor.
15
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 13: lazo magnético.
Fuente: autor.
16
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 14: selección rápida.
Fuente: autor.
17
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Tema 3: Manejo de Capas
18
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
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, torne a ser invisible.
A mayor porcentaje más sólido (más 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. Esta es la 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. En la fila de las sub-capas. 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.
9. Nombre de la capa. Esta facultad permite ordenar 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.
10. En esta barra se tiene:
Enlazar capas. Enlaza capas seleccionadas.
19
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Máscara. Con ella se puede seleccionar que parte de la imagen se
quiere mostrar y ocultar, sin borrar, la que no se ocupa.
Crear Capa. Como su nombre lo dice crea una capa nueva. También
si arrastras una capa anterior a este ícono, automáticamente te crea una copia de
la capa arrastrada.
20
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
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 siguiente:
21
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Tema 4: Herramientas Parche, Pincel Corrector, Pincel y Tampón
de Clonar
22
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
1. El programa desde un inicio va a crear una
capa para la imagen, sin embargo, va a estar
bloqueada (candado), es decir que no se
puede mover, ni transformar de ninguna
manera.
2. Para desbloquearla solamente damos clic
en el candado.
23
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
1. En la «herramienta pincel corrector puntual», se da clic sostenido en el
icono 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.
24
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 21: pincel corrector.
Fuente: autor.
25
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
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.
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.
Herramienta Parche
26
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
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 que a este lado la zona no tiene daños.
1. A medida que se arrastra
el programa va mostrando
como queda la zona del
daño con la nueva zona
ubicada encima.
1. Se ve como el error ha
desaparecido y la zona
buena se ha adaptado
eficientemente a la zona
de dicho error.
27
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 26: movimiento con dirección de contenido.
Fuente: autor.
1. Se arrastra el error a
otra zona, en este caso un
poco debajo de donde se
encuentra originalmente.
28
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
1. Luego de decidir la
nueva ubicación, se da
ENTER para fijar la copia.
Ilustración 28:
Movimiento con
dirección de
contenido
II.
Fuente: autor.
1. Se ve como
automáticamente la zona
queda corregida. Vemos
como el error pasa abajo.
Ilustración 29:
movimiento con
dirección de contenido
III.
Fuente: autor.
29
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ilustración 30: tampón de clonar.
Fuente: autor.
30
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
1. Resultado Esperado.
2. Con las herramientas de pincel
corrector y tampón de clonar se
pueden corregir los errores de toda la
puerta.
Resultado
Esperado.
31
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Ahora que has revisado algunos conceptos en la guía didáctica del módulo
3Conociendo Photoshop, 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. Elimina tanque de agua con la herramienta tampón de clonar.
Foto 2. Elimina las imperfecciones del rostro de la chica con las herramientas
pincel corrector puntual, pincel correctos y parche (según te parezca
conveniente).
Foto 3. Selecciona el juguete y separarlo de la imagen a una nueva capa
(CTRL + J).
¡Inténtalo!
32
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Adobe. (2018). Retoque y corrección de fotografías. Adobe.
https://helpx.adobe.com/es/photoshopelements/using/retouchingcorrecting.
html#remove_spots_and_unwanted_objects
33
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL
Esta guía fue elaborada para ser utilizada con fines didácticos como
material de consulta de los participantes en el Diplomado Virtual en DISEÑO
DIGITAL del Politécnico de Colombia, y solo podrá ser reproducida con esos
fines. Por lo tanto, se agradece a los usuarios referirla en los escritos donde
se utilice la información que aquí se presenta.
GUÍA DIDÁCTICA 3
M2-DV60-GU03
MÓDULO 3: CONOCIENDO PHOTOSHOP
34
DIPLOMADO VIRTUAL EN DISEÑO DIGITAL