Agradecimientos

Casi toda mi familia aparece en las fotos que se utilizan en este manual.
Gracias a Blanca, Manuel, Agustín, Salvador, Alejandrito y Oscar por permitirme
utilizar sus imágenes (a veces no muy favorecedoras) para crear las prácticas.
Mi mamá, Hilarita Marí, es la orgullosa modelo de la foto antigua.

Gracias a mi amigo Israel Carmona por su generosidad y por sus comentarios

sobre los “horrores” tipográficos y las instrucciones confusas,
que aparecían por todos lados en el primer borrador .

Gracias a Lizzeth Huerta y a David García, talentosos diseñadores gráficos,

quienes me enseñaron lo más básico de Photoshop y algo de InDesign
mientras trabajabamos juntos en el periódico Tabasco Hoy.

Por sus amables sugerencias, gracias a la Mtra. Lupita Sobrino,

mi colega en la tarea de enseñar Photoshop a los
estudiantes de Comunicación de la UJAT.

Finalmente, gracias a todos los alumnos que han disfrutado y sufrido

con estas prácticas a lo largo de los años en clases madrugadoras.
Ellos han sido la inspiración para crear este manual.

Nota importante:

Photoshop en sus diversas versiones en un programa informático de marca registrada,

propiedad de Adobe, la cual tiene todos los derechos sobre el nombre, la interfaz, nombre
e imagen de las herramientas, comandos, etcétera. Este manual tiene fines estrictamente
educativos y no pretende transgredir ninguna ley de derecho de autor ni de copyright.

Las fotografías, exceptuando la utilizada en la práctica 1 y los dibujos de línea de la práctica

11 que se obtuvieron de Internet, son todas propiedad de la autora. Se autoriza su uso para
fines no comerciales.
 PHOTOSHOP
INTRODUCCCIÓN Introducción

ENSEÑANDO PHOTOSHOP CON TUTORIALES

E l programa Adobe Photoshop es intimidante para el que lo abre por primera vez.
Tiene una pantalla llena de cientos de herramientas y comandos con funciones
inimaginables para el novato, como clonar pixeles, mostrar u ocultar capas, pintar
máscaras, entre muchas otras dirigidas a los profesionales de la edición de imágenes .

Para los jóvenes estudiantes de comunicación, acostumbrados sobre todo a navegar

por internet y a elaborar sencillas presentaciones de diapositivas, Photoshop parece
un mundo aparte. Por eso no es sorpresa que se queden impactados cuando ven por
primera vez la interfaz del programa. Impactados y también un poco atemorizados,
habría que agregar, porque Photoshop a primera vista les parece un acertijo.

El profesor que tiene la tarea de enseñar este software se enfrenta con una interrogante:
¿Cómo enseñar a utilizar este programa especializado, al menos de una manera básica, a
estudiantes con distintos niveles de habilidades informáticas?

La solución más exitosa para trabajar con grupos extendidos es realizar una combinación
de teoría y prácticas (tutoriales), cada una de ellas diseñada con un objetivo didáctico
muy claro. En concreto, lo que mejor funciona es proporcionar a cada uno de los
estudiantes una serie de instrucciones y capturas de pantalla que lo guíen para hacer
algo concreto; es decir, para obtener un producto final que puede ser una ilustración,
un dibujo, una fotografía corregida, un fotomontaje, etc.

El uso de prácticas no es una idea nueva en el ámbito de la educación informática, ya

que los tutoriales que se encuentran en Internet están entre los principales apoyos para
quien busca aprender por sí mismo.

Sin embargo, lo que hace este método exitoso es la creación de material didáctico
dirigido especialmente a nuestros alumnos de comunicación de la UJAT. Prácticas que
se ajustan a su nivel de conocimiento y, sobre todo, que se complementan de manera
esencial con las lecciones teóricas que se desarrollan en el aula.

La clave para que los jóvenes aprendan a utilizar Photoshop rapidamente y con
confianza está en enseñarles cómo “piensa” el programa; es decir, en ir presentando
temas que permitan entender la dinámica del software para ir resolviendo pequeños
retos de diseño.

Las prácticas por sí solas no enseñan a utilizar Photoshop. Es la combinación de los

conceptos desarrollados en la clase teórica en el salón, con la práctica en el centro de
cómputo lo que permite al estudiante comprender de qué estamos hablando cuando
decimos que las capas en Photoshop son como hojas de papel que se cubren unas a
otras, y que pueden ser tan transparentes como un acetato o tan opacas como una hoja
de cartoncillo negro.
PHOTOSHOP
Introducción
Es el ejercicio con hojas de papel reales, con acetatos, con papel de china, con
cartulina, lo que les permite a los alumnos crear en su mente el concepto de capas.
Así, cuando el joven llega al centro de cómputo, enciende su máquina y se enfrenta
cara a cara a Photoshop, el miedo ya no es tan grande, porque él ya entiende como
“piensa” el programa en lo que se refiere a las capas.

Es en ese sentido que las prácticas “aterrizan” los conceptos que ya se exploraron
en clase, donde puede trabajarse de manera sencilla y atractiva, mediante ejercicios
manuales con colores, plumones, pegamento, revistas, y todo género de cosas
que al manipularlos hagan razonar por sí mismos a los estudiantes y les permitan
aprehender el concepto para fijarlo en su mente.

Además de lo anterior, las prácticas deben su efectividad al hecho de que están

ajustadas a sus usuarios. Como son creadas o adaptadas por el docente, con fotografías
de personas reales, pueden corregirse y mejorarse de semestre a semestre, tomando
en consideración aquellas cosas que les causaron dificultad a los estudiantes o sus
siempre valiosas aportaciones.

Con un apoyo didáctico de probada eficacia como el tutorial, el profesor puede

atender cabalmente a varias docenas de estudiantes en el laboratorio, actuando más
como un facilitador del autoaprendizaje, que como un instructor.

Porque al fin de cuentas, en una clase como ésta el autoaprendizaje es la meta final.
Al seguir los tutoriales, los alumnos se entrenan sin darse cuenta en la tarea de seguir
instrucciones y ejecutar procesos ordenados, que les permitirán hacer un producto
tangible, el que luego pueden presumir a sus amigos en un blog o subir a su perfil
de Facebook. Esto es, van desarrollando de manera imperceptible competencias
acordes a su perfil profesional como comunicadores.

Es cierto que no todos los alumnos que cursan esta materia se van a dedicar
profesionalmente a diseñar por computadora ni se convertirán en genios de
Photoshop, pero si terminan el curso con la idea de que es posible aprender mucho
por sí solos, experimentando, “picándole a ese botoncito con el mouse para ver que
hace”, eso ya de por sí es un éxito que los anima a seguir adelante.

Este manual se fue conformando a lo largo de diez semestres de enseñar Photoshop

a los alumnos de comunicación de la UJAT, de 2007 a 2012. En general ha sido un
valioso aliado para muchos estudiantes y espero que sea también un auxiliar para
mis compañeros profesores en sus lecciones, pero sobre todo confío en que ayudará
a quien siga sus prácticas a perderle un poco el miedo a Photoshop.

Elia Margarita Cornelio Marí

Villahermosa, Tabasco
Agosto de 2012
 TABLA DE CONTENIDOS

Práctica 1: Primer contacto con Photoshop Pág. 6

Herramientas de Photoshop Pág. 7

Comprendiendo las capas Pág. 12

Práctica 2: Las capas en Photoshop Pág. 12

Collage: otro uso de las capas Pág. 19

Cómo funcionan las selecciones Pág. 20

Práctica 3: Selecciones con varita mágica y lazo Pág. 21

Práctica 4: Selecciones con lazo magnético Pág. 25

Práctica 5: Máscaras en Photoshop Pág. 31

Práctica 6: Ajustes básicos a una fotografía Pág. 36

Lección extra: brillo y contraste Pág. 40

Práctica 7: Edición intermedia de fotografías Pág. 42

Práctica 8: Fotomontaje Pág. 48

Lección extra: cómo corregir un trazado Pág. 52

Práctica 9: Restauración de fotografías antiguas Pág. 54

Práctica 10: Colorear fotografías Pág. 61

Práctica 11: Colorear dibujos de línea Pág. 65

Práctica 12: Ilustración básica en Photoshop Pág. 69

Lección extra: cómo editar un estilo de capa Pág. 72

Práctica 13: Comprimir imágenes para web

y preparar imágenes para video Pág. 73

Referencias Pág. 81
PHOTOSHOP
Práctica 1: PRIMER CONTACTO CON PHOTOSHOP
Primer contacto con
Photoshop CS5 Antes de comenzar con la primera práctica es importante que dediques
algunos minutos a conocer la interfaz del programa, así como a
identificar la manera en que puedes acomodar las herramientas de
acuerdo a tus necesidades.

LA INTERFAZ DEL PROGRAMA

Barra de menús

Barra de opciones
% de visualización
(cambia según la herramienta en uso)
Información de la imagen

Barra de
Herramientas Paletas ocultas
(también puede
aparecer a 1 columna)

Visualización de la imagen

Paleta

Espacio de trabajo

LAS HERRAMIENTAS (Y LO QUE OCULTAN)

Triángulo de herramienta oculta

(haz clic y déjalo oprimido)

Nombre de la herramienta
Método abreviado del teclado
Herramienta activa (P. ej. si se oprime varias veces
la tecla L + Shift, cambia la
Herramientas ocultas herramienta lazo escogida).

6
 LA BARRA DE HERRAMIENTAS DE PHOTOSHOP CS5
PHOTOSHOP
Práctica 1:
La barra de herramientas de Photoshop puede parecer muy Primer contacto con
Photoshop CS5
complicada a primera vista pero simplemente tiene “utensilios” para
hacer trabajos muy diversos, desde corrección de fotografías hasta
ilustración, pasando por preparación de imágenes para video o web. ¡¡ATENCIÓN!!
• Para tener
El diagrama que sigue muestra todas las herramientas, incluyendo las acceso a las
que están ocultas. La letra a la derecha sirve para tener acceso directo herramientas
a ellas desde el teclado. ocultas, debes
dar clic sobre
el icono y
HERRAMIENTAS DE PHOTOSHOP CS5 mantenerlo
oprimido.

7
PHOTOSHOP PALETAS ACOPLADAS Y FLOTANTES
Práctica 1:
Primer contacto con Photoshop te permite personalizar el espacio de trabajo. Por ejemplo, las
Photoshop CS5
paletas se pueden utilizar acopladas o se pueden mover libremente.

La paleta de arriba está acoplada, es decir, unida a un bloque de otras

paletas que cumplen funciones semejantes. En este caso, esta unida a la
paleta Párrafo. La paleta se abre al hacer clic sobre el icono marcado “A”.

Ahora la paleta está libre y puede moverse en todo el espacio de trabajo

(flotante) por lo que el icono marcado “A” ya no es visible.

8
 ICONOS PARA AHORRAR ESPACIO
PHOTOSHOP
Práctica 1:
Otra manera de ahorrar espacio, para trabajar más comodamente con una Primer contacto con
Photoshop CS5
imagen grande, es convertir las paletas en iconos.

Para contraer
o ampliar las
paletas, solo
debes hacer
clic en las
flechas encima
de las barras.

Cada icono
corresponde
a una paleta
y todas
pueden ser
desacopladas
o cambiar de
lugar.

RESTAURAR EL ESPACIO DE TRABAJO

Algo que sucede muy

frecuentemente es que se
nos oculten las paletas que
necesitamos (tal vez las
cerramos por accidente).

Para volver a mostrar

todas las paletas en
su lugar original haz
clic en las dos flechas
azules ubicadas arriba a
la derecha; se abrirá un
menú desplegable donde
debes escoger “Restaurar
Aspectos esenciales”.

También hay espacios de

trabajo para actividades
especializadas como 3D,
Pintura, Diseño y Foto.

9
PHOTOSHOP EJERCICIOS:
Práctica 1:
Primer contacto con
Photoshop CS5 1 Abre Photoshop
Desde el menú Inicio de Windows, ve a Todos los Programas/Adobe
Photoshop CS5

2 Abre un archivo fotográfico

. Archivo/Abrir/(buscar la localización del archivo y presiona aceptar)

EN EL TECLADO 3 Prueba las herramientas para ampliar o reducir la vista

• Si oprimes la letra A. ZOOM = escoger la herramienta lupa o apretar la tecla Z (con la
Z, puedes acceder tecla Alt la lupa cambia de + a – y reduce la imagen)
directamente a la
Lupa. B. NAVEGADOR = te sirve para
moverte en la imagen o cambiar
• Ctrl + + = acerca su visualización, con el deslizador.
la imagen.
También puedes ingresar el
• Ctrl + - = aleja la porcentaje de visualización deseado.
imagen.
4 Muévete en la imagen
. MANITA = La herramienta mano (H)
EN EL TECLADO te sirve para “sujetar” y
mover la imagen en la que
• Oprime la barra estés trabajando.
espaciadora para
ir a la herramienta
mano. 5 Deshacer y rehacer una
operación

EN EL TECLADO .Existen varias maneras:

• Ctrl + Z = A. Menú Edición/Deshacer ó
deshace una
Edición/Rehacer
operación.

• Ctrl + Alt + Z B. Con el teclado Ctrl+Alt+Z para

= deshace varias deshacer y Shift+Ctrl+Z
operaciones. para rehacer.

• Shift + Ctrl + Z = C. También puedes deshacer

rehace una acciòn. varias acciones en la paleta
Historia, dando clic sobre
la operación a la que quieres
regresar.

D. Para regresar al archivo original

ve al menú Archivo/Revertir o bien
da clic sobre el primer cuadro de la
paleta Historia (miniatura).

10
6 Aplica un filtro (o varios) a tu imagen
PHOTOSHOP
. Ve a Filtros y escoge allí el que más te guste. Puedes modificar los Práctica 1:
Primer contacto con
parámetros para obtener efectos personalizados. Photoshop CS5

7 Dibuja sobre la imagen

con un pincel

. Escoge la herramienta pincel (B)

y selecciona sus atributos en la
barra de opciones.
TIP
Diametro: de 1 hasta 2 500 pixeles.
• Para eliminar
Dureza: va del 0 al 100% un trazo que
hayas realizado
Forma: la punta puede tener con el pincel,
formas clásicas (círculo - cuadrado) o partes de
hasta formas personalizadas. la imagen,
puedes utilizar
. Una vez seleccionado, pinta lo que la herramienta
quieras sobre el lienzo. borrador (E).

8 Termina y guarda tu imagen en calidad media

. Cuando hayas terminado con tu trabajo, ve al menú Archivo/Guardar

como ... y en el tipo de archivo selecciona .JPG, calidad Media (5 ó 6).

1 2

11
PHOTOSHOP
Práctica 2: COMPRENDIENDO LAS CAPAS
Capas
Una manera fácil de entender cómo funcionan las capas en Photoshop es
pensar en una hamburguesa que tenga carne, lechuga, queso amarillo y
tomate en medio de dos rebanadas de pan.

Esta hamburguesa la podemos ver desde arriba (vista cenital) o desde un

lado (vista lateral) pero las capas que la forman siempre serán las mismas,
aunque algunos elementos a veces aparezcan cubiertos por otros.

VISTA CENITAL VISTA LATERAL

Así es como verás la previsualización de tu En la paleta capas podemos observar todos
imagen. Observa que las capas superiores los elementos que forman una imagen en el
pueden cubrir a las de abajo. orden que presentan.

HERRAMIENTAS DE LA PALETA CAPAS

Ligar capas Efectos Máscaras Capas de Nueva Nueva Borrar

Ajuste carpeta capa capa

12
 PHOTOSHOP
LAS CAPAS EN PHOTOSHOP Práctica 2:
Capas
INTRODUCCIÓN

Las capas son como hojas transparentes en las que podemos poner todos
los elementos gráficos y modificarlos.

En un archivo de Photoshop existen varias capas (todas las que necesites

para tu trabajo). Algunas son transparentes y otras tan opacas que cubren NOTA
las imagenes que quedan debajo de ellas.
• Esta práctica
fue adaptada
En esta práctica vas a aprender a crear, mover y eliminar capas, además de
del libro de
ajustar sus niveles de transparencia y opacidad.
Michael Karbo
“Photoshop CS”,
EJERCICIOS:
de la colección
PC Cuadernos
1 Crea un archivo nuevo que tenga un color de fondo.
Básicos, Edit.
KnowWare,
. Primero que nada, ve a la herramienta de selección de color .
Barcelona, 2005,
pp. 14 - 20.
. Ahí verás dos cuadritos superpuestos. El cuadrito de arriba
es el “color frontal” y el de abajo el “color de fondo”

. Da doble clic en el cuadrito de atrás (fondo) y escoge un

tono azul eléctrico dentro del cuadro selector. Oprime Ok.

. Ahora, ve a Archivo/Nuevo … verás este cuadro de diálogo.

TIP

• Para
seleccionar
pixeles como
unidad de
medida, solo
escribe la
abreviatura px
después del
valor numérico.

. Nombra tu archivo como apellido_nombre_práctica 02 y asegúrate de

seleccionar “color de fondo” en la opción “Contenido de fondo”.

. El tamaño de la imagen debe ser de 800 x 600 pixeles

13
PHOTOSHOP 2 Crea una nueva capa y cámbiale el nombre
Práctica 2:
Capas . Ahora que ya creaste el
fondo de tu imagen, éste
aparecerá como una capa
hasta abajo de la paleta
correspondiente.

. Lo que sigue es crear una

¡ATENCIÓN! nueva capa para continuar
dibujando.
• UNA NUEVA
CAPA NO ES UN Eso lo puedes hacer de dos
NUEVO ARCHIVO maneras:
PUEDE HABER A. Ve a Capa/Nueva capa...
MUCHAS CAPAS B. Haz clic en el botón Nueva
DENTRO DEL Capa (ubicado hasta abajo en la paleta)
MISMO ARCHIVO
DE PHOTOSHOP. . Ya que creaste tu capa ésta aparecerá con el nombre “capa 1”. Para
cambiarlo haz doble clic sobre él y escribe la palabra “Círculo”.

3. Dibuja un círculo y rellénalo de color magenta

En esta práctica vamos a dibujar varias figuras simples y a rellenarlas de

color. Empezaremos con un círculo.

. Con la capa “Círculo”

seleccionada, escoge la
herramienta de marco elíptico
y dibuja un círculo en cualquier
TIP parte de tu imagen.

• Para que tu . Aparecerá una selección (línea que brilla) pero no tendrá ningún color de
círculo sea relleno (el azul que vemos es del fondo).
perfecto, mantén
oprimida la tecla
Shift (Mayus)
mientras lo
dibujas.

14
. Para colorear tu círculo da clic con el botón derecho sobre la selección. Se PHOTOSHOP
abrirá un cuadro de diálogo. Allí escoge Rellenar/Usar:color... Práctica 2:
Selecciona un color magenta y oprime aceptar. Capas

. Ahora ya tienes
tu círculo rosa.
Para quitar la
selección ve al
menú Selección/
Deseleccionar
EN EL TECLADO
• Oprime
Ctrl + D para
quitar la selección.

TIP

• Para rellenar
4 Dibuja un cuadrado verde una figura con el
color de frente,
. Crea una nueva capa y oprime juntos
nómbrala “cuadrado”. Ctrl + Enter. Para
rellenar la figura
. Con la capa “cuadrado” con el color de
seleccionada, escoge la fondo oprime
herramienta de selección Ctrl + Retroceso.
rectangular y dibuja un
cuadrado en cualquier parte.

¡ATENCIÓN!

• ASEGURATE
QUE CADA
FIGURA QUE
DIBUJES ESTÉ
EN SU PROPIA
CAPA.

. Igual que con el círculo, aparecerá una línea de selección que tendrás que
rellenar. Ahora de color verde. Quita la selección con Ctrl + D.

15
PHOTOSHOP 5 Dibuja un hexágono amarillo
Práctica 2:
Capas . Primero que nada, crea una nueva capa y nómbrala “Hexágono”

. Photoshop tiene herramientas

especiales para dibujar formas
geométricas como polígonos,
rectángulos redondeados, líneas
o formas personalizadas.
TIP
Estas figuras se rellenan del “color frontal”, así que debes
• El color frontal escoger primero el tono exacto que vas a utilizar en el
lo puedes selector de color. En este caso usaremos amarillo.
seleccionar
rápidamente . Ahora, escoge la herramienta polígono y arriba en la barra de opciones
en la paleta escoge 6 lados.
muestras.

. Dibuja tu hexágono, el cual aparecerá ya relleno del color amarillo que

escogiste anteriormente.

6 Dibuja un triángulo

. Crea una nueva capa y

nómbrala “triángulo”.

A estas alturas de la práctica

ya debes tener 5 capas,
incluyendo la del fondo,
que se deben ver así:

16
. Para hacer el triángulo vamos a utilizar un método nuevo. En primer lugar
PHOTOSHOP
escoge la herramienta Lazo Poligonal. Práctica 2:
Capas
Ahora vas a dibujar los tres lados de la figura uno por uno.

TIP

• Si te equivocas
al trazar con el
Lazo Magnético,
. Empieza la figura dando clic en cualquier parte de la imagen; luego suelta
sólo oprime la
y arrastra el ratón hacia la derecha para trazar la primera línea del triángulo.
tecla retroceso
Haz clic una vez más y dibuja la segunda línea, ahora diagonal hacia la
para deshacer
izquierda. Para la tercer línea regresa al punto de partida.
una línea u
oprime Escape
. Cuando acerques el puntero al punto inicial, este cambiará de forma y
para volver a
aparecerá un pequeño círculo que te indicará que ahí debes cerrar. Haz clic
comenzar.
una última vez para terminar el trazado.

. Rellena tu triángulo del color que más te agrade.

7 Cambia el orden de las capas

. En la paleta capas también puedes cambiar el orden de las figuras que

dibujaste, para que unas aparezcan debajo o encima de las otras.

. Para mover una

capa primero haz clic
sobre ella en la paleta,
después arrástrala con el
mouse sin soltarla, hasta
colocarla en la posición
que quieras.

. Acomoda las capas de

tu dibujo para que se
vea así:

17
PHOTOSHOP 8 Cambia la opacidad de las figuras
Práctica 2:
Capas . En Photoshop es posible
ajustar la opacidad/
transparencia de cada una
de las capas.

Para hacerlo únicamente

tienes que mover el
selector del 0% al 100% en
la capa que corresponda.

TIP

• Recuerda que
solamente puedes
seleccionar los
objetos que estén
en la capa activa
(marcada de color
azul).

. Cambia la opacidad del triángulo al 60%, del hexágono al 50%, del

cuadrado al 75%, y deja el círculo al 100%.

9 Elimina una capa

. Lo único que tienes que

hacer es seleccionar la
capa que vayas a borrar y
arrastrarla hasta el botón
“bote de basura” que está
ubicado en la esquina
inferior derecha de la
paleta capas.

. Para terminar con la práctica,

en tu dibujo, borra la capa del círculo rosa.

10 Guarda tu imagen como .jpg en calidad media

. Ahora que ya has terminado, ve a Archivo/Guardar como… y selecciona

.JPG en el menú desplegable.

. Cuando te pregunte la calidad de la imagen, escoge media (5 ó 6).

18
 PHOTOSHOP
COLLAGE: OTRO USO DE LAS CAPAS Práctica 3:
Selecciones
Photoshop te permite lograr combinaciones de imágenes, solamente
jugando con los niveles de transparencia de cada una de las capas.

TIP

• La capa
Fondo siempre
aparecerá
bloqueada
(muestra un
pequeño
EJERCICIO EXTRA:
candado),
pero puedes
1. Consigue 3 fotografías
desbloquearla
simplemente
. Busca algunas fotografías tuyas en Facebook o descarga algunas fotos
haciendo doble
que te gusten desde Google o Bing. Guárdalas en una carpeta de la
click sobre ella.
computadora.

2. Abre las imágenes en Photoshop y coloca una fotografía en cada capa

. Primero que nada abre todas las fotos en Photoshop

. Escoge la foto que te va a servir de fondo

. Para colocar las demás imágenes en el archivo de fondo puedes:

a. Seleccionar la imagen con Ctrl+A, copiar con Ctrl+C y
pegar en el archivo de fondo con Ctrl+V
b. Seleccionar la capa de la imagen que vas a mover y “arrastrarla”
al archivo que te va a servir de fondo

3. Modifica la transparencia de las capas hasta lograr que las imágenes se

vean entremezcladas

. Juega con el porcentaje de opacidad de las capas hasta que logres un

efecto collage con tus imágenes, como el de la foto que se muestra al inicio
de este ejercicio.

19
PHOTOSHOP
Práctica 3: CÓMO FUNCIONAN LAS SELECCIONES
Selecciones
Recordemos que Photoshop es un programa que trabaja con mapas de
bits, es decir imágenes parecidas a un mosaico formadas por pequeños
puntos de información (pixeles). Si queremos trabajar con alguna parte
específica de la imagen tenemos primero que seleccionar los pixeles que
conforman esa zona.

Hay herramientas de selección que podemos utilizar según la forma o el

color de los elementos que vayamos a seleccionar:

MARCO RECTANGULAR/ELÍPTICO : FORMAS GEOMÉTRICAS

Para selecciones en fotografías que contengan elementos cuadrados,

rectangulares, circulares o con forma elíptica.
LAZOS : FORMAS IRREGULARES

Para seleccionar zonas de fotografías que contengan formas irregulares,

como personas, rocas, animales, árboles o flores, etc.
VARITA MÁGICA : COLORES SEMEJANTES

Seleccionan las zonas que tienen pixeles del mismo color o de colores
semejantes: como el piso de la foto, el cuerpo del pijije o la hoja.
20
 PHOTOSHOP
SELECCIONES CON VARITA MÁGICA Y LAZO Práctica 3:
Selecciones
INTRODUCCIÓN

Hacer selecciones es crucial en Photoshop porque permite trabajar con

diferentes partes de la imagen, aplicándole ajustes y efectos. En esta
práctica utilizaremos las herramientas lazo y varita mágica, que son las más
adecuadas para realizar selecciones de formas irregulares.

EJERCICIOS:

1 Abre un archivo fotográfico en Photoshop

. Ve a Archivo/Abrir/(busca la localización del archivo y presiona aceptar)

NOTA

• Esta práctica
fue adaptada
del libro de
Michael Karbo
“Photoshop CS”,
de la colección
PC Cuadernos
Básicos, Edit.
KnowWare,
Barcelona, 2005,
pp. 21- 26.
2 Desbloquea la capa fondo y cámbiale el nombre

. Haz doble clic sobre la capa

fondo para desbloquearla y
cuando aparezca el cuadro
de diálogo, ponle un nombre
descriptivo de la imagen.

3 Haz pruebas con la herramienta varita mágica

. En la barra de herramientas escoge la varita mágica, que te

permitirá seleccionar PIXELES DEL MISMO COLOR, ya sea aquellos
que están juntos (contiguos) o separados entre sí (discontiguos).

Al utilizar la varita mágica debes marcar la tolerancia (el rango de colores

que va a seleccionar la herramienta). Por ejemplo, si pones mayor tolerancia
podrás escoger varios tonos del verde del fondo de la fotografía, mientras
que si pones menor tolerancia, solamente se seleccionará el verde exacto
del pixel sobre el que hagas clic.

21
PHOTOSHOP Para ilustrar lo anterior, haz la prueba con los siguientes parámetros:
Práctica 3:
Selecciones

a) Tolerancia de 80/contiguo

Como la tolerancia es muy alta,

TIP tan solo con hacer clic en una
de las áreas verdes se selecciona
casi todo lo que tiene ese color.
• Una
herramienta
que funciona Al ser contiguo, selecciona todos
de manera los pixeles que están juntos.
similar es la
selección rápida,
con la que
puedes pintar
sobre las zonas b) Tolerancia 25/discontiguo
que quieras
seleccionar. En este caso la tolerancia es
baja, así que la selección solo
tomará en cuenta zonas que
compartan exactamente la
misma tonalidad de verde,
aunque sea en áreas separadas
una de otras (discontiguas).

4 Selecciona el área verde con

la varita mágica y el lazo

. Ve seleccionando el fondo de tu imagen con los siguientes pasos:

1) Escoge la varita mágica: establece la tolerancia a 60 y marca contiguo

3) Haz clic en una zona de color verde

4) Para agregar las zonas

EN EL TECLADO que faltan a tu selección,
• Con el lazo, escoge el lazo.
para ampliar una
selección (+) Mientras presionas la tecla
oprime la tecla Shift Shift “laza” (encierra) las
• Para reducir una zonas que necesitas
selección (-) agregar.
oprime la tecla Alt
5) Sigue agregando zonas
con el lazo hasta que
selecciones todo el fondo.

22
5 Invierte la selección
PHOTOSHOP
Práctica 3:
. Una vez que termines de seleccionar el fondo, ve al menú Selección/ Selecciones
Invertir. Esto te permitirá cambiar la selección del fondo a la flor.

6 Perfecciona la selección

. Ya debes tener una

buena selección pero
aún puede mejorar.

Para lograrlo, ve
al menú Selección/
Perfeccionar borde

Aparecerá un cuadro
de diálogo donde
podrás experimentar
con los parámetros
para ampliar, suavizar,
contraer o desplazar
el borde de tu
selección.

Los cambios
que vayas haciendo
a tu selección se
verán reflejados de
inmediato en la vista
previa.

23
PHOTOSHOP 7 Elimina el fondo, dejando solamente la flor
Práctica 3:
Selecciones . Para aislar totalmente la flor volvemos al
menú Selección/Invertir

Una vez seleccionado de nuevo el fondo

oprimimos la tecla Suprimir para borrarlo.

Deberá quedarte un fondo transparente

(con cuadritos grises y blancos) con la flor
totalmente aislada.

8 Agrega un degradado al fondo

. Busca la herramienta degradado.

. En la barra de
opciones escoge
uno de los ajustes
preestablecidos o
modifícalos para hacer
uno nuevo que te
agrade.

Para modificarlos, da
doble clic sobre uno
de los degradados.
Aparecerá este cuadro
de diálogo:

En los tiradores de la
parte de abajo puedes
mover los colores o
cambiarlos dando
doble clic sobre ellos.

Para eliminarlos, solo jala el tirador

hacia abajo para separarlo de
la barra. Cuando lo sueltes se
eliminará.

9 Guarda tu imagen en .jpg

Cuando estés satisfecho con tu

trabajo, ve a Archivo/Guardar
como… y selecciona .JPG en el
menú desplegable, con calidad
media (5 o 6).

24
 PHOTOSHOP
SELECCIONES CON LAZO MAGNÉTICO Práctica 4:
Más selecciones
INTRODUCCIÓN

Otra herramienta muy útil para

hacer selecciones complicadas en
Photoshop es el Lazo Magnético.

Este se utiliza cuando debes

seleccionar un objeto complejo,
como sería la flor anarajada del
ejemplo, que tiene un color que
sobresale del fondo de la fotografía,
que es más oscuro.

El lazo magnético se llama así porque “se pega como un imán” a los bordes
del objeto que va a contornear, facilitando una selección precisa.

EJERCICIOS:

1 Abre Photoshop

. Ve a Inicio/todos los programas/Photoshop CS5

2 Abre una fotografía de alta resolución NOTA

. Ve al menú Archivo/
• Esta práctica
Abrir y escoge el fue adaptada
archivo de imagen que del libro de
vas a utilizar para esta Michael Karbo
práctica. “Photoshop CS”,
de la colección
3 Amplía la vista de la PC Cuadernos
fotografía a 100% Básicos, Edit.
KnowWare,
. En el pánel de Barcelona, 2005,
navegación ingresa el pp. 26- 31.
valor 100% para ver la
foto a tamaño natural.

Siempre que vayas a seleccionar un objeto muy complejo, acércate lo más

posible, de manera que puedas ver los bordes perfectamente.

4 Comienza a hacer tu selección con el lazo magnético

. Escoge la herramienta Lazo Magnético en la barra de herramientas

y haz clic en cualquier punto del borde de la flor para comenzar a
seleccionar.

25
PHOTOSHOP . Poco a poco ve
Práctica 4: arrastrando el puntero
Más selecciones del mouse pegado al
borde del objeto.

Observarás que el Lazo

EN EL TECLADO Magnético por sí solo
va poniendo pequeños
• Para quitar un
nodo, oprime la puntos (nodos) que
tecla Retroceso marcan la selección.
• Para comenzar
todo el trazado de . También puedes ir
nuevo, oprime la haciendo clic en las
tecla Esc partes donde el lazo
tenga dificultad para
encontrar el borde.

Lo más importante para

este trabajo es tener
mucha PACIENCIA.

5 Cierra tu trazado

. Cuando llegues al lugar donde comenzaste el trazado, pon el puntero

sobre el punto exacto del primer nodo. Aparecerá un círculo pequeñito
junto al lazo.

Haz clic para cerrar el trazado. El borde comenzará a brillar, denotando que
ya tienes lista tu selección.

TIP

• Recuerda
que siempre
puedes corregir
tu selección
con el lazo y las
teclas Shift (para
agregar zonas) o
Alt (para quitar
lo que sobra)

26
 PHOTOSHOP
7 Cambia el color de la flor
Práctica 4:
Más selecciones
Photoshop te da la posibilidad de cambiar el color de los objetos.

. Ve al menú Imagen/Reemplazar color.

. Aparecerá este cuadro de diálogo:

. Los goteros (pipetas) que

aparecen arriba te servirán
para que le indiques al
programa con qué
tonalidades vas a trabajar.

En este caso, escoge el

primer gotero y comienza a
hacer clic dentro de la flor.

Para agregar otros tonos

de la flor escoge el gotero
con el signo más y sigue
haciendo clic.

Si escogiste un tono que no

quieres incluir, quítalo con
el tercer gotero (-).

Conforme seleccionas los

tonos, la visualización va
quedando mejor definida.

27
PHOTOSHOP . Una vez que hayas seleccionado los tonos, ve a la parte de abajo del
Práctica 4: cuadro de diálogo y mueve los parámetros de tono, saturación y brillo,
Más selecciones para cambiar el color a la flor de una manera más o menos realista.

. Cuando termines oprime OK.

7 Guarda tu selección como un trazado

Hacer una selección puede resultar tedioso. Por ello, es recomendable que
una vez que la tengas lista, la guardes para que la puedas utilizar después.
Esto lo logramos a través de un trazado.

. Una vez terminada tu selección, ve

a la paleta Trazados y haz clic en el
botón “hacer trazado a partir
de la selección”.

Los bordes de tu selección

cambian, de línea punteada brillante a una línea continua muy delgada.

28
. Ahora podrías cerrar tu archivo si quisieras y el trazado seguirá guardado
PHOTOSHOP
para uso futuro. Cambia el nombre de tu trazado por el de “flor”. Práctica 4:
Más selecciones
8 Carga nuevamente la selección a partir del trazado guardado

. En la paleta Trazados, oprime la tecla Control y AL MISMO TIEMPO pon el

puntero del mouse sobre la miniatura del trazado.

Aparecerá una pequeña mano y al hacer clic se volverá nuevamente a

mostrar el borde brillante que indica que la selección está lista.

9 Agrega un filtro a la flor

. Para agregar un detalle más llamativo a tu imagen, ve al menú Filtro y

entra a la Galería de Filtros que ya conoces de la práctica 1.

. Escoge un filtro artístico que sea adecuado y modifica sus parámetros.

Excelentes opciones son los

filtros “cuarteado” y
“espátula”.

29
PHOTOSHOP 10 Aplica un desenfoque o un filtro al fondo de la imagen
Práctica 4:
Más selecciones . Ve al menú Selección y escoge la opción Invertir para que se seleccione el
fondo de la imagen.

. Para desenfocarlo, en el menú Filtro escoge la opción Desenfoque

Gaussiano y selecciona
un radio entre 3 y 6,
para que el fondo se
vea borroso, como si se
hubiera tomado con una
cámara reflex profesional.

. Si lo que quieres es poner

un filtro, puedes hacerlo
desde la Galería de
filtros, o seleccionándolo
directamente desde el
menú Filtro.

. Cuando hayas terminado, oprime Control + D para quitar la selección.

11 Guarda tu imagen

Esta imagen la debes

guardar como .PSD
para que se guarde tu
trazado. También haz
una copia en .JPG de
calidad media.

12 Practica un poco más

cambiando de color a
una persona o un objeto

El truco que aprendiste te puede servir para tener una idea de cómo se
vería una persona con un nuevo tinte de cabello o con otro color de ropa.

También la puedes utilizar

para cambiar el color de tu
carro, de tu casa o incluso
de un monumento.

El procedimiento es el
mismo: primero necesitas
seleccionar las zonas con
el lazo y luego reemplazar
el color o aplicar un efecto
desde la galería de filtros.

30
 PHOTOSHOP
MÁSCARAS EN PHOTOSHOP Práctica 5:
Máscaras
INTRODUCCIÓN

Una máscara en Photoshop es una

función que te permite mostrar u
ocultar partes de una capa.

La máscara funciona como un papel

con recortes: las partes blancas están
llenas (son opacas), mientras que las
partes negras son transparentes y
dejan ver el contenido de las capas
que se encuentran debajo.

Para esta práctica vamos a crear una

imagen en blanco y negro, que tenga
uno o varios elementos en color.
TIP
La foto de la izquierda es un ejemplo
de lo que podemos hacer con la • Debe ser una
ayuda de las máscaras. imagen de
buena calidad;
EJERCICIOS: de preferencia
una que
1 Abre Photoshop tenga algunos
elementos de
. Ve a Inicio/todos los programas/Photoshop CS5 un color muy
llamativo (rojo,
2 Abre una fotografía de alta resolución amarillo, azul,
verde, etc.).
. Ve al menú Archivo/Abrir y escoge el archivo de imagen que vas a utilizar
para esta práctica

3 Duplica la capa de fondo

31
PHOTOSHOP
Práctica 5: . Da clic con el botón derecho
Máscaras
sobre la capa de Fondo y
selecciona Duplicar Capa.

. Nombra
la nueva capa como más te
agrade. Yo la nombré “Flor” por
el motivo de mi foto.

¡ATENCIÓN! En este momento, así se

tienen que ver tus capas.
• LA NUEVA De ahora en adelante vas a
CAPA DEBE
ESTAR ENCIMA trabajar en la capa superior.
DE LA CAPA En mi caso en la capa que
FONDO. nombré “Flor”.

4 Convierte tu imagen de
color a monocromática (escala de grises)

. Con la capa
de arriba
seleccionada, ve
al menú
Imagen/
Ajustes/
Mezclador de
Canales… para
quitarle el color
a tu foto.

En el cuadro
de diálogo,
selecciona
la opción
monocromo.

32
5 Aumenta el contraste de tu imagen
PHOTOSHOP
Práctica 5:
Máscaras

. Tu imagen (la capa superior) ya deberá ser en escala de grises. Ahora

vamos a ajustar el contraste para aumentar la diferencia entre los blancos
y los negros. Esto lo haremos con la herramienta niveles.

¡ATENCIÓN!

• COMO LA
OPACIDAD DE LA
Para ello, ve al menú Imagen/Ajustes/Niveles y entra los siguientes valores
CAPA DE ARRIBA
en los tres cuadritos debajo del histograma: 0, 0.77 y 250.
ESTÁ AL 100%,
NO SE PUEDE
6 Aumenta la transparencia
VER LA CAPA
de la capa superior
INFERIOR.
Ahora tienes una capa
superior monocromática y una
capa de fondo con sus colores
originales. Vamos a aumentar
la transparencia para que
podamos ver algunos de los
colores que yacen debajo.

Reduce la opacidad a 75% en el tirador ubicado en la paleta capas.

33
PHOTOSHOP Ahora el color de la flor en la capa inferior se trasluce un poco.
Práctica 5:
Máscaras

7 Crea una máscara

TIP . Con la capa de arriba seleccionada,

haz clic en el botón para crear una
máscara.
• Imagina la
máscara como
. Aparecerá un cuadro blanco al
una hoja de
lado de la miniatura de la imagen. Haz clic sobre él para seleccionarlo.
papel a la que
perforaremos
8 Selecciona un pincel de color negro
para mostrar lo
que hay debajo.
. La manera de perforar una
máscara es utilizando un pincel
negro, así que ve a la paleta de
herramientas y escoge el pincel.

. A continuación, en la barra
de opciones escoge un tipo de
pincel suave (difuminado) que
tenga un tamaño adecuado a
los elementos coloridos que vas
EN EL TECLADO a “descubrir” en tu foto.
• Oprime la tecla D
para que el blanco . Finalmente, en la paleta de
se convierta en el herramientas, selecciona el
color de fondo y
negro como color del frente.
el negro el color
frontal.
Asegúrate que el blanco sea
el color de fondo.

34
9 Pinta con negro para descubrir, con blanco para tapar de nuevo
PHOTOSHOP
Práctica 5:
Máscaras
. Ve pintando sobre los elementos de color que quieras descubrir. Yo
descubriré únicamente el rojo de la flor, dejando el fondo en negro.

Cubrir Descubrir

EN EL TECLADO
• Para cambiar
Observa que conforme vayas pintando en
entre los pinceles
la imagen, los cambios se reflejarán en la
blanco y negro,
máscara que creaste.
solo oprime la
tecla X.
. Si te equivocas al pintar, cambia tu pincel a blanco y ve borrando los
errores (es como ir poniendo máscara de nuevo).

10 Cuando termines, regresa la opacidad a la capa superior

TIP
.Una vez que
hayas terminado • ¡Acércate!
de descubrir las zonas Para trabajar
de color, regresa la más a gusto,
opacidad de la capa haz zoom con la
superior a 100%. lupa, hasta que
realmente veas
. Ahora podrás ver el los elementos a
resultado final de tu pintar.
trabajo: una foto en
blanco y negro con
elementos de color
resaltado.

11 Guarda tu archivo final

. Si estás satisfecho con tu imagen final, ve a Archivo/Guardar como… y

selecciona .jpg en calidad media.

Te recomiendo que también guardes una copia en alta calidad por si la

quieres imprimir para tu colección personal.

35
PHOTOSHOP
Práctica 6: AJUSTES BÁSICOS A UNA FOTOGRAFÍA
Edición básica
de fotografías EJERCICIOS:

1 Abre Photoshop

. Ve a Inicio/Todos los programas/Adobe Photoshop CS5

2 Abre un archivo fotográfico

TIP . Archivo/Abrir/(busca la localización del archivo y oprime aceptar)

Para esta práctica necesitas trabajar con una imagen de buena

• ¡Cuida tus calidad (al menos 800 píxeles de ancho por 600 píxeles de alto).
originales!
Siempre crea
una copia de 3 Desbloquea la capa de fondo
seguridad de las
fotos con las que . Da doble clic sobre la capa original de la imagen y renómbrala “Fondo”.
vas a trabajar,
por si acaso 4 Corrige el encuadre de la imagen con la herramienta “recortar”
haces un cambio
que no te guste. . Ve a la barra de herramientas y escoge Recortar
(crop) que te servirá para mejorar el encuadre de
tu foto. Con ella puedes dibujar el área de recorte
directamente sobre la imagen.

¡ATENCIÓN!

• UNA VEZ QUE

ESCOGES LA
HERRAMIENTA
RECORTAR, EL
PROGRAMA SE
BLOQUEA HASTA
QUE OPRIMAS Cuando selecciones la imagen, la parte que se eliminará tomará un
LAS TECLAS tono más oscuro. Puedes cambiar el tamaño del área a eliminar con los
Enter O Escape. controles cuadrados que hay en el borde.

Para aceptar el recorte aprieta la tecla Enter; para rechazarlo, aprieta Esc

36
 PHOTOSHOP
5 Duplica la capa de fondo
Práctica 6:
Edición básica
. Para proteger tu imagen original de fotografías
y para facilitar cambios, vamos a
empezar por duplicar la capa de
fondo.

. Esto lo puedes hacer de tres maneras

diferentes:
• Oprime las teclas Ctrl + J
• Da clic derecho sobre la capa
Fondo y escoge “Duplicar Capa”
• Ve al menú Capas y selecciona
“Duplicar Capa”

. Nombra la nueva capa “Sombras/

Iluminaciones”

6 Corrige la exposición de la fotografía

Trabajando sobre la capa Sombras/Iluminaciones, ve al menú Imagen/

Ajustes/Sombras/Iluminaciones.

Una vez allí,

mueve los
punteros hasta
que tengan los
valores que mejor
se ajusten a las
necesidades de tu
foto.

Lo que buscamos aquí es el equilibrio de iluminación entre el frente y el

fondo (observa el antes y después en el rostro del sujeto).

37
PHOTOSHOP 7 Crea una capa de ajuste Niveles
Práctica 6:
Edición básica
de fotografías En la parte inferior de la
paleta de capas vas a
encontrar este símbolo
INFO TÉCNICA
Si das clic en él, aparecerá un
• Las capas de menú para agregar una capa de
relleno/ajuste relleno o ajuste, la que puede
te permiten ser de distintos tipos (Niveles,
hacer cambios Degradado, Brillo y Contraste,
en tu imagen Curvas, Filtros fotográficos, etc.).
sin tocar el
original. Además, . Cuando aparezca el menú de
son fáciles de capas de relleno o ajuste,
eliminar o de selecciona “Niveles”.
cambiar (sólo da
doble clic sobre Aparecerá una gráfica que muestra cómo están distribuidas las sombras,
la capa y puedes los medios tonos y las luces en tu foto.
modificar los
parámetros).

TIP

• Busca que
los niveles del
histograma
estén
balanceados,
quedando la
parte más alta Mueve los tres parámetros debajo de la gráfica hasta que tu consideres
de la gráfica en que tu imagen se ve bien iluminada.
medio (lo más
parecido posible 8 Corrige el contraste y el brillo de la imagen
a una montaña).
. Crea una capa de ajuste
con la opción “Brillo/
Contraste”

. Mueve el nivel de brillo

hasta que la luz sea la
adecuada.

. Ajusta el nivel de
contraste hasta que el
blanco se vea blanco y el
negro negro.

38
10 Corrige el equilibrio de color
PHOTOSHOP
Práctica 6:
Edición básica
.Si tu foto está amarillenta, de fotografías
verdosa, rojiza o azulosa,
crea una capa de relleno
o ajuste seleccionando
la opción “Equilibrio de
color”.
Cyan Rojo
. Aparecerán tres niveles
que van del Cyan al Rojo,
del Magenta al Verde y
del Amarillo al Azul.
Magenta Verde
. Mueve los niveles hasta
que los colores de tu foto
se vean realistas.
Amarillo Azul
11 Agrega un filtro fotográfico cálido o frío

. Finalmente, crea otra capa de relleno o ajuste pero ahora selecciona la

opción “Filtro Fotográfico” .

. Escoge el filtro que quieras agregarle a tu fotografía, ya sea frío (azules)

o cálido (naranjas). Tu puedes escoger la densidad e incluso otros colores.

12 Guarda tu imagen

. Ve a Archivo/Guardar como…/
. Selecciona comprimir en .jpg y escoge calidad media o alta.

39
PHOTOSHOP
Práctica 6: LECCIÓN EXTRA
Edición básica
de fotografías
BRILLO Y CONTRASTE
El brillo tiene que ver con la cantidad de luz en la foto.

En esta primera foto se bajó el brillo. Así la imagen resullta muy oscura.

En la segunda fotografía se aumentó exageradamente el brillo, lo que

da como resultado una imagen demasiado clara, sin detalle.

40
El contraste está relacionado con la diferencia entre los tonos oscuros y
PHOTOSHOP
claros en una fotografía. Práctica 6:
Edición básica
de fotografías
La imagen siguiente tiene muy poco contraste. Por ello, en su conjunto
se ve grisácea, pues no hay una diferencia clara entre objetos claros y
oscuros. Incluso parece que hay niebla en el fondo.

TIP

• Una fotografía
bien contrastada
es aquella donde
los blancos se
ven blancos
y los negros
negros, con una
gama de grises
intermedios.

Al contrario, la última imagen tiene demasiado contraste. Por ello, los Para saber cuál
bordes de los objetos están exagerados, como puede verse en el mar y en sería el mejor
las sombras del rostro que están demasiado marcadas. nivel de blanco
puede utilizarse
como punto
de referencia
el blanco de
los ojos, de los
dientes o alguna
parte de la ropa.

41
PHOTOSHOP
Práctica 7: EDICIÓN INTERMEDIA DE FOTOGRAFÍAS
Edición intermedia
de fotografías EJERCICIOS:

1 Abre Photoshop

. Ve a Inicio/Todos los programas/Adobe Photoshop CS5

2 Abre tu archivo fotográfico

TIP
. Archivo/Abrir/(busca la localización de tu archivo y presiona aceptar)

• Debes usar 3 Dedica unos minutos para diagnosticar tu fotografía

una o dos
fotografías de
. ¿Está bien encuadrada?
alta resolución,
. ¿Tiene problemas de exposición? (muy oscura o muy clara)
donde
. ¿Está azulosa, verdosa o rojiza?
aparezcan
. ¿Tiene suficiente contraste? (diferencia entre blanco, negro y gris)
personas con
. ¿El brillo es el correcto?
ojos rojos,
. ¿Los dientes se ven amarillentos?
además de
. ¿Se muestra alguna persona con ojos rojos?
algunas
. ¿Hay algún elemento que se deba eliminar?
sonriendo.
4 Tomando en cuenta todo lo que aprendiste en la práctica anterior,
corrige los problemas de encuadre y exposición que presenta tu imagen.

. Primero que
nada, corrige el
encuadre con la
herramienta
“Recortar”.

. A continuación,
duplica la capa
fondo y a la
nueva capa
¡ATENCIÓN! nómbrala
“sombras/
iluminaciones”
• A PARTIR DE
ESTE MOMENTO
DEBES
. Arregla la exposición en el menú
TRABAJAR
Imagen/Ajustes/Sombra/Iluminación.
SOBRE LA
CAPA “sombra/
Recuerda que una foto bien expuesta es
iluminaciones”
aquella donde hay un buen equilibrio
PARA PROTEGER
de iluminación: es decir, una foto no
TU CAPA “fondo”.
demasiado oscura ni demasiado clara.

42
 PHOTOSHOP
5 Utilizando capas de ajuste, corrige el brillo, el contraste y el equilibrio de
color de tu fotografía Práctica 7:
Edición intermedia
de fotografías
. Comienza por crear una capa de ajuste Niveles en el icono, que
se encuentra en la pestaña Capas.

¡ATENCIÓN!

• RECUERDA
QUE DEBES
Ajusta los parámetros de sombras, grises y luces de tu fotografía, hasta TRABAJAR CADA
que el histograma aparezca lo más equilibrado que sea posible. CORRECCIÓN EN
SU PROPIA CAPA
. En otra capa de ajuste, corrige el brillo y contraste de la foto. DE AJUSTE.

. Repite el procedimiento para corregir el equilibro de color en la imagen.

43
PHOTOSHOP 6 Blanquea la dentadura
Práctica 7:
Edición intermedia
de fotografías . Selecciona con cuidado los dientes
con el “lazo”. Si se te facilita, también
puedes utilizar el lazo magnético.

. Para mejorar tu selección, una vez

que hayas terminado, da clic sobre el botón derecho y escoge la opción
“Perfeccionar Selección”. En este cuadro de diálogo podrás reducir o ex-
pandir tu selección, o poner la opción “calar” para difuminar los bordes.

. Una vez que estés con-

tento con tu selección
acepta los cambios con
OK.

. Ahora, crea una nueva

capa de ajuste de “Brillo/
Contraste”. Nombra esta
nueva capa “Brillo de los
dientes”.

. Mueve el nivel de brillo

hasta blanquear un
poco la dentadura

Ojo: No exageres, cuida

que se vea natural.

44
7 Corrige los ojos rojos
PHOTOSHOP
Práctica 7:
Edición intermedia
. En la barra de herramientas, selecciona la herramienta “Ojos rojos”. de fotografías
Acércate a los ojos con el Zoom hasta que te sea cómodo trabajar

¡ATENCIÓN!

• ASEGÚRATE
DE TENER
SELECCIONADA
LA CAPA
“sombra/
iluminaciones”
PARA QUE
FUNCIONE LA
HERRAMIENTA.

. Escoge un tamaño de pincel adecuado, que cubra solo la pupila.

. Con la tecla Shift oprimida, mueve el cursor de manera diagonal sobre

el ojo que vas a reparar. Aparecerá un cuadrito que te permitirá ajustar la
zona a corregir.

. También puedes corregir los ojos rojos simplemente haciendo clic sobre
la zona a reparar (un método más rápido pero no permite tanto control).
Lo que buscamos es reducir el efecto de manera natural.

45
PHOTOSHOP 8 Elimina elementos distractores
Práctica 7:
Edición intermedia
de fotografías . La herramienta “clonar o sello” te servirá para desaparecer objetos o per-
sonas que no quieras que aparezcan en la fotografía.

En el ejemplo, voy a tratar de eliminar la ventana que se ve al fondo.

EN EL TECLADO

• Recuerda que
puedes acceder
directamente a
la herramienta
Tampón de Clonar
(sello) oprimiendo
la tecla S.

. Primero, presiona Alt para escoger el área que quieras duplicar. De

preferencia que sea un área de un solo tono.

TIP

• ¿Qué pincel es
el adecuado?
Si el área a clonar
es amplia y sin
mucho detalle,
usa un pincel
grande y suave.
Si el área tiene
mucho detalle, . Luego, escoge un pincel de tamaño y
un pincel duro. dureza adecuado para la superficie que vas
Para áreas a reemplazar (puedes cambiarlo después).
limitadas, un
pincel pequeño.

46
. Arrastra el pincel para ir cubriendo con píxeles nuevos al objeto o persona
PHOTOSHOP
que no quieres que aparezca. Práctica 7:
Edición intermedia
de fotografías

TIP

• Para que
clones como
un profesional
recuerda:
1) Trabaja muy
cerca y muévete
con la “manita”
(oprime la barra
espaciadora).
2) Escoge el
tamaño de
pincel adecuado,
así como su
Se cuidadoso. Busca que se vea lo más natural posible. Si te equivocas dureza.
puedes borrar los últimos pasos en la pestaña Historial o bien oprime Ctrl 3) Define
+ Alt + Z las veces que sean necesarias. continuamente
la zona a
copiar (la que
seleccionas con
Alt).

9 Guarda tu imagen

. Ve a Archivo/Guardar como…/
. En tipo de archivo selecciona .jpg

47
PHOTOSHOP
Práctica 8: FOTOMONTAJE
Fotomontaje
EJERCICIOS:

1 Selecciona las dos imágenes con la que vas a trabajar. Haz una copia de
seguridad de cada una de ellas en tu computadora.

A las copias nómbralas: “apellido_nombre_original01.jpg” y “apellido_

TIP nombre_original02.jpg” (una manera fácil de cambiar el nombre de un
archivo en Windows es oprimir F2).

• Antes de Por ejemplo:

escoger tus
cornelio_elia_original01.jpg
imágenes
cornelio_elia_original02.jpg
piensa qué tipo
de montaje
quieres hacer:
puedes poner
a alguien en un
lugar lejano,
cambiar cuerpos,
crear un animal
fantástico, o
cumplir tu sueño
de aparecer
con tu cantante
favorito.
Yo voy a poner la cabeza del bebé en el cuerpo de su papá. Por ello, bus-
qué dos fotos en las que la posición de la cabeza es semejante (frontal,
mirando hacia abajo).

2 Abre Photoshop

. Ir a Inicio/Todos los programas/Adobe Photoshop CS5

INFO TÉCNICA
3 Dentro de Photoshop, abre tus archivos fotográficos

• Un trazado . Archivo/Abrir/(busca la localización de tus archivos en el escritorio y

(path) te
permitirá realizar presiona aceptar)
selecciones
muy precisas 4 Selecciona con un trazado la parte que vas a montar
de formas
irregulares, que . Primero que nada, selecciona la herramienta Pluma
luego podrás
utilizar para crear . En la barra de opciones, fíjate que esté
fotomontajes seleccionado el botón trazado.
o para ilustrar
publicaciones.

48
 PHOTOSHOP
. Acerca la imagen con el zoom, hasta que veas bien los bordes de lo que
vas a trazar. En el ejemplo, quiero ver el borde del rostro del bebé. Práctica 8:
Fotomontaje

TIP

• La clave de un
buen trazado
es trabajar muy
cerca; es decir
con la imagen
muy ampliada.
Además, hay que
poner la menor
cantidad de
nodos posible.

. Comienza a poner nodos en los bordes de la imagen. Poco a poco…Cada

puntito que ves en el ejemplo es un nodo. La línea que vas definiendo con
los puntos es el trazado (path). EN EL TECLADO

. Si necesitas moverte mientras pones los nodos, oprime la • Si te equivocas
barra espaciadora y aparecerá la herramienta mano, con la que puedes eliminar
puedes desplazarte. nodos en la paleta
de Historial o
. Cuando estés a punto de cerrar el trazado, el cursor cambiará y aparecerá presionando
un círculo. Haz click sobre el primer nodo para terminar. Ctrl + Alt + Z.

El trazado terminado se verá como una delgada línea blanca y su forma

aparecerá en la pestaña Trazados (oculta bajo la pestaña Capas).

49
PHOTOSHOP 5 Crea una selección a partir del trazado
Práctica 8:
Fotomontaje
. Ve a la pestaña Trazados y da clic con el botón derecho sobre la capa del
trazado. Escoge la opción Hacer Selección.

TIP

• Otra manera
muy sencilla
de hacer una
selección a partir
de un trazado
es dar clic sobre
la miniatura
del trazado, al
mismo tiempo
que oprimes la
tecla Ctrl.
Cuando aparezca el
cuadro de diálogo
ve a Selección
Nueva y oprime
OK.

Cuando la
selección esté lista,
aparecerá una
línea punteada
alrededor.

50
 PHOTOSHOP
6 Corta la selección y pégala en otro archivo
Práctica 8:
Fotomontaje
. Para copiar la selección, oprime las teclas Ctrl + C o ve directamente al
menú Edición/Copiar.

. Ahora abre el archivo donde quieres pegar la selección que ya hiciste.

. Una vez en el archivo, pega la selección oprimiendo las teclas Ctrl + V o

en el menú Edición/Pegar.

6 “Monta” la selección
pegada EN EL TECLADO
.Para transformar la imagen
seleccionada (aumentar • Para transformar,
selecciona la capa
tamaño, rotar, mover),
de la imagen y
ve al menú Edición/
oprime las teclas
Transformación Libre.
Ctrl + T.
Aparecerán unos controles
en los bordes de la TIP
imagen que te permitirán
manipularla. • Si mantienes
presionada
la tecla Shift
Cuando la imagen esté
(Mayúsculas)
como tu quieres, acepta la
mientras reduces
transformación con Intro, o
la imagen, se
cancela los cambios con la
mantendrá la
tecla Esc.
proporción.
7 Dale los toques finales a tu
fotomontaje

. Acomoda la selección que

pegaste en la nueva imagen de
manera tal que se vea natural
(cuida proporción, dirección,
tonalidad de la piel, sombras,
etc.).

. Puedes clonar áreas o eliminar

elementos para lograr mayor
realismo

8 Guarda tu imagen

. Ve a Archivo/Guardar
como…/ y en tipo de
archivo selecciona .jpg.

51
PHOTOSHOP
Práctica 8: LECCIÓN EXTRA
Fotomontaje
COMO CORREGIR UN TRAZADO
EJERCICIOS:

Tal vez te haya ocurrido que al terminar tu trazado no quedes demasiado

contento con los resultados. Por ejemplo, el trazado de abajo tiene una
zona demasiado cuadrada en la cabeza del bebé.

En Photoshop, un trazado siempre se puede mejorar una vez terminado.

Para hacerlo, sigue estos sencillos pasos:

1 Vuelve editable el trazado

. Con el botón derecho, haz clic sobre el trazado. Aparecerá un cuadro de

diálogo. Escoge el comando “Añadir punto de ancla” .

Como resultado, el trazado volverá a ser editable. Es decir, volverá a

mostrar todos los nodos, como en la foto de abajo.

52
2 Escoge una herramienta para añadir, quitar o mover nodos
PHOTOSHOP
Práctica 8:
Fotomontaje
. En la barra de herramientas, da clic sobre la herramienta Pluma y escoge
la herramienta que más te convenga utilizar entre Añadir punto de ancla,
Eliminar punto de ancla o Convertir punto de ancla.

3 Manipula los nodos

Ahora puedes manipular tu trazado en las zonas donde cometiste errores

(borrando, agregando o moviendo puntos de ancla) para darle la forma
que consideres correcta.

53
PHOTOSHOP
Práctica 9: RESTAURACIÓN DE FOTOGRAFÍAS ANTIGUAS
Restauración de
Fotos Antiguas INTRODUCCIÓN

Photoshop es una potente herramienta para “rescatar” imágenes

fotográficas muy antiguas, que han sido dañadas por el paso del tiempo.
Para esta práctica necesitas una fotografía digitalizada a alta calidad (300
pixeles por pulgada), de preferencia en blanco y negro o color sepia.

EJERCICIOS:

1 Abre una fotografía antigua

. Desde Photoshop ve a Archivo/Abrir... (busca la localización de tu foto y

presiona aceptar)

2 Dedica unos minutos para diagnosticar tu fotografía

Como se trata de una fotografía

antigua, puede presentar problemas
como:

• El borde roto o irregular

• Un tono muy rojizo, verdoso
azuloso o amarillento
• Imperfecciones pequeñas
debido al deterioro de la foto
(polvo y rayones)
• Dobleces o roturas grandes
en la imagen
• Manchas grandes de color
• Problemas de contraste o
brillo.

3 Duplica tu capa de fondo

. Primero que nada vamos a duplicar

la capa original para protegerla de
cambios no deseados.

. Para hacerlo da clic con el botón

derecho del ratón
sobre la capa fondo y
selecciona “Duplicar
Capa”.

. Nombra tu nueva
capa con un nombre
descriptivo.

54
 PHOTOSHOP
4 Comienza por limpiar los rayones y el polvo de la foto
Práctica 9:
Restauración de
. Para quitar las motas de polvo y los rayones muy finos, ve al menú Fotos Antiguas
Filtro/Ruido/Polvo y rascaduras... aparecerá un cuadro de diálogo:

a. Selecciona
previsualizar

b. En Radio ingresa
1 pixel de valor

c. Mueve el
Umbral hasta
que se quiten los
rayones, pero sin
perder la nitidez
de los ojos y del
contorno del
rostro del sujeto.

5 Corrige los dobleces y manchas grandes con el parche

. En la barra
escoge el Parche,
que te servirá
para sustituir una
parte dañada por
otra que esté bien.

En este caso, la
utilizaré para
eliminar una
rotura grande en
la imagen.

Para usar el
parche:

a. Con el mouse,
selecciona a mano alzada
la zona de la rotura.
b. Sin soltar, mueve el
mouse hacia una zona
que pueda sustituir la
dañada.
c. Suelta
d. Repite en otras áreas

55
PHOTOSHOP
Práctica 9: 6 Arregla los dobleces pequeños con el tampón de clonar
Restauración de
Fotos Antiguas . Una de las desventajas
del parche es que, si lo
usamos pegado a un
borde claro, mezclará
los colores de los pixeles
y creará una mancha.
En esos casos hay que
utilizar la herramienta
tampón de clonar, que
preservará los bordes.
TIP
. Para usar el tampón:
• Recuerda
trabajar cerca; a. Escoge un pincel de
con un pincel tamaño y suavidad
suave y pequeño adecuados.
para que los b. Oprime Alt y haz clic
resultados sean para seleccionar la zona
lo más discretos de origen.
posible. c. Pinta sobre la zona a
corregir.
d. Repite en otras áreas.

7 Corrige las manchas pequeñas con el pincel corrector

. Existen 2 herramientas casi idénticas: el pincel corrector puntual y el

pincel corrector.

Ambas sirven para borrar imperfecciones pequeñas, sobre todo

en el área del rostro (puntitos oscuros).

56
El pincel corrector puntual se aplica directamente sobre la mancha
PHOTOSHOP
haciendo clic. Práctica 9:
Restauración de
Fotos Antiguas
Esta herramienta
promedia el tono de los
pixeles circundantes y
desaparece aquellos que
son distintos; es decir,
fusiona la mancha con
los pixeles que hay a su
alrededor, haciéndola
desaparecer.

. Por su parte, el pincel

corrector ofrece un poco más de control para
corregir áreas complicadas, como la mancha del mentón de la niña.

Esta herramienta trabaja exactamente igual que el tampón de clonar, así

que requiere tomar una muestra de una zona de origen, haciendo clic al
mismo tiempo que oprimimos la tecla Alt.

Después pintamos cuidadosamente sobre la zona a corregir, hasta lograr

que se vea lo más realista posible.

LO IDEAL ES UTILIZAR TODAS LAS HERRAMIENTAS EN COMBINACIÓN

HASTA LOGRAR LOS MEJORES RESULTADOS

57
PHOTOSHOP
8 Hazle un nuevo borde a tu
Práctica 9:
Restauración de imagen
Fotos Antiguas
. Regularmente, los bordes de una
foto antigua están muy dañados.
Por ello, es recomendable hacerle
un borde nuevo.

. Para empezar escoge la

herramienta Recortar y corta el
lienzo de manera tal que quede
perfectamente simétrico.

En mi caso, yo recorté las zonas

blancas de abajo y de la derecha
para emparejar la foto.

. Una vez que hayas marcado los

bordes del recorte, oprime ENTER.

. A continuación, con la
herramienta adecuada,
selecciona la parte que quieres
conservar de la fotografía

En este caso la fotografía tiene

un recorte en forma ovalada, así
que utilicé la selección elíptica.

. Luego ve a Selección/Invertir
Selección (el borde quedará
seleccionado).

. Oprime la tecla SUPRIMIR y

desaparecerá el área seleccio-
nada, quedando del color del
fondo del documento (blanco/
transparente).

. Si quieres cambiar
el color del nuevo
borde, tan solo tienes
que escoger la
herramienta bote de
pintura, seleccionar
el color de frente y
hacer clic sobre la
zona a pintar.

58
9 Elimina una tonalidad no deseada
PHOTOSHOP
Práctica 9:
Restauración de
. Para terminar, puedes Fotos Antiguas
utilizar una capa de ajuste
de “Equilibrio de Color”
para eliminar una tonalidad
rojiza, verdosa o
amarillenta de la fotografía.

. Recuerda corregir
también los niveles, el
brillo y el contraste
creando capas de ajuste
para cada uno de estos
parámetros.

Así se ve la foto
después de corregir el
color, niveles, brillo y
contraste.

En este caso, el original

es sepia, por lo que TIP
no buscaré que sea
totalmente blanco y • Es buena idea
que, después de
negro.
todo el trabajo
que hiciste,
Este trabajo de
conserves tu
corrección también
archivo .PSD
los puedes aplicar en
por si luego
fotografías a color que
quieres mejorar
sean muy antiguas.
o cambiar algo.
En este caso debes
concentrarte también
en que los colores
recuperen su tonalidad
natural.

10 Guarda tu imagen

. Ve a Archivo/Guardar como…/

. En tipo de archivo selecciona .JPG, calidad alta (80).

59
PHOTOSHOP
Práctica 10: COLOREAR FOTOGRAFÍAS
Colorear fotos
en blanco y nego INTRODUCCIÓN

Photoshop tiene las herramientas necesarias para darle color a las fotografías
antiguas en blanco y negro. Para ello, deberás utilizar el modo de fusión “color”, usar
una capa para cada una de las zonas a pintar, así como calibrar la transparencia de
las distintas capas para obtener tonos más o menos brillantes.

EJERCICIOS:

1 Abre una fotografía en color o sepia

. Dentro de Photoshop, ve al menú

a Archivo/Abrir…

. Selecciona una fotografía de retrato de

buena calidad; puede ser en color o en sepia,
como el ejemplo.

. De preferencia, utiliza una foto

antigua que hayas restaurado.

2 Duplica la capa original

Para proteger tu imagen original, primero debes duplicarla.

Con el botón derecho del mouse haz clic

en la capa original y selecciona “duplicar
capa”.

Las capas deben verse así:

3 Convierte tu imagen a blanco

y negro

. Para convertir tu imagen de color o sepia

a blanco y negro crea una capa de ajuste
de Mezclador de Canales.

Una vez que se haya abierto el cuadro

de diálogo, selecciona la opción
monocromo.

Para mejorar los resultados mueve los

parámetros de color y contraste.

60
4 Crea una nueva capa
PHOTOSHOP
para la ropa Práctica 10:
Colorear fotos
en blanco y nego
. Deberás crear una capa para
cada una de las zonas que pintes.
Comenzaremos coloreando la
¡ATENCIÓN!
ropa.

. En primer lugar crea una nueva • EL MODO DE

capa y nómbrala “ropa”, “vestido”, FUSIÓN DE LAS
“pantalón”, etc. CAPAS DEBE
ESTAR SIEMPRE
. Para esta capa, selecciona el EN “COLOR”
modo de fusión “Color”. PARA QUE LA
IMAGEN SE
5 Selecciona los colores que vas a utilzar y guárdalos en las muestras PUEDA PINTAR.

. Ve a la paleta muestras y selecciona un

color que te pueda servir para la ropa.

. Da doble clic sobre la muestra. Se abrirá

este cuadro:

En él, puedes seleccionar los colores al tanteo o bien meter valores

específicos para los modos RGB (Red/Blue/Green) o CMYK (Cyan/ Magenta/
Yellow/Black). Además, verás que cada color cuenta con una clave (#).

Por ejemplo, para mi imagen utilicé un color con los siguientes valores en
RGB R: 159 G: 0 B: 56 Clave del color: #9f0038

61
PHOTOSHOP Una vez que hayas seleccionado un color, lo puedes agregar a las muestras
Práctica 10: para encontrarlo fácilmente. Tan solo oprime el botón “Añadir a muestras”
Colorear fotos
en blanco y nego y ponle un nombre que te facilite ubicarlo. Por ejemplo:

Antes de comenzar a pintar cada una de las zonas, es importante que ha-
gas pruebas de cómo se verán los colores que quieres poner.

En general, el color se verá mucho más diluído una vez aplicado:

.Ve escogiendo colores para todas las zonas de tu imagen, incluyendo la

TIP piel, el blanco de los ojos, las chapas, los labios, así como los tonos del
cabello.
• En el menú
desplegable
de la paleta
Muestras,
puedes hacer
que los colores
se muestren en
una lista con sus . Guarda cada color con un
nombres. nombre descriptivo que te
permita ubicarlo facilmente
a la hora de colorear.

62
6 Comienza a pintar
PHOTOSHOP
Práctica 10:
Colorear fotos
. Ahora que ya tienes seleccionado el color perfecto para la ropa, escoge un en blanco y nego
pincel suave del tamaño que se ajuste a tu imagen.

TIP

• Para el color de
la piel puedes
. Sobre la capa utilizar estos
“ropa”, ve pintando valores:
poco a poco las R: 191
zonas, con el mayor G: 172
cuidado posible B: 159
#bfac9f
. Si te equivocas
puedes utilizar la herramienta borrador (E) para corregir los errores. Para las chapas
podría servirte:
R: 197
G: 160
B: 153
#C5a099
Observa como lo
que vayas pintando
se reflejará en la
capa “ropa”.

7 Sigue creando
capas para pintar
cada una
de las áreas

.Repite el procedimiento que

hiciste para la piel, creando
nuevas capas para los labios,
cabello, ojos, dientes, ropa,
joyería, sombreros, etc.

. Recuerda que cada una de las

capas tiene que estar en modo
de fusión “color”

. Pinta todas las zonas que faltan

con mucho cuidado, utilizando
el borrador para corregir errores.

63
PHOTOSHOP 8 Ajusta los tonos de los colores que aplicaste
Práctica 10:
Colorear fotos
en blanco y nego . En las capas de cada área puedes cambiar la tonalidad de los colores. Para
ello, mueve la opacidad de 0 a 100%, lo que te permitirá obtener tonos más

fuertes o suaves.
En mi ejemplo, ajusté el color del rubor en las mejillas para que se vea lo
más natural posible. También el tono de los ojos para conservar el brillo.

9 Ajusta el
contraste de tu
imagen, así como
sus niveles

. Para terminar, crea

capas de ajuste
para los niveles
TIP de tu imagen, así
como para corregir
• Es buena idea el contraste.
que, después de
todo el trabajo 10. Guarda tu
que hiciste, imagen como .JPG
conserves tu
archivo .PSD Una vez que
por si luego hayas concluido
quieres mejorar de pintar y estés
o cambiar algo. satisfecho con los
resultados, guarda
tu imagen como
.JPG en calidad
alta, para que
puedas imprimirla
a buen tamaño.

64
 PHOTOSHOP
COLOREAR DIBUJOS DE LÍNEA Práctica 11:
Colorear imágenes
EJERCICIOS: de línea

1 Abre Photoshop

. Ve a Inicio/Todos los programas/Adobe Photoshop CS5 TIP

2 Abre la imagen con la que vas a trabajar • Si quieres un

trabajo original,
. Si buscas en Google Imágenes o Bing encontrarás muchos dibujos de digitaliza a 300
líneas negras sobre fondo blanco que te servirán para esta práctica. ppp un dibujo
que tu hayas
. Escoge el que más te agrade y ábrelo en Photoshop. hecho.

3 Desbloquea la capa Fondo

Para poder hacer cambios en la capa Fondo

primero debes desbloquearla.

. Ve a la paleta de capas (abajo a la derecha

del espacio de trabajo)

. Da doble clic sobre la capa Fondo

(background); aparecerá un cuadro de
diálogo como el que se muestra abajo:

.Nombra la capa “dibujo de líneas”. En Modo, escoge “multiplicar”.

65
PHOTOSHOP 4 Selecciona el área para pintar
Práctica 11:
Colorear dibujos
de línea . Con la capa “Dibujo
de líneas” seleccionada,
utiliza la varita mágica
(o el lazo) para escoger
las partes de la imagen
que quieras pintar.

EN EL TECLADO . Por ejemplo, yo

seleccionaré la gorra
• Con las de Snoopy como la
herramientas lazo primera parte para
y varita mágica, colorear.
aumentas la
selección con
la tecla Shift. 5 Crear una nueva
Puedes reducirla capa para agregar color
oprimiendo la
tecla Alt. .Una vez que hayas realizado tu selección, ve a al menú “Capas” y
selecciona “Nueva Capa”.

También puedes crear una capa desde la paleta.

. Asegúrate de colocar la nueva capa debajo de la capa “Dibujo de líneas”.

¡¡CUIDADO!!

• Es muy
importante que
crees una nueva
capa para cada
elemento que
vas a colorear
del dibujo.

. Nómbrala con el nombre de la parte que vas a colorear, por ejemplo,

“gorra”.

66
6 Escoge un color
PHOTOSHOP
Práctica 11:
Colorear imágenes
. Con la nueva capa seleccionada (en mi caso “gorra”), ve al seleccionador de línea
de colores o a la paleta de muestras y escoge uno.

7 Escoge un pincel para aplicar el color

. En la paleta de herramientas, escoge el pincel.

. También puedes utilizar el

lápiz, que da un trazo más duro
que el pincel.

. Selecciona el diámetro –-
tamaño-- del lápiz o pincel
(de 1 a 600 píxeles)

. Escoge mayor o menor

dureza del pincel
(0% a 100%)

. Finalmente, selecciona la forma

que tendrá el pincel.

67
PHOTOSHOP
Práctica 11: 8 Colorea la zona seleccionada
Colorear dibujos
de línea
. Pinta sobre la zona
que seleccionaste. En
este caso la gorra de
Snoopy.

Nota: Debido a que

seleccionamos el área
y pintamos sobre una
capa separada, no se
afecta ninguna otra
zona, ni el dibujo
original de líneas.

9 Sigue coloreando todas las áreas del dibujo

. Crea una capa

nueva para cada
zona que quieras
pintar.

. Nombra las capas

de manera que
describan la parte
del dibujo que
estás coloreando. P.
ej. “cielo”, “mochila”,
“flores”, “marco”,
“pasto”, etc.

.Experimenta
utilizando diversas
texturas de pincel y
degradados.

.También puedes
rellenar superficies
completas con la
herramienta Bote
de Pintura.

10 Guarda tu imagen
En esta ocasión guardaremos el archivo en GIF. para que quede bloqueado
y no se pueda cambiar después. Cuando aparezca la opción normal o
entrelazado, escoge normal y dale OK.

68
 PHOTOSHOP
ILUSTRACIÓN BÁSICA EN PHOTOSHOP Práctica 12:
Ilustración
Internet está llena de tutoriales donde expertos en Photoshop te enseñan
paso a paso sus mejores trucos.

Para encontrarlos sólo

tienes que buscar en
Google con palabras
clave como “tutorial
photoshop castellano”.

Este tutorial te enseñará

como dibujar una cara
como la que se muestra
a la derecha. Como
NOTA
puedes observar, está
hecha sólo de formas • La práctica que
vamos a hacer
simples, y con una forma
es muy sencilla
creada con el lazo
y la puedes
poligonal para el cabello.
encontrar,
junto con
EJERCICIOS:
muchas otras,
en http://www.
1 Abre Photoshop
photoshop-
designs.net
. Ve a Inicio/Todos los programas/Adobe Photoshop CS5

2 Crea una imagen nueva

. Ve a Archivo/Nuevo…

. Crea un documento de 300 px x 300 px que tenga el fondo transparente.

3 Dibuja las formas básicas

de la cara con elipses

. Selecciona la herramienta
“selección elíptica” y dibuja con
ella un óvalo que cubra la mayor
parte del documento.

. Ve a Edición/Relleno y rellena
el óvalo con negro.

. En la misma capa dibuja las

orejas, creando dos círculos que
vas a colocar a los lados de la
primera elipse.

69
PHOTOSHOP . Crea una nueva capa y nómbrala
Práctica 12: “ojo derecho”.
Ilustración
Con la herramienta “selección
elíptica” dibuja ahora un círculo y
rellénalo de color blanco.

. Haz clic sobre la capa con el botón

secundario y duplícala. A la nueva
capa nómbrala “ojo izquierdo”.

. Con la herramienta mover coloca

el nuevo ojo en la posición que le
corresponde.

. Sigue creando las demás

TIP
partes del rostro: pupilas,
nariz y boca.
• Para que
las pupilas Es muy importante que cada
sean círculos uno de los elementos gráficos
perfectos, de la cara esté en su propia
oprime la tecla capa en el siguiente orden de
Shift mientras arriba hacia abajo:
los dibujas.
- nariz
- boca
- pupila izquierda
- ojo izquierdo
- pupila derecha
- ojo derecho
- cara y orejas

4 Agrega color, degradado,

sombras y líneas mediante
los estilos de capa

. Para agregar un degradado

a una capa, seleccionala
y oprime el botón
“Efectos”.

Aparecerá un menú donde

puedes escoger muchos
efectos de degradado,
borde y sombreado.

70
 PHOTOSHOP
. Para dar volumen a Práctica 12:
Ilustración
las formas, agrégale
sombras discretas (ojos,
nariz).

Observa como el dibujo

tiene degradado en cara
y orejas.

Además, tiene relieve

en los ojos, la nariz y la
boca.

5 Dibújale el cabello con la herramienta Lazo Poligonal

. Crea una nueva capa y

nombrala “cabello”.
Asegurate de colocarla
encima de todas las demás.
TIP

Selecciona el Lazo • También

Poligonal. puedes
dibujarle cejas al
En esta nueva capa personaje con el
dibuja el cabello de tu lazo poligonal.
personaje. Recuerda
hacerlo en una
. Una vez que hayas cerrado la selección, ve a Edición/Relleno… y ponle capa separada.
color al cabello. Puedes agregarle también un degradado si quieres.

6 Ponle un fondo al dibujo y ¡listo!

. Crea una nueva capa que se llame

“fondo” y colócala hasta abajo de
todas las demás.

Allí, agrega un degradado o un

color de fondo liso. Puedes incluso
pegar otra imagen desde un ar-
chivo.

7 Guarda tu imagen

. Ve a Archivo/Guardar como…/ y en
tipo de archivo selecciona .jpg con
calidad alta.

71
PHOTOSHOP
Práctica 12: LECCIÓN EXTRA
Ilustración COMO EDITAR UN ESTILO DE CAPA
EJERCICIOS:

El menú de estilo de capa puede resultar intimidante pero no lo es tanto.

Primero que nada observa que la columna de la izquierda muestra todos

los posibles efectos que le puedes agregar a la capa seleccionada. Es decir,
aquellas opciones que puedes combinar para lograr el resultado deseado.

TIP

• Cada uno de
los efectos que
apliques a una
capa estará
marcado
con una
palomita y
aparecerá listado
en la paleta
capas.

Por otra parte, la zona de la derecha te muestra las opciones que

corresponden al efecto que en ese preciso momento tengas seleccionado
(resaltado con azul).

En esta área puedes modificar opciones como:

• Modo de fusión
• Opacidad
• Tipos de Degradado (líneal, radial)
• Relieve
• Dirección y ángulo de las sombras
• Línea
• Color
• Textura, etc.

72
 PHOTOSHOP
COMPRIMIR IMÁGENES PARA WEB Práctica 13:
Web y Video
Esta práctica se divide en dos partes, en las que aprenderás como preparar
tus imágenes para subirlas a la web o utilizarlas en la edición de videos.

EJERCICIOS:

1 Baja la imagen perrox.jpg.

. Esta imagen es con la que trabajarás en la primera parte de esta práctica.

Guárdala en tu memoria USB o en el escritorio de la computadora.

2 Abre la imagen en Photoshop

EN EL TECLADO

. Ve a Inicio/Todos los programas/Adobe Photoshop CS5 • También puedes

. Selecciona Archivo/Abrir ... escoge la imagen perrox.jpg abrir un archivo
con las teclas Ctrl
3 Corrige la imagen + O (de oso).

. Ajusta los niveles, el color, el brillo y el contraste. Si crees que es necesario,

recorta la imagen para mejorar su encuadre.

4 Comprime la imagen

Las imágenes que se colocan en la Web necesitan comprimirse para

acelerar los tiempos de descarga. Esta compresión tiene que hacerse de
manera que se preserve la calidad de la imagen.

A lo largo del curso has guardado tus imágenes como .JPG, que es un
formato para web. Ahora veremos más a fondo las posibilidades de
compresión de Photoshop.

73
PHOTOSHOP . Ve a Archivo/Guardar para Web y Dispositivos. Aparecerá una pantalla
Práctica 13: que tiene a la izquierda un área de previsualización donde puedes escoger
Web y Video
entre ver la versión Original, Optimizado, 2 ó 4 copias. A la derecha están
las opciones de formato y tamaño para comprimir. El zoom está abajo.

5 Ajusta el tamaño de la imagen

. Vamos a utilizar .JPEG (JPG) como

tipo de archivo.

. En la paleta Tamaño de la Imagen

puedes cambiar las dimensiones
ingresando los valores de ancho y
alto.

Los valores más comunes para una

página web (para que una foto
llene toda la pantalla) son 800 x
600, pero puedes hacer la foto del
tamaño que prefieras.

. También puedes reducir la imagen

en porcentajes.

. El botón Hecho sirve para terminar

y guardar la foto comprimida.

74
6 Selecciona el nivel de compresión
PHOTOSHOP
Práctica 13:
Web y Video
. Puedes escoger varios niveles, que están relacionados con porcentajes.
. Bajo12%
. Medio 30%
. Alto 60%
. Muy Alto 80%
. Máximo 100%

Para comparar la original con la comprimida entra a la vista “4 copias”, pon

el zoom a 200% y muévete con la manita por toda la foto.

En cada uno de los recuadros aparecerá información sobre el peso de la

imagen y el tiempo que tardaría en descargarse de la web en un módem ¡¡CUIDADO!!
de 56.6 Kbps (el más lento que existe en este momento).
• Si bajas mucho
6 Guarda tu imagen la calidad la foto
se “pixelea”.
Una vez que hayas encontrado un valor que equilibre la calidad con el
peso de la imagen, oprime el botón “Guardar” para terminar.

75
PHOTOSHOP
Práctica 13: PREPARAR IMÁGENES PARA VIDEO
Web y Video
INTRODUCCION
Cuadrados - Monitor de computadora
Existen 2 tipos de píxeles
Rectangulares - Monitor de Video

Si no ajustamos una imagen para utilizarse en video, se verá deformada

en la pantalla de televisión. En esta práctica usaremos Photoshop para
preparar imágenes para video.

EJERCICIOS:

1 Abre una imagen en Photoshop

. Abre en Photosop una imagen de buena calidad de tu elección.

2 Cambia el tamaño de la imagen y su resolución

En general, las imágenes tomadas con cámara fotográfica digital tienen

píxeles cuadrados, son demasiado grandes y tienen demasiada resolución
para editar en video. Por ello tenemos que ajustarlas:

. Ve a Imagen/Tamaño de Imagen…

. Cambia el tamaño por 720 x 480 píxeles . Debes tener desactivada la

casilla “restringir proporciones ”.

. En resolución, escoge 72 pixeles por pulgada.

76
3 Cambia la proporción de los pixeles a rectangulares
PHOTOSHOP
Práctica 13:
Web y Video
. La imagen ya tiene el tamaño correcto pero sigue teniendo píxeles
cuadrados. Para convertirlos a rectangulares ve a Vista/Proporción de
píxeles y escoge DV/D1 NTSC (0.91)

. Notarás que la imagen parece contraerse a los lados. Eso evitará que se
deforme al ser mostrada en la pantalla de un televisor.

3 Crea un nuevo documento para video

. Ve a Archivo/Nuevo… Ingresa los parámetros que se observan.

Vamos a trabajar con una imagen para televisión normal (no pantalla
ancha) que se utilizará en México o EEUU (sistema DV NTSC), es decir una
imagen de 720 x 480 píxeles de tamaño, con una resolución de 72 píxeles.

77
PHOTOSHOP . En el documento nuevo que acabas de crear, aparecerán guías para
Práctica 13: ayudarte a ubicar los elementos gráficos de tal forma que se visualicen
Web y Video
correctamente en todos los monitores de televisión.

Guías para la
acción: 10%
de margen de
seguridad.

Guías para los

títulos: 20%
de margen de
seguridad.

Toda la acción
o títulos deben
quedar dentro
de las guías.

4 Copia y pega tu imagen existente en el nuevo archivo

. Regresa a tu primera imagen y ve a Seleccionar/Todo (Ctrl + A)

. Copia la imagen mediante el comando Edición/Copiar (Ctrl + C)

. Regresa al archivo que muestra las

guías y pega la imagen con Edición/
Pegar (Ctrl + V)

. La imagen de tu foto original se

pegará en una nueva capa y se
mostrarán las guías encima.

78
5 Escribe un título
PHOTOSHOP
Práctica 13:
Web y Video
. Con la herramienta Texto, ingresa una frase cualquiera que sirva
como elemento gráfico en el vídeo. Recuerda respetar las guías.

¡ATENCIÓN!

• Piensa en la
visibilidad.
Blanco y amarillo
son los colores
más usados para
poner títulos en
vídeo porque
sobresalen en
casi todos los
fondos.

. Cuando ponemos texto en Photo-

shop, éste se agrega de
manera automática en una capa
nueva.

. Sin embargo, para mejorar el con-

traste del título lo ideal es ponerle
efectos, los que se irán agregando
debajo de la capa de texto.

. Para agregar cualquier efecto,

haz clic sobre la capa de texto.

. Luego, haz clic en el

botón Efectos de la paleta
capas: aparecerán una
serie de opciones.

. Escoge tu efecto y
selecciona los atributos
que prefieras.

. Experimenta un poco con

distintos parámetros.

79
PHOTOSHOP 6 Resalta el título con una barra
Práctica 13:
Web y Video
. Muchas veces, para mejorar la legibilidad de un título se le agrega una
barra de color.

. Para ello, crea

una nueva capa y
nómbrala “barra”.

Colócala debajo
de la capa Texto.

. Con la herramienta Marco

Rectángular dibuja una
barra que sirva de fondo al
título.

. Escoge un color de relleno

que te agrade en el cuadro
de selección.

También puedes agregarle

un degradado.

. Si quieres que la barra se vea

más transparente, puedes bajar la
opacidad de la capa a un 60 o 70%
dependiendo del efecto que quieras.

9 Guarda tu imagen

Guardaremos esta imagen con un formato más adecuado para los

programas de video, que permite mantener las transparencias.

. Ve a Archivo/Guardar como... en el tipo de archivo escoge .PNG

80
 REFERENCIAS

PARA ELABORAR ESTE MANUAL SE CONSULTARON

LAS SIGUIENTES FUENTES DE INFORMACIÓN

NOTA:
En el caso de que se hayan adaptado prácticas,
esto se menciona en la propia lección.

• Dayton Linnea y Cristen Gillespie. The Photoshop CS/CS2 Wow! Book.

Peachpit Press, Berkeley, 2006

• Guillaume, Stephanie. PC Cuadernos Técnicos - Photoshop: Consejos y

Trucos. Edit. Pearson Educación de México, 2006.

• Karbo, Michael. PC Cuadernos Básicos - Photoshop CS. Edit. KnowWare,

Barcelona, 2005.

• Katcheroff, P. Diseño Gráfico: Domine Indesign, Photoshop, Illustrator y

Acrobat. USERS MANUALES, Argentina, 2008.

• PHOTOSHOP DESIGNS. Consultado en www.photoshop-designs.net

con fecha noviembre de 2007.

81