Photoshop CS4

Gua de aprendizaje
de 1IPUPTIPQ$4
Autor: Asun Muoz Fernndez
Coordinacin: Antoni Marn Amatller
Fecha de publicacin: 13.04.2010
Grado de Multimedia
multimedia.uoc.edu
Gua de Aprendizaje
Photoshop CS4: introduccin

Introduccin
Los inicios de cualquier fotgrafo pasan por un primer uso de la cmara en el que se
van repitiendo formas de hacer y tics bastante comunes. Es habitual disparar la cmara
en automtico y ello no acostumbra a ser un problema ya que las cmaras actuales
suelen ser muy fiables en el control de la exposicin y en el ajuste de la temperatura de
color. Es cierto que en algunas ocasiones es recomendable pasar a un control manual,
pero la verdad es que no son muchas.
Pero ms all del uso automtico de la cmara existe un apartado que depende directa
y exclusivamente del fotgrafo. Se trata de la composicin, de las ideas fotogrficas y la
creatividad, del saber ver, del ojo del fotgrafo.
Photoshop es una herramienta de creacin y edicin de imgenes que nos ofrece
muchas posibilidades para arreglar fotografas mal hechas, eliminar elementos que no
queremos que salgan, hacer fotomontajes, arreglar imperfecciones...
A lo largo de los diferentes tutoriales iremos viendo muchas de las posibilidades de
manipulacin y creacin de imgenes que nos ofrece Photoshop.
Gua de Aprendizaje

ndice de tutoriales
1. Realizacin de un primer proyecto. Dibujar un objeto e integrarlo en una fotografa

2. Creacin y aplicacin de motivos (texturas)
3. Extraccin e integracin de objetos
4. Aplicar filtros a una fotografa. Dibujar un marco de madera
5. Desincrustacin de fondos. Colorear utilizando capas y canales
6. Creacin de la portada de un libro
Gua de Aprendizaje

Crditos
Coordinacin
Antoni Marn Amatller
Autora
Asun Muoz Fernndez
Fecha de publicacin
13.04.2010
Estudios de Informtica,
Multimedia y Telecomunicacin
Gua de aprendizaje
de 1IPUPTIPQ$4
Grado de Multimedia
multimedia.uoc.edu
Gua de aprendizaje
Photoshop CS4: Introduccin

Tutorial 1. Realizacin de un primer proyecto. Dibujar un objeto e integrarlo en una fotografa
Desarrollo del tutorial: paso 1 de 16
El rea de trabajo que aparece al abrir Photoshop CS4 cuenta con algunos elementos
bsicos.
El cuadro de Herramientas contiene los iconos correspondientes a las herramientas usadas
para crear y editar las imgenes (cuadro rojo).
Todas las herramientas cuentan con opciones accesibles en la barra de opciones (cuadro
azul). La mayora de ajustes son especficos de la herramienta seleccionada. En el ejemplo
superior se muestra la barra correspondiente a la Herramienta Mover.
Las paletas ayudan a supervisar y modificar las imgenes. Puede accederse a ellas o bien a
travs del men Ventana o bien mediante las configuraciones predeterminadas que
dependen de Espacio de trabajo (cuadro verde).
La posicin de todas las paletas abiertas y cuadros de dilogo se puede variar. Su posicin
se guarda al salir del programa. Se pueden personalizar los espacios de trabajo y guardarlos
mediante Ventana>Espacio de trabajo>Guardar espacio de trabajo.
Es posible expandir los iconos de los elementos acoplados para acceder a las diversas
paletas que se les asocian.
Gua de aprendizaje

Este ejercicio consiste en manipular un objeto muy sencillo para
Se abre la imagen Horquilla pelo.jpg. Antes de empezar a trabajar se
empezar a familiarizarse con diferentes herramientas y opciones.
guardar la imagen en otro formato. Es importante que sea uno sin
Se va a modificar la horquilla de la nia. Se pretende dejarla sin los
prdida, como tiff o psd. Jpg es un formato que comprime la
adornos del conejito y la flor.
informacin cada vez que se lleva a cabo la accin de guardar, con lo

cual la imagen ira perdiendo calidad.
Para ello, se intentar dibujar de nuevo la horquilla dndole un

aspecto muy parecido al actual, y retocando la parte del pelo que
Con la Herramienta Lupa, se ampliar la imagen hasta que la horquilla
queda tapado por los adornos.
tenga el tamao suficiente para trabajar sobre ella sin problemas.

Con la Herramienta Cuentagotas seleccionada, se clica en la horquilla
Cuentagotas
para buscar el color con el que se quiere dibujar la forma.

Se selecciona la Herramienta Pluma y, en la barra de opciones, se
definirn varios parmetros en el paso siguiente.
Pluma
Lupa
Color
Gua de aprendizaje
Capa de forma
Crear nueva capa de forma
En la barra de opciones, se selecciona la opcin Capa de forma, y
Se pueden dibujar mltiples formas en una capa y especificar cmo
automticamente quedar seleccionada la opcin Crear una nueva
interactan las formas superpuestas. Para ello se pueden configurar las
capa de forma.
opciones especficas de la barra de opciones:
Las herramientas de dibujo se utilizan para crear capas de forma,
Aadir a rea de forma, para aadir la nueva rea a las formas o el
trazados de trabajo y formas rasterizadas.
trazado existentes.
Una capa de forma se crea con la Herramienta Forma o con la
Restar de rea de forma, para eliminar el rea superpuesta de las formas
Herramienta Pluma. La forma se rellena automticamente con el
o el trazado existentes.
color frontal actual; sin embargo, se puede cambiar fcilmente el

relleno por un color, un degradado o un motivo distinto. El contorno
Intersecar reas de formas, para restringir el rea a la interseccin de la
de la forma se almacena en una mscara vectorial que se enlaza a
nueva rea y las formas o el trazado existentes.
la capa.
Excluir reas de forma superpuesta, para excluir el rea de
superposicin de las reas nuevas y existentes consolidadas.
Gua de aprendizaje
Para continuar dibujando el resto de la horquilla, se selecciona en la barra

de opciones, la opcin de Excluir reas de formas superpuestas. De esta
Se empieza por dibujar la parte interior de la horquilla.
manera, la forma que ya se ha dibujado se excluir de la nueva.
La forma de dibujar con la Herramienta Pluma es haciendo clic
Se hace lo mismo que para dar forma al interior: marcar los diferentes
para crear puntos de ancla. Las curvas se crean arrastrando la
puntos de ancla y dar forma a la curva hasta conseguir dibujar la horquilla.
Herramienta Pluma (con el ratn pulsado) en la direccin en la que

se desea que vaya la curva. Al volver a hacer clic sobre el punto
inicial, la forma queda cerrada.
Gua de aprendizaje

Una vez creada la forma, se movern los puntos de ancla y las
curvas para acabar de ajustar bien la forma.
Como el color de la forma es completamente opaco, es difcil
ajustarla, pues no se ve. Si se selecciona esta capa en la ventana
Capas y se le aplica una opacidad del 52%, se podr ver cmo se
transparenta el fondo y ser mucho ms fcil ajustar la forma.
Con la Herramienta Seleccin directa seleccionada, se clica sobre la

lnea a modificar.
Aparecen los diferentes puntos de ancla y puntos de direccin. Se arrastra
cualquiera de los puntos para ir ajustando la forma.
Gua de aprendizaje

Una vez ajustada la forma, se pasa a darle volumen para que
Clicando con el botn derecho sobre la capa donde est dibujada la
adquiera un aspecto parecido al de la horquilla original.
horquilla, se accede al men Opciones de fusin. Tambin es accesible

seleccionando el men Capa / Estilo de capa / Opciones de fusin.
En la paleta Capas, se vuelve a dar la opacidad del 100%, pues ya

no es necesario ver el fondo.
El modo de fusin de una capa determina cmo se fusionan los pxeles de

esa capa con los pxeles subyacentes de la imagen. Se pueden crear
numerosos efectos especiales.
Se pueden aplicar uno o varios efectos. En nuestro caso se usar Bisel y
relieve. Este efecto aade varias combinaciones de luces y sombras,
consiguiendo dar volumen a una forma plana.
Se ajustan las opciones del cuadro de dilogo hasta que la imagen obtenga
un aspecto lo ms parecido posible al original.
Conforme se vayan variando las opciones, la imagen ir cambiando. Se
clica OK cuando el resultado sea el buscado.
Gua de aprendizaje

En la capa donde hemos aplicado el efecto, aparece un indicativo
Para poder ver la capa Fondo y que no quede tapada por la capa de forma
(fx) que identifica que hay un efecto aplicado.
que hemos creado, podemos clicar en el "ojo" para activarla o desactivarla.
Si queremos volver a acceder al cuadro de dilogo, basta con que

hagamos doble clic sobre el nombre del efecto.
Podemos hacer que aparezca y desaparezca para poder ir comparando la

imagen original con la que hemos dibujado.
Ya tenemos hecha la horquilla.

El color de la forma tambin lo podemos cambiar de una forma rpida.
Haciendo doble clic sobre el color, accedemos a la ventana de dilogo
donde podemos elegir el que queramos.
Gua de aprendizaje

A continuacin nos dispondremos a retocar la parte del pelo que
La Herramienta Lazo os permite dibujar segmentos a mano alzada, y Lazo
queda tapado por el mueco.
magntico es muy til para seleccionar rpidamente objetos con bordes

complejos en fondos de gran contraste. El borde dibujado se ajusta a los
En vez de trabajar sobre la capa de fondo, crearemos una nueva

capa donde trabajaremos la parte del pelo.
Seleccionaremos la capa Fondo y con la Herramienta Lazo
poligonal marcaremos la parte que queremos cubrir.
La Herramienta Lazo poligonal dibuja segmentos de borde
rectilneo. Con un clic marcar el punto de inicio. Hay que colocar el
cursor donde queris que acabe este primer segmento y volvis a
hacer clic, y as hasta cerrar la forma (se cierra clicando en el punto
inicial o haciendo doble clic en el ltimo punto).
bordes de las reas definidas de la imagen.
Gua de aprendizaje

Las capas Ventana>Capas nos permiten trabajar con un elemento
Los conjuntos de capas os ayudan a organizarlas y gestionarlas. Podemos
de una imagen sin modificar los otros.
utilizar conjuntos de capas para moverlas con facilidad como un grupo, para
aplicar atributos y mscaras a grupos de capas y para despejar la paleta
Pensemos en las capas como si fuesen hojas de acetato apiladas
Capas. No podemos crear un nuevo conjunto de capas dentro de un
una encima de otra. En una zona de una capa donde no haya
conjunto de capas existente.
imgenes, podemos ver las capas inferiores. Podemos cambiar la

composicin de una imagen si cambiamos el orden y los atributos
En el grfico adjunto se han creado un grupo con dos capas vacas en su
de las capas.
interior como ejemplo.
Adems, las funciones especiales, como las capas de ajuste, las

capas de relleno y los estilos de capa, nos permiten crear efectos
sofisticados.
La paleta Capas contiene todas las capas, conjuntos de capas y
efectos de capa de una imagen. Podemos llevar a cabo muchas
tareas (como crear, ocultar, mostrar, copiar y eliminar capas)
mediante los botones de la paleta Capas. Podemos acceder a otros
comandos y opciones en el men de la paleta Capas y en el men
Capas.
Asimismo, podemos crear capas vacas y aadirles contenido o
bien crear nuevas capas a partir del contenido existente. Al crear
una nueva capa, sta aparece sobre la capa seleccionada o dentro
del conjunto de capas seleccionado en la paleta Capas.
Gua de aprendizaje

Si una imagen tiene varias capas, habr que elegir la capa en la
El contenido de las capas tambin puede alinearse y distribuirse utilizando
que deseamos trabajar. Los cambios que realicemos en la imagen
los comandos del men Capas.
afectarn slo a la capa activa.

Podemos bloquear capas total o parcialmente con el fin de proteger su
Podemos utilizar el ojo de la paleta Capas para ocultar y mostrar de
contenido. Para bloquear parcialmente una capa haremos clic en una o en
forma selectiva el contenido de las capas, conjuntos de capas y
varias opciones de bloqueo de la paleta Capas:
efectos de capa. Tambin podemos especificar el grado de

opacidad o transparencia de la imagen.
-Bloquear transparencia, para limitar la edicin a las partes opacas de la

capa.
Podemos copiar contenido dentro de una imagen o entre imgenes

de forma sencilla duplicando las capas.
-Bloquear imagen, para impedir que se modifiquen los pxeles de la capa

con las herramientas de pintura.
El orden de apilamiento de las capas determina si el contenido de

una o de un conjunto de ellas aparece delante o detrs del resto de
los elementos de la imagen.
Para trabajar de forma simultnea sobre dos o ms capas o sobre
conjuntos de capas, se pueden llevar a cabo selecciones mltiples
clicando sobre cada capa y manteniendo pulsadas las teclas Shift o
Control. De esta forma se pueden aplicar transformaciones o
desplazamientos conjuntos a sus contenidos.
-Bloquear posicin, para impedir que se muevan los pxeles de la capa.
Gua de aprendizaje

Una vez hecha la seleccin de la parte que queremos retocar,
Cuando se aaden capas a una imagen, es conveniente
clicando el botn derecho, seleccionamos Capa va copiar.
cambiarles el nombre en funcin de su contenido. El uso de

nombres de capa descriptivos permite identificarlas con facilidad
De esta forma, estamos creando una capa nueva donde hemos
en la paleta Capas.
duplicado la parte de la foto que queremos retocar.

Haciendo doble clic en el nombre de la capa que hemos creado,
podremos cambiarlo y poner "pelo" (tambin es posible hacerlo en
men Capa>Propiedades de capa).
Gua de aprendizaje

Una vez creada la nueva capa, con la Herramienta Tampn de clonar
repararemos la imagen.
El Tampn de clonar toma una muestra de una imagen para aplicarla sobre otra
imagen u otra parte de la misma imagen.
Cada trazo de la herramienta pinta usando la muestra.
Existen dos tipos de tampones, el de clonar y el de motivo. En esta ocasin
utilizaremos el primero.
En la barra de opciones, definiremos el tipo de pincel
que
queremos utilizar.
Seleccionamos Alineado, de esta forma se puede soltar el ratn

sin perder el punto actual de la muestra. Cuando reanudemos la
pintura, la muestra partir del punto donde hemos acabado. Si no
En Modo de fusin, optamos por Normal, que aplicar la imagen
estuviera seleccionada, al volver a pintar, recuperara el punto de
tal y como es.
origen.
La opacidad nos indica la cantidad mxima de cobertura. Le
Con la opcin Muestrear todas las capas seleccionada,
daremos un valor del 100%.
podemos tomar muestras de todas las capas activas y no slo de

la capa en la que nos encontramos.
Flujo especifica la rapidez con que la herramienta aplica la

pintura. Le daremos un valor del 100%.
Gua de aprendizaje
Para que no tome muestras de la imagen de la horquilla que

hemos creado, desactivamos la visibilidad de la capa de forma
(clicar en el "ojo").
Para definir el punto de inicio de la muestra, hemos de situar el
puntero en la parte de la imagen que queremos "clonar", y clicar
pulsando ALT.
Situados en la capa Pelo, empezamos a cubrir la horquilla.
Vemos cmo aparece una cruz en el origen de la muestra y cmo
se va copiando esa parte de la imagen por donde va pasando el
cursor.
Gua de aprendizaje

Para que la parte cubierta quede ms "natural", es recomendable ir definiendo
diferentes puntos de origen de la muestra e ir pintando.
Se trata de buscar zonas cercanas para que se vea "natural" el seguimiento del pelo.
Tapamos un trozo, definimos otro punto de origen y tapamos otro trozo, y as hasta
que hayamos cubierto la zona.
Las cruces muestran los diferentes puntos de origen que hemos ido seleccionando.
Photoshop CS4 incorpora una novedad respecto de esta herramienta que se est
utilizando en este paso, cuando se selecciona una muestra a clonar, en el circulo
donde se va a copiar la muestra aparece una vista previa de sta para comprobar
que es la muestra ms correcta.
Gua de aprendizaje

Aunque a la horquilla le hemos aplicado un efecto para darle
Seleccionaremos la Herramienta Pincel, y en la barra de
volumen, le podemos dar unos "reflejos" para realzar un poco
opciones elegiremos un pincel de un grosor de 3px y una dureza
ms la forma y conseguir que el parecido sea mayor.
del 100%. Modo normal, opacidad 100% y flujo 20%. Adems

seleccionaremos la opcin de aergrafo.
Lo haremos en una capa nueva a la que daremos el nombre de

"brillo".
Para ello, clicaremos el botn Crear una capa nueva de la
En la capa brillo daremos unas pinceladas para conseguir unos
paleta de Capas.
efectos de brillo sobre la forma.
Nos interesa que esta capa est por encima de las dems. Si al
crearse no lo est, con el cursor encima de la capa, lo
pulsaremos y arrastraremos hacia la posicin en la que
queremos que quede.
Gua de aprendizaje

El resultado ser algo parecido a la siguiente
imagen:
Imagen original
Imagen retocada
La imagen ya est acabada, slo queda guardar el resultado.

Si queremos mantener todas las capas por si en algn momento decidimos hacer algn
cambio, podemos mantener el formato PSD, que es el especfico de Photoshop y guarda
todas las capas y efectos. Es recomendable guardar siempre este archivo. Se puede guardar
una copia en otro formato (JPG, TIFF...), dependiendo del uso que se le vaya a dar.
Como la mayora de formatos de archivo no guardan la informacin de capas, no hay que
olvidar que todas estn activas (clicar en el ojo). Las capas desactivadas no se visualizarn
en el nuevo archivo.
Gua de aprendizaje
de 1IPUPTIPQ$4
Grado de Multimedia
multimedia.uoc.edu
Gua de aprendizaje

Tutorial 2. Creacin y aplicacin de motivos (texturas)

En este tutorial, pretendemos aplicar al libro una textura (o
Seleccionaremos la Herramienta Lazo poligonal, que es la que nos
motivo) de csped.
permite hacer ngulos rectos.
Hemos hecho una fotografa a un libro para poder utilizarla de

patrn.
En la barra de opciones, seleccionaremos la opcin Suavizar. Esta

opcin suaviza los bordes dentados de una seleccin mediante el
Antes que nada, abrimos el documento libro.jpg y lo guardamos
suavizado de transicin de color entre los pxeles del borde y los
con el mismo nombre pero en formato psd.
pxeles del fondo. Como slo cambian los pxeles del borde, no se
pierde ningn detalle.
Este primer paso consistir en extraer el libro del fondo para

conseguir un fondo homogneo blanco.
En la opcin Desvanecer se genera un calado en los bordes de la

herramienta usada. De momento le dejaremos el valor de 0. Esta
opcin desenfoca los bordes de una seleccin, ya que crea un lmite
de transicin entre la seleccin y los pxeles circundantes. Este
desenfoque puede provocar cierta prdida de detalles en el borde de
la seleccin.
Una vez hecha la seleccin con bordes recortados, siempre estamos
a tiempo de aplicarle un calado (Seleccin / Perfeccionar borde).
Sus efectos se hacen aparentes al mover, cortar, copiar o rellenar la
seleccin.
Gua de aprendizaje

Con la lupa aumentamos la imagen para que nos sea ms fcil
dibujar. Como necesitamos que la imagen est a un tamao
considerable, no ser posible que se vea todo el libro, con lo cual,
conforme vayamos dibujando la seleccin, tendremos que ir
movindonos por el lienzo. La forma ms prctica de hacerlo es ir
dibujando (marcando los puntos de inicio y final de cada
segmento) y mantener pulsada la Barra de espacio cuando
queramos que el cursor se convierta en la mano para mover el
lienzo.
Al llegar a algn punto de mayor detalle (esquinas) podemos
necesitar aumentar an ms la imagen. Manteniendo pulsadas
las teclas Ctrl y Barra de espacio, el cursor se convierte en lupa
de aumento. Aumentamos la imagen, y al soltar las dos teclas,
podremos seguir dibujando la seleccin. Clicando Ctrl+Alt+Barra
de espacio, la lupa que aparece es la de reducir.
Alternando estas 4 herramientas dibujaremos toda la seleccin.
Gua de aprendizaje

Una vez hecha la seleccin, copiaremos el libro en una capa nueva:
Botn derecho>Capa va copiar. La llamaremos libro.
Adems nos interesa guardar la seleccin hecha para poder utilizarla en
varias ocasiones. Lo haremos con la seleccin activada de Botn
derecho>Guardar seleccin (o men Seleccin>Guardar seleccin).
Si se ha perdido la seleccin al crear la capa, puede recuperarse
fcilmente clicando sobre la miniatura en la capa "libro" manteniendo
CTRL pulsado .Tambin le daremos el nombre de libro".
Adems, crearemos una nueva capa que rellenaremos de

color blanco con la Herramienta Bote de pintura y la
La seleccin se guarda en la ventana de canales. Para cargarla
llamaremos fondo blanco.
posteriormente, lo haremos con Seleccin > Cargar seleccin.

La imagen original sigue en la capa fondo. Nos interesa
mantenerla por si nos fuera necesaria ms adelante.
Gua de aprendizaje
Vamos a crear el motivo "csped" con el que rellenaremos el

libro.
Un motivo es una imagen que se repite o segmenta durante la
aplicacin.
Photoshop
incluye
diferentes
motivos
preestablecidos. Se pueden crear nuevos motivos y guardarlos

en bibliotecas para usarlos con diferentes herramientas y
comandos.
Para crear el nuevo motivo, abriremos la imagen cesped.jpg.
Con la Herramienta Marco rectangular seleccionamos el rea
que queramos utilizar como motivo. El calado debe fijarse en
0px.
Gua de aprendizaje
En el men principal a partir de la opcin Edicin>Definir motivo, crearemos

un motivo nuevo. Se pueden crear infinidad de motivos segn la seleccin
realizada. Lo nombramos como csped.
Gua de aprendizaje

Para rellenar el libro con el motivo, nos situamos en la capa
libro y seleccionamos el men Edicin> Rellenar > Usar
motivo.
Se puede rellenar una seleccin o una capa con el color frontal,
el color de fondo o con un motivo. En Photoshop, se pueden
usar motivos de las bibliotecas de motivos proporcionadas o
crear los suyos propios.
Tambin se puede rellenar una forma con los efectos Color
uniforme, Degradado, Motivo de la paleta Capas.
Si utilizamos capas de relleno para rellenar una seleccin,
podemos cambiar fcilmente el tipo de capa utilizada.
Accedemos a la ventana flotante donde estn los diferentes
No
olvidemos
motivos y seleccionamos el csped que hemos creado.
transparencia.
seleccionar
la
opcin
de
Mantener
Si en vez de seleccionar la capa hubiramos seleccionado slo

el objeto que queramos rellenar (cargando la seleccin "libro"),
no sera necesaria la opcin de preservar transparencia. Tal y
como lo hemos hecho, si no seleccionamos esta opcin, en vez
de rellenarse slo el libro, se rellenar toda la capa.
Gua de aprendizaje

Como podemos apreciar, el libro ha quedado cubierto por el csped.
Si nos acercamos, vemos que el borde est muy recortado.
Si le hubiramos aplicado un calado a la seleccin, el borde quedara ms
difuminado, dando la sensacin de que el csped sobresale.
Gua de aprendizaje

Pero an estamos a tiempo de rectificar. Podemos deshacer esta ltima
accin accediendo a Edicin>Paso atrs. Como en muchos programas,
este comando deshace lo ltimo que hemos hecho.
Pero si queremos ir a lo que hemos hecho varios pasos hacia atrs, este
comando no nos sirve. Para esto tenemos la paleta Historia (Ventana <
Historia), que nos permite ir a cualquier estado reciente de la imagen
creada durante la sesin de trabajo actual. Cada vez que aplicamos un
cambio a una imagen, el nuevo estado de esa imagen se aade a la paleta.
Por ejemplo, si seleccionamos, pintar y girar parte de una imagen, cada
uno de estos estados aparece de forma independiente en la lista de la
paleta.
A continuacin, podemos seleccionar cualquiera de estos estados y la
imagen volver al que tena al aplicar dicho cambio por primera vez. Ahora
ya podemos trabajar desde ese estado.
Por defecto, la paleta Historia lista los ltimos 20 estados. A partir de 20,
Photoshop elimina automticamente los estados ms antiguos para liberar
ms memoria.
En nuestro caso debemos ir a la accin anterior a Rellenar.
Gua de aprendizaje

Procederemos a aadirle calado a la seleccin "libro".
Como hemos tenido la precaucin de guardar la seleccin "libro", para
cargarla accedemos al men Seleccin > Cargar seleccin. En Canal
seleccionamos "libro". Si tuviramos ms selecciones guardadas, todas
apareceran aqu.
A continuacin, le aplicaremos un calado de 10 a la seleccin: Seleccin
/ Perfeccionar borde / /Radio = 1 , Calar = 10.
Tambin tendremos la precaucin de salvar esta seleccin: Seleccin >
Guardar seleccin dndole el nombre de "libro calado 10".
Volvemos a aplicarle el relleno del csped: Edicin / Rellenar / Usar

motivo. Pero esta vez nos interesa desactivar la opcin de Mantener
transparencia. Si est activada, no conseguiremos el efecto que
buscamos: que el csped sobresalga del borde del libro
Vemos que aunque ahora sobresale un poco el csped gracias al calado,
sigue sin verse muy natural.
Gua de aprendizaje

Para mejorarlo, le sumaremos una seleccin hecha con un trazo
irregular.
Utilizaremos la Herramienta Lazo, que nos permite "dibujar" a mano
alzada.
En el panel de opciones seleccionaremos la de aadir a la seleccin,
y a desvanecimiento le daremos un valor de calado de 10.
Dibujaremos esta seleccin nicamente por la parte superior y
derecha del libro.
Tambin salvaremos esta seleccin, pero esta vez sustituir a la
anterior "libro calado 10": Seleccin > Guardar seleccin.
En Canal le decimos qu seleccin queremos sustituir, y en
Operacin, Sustituir canal.
Una vez hecho esto, volvemos a aplicarle el relleno
(Edicin > Rellenar > Usar motivo).
Gua de aprendizaje

Al libro le hemos dado un aspecto de csped, pero su aspecto es
Las capas de ajuste permiten experimentar con ajustes de color y
muy "plano". Si observamos el libro original, podemos apreciar que
tono sin modificar sus pxeles permanentemente. Los cambios de
hay zonas con sombras, lo que le da cierto "volumen".
color y tono forman parte de la capa de ajuste, que acta como un

velo por el que se ven las capas de la imagen subyacentes.
Una capa de ajuste afectar a todas las capas que se encuentren
bajo sta. Lo que permite corregir varias capas con un solo ajuste, en
lugar de tener que hacer el ajuste en cada una de las capas de
manera individual.
Vamos a aplicar diferentes sombras a nuestro libro/csped para
Una vez creada una capa de ajuste, se pueden editar los ajustes
conseguir darle un aspecto ms "real".
fcilmente (doble clic en la miniatura de la ventana capas). Las capas

de ajuste pueden estar hechas con una capa entera o una seleccin.
Si nos fijamos en el libro, hay varias zonas con diferentes sombras: el

lomo, la cubierta, la hendidura de la cubierta, las hojas, la
contracubierta y los grosores.
Lo que haremos es seleccionar cada uno de estos elementos e ir
haciendo ajustes de tono y color para conseguir el efecto deseado.
Podramos trabajar directamente sobre la capa libro, pero es mucho
mejor hacerlo en capas superiores, utilizando el comando Capa de
ajuste (Capa > Nueva capa de ajuste).
Nosotros lo haremos con una seleccin.
Gua de aprendizaje

que
Por la parte superior ajustamos la forma exactamente por donde
correspondern a cada una de las partes del libro a la que se
queremos que vaya; sin embargo, por la parte inferior, no nos importa
desea hacer un ajuste tonal. Para ello partiremos de la que ya
sobrepasar la seleccin existente, pues con la opcin interseccin
tenemos hecha.
solo se mantendrn los pxeles comunes.
Empezaremos con el lomo del libro:
Guardamos la seleccin y le damos el nombre de "lomo"
Empezaremos
crear
las
nuevas
selecciones,
(Seleccin>Guardar seleccin).
Cargamos la seleccin "libro calado 10" (Seleccin >Cargar
seleccin).
Parte
superior.
Ajustamos
Para poder ver bien cada una de las partes que queremos
seleccionar,
slo
visualizaremos
la
capa
fondo.
la
seleccin por el
lugar exacto.
Desactivaremos el "ojo" en las capas "fondo blanco" y "libro".

Con la Herramienta Lazo poligonal vamos a seleccionar el
lomo del libro. El desvanecimiento lo dejaremos en 0 y
seleccionaremos
la
opcin
Formar
interseccin
con
seleccin.
Parte
Sobrepasamos la
seleccin
Esta opcin intersecciona las dos formas, la que ya exista y la

nueva. Crea una seleccin nueva a partir de las zonas comunes.
inferior.
existente.
Gua de aprendizaje

Para llevar a cabo el resto de selecciones, se sigue el mismo
proceso, pero con alguna pequea diferencia.
Resumen de pasos:
Cargar la seleccin "libro calado 10.
Dibujar
el
perfil
con
la
Herramienta
Lazo
poligonal.
Desvanecer 0. Formar interseccin con seleccin. .

Para dibujar la portada del libro, al llegar a la parte que queda
junto al lomo, es imposible que acertemos y pasemos
exactamente por donde pasamos al seleccionar el lomo, por
eso, lo que haremos es sobrepasar la zona. Cuando acabemos
de hacer esta seleccin, le restaremos la seleccin "lomo", de
esta forma, los lmites coincidirn:
Seleccin > Cargar seleccin > Restar de la seleccin
Gua de aprendizaje

Si no lo hiciramos as, las zonas que pisan una seleccin u
Seleccin de la
otra, al aplicarles diferentes ajustes de color y tono, se veran
portada,
unas ms oscuras y otras ms claras. Se trata de restar las
sobrepasando el
selecciones con las que se delimita.
perfil del lomo.
Salvamos la seleccin con el nombre de "portada".

A la seleccin "grosor" le restaremos "portada" y "lomo.
A "hojas" le restaremos "grosor.
A "contraportada" le restaremos "hojas" y "lomo.
Seleccin de la
portada, con la
Para hacer la hendidura" de la portada, en vez de cargar la
seleccin "lomo"
seleccin "libro calado 10", cargaremos "portada".
restada.
No hay que olvidar guardar las selecciones una vez acabadas.
Gua de aprendizaje

lomo:
"Libro
calado
10">Intersecar
portada:
"Libro
calado
10">Intersecar
"lomo"
"portada">Substr
aer "lomo"
grosor:
"Libro
hendidura:
calado
10">Intersecar
"portada">Intersecar
hendidura"
"grosor">Substraer
"lomo">Substraer
"portada"
hojas:
contraportada:
"Libro
calado
"Libro
calado
10">Intersecar
10">Intersecar
"contraportada">Subst
"hojas">Substraer
raer "hojas">Substraer
"grosor">Substraer
"grosor"
"lomo"
Gua de aprendizaje

Una vez hechas todas las selecciones, vamos a empezar a crear
capas de ajuste con cada una de ellas, y les aplicaremos unos
cambios en el tono.
Empezaremos por la seleccin "lomo".
Lo primero que haremos es situamos en la capa "libro", y activaremos
la visualizacin (clic en el ojo).
Cargamos la seleccin "lomo":
Seleccin > Cargar seleccin > Canal "lomo".
Creamos la capa de ajuste:
Capa > Nueva capa de ajuste > Curvas.
El cuadro de dilogo Curvas permite ajustar la gama tonal completa
de una imagen. Pero slo se puede ajustar un punto a lo largo de una
escala de 0 a 255 al tiempo que se mantienen constantes un mximo
de otros 15 valores. Curvas tambin se utiliza para realizar ajustes
exactos en los canales de color individuales de una imagen.
Gua de aprendizaje
A continuacin haremos lo mismo con el resto de selecciones:

Cargamos una a una las selecciones y creamos con cada una
de ellas Capas de ajuste de curvas, y vamos ajustando la
curva hasta que el resultado sea parecido al de la imagen.
Gua de aprendizaje

A la seleccin "hojas" le haremos un tratamiento
Las capas de relleno permiten
un poco diferente. Le aplicaremos un motivo
aadir con rapidez color, motivos y
distinto.
degradados a una imagen.
Volvemos a abrir la imagen del cesped.jpg, para
Si no estamos satisfechos con los
crear un patrn diferente.
resultados, podemos volver atrs y

editar o eliminar el ajuste o relleno
En primer lugar, trasformaremos la imagen.
en cualquier momento.
Le aplicaremos una rotacin de 90 grados a toda

ella
(Imagen > Rotar lienzo > 90 CCW), de
A diferencia de las capas de
esta forma el csped, en lugar de de ir hacia
ajuste, las capas de relleno no
arriba ir hacia un lado.
afectan
las
capas
que
se
encuentran por debajo.

En segundo lugar, seleccionamos un fragmento y
seguimos los mismos pasos que para crear el
Y para acabar, creamos una capa
anterior motivo (paso 3): Edicin > Definir
de ajuste de curvas, para modificar
motivo.
el tono de la imagen.
Le damos el nombre de csped 2.

En tercer lugar cargamos la seleccin "hojas" y
creamos una capa de relleno (Capa > Nueva
capa de relleno > Motivo).
Gua de aprendizaje

Podemos dar el libro por acabado.
Gua de aprendizaje
de 1IPUPTIPQ$4
Grado de Multimedia
multimedia.uoc.edu
Gua de aprendizaje

Tutorial 3. Extraccin e integracin de objetos

En este nuevo proyecto, vamos a utilizar el archivo que hemos generado
hasta ahora libro.psd. Antes de empezar a hacer nada ms, lo guardaremos
con otro nombre: libro combinado.psd.
Es un archivo en el que se han generado numerosas capas, pero para la
actividad que vamos a realizar no son necesarias. Slo nos interesa la imagen
Para combinar dos capas, las colocamos seguidas en la paleta
resultante, el libro con textura de csped con todas las sombras.
Capas y comprobamos que la visibilidad de ambos elementos

est activada. Seleccionamos el elemento superior del par y en
Lo que debemos hacer es combinar las capas, para que nos quede slo la
el men Capas o en el men de la paleta Capas seleccionamos
que nos interesa.
Capa > Combinar hacia abajo.
Cuando se ha establecido el contenido de las capas, podemos combinarlas
Optaremos por Capa > Combinar visibles, si lo que queremos
para crear versiones parciales de la imagen compuesta. La interseccin de
es combinar todas las capas visibles.
todas las reas transparentes de las capas combinadas permanece

transparente. La combinacin de capas ayuda a gestionar el tamao de los
En una imagen acoplada, todas las capas visibles se combinan
archivos de imgenes.
en el fondo, lo que reduce enormemente el tamao del archivo.

Al acoplar una imagen (Capa > Acoplar imagen), se descartan
Adems de combinar capas, es posible copiar el contenido de varias capas en
todas las capas ocultas y las reas transparentes restantes se
una sola capa. De este modo se permite combinar el contenido de ms de una
rellenan de blanco. En la mayora de los casos, no se
capa en una capa de destino y mantener intactas las dems capas.
recomienda acoplar un archivo hasta haber acabado de editar
Normalmente, el contenido de la capa seleccionada se copia en la capa
las capas individualmente.
siguiente.
Gua de aprendizaje

En nuestro caso, optaremos por la opcin de combinar los elementos visibles.
Antes de acceder a la opcin de men Capa > Combinar visibles,
desactivaremos la visibilidad en las dos primeras capas: Fondo y Fondo
blanco, y activaremos el resto.
Una vez combinadas, procederemos a eliminar la capa Fondo, pues es
recomendable eliminar las capas que no son necesarias para reducir el
tamao del archivo de imagen.
Seleccionaremos
la
capa
y,
con
el
botn
derecho,
seleccionamos Eliminar capa (tambin es posible haciendo clic

en el botn papelera o en el men Capa > Eliminar > Capa).
Mantendremos la capa fondo blanco, pues es ms incmodo
trabajar si vemos el fondo transparente, que se visualiza con
cuadritos.
Gua de aprendizaje

Nuestro objetivo consiste en realizar una
Si nos colocamos en la capa Fondo, clicando
Adems de poder hacerlo en un documento
composicin, colocando unas gafas encima del
el botn derecho, seleccionaremos Duplicar
nuevo (Nuevo), aparecer el listado de todos
libro.
capa. Aparece una ventana flotante, donde le
los documentos abiertos.
podemos decir el destino de la imagen.

Seleccionaremos libro_combinado.psd, que
Para ello abriremos el documento gafas.jpg y

copiaremos la imagen en el documento con el
Por defecto, el documento de destino es el
es donde estamos trabajando.
que estamos trabajando.
mismo en el que nos encontramos: gafas.jpg,
Ahora
pero si accedemos al men desplegable,
gafas.jpg, pues ya no lo vamos a necesitar y
podremos optar por otros.
en libro_combinado.psd podemos apreciar
Podramos seleccionar toda la imagen, copiarla
podemos
cerrar
el
documento
y pegarla en libro_combinado.psd, pero en
que ha aparecido una nueva capa a la que
esta ocasin lo haremos de otra forma.
nombraremos gafas.
Gua de aprendizaje

El siguiente paso consiste en extraer las gafas de su fondo, para lo cual
utilizaremos varias herramientas al mismo tiempo como indicamos a
continuacin.
La Herramienta Borrador cambia los pxeles de la imagen al arrastrar sobre
ellos. Si trabajas en el fondo o en una capa con la transparencia bloqueada,
los pxeles cambian al color de fondo; de lo contrario, la transparencia
reemplaza a los pxeles.
Mediante la especificacin de diferentes opciones de

tolerancia y muestreo, puedes controlar el rango de la
transparencia y la nitidez de los lmites.
La Herramienta Borrador de fondos, permite reemplazar los pxeles de una

capa con transparencias mientras arrastramos; de esta forma podemos borrar
el fondo al tiempo que se mantienen los bordes de un objeto en primer plano.
El Borrador de fondos muestrea el color en el centro

del pincel, llamado tambin zona interactiva, y elimina
ese color donde quiera que aparezca dentro del
Al hacer clic en una capa con la Herramienta Borrador mgico, sta cambia
pincel.
automticamente todos los pxeles similares. Si trabajamos en el color de

fondo o en una capa con la transparencia bloqueada, los pxeles cambian al
color de fondo; de lo contrario, la transparencia reemplaza a los pxeles.
Puedes optar por borrar slo los pxeles contiguos o todos los pxeles
similares de la capa actual.
Tambin realiza extracciones de color en los bordes

de cualquier objeto frontal, de modo que los halos de
color no son visibles si el objeto frontal se pega
posteriormente en otra imagen.
Gua de aprendizaje
En barra de opciones, adems de definir el tipo de pincel y sus caractersticas,
Muestreo
podemos elegir:
Lmites de borrado:
Continuo para muestrear colores continuamente

mientras arrastras
No contiguo para borrar el color muestreado donde quiera que

aparezcan bajo el pincel.
Una vez para borrar slo las reas que contienen

el color en el que has hecho clic primero
Contiguo para borrar las reas que contienen el color muestreado y que
estn conectadas entre s.
Muestra de fondos para borrar slo las reas que

contienen el color de fondo actual
Hallar bordes para borrar las reas conectadas que contienen el color
muestreado, al tiempo que se mantiene mejor la nitidez de los bordes de
Al arrastrar por el rea que se desea borrar, el puntero
la forma.
de la Herramienta Borrador de fondos aparece en

forma de pincel con una cruz que indica la zona
En Tolerancia, una tolerancia baja limita el borrado a las reas muy parecidas
interactiva de la herramienta.
al color muestreado. Una tolerancia alta borra un rango de colores ms

extenso.
Definiremos las caractersticas de la herramienta tal y

como estn en la imagen.
Es recomendable seleccionar Proteger color frontal para impedir el borrado

de reas que coinciden con el color frontal del cuadro de Herramientas.
Gua de aprendizaje
Para poder borrar el fondo de las gafas con precisin, aumentaremos la
Como ya hicimos en un tutorial anterior, iremos
imagen con la lupa hasta el tamao que consideremos oportuno para trabajar
alternando varias herramientas, utilizando atajos de
con comodidad.
teclado, para poder movernos fcilmente por el lienzo:
Pulsando Alt, el cursor cambia al cuentagotas, con el

que definimos el color frontal
Pulsando Barra de espacio, aparece la "mano", que
nos permite movernos por el lienzo
Con Ctrl y Barra de espacio pulsados, aparece la
lupa de aumento y si adems pulsamos Alt, la lupa
es para reducir.
Gua de aprendizaje

En el cuadro de Herramientas, tenemos que seleccionar como
Empezaremos a borrar el fondo.
color de fondo el que queremos eliminar, y como color frontal, el

que queremos proteger.
Conforme nos acerquemos a una parte de las gafas que tenga un

color diferente, cambiaremos el cursor a cuentagotas (Alt) y lo
seleccionaremos como color frontal, quedando as protegido de
ser borrado. Y as continuaremos borrando la parte del fondo que
toca las gafas.
En cualquier momento podemos acceder a la barra de opciones
para cambiar el tamao del pincel, si necesitramos uno mayor o
menor, o cualquiera de las dems opciones. Conforme vamos
borrando iremos viendo si es necesario cambiar una opcin o no.
No hay que olvidar que es un proceso bastante lento y que
precisa de cierta habilidad manejando el ratn. Lo idneo es
trabajar dando pinceladas cortas y soltando el ratn. De esta
forma, si por error sobrepasamos la zona de las gafas y borramos
una parte, siempre podemos deshacer esta ltima accin
(Edicin > Deshacer).
Gua de aprendizaje

Antes de seguir borrando todo el fondo, con la Herramienta Bote
Como no es necesario continuar borrando con la misma
de pintura, rellenaremos la capa fondo blanco con un color oscuro.
herramienta, de entre todas las posibles, elegiremos la Varita

mgica para acabar de eliminar el fondo.
El objetivo es que, conforme vayamos borrando, se pueda

transparentar el fondo. Si este es oscuro, nos ser ms fcil ver si
La Herramienta Varita mgica permite seleccionar un rea
quedan zonas sin borrar.
coloreada de forma coherente sin tener que trazar su contorno.
Como se puede apreciar en la imagen, ya hemos borrado la parte
En la barra de opciones hay que especificar la gama de colores, o
del fondo que toca a las gafas.
tolerancia, para la seleccin de la Herramienta Varita mgica.

En Tolerancia, hay que introducir un valor bajo para seleccionar
colores muy parecidos al pxel sobre el que se haya hecho clic, o
bien introducir un valor ms alto para seleccionar una gama de
colores ms amplia.
Para definir un borde suave, seleccionaremos Suavizado.
Para seleccionar slo reas adyacentes que utilicen los mismos
colores, seleccionaremos Contiguos. En caso contrario, se
seleccionaran todos los pxeles que utilicen los mismos colores.
Para seleccionar colores que utilicen datos de todas las capas
visibles, selecciona Muestrear todas las capas. De lo contrario,
la Herramienta Varita mgica seleccionara colores slo de la
capa activa.
Gua de aprendizaje
En nuestro caso le daremos unos valores de:
Es posible que una vez eliminadas las zonas grandes, an

queden pequeas zonas con "restos" blancos, como se puede
Tolerancia: 50
Suavizar activado
Contiguo activado
apreciar en la imagen.
Con la goma de borrar y una punta de pincel relativamente
grande (50), borraremos las pequeas manchas blancas que an
quedan.
Clicaremos en cualquier parte del fondo que an queda sin borrar y

veremos que queda seleccionada una amplia zona. Con la tecla
Suprimir eliminaremos esa seleccin. Y as iremos seleccionando
y eliminando las diferentes zonas del fondo.
Si nos acercamos mucho a la imagen, es posible que

descubramos
que
hay
zonas
que
no
se
completamente.
Tambin las seleccionaremos con la varita mgica.
han
borrado
Gua de aprendizaje
Pero lo realmente importante es visualizar las gafas con la capa

"libro" activada, as podremos apreciar que imperfecciones se ven
y cuales no.
Aumentaremos la imagen y la iremos mirando en detalle y
borrando las zonas que sobran.
En
esta
ocasin,
elegiremos
la
Herramienta
Seleccin
poligonal, para seleccionar la zona que queremos borrar.
En resumen, de lo que se trata es de ir alternando las diferentes

herramientas de seleccin y borrado e ir cambiando sus
opciones, segn veamos, para conseguir que las gafas queden
sin su fondo y se integren perfectamente con la imagen del libro.
Gua de aprendizaje

Las gafas tienen un color verdoso, que no contrasta demasiado
con el fondo del libro. Lo cambiaremos por otro.
El comando Reemplazar color (Imagen > Ajustes > Reemplazar
color) sustituye colores especificados de una imagen por nuevos
valores de color.
Permite crear una mscara (temporal) para seleccionar colores
concretos en una imagen y reemplazarlos por otros.
Permite modificar valores de tono, saturacin y brillo. Tambin es
posible utilizar el selector de color para seleccionar la sustitucin
del color.
Seleccionamos la capa gafas y accedemos a la opcin de men
para reemplazar el color.
Pero como ya no es necesario tener la capa fondo blanco de
color oscuro, con el bote de pintura la rellenaremos de color
blanco.
Gua de aprendizaje

Para cambiar el color, hemos de especificar qu color queremos
sustituir y por cul.
En el apartado Seleccin, clicando en color, seleccionaremos el
tono de color de la gafa que deseamos cambiar.
El cursor cambia a cuentagotas, que al clicar sobre uno de los
colores de la montura de la gafa, lo selecciona.
En
el
apartado
Sustitucin,
clicando
en
Resultado,
seleccionaremos el tono de color con el que sustituiremos el

actual.
El color resultante lo podemos visualizar directamente sobre la
imagen.
Gua de aprendizaje
En la imagen resultante, podemos apreciar que el color de la

terminacin de la patilla, apenas ha variado.
Esta pieza tena un color un poco diferente al del resto, por eso,
al seleccionar el tono de color de origen, no ha quedado incluido.
Para cambiarlo, procederemos de la misma forma pero
seleccionando esta parte para especificar el color de origen.
Como color resultante, buscaremos uno de la misma gama
cromtica que el anterior, pero un poco ms oscuro.
Gua de aprendizaje

Antes de continuar con otras cosas, miraremos en detalle
Entre la capa libro y la capa gafas, crearemos una nueva capa
las gafas, y retocaremos las zonas que hayamos podido
a la que llamaremos retoques.
borrar por error o por que quedaban tapadas.

Nos situamos en la nueva capa y seleccionaremos la
Empezaremos por el lado izquierdo de la imagen. Justo en
Herramienta Tampn de clonar.
la unin de la patilla con la montura.
En la barra de opciones seleccionaremos un tamao de pincel de

unos 10 px, y activaremos la opcin Muestrear todas las capas.
Podemos apreciar que hay un trozo de patilla que no existe,

pues quedaba oculta por el grosor del cristal y lo hemos
Como slo nos interesa tomar referencias de la capa gafas,
borrado.
desactivaremos fondo blanco y libro.

Utilizaremos la herramienta para cubrir la zona, tal y como ya
explicamos en un tutorial anterior.
Gua de aprendizaje

Como ya hemos dicho, no es necesario tener ms capas de
Lo siguiente que haremos es dibujar la seleccin de la parte que
la cuenta, por eso procederemos a unir la capa gafas con la
correspondera a los cristales.
capa retoques.
Con la Herramienta Pluma, procederemos a dibujar uno de los
Si
nos
situamos
sobre
la
capa
superior
(gafas),
seleccionaremos Capa > Combinar hacia abajo.

La capa gafas se fusionar sobre retoques.
El nombre que queda es el de la capa inferior. Se lo
cambiaremos y le pondremos gafas.
cristales, creando una capa de forma (tal y como vimos en el

tutorial anterior al dibujar la horquilla).
Gua de aprendizaje

Una vez acabada la forma, ajustaremos los puntos de ancla
En nuestro caso, la forma ha quedado rellena de color blanco,
y las curvas hasta que la forma sea la correcta.
que es el que estaba seleccionado en ese momento.
Como ya hicimos anteriormente, podemos reducir la
Lo cambiaremos por un tono azulado y dejaremos la opacidad en
opacidad para poder ver el fondo y ajustar perfectamente la
un 30%, hasta conseguir un aspecto parecido al de la imagen.
forma.
Para cambiar el color, clicaremos sobre la miniatura de capa de la
Si vemos que no hemos creado suficientes puntos de ancla,
podemos aadirle alguno con la Herramienta Aadir punto
de ancla. Basta con clicar sobre la lnea, en el lugar donde
queremos crearlo.
Si hemos aadido demasiados, podemos eliminarlos con la
Herramienta Eliminar punto de ancla.
que se ha generado al crear la mscara vectorial.
Gua de aprendizaje

Para darle cierto realismo al cristal, le aplicaremos un
efecto de fusin a la capa (Botn derecho >
Opciones de fusin). La idea es simular que tiene
grosor.
En la opcin Bisel y relieve, ajustaremos las
diferentes opciones hasta conseguir el aspecto que
deseamos.
Gua de aprendizaje

Para el otro cristal, procederemos de la misma
manera. Con la Herramienta Pluma crearemos una
nueva capa de forma.
Podemos ver que en esta nueva capa se aplican los
mismos ajustes que ya definimos para la anterior.
Incluso los efectos de estilo de capa.
Si queremos cambiar los ajustes, haciendo doble clic
en el nombre del efecto (en el panel Capas) nos
aparece el cuadro de dilogo donde se pueden
cambiar.
Tambin podemos copiar un estilo de capa y pegarlo
en otras capas o borrarlo. Clicando con el botn
derecho sobre la capa, podemos acceder a estas
opciones.
Gua de aprendizaje

Podemos dar casi por acabadas las gafas.
Si observamos la composicin, las gafas se ven muy grandes en
proporcin al libro. Las haremos ms pequeas y las colocaremos en otro
sitio.
Esta vez, en vez de fusionar las capas de los cristales con las gafas,
crearemos una nueva capa donde estn los tres elementos unidos.
Desactivamos la visibilidad de las capas libro y fondo blanco.
Seleccionamos la capa que est por encima de las dems.
Seleccionamos toda la imagen (Seleccionar todo)
Y seleccionamos Edicin > Copiar combinado.
De esta forma se copia una imagen formada por la fusin de todos los
elementos visibles que estn por debajo de la capa seleccionada.
Pegamos la imagen, que lo har en una capa nueva, a la que llamaremos
gafas OK.
Activaremos la visibilidad libro y fondo blanco y desactivaremos la de
gafas y las dos capas de forma.
Gua de aprendizaje

Slo nos queda aplicar la sombra de las gafas sobre el libro.
Con la capa gafas OK seleccionada, en Opciones de fusin
seleccionaremos Sombra paralela y ajustaremos los diferentes
parmetros.
Se trata de obtener un resultado parecido al de la siguiente
imagen y hemos terminado este tutorial.
Gua de aprendizaje
de 1IPUPTIPQ$4
Grado de Multimedia
multimedia.uoc.edu
Gua de aprendizaje

Tutorial 4. Aplicar filtros a una fotografa. Dibujar un marco de madera

En
este
nuevo
tutorial
utilizaremos
filtros
de
Aspecto de la galera de filtros y sus principales opciones.
Photoshop para cambiar el aspecto de una fotografa.

Intentaremos simular el aspecto de una pintura.
Utilizando la Galera de Filtros (Filtros > Galeria de
filtros), podremos aplicar varios filtros a la vez, o el

mismo filtro varias veces.
A-Ventana de previsualizacin
B-Selector de filtros
D
E
C-Mostrar/esconder selector de filtros

D-Ventana desplegable para elegir filtro
E-Opciones del filtro seleccionado
F-Listado de filtros para aplicar
Gua de aprendizaje

Aplicar filtros, especialmente a imgenes grandes,
puede llevar bastante tiempo. Algunos filtros nos
permiten previsualizar el efecto antes de aplicarlo.
Para ahorrar tiempo al probar varios filtros, es
preferible experimentar con una pequea parte
representativa de la imagen.
Una vez hecha una pequea seleccin de la imagen,
seleccionaremos Filtros>Galera de filtros.
En la galera de filtros, estos se aplican en el orden en
que se hayan seleccionado. Podemos reordenarlos
una vez aplicados, arrastrando el nombre hacia otra
posicin en la lista de filtros aplicados.
Esto puede modificar sustancialmente la imagen.
Clicaremos el icono del ojo que hay junto al filtro,
para esconder el efecto y poder apreciar el cambio en
la ventana de previsualizacin. Para eliminar un filtro,
basta con seleccionarlo y clicar el botn de la
papelera.
Para empezar a trabajar utilizaremos la imagen de un paisaje.
Gua de aprendizaje

Los filtros que incorpora Adobe Photoshop estn agrupados en 14 submens.
Adems, los filtros instalados de otros fabricantes aparecen en la parte inferior del
men Filtro.
Filtros artsticos. Se puede conseguir un efecto totalmente pictrico o especial en

proyectos artsticos o comerciales. Por ejemplo, utiliza el filtro Cuarteado para el
tratamiento del texto o la creacin de collages. Estos filtros imitan los efectos de los
medios naturales o tradicionales.
Filtros de desenfoque. Suavizan una seleccin o una imagen. Los filtros de
desenfoque son tiles para el retoque de imgenes. Suavizan las transiciones
mediante el clculo de la media de pxeles situados junto a los bordes marcados de
las lneas definidas y las reas sombreadas de una imagen.
Filtros de trazos de pincel. Al igual que los filtros artsticos, los filtros de trazos de
pincel proporcionan un efecto pictrico o de bellas artes utilizando diferentes efectos
de pincel y tinta. Algunos de los filtros aaden granulado, pintura, ruido, detalle de
borde o textura a una imagen para lograr un efecto puntillista.
Gua de aprendizaje

Filtros para enfocar. Enfocan imgenes borrosas aumentando el contraste de los
pxeles adyacentes. Incluyen los filtros Enfocar bordes y Mscara de enfoque,
que buscan y enfocan las reas donde se producen cambios significativos de color
(como los bordes). El filtro Mscara de enfoque se utiliza habitualmente en la
correccin de color de alta resolucin.
Filtros para bosquejar. Aaden textura a imgenes, con frecuencia para crear un
efecto tridimensional. Tambin son tiles para crear una apariencia de bellas artes
o de dibujos hechos a mano. Muchos de los filtros para bosquejar utilizan el color
frontal y el de fondo mientras vuelven a dibujar la imagen.
Para lograr un efecto ms real, cambiaremos el color frontal por uno de los colores
Cont Crayn comunes (negro, sepia o sanguina) antes de aplicar el filtro.
Filtros para estilizar. Producen un efecto de pintura o impresionista en una
seleccin al desplazar los pxeles y buscar y realzar el contraste de la imagen.
Despus de utilizar filtros como Hallar bordes y Trazar contorno para resaltar los
bordes, podemos aplicar el comando Invertir para perfilar los bordes de una
imagen de color con lneas de color o de una imagen en escala de grises con lneas
blancas.
Gua de aprendizaje

Filtros de textura. Proporcionan a las imgenes un aspecto de profundidad, de solidez o una apariencia ms natural.
Filtros de vdeo. Incluyen el filtro Color NTSC (National Television Standards Committee), que restringe la gama de colores a los
aceptados en la reproduccin de televisin y el filtro Desentrelazar, que suaviza las imgenes en movimiento capturadas en vdeo.
Otros filtros. Te permiten crear tus propios filtros, utilizar filtros para modificar mscaras, desplazar una seleccin dentro de una
imagen y realizar ajustes rpidos de color.
Filtros Digimarc. Incrustan una marca de agua digital en una imagen para almacenar informacin de copyright.
Gua de aprendizaje

Como nuestra intencin es simular un cuadro pintado a
mano, nos centraremos en investigar el efecto que se
puede conseguir con los filtros Artsticos, de trazos de
pincel y para bosquejar.
Es interesante ir seleccionando los diferentes filtros para
apreciar sus caractersticas.
En la parte derecha hay una serie de reguladores que nos
permiten acabar de ajustar las caractersticas del filtro.
Gua de aprendizaje

Despus de haber hecho diferentes pruebas, optaremos por
seleccionar el filtro Bordes aadidos,
del grupo de
Artsticos.
Antes de aplicarlo, saldremos de la ventana de la galera de
filtros. Clicando en Cancelar volveremos a la imagen. Esta
vez,
en
lugar
de
seleccionar
slo
una
parte,
la
seleccionaremos completamente.
Volveremos a la galera de filtros y le aplicaremos el que
hemos decidido.
Obtendremos un resultado similar al de la imagen.
En funcin de la fotografa con la que se trabaje, los resultados
sern distintos. Siempre en la aplicacin de los filtros existe un
amplio margen de experimentacin.
Gua de aprendizaje

Una vez aplicado el filtro, podramos dejar la imagen tal y
como ha quedado o seguir manipulndola.
Cuando aplicamos un filtro a toda una imagen, el resultado es
bastante homogneo.
Cuando pintamos un cuadro nos encontramos que hay zonas
donde aplicamos ms pintura, que utilizamos trazos mayores o
menores, etc. Esto no se aprecia en nuestra imagen, por eso
seleccionaremos diferentes zonas irregulares y les iremos
aplicando diferentes filtros.
Empezaremos seleccionando una de las plantas con la
Herramienta Lazo magntico y con un desvanecimiento de 5.
La intencin de utilizar el calado es conseguir que los bordes
de la seleccin estn difuminados. De esta forma no es tan
brusco el cambio entre la transformacin que apliquemos a la
seleccin y el resto de imagen.
Gua de aprendizaje

Una vez hecha la seleccin, volvemos a la galera de filtros y
en esta ocasin aplicaremos el filtro Lpiz de color, con los
siguientes ajustes:
Obtendremos un resultado similar al de la imagen.
Gua de aprendizaje

Abriremos la imagen del cuadro y la guardaremos con el
Para acabar completamente el cuadro que empezamos en el anterior
nombre de nieve.psd.
tutorial, le pondremos un marco.
Antes de empezar a dibujar el marco, aumentaremos el

tamao del lienzo (Imagen>Tamao de lienzo). Si no lo
hiciramos as, el marco tapara parte del cuadro.
El comando Tamao de lienzo permite aadir o eliminar
espacio de trabajo alrededor de una imagen existente. La
imagen puede recortarse reduciendo el rea de lienzo. El
lienzo aadido aparece con el mismo color o transparencia
que el fondo.
En Ancla, hay que hacer clic en un cuadro para indicar en qu
parte del nuevo lienzo deseas colocar la imagen existente.
En nuestro caso, queremos que sea alrededor del cuadro, por
lo tanto seleccionaremos la casilla central.
Gua de aprendizaje

Antes de empezar a dibujar el marco, crearemos una textura
Para acabar completamente el cuadro que empezamos en el anterior
de madera.
tutorial, le pondremos un marco.
Primero crearemos una nueva capa a la que llamaremos

Madera.
Elegiremos dos colores. Para el frontal un marrn claro, y para
el fondo un marrn oscuro.
Elegiremos el filtro Interpretar>Nubes.

Y finalmente le aplicamos el filtro Distorsionar>Onda dos o
tres veces, siguiendo los siguientes parmetros:
Gua de aprendizaje

El siguiente paso consiste en dibujar el marco del cuadro.
El resultado, despus de aplicar varias veces el ltimo filtro,
deber ser parecido a la imagen:
Podemos utilizar las guas para ayudarnos a colocar con precisin el

marco.
Las guas (Vista>Mostrar>Guas) aparecen como lneas flotantes sobre
toda la imagen, pero no se imprimen. Puedes mover, eliminar o bloquear
una gua para evitar desplazarla de manera accidental.
Para colocar una gua, tienen que visualizarse las reglas (Vista>Reglas).
Hay que arrastrar desde la regla para crear una gua.
Gua de aprendizaje

El resultado, despus de aplicar varias veces el ltimo filtro, deber ser
A continuacin nos situaremos en la capa madera y con la
parecido a la imagen:
Herramienta Rectangular, crearemos un rectngulo en el lateral

derecho y copiaremos esta parte de la capa madera en una
nueva capa a la que llamaremos marco derecho .
Gua de aprendizaje

Para que el aspecto del marco no sea muy sencillo, crearemos una
A continuacin dibujaremos unas serie de cuadrados a lo alto del
serie de formas que simularn que estn talladas en la madera.
lateral del marco.
Nos situaremos en la capa marco derecho y con la herramienta de
En la barra de opciones le daremos un tamao fijo de 25 px a la
seleccin rectangular dibujaremos un par de rectngulos que
seleccin, de esta forma bastar con hacer un clic donde
copiaremos en una nueva capa a la que llamaremos volumen.
queremos que empiece cada cuadrado, para que quede

seleccionado.
Nos podemos ayudar de las guas y reglas para facilitarnos el trabajo

de acertar en el punto de origen de cada uno de los rectngulos.
Cambiaremos el origen de la regla (la marca (0, 0)). Esto nos
permitir medir desde un punto especfico de la imagen.
Para hacerlo, basta con clicar en la esquina superior izquierda y
arrastrar hasta el punto donde queremos situar la marca (0, 0).
Gua de aprendizaje

Una vez hemos hecho todos los cuadrados a lo alto del marco, los
El siguiente paso es darle volumen a las piezas que hemos
copiaremos en una nueva capa (igual que hicimos con los
creado.
rectngulos).
Situados en la capa volumen, accederemos a las opciones de
Situaremos esta capa por encina de la capa volumen y las
estilo de capa (Opciones de fusin).
fusionaremos (Capa / Combinar hacia abajo). Hemos de estar
Seleccionaremos
situados en la superior y ambas deben tener activada la visibilidad.
ajustaremos las opciones hasta obtener un resultado parecido al
Sombra
paralela
Bisel
relieve,
de la imagen.
Copiaremos el estilo de capa y se lo aplicaremos a la capa
marco derecho.
Gua de aprendizaje

A continuacin recortaremos los extremos del lateral del marco,
Una vez hecha la seleccin, nos situaremos en la capa marco
dndole una inclinacin de 45 grados. Para ello, seleccionaremos la
derecho y borraremos el contenido de la seleccin clicando en la
herramienta de seleccin poligonal y dibujaremos la seleccin que
tecla Suprimir.
queremos borrar. Para asegurarnos de que la inclinacin es de 45
A continuacin os situaremos en la capa volumen y haremos lo
grados, la haremos pulsando la techa Maysculas.
mismo.
Pero para poder trabajar ms cmodamente, antes de seguir,
Para el otro extremo seguiremos los mismos pasos.
desactivaremos la visibilidad de las guas (Vista / Mostrar / Guas).
Gua de aprendizaje

Para hacer el lateral izquierdo, duplicaremos las capas volumen y marco derecho
y les daremos los nombres de volumen izquierdo y marco izquierdo.
Enlazaremos las capas similares seleccionando primeramente las capas de los
marcos y con el botn derecho clicamos y aparece un cuadro de dilogo del que
seleccionamos Enlazar capas.
Cuando dos o ms capas estn enlazadas, las transformaciones que le hagamos a
una, se aplicarn tambin a la otra.
Le aplicaremos una transformacin de un giro de 180 grados y desplazaremos la
imagen hacia el margen izquierdo.
Podemos apreciar que aunque tengamos seleccionada una de las dos capas, los
cambios se aplican en ambas.
Gua de aprendizaje

La textura de madera que tiene el lateral izquierdo es exactamente
igual al derecho. Para darle un poco ms de realismo, lo que haremos
es volver a copiar de la capa madera, pero de otra zona, as se ver
un poco diferente.
Nos situamos en la capa marco izquierdo y seleccionamos el
contorno de la imagen.
Nos colocamos en la capa madera y copiamos la seleccin en otra
capa.
Colocamos esta capa justo encima de la capa marco izquierdo y las
fusionamos (Combinar hacia abajo). El contenido de la nueva capa,
al estar por encima, tapar el de marco izquierdo, pero se mantendrn
los estilos de capa.
Gua de aprendizaje

Para la parte del marco superior e inferior haremos algo muy
parecido.
Empezaremos duplicando las capas volumen izquierdo y marco
izquierdo.
Enlazaremos las dos nuevas capas y les aplicaremos una
transformacin de giro de 90 grados hacia la derecha. Las situaremos
en su sitio, en la parte superior del cuadro.
Como el tamao del lienzo es ms acho que alto, esta parte del marco
no es suficientemente larga.
Con
la
herramienta
Transformar/Escala
seleccionaremos
las
esquinas superiores y las haremos coincidir con las esquinas

laterales.
Vemos que quedan unos huecos. Los acabaremos de ajustar
aplicando la herramienta de Transformar/Sesgar.
Gua de aprendizaje

Para la parte inferior, partiremos de la superior y
seguiremos los pasos ya explicados.
El resultado ha de ser parecido al de la imagen.
Gua de aprendizaje
de 1IPUPTIPQ$4
Grado de Multimedia
multimedia.uoc.edu
Gua de aprendizaje

Tutorial 6. Creacin de la portada de un libro

Abrimos el documento retrato.psd que servir como base para
Antes de realizar los ajustes, es importante mirar el histograma
la cubierta del libro.
(Ventana > Histograma) de la imagen para evaluar si la imagen
Esta fotografa es un poco oscura, de modo que ajustaremos el
tiene suficiente detalle para generar una salida de alta calidad.
tono utilizando el cuadro de dilogo Niveles.
Cuanto mayor sea el rango de valores del histograma, mayor
Photoshop ofrece una variedad de comandos y caractersticas
ser el detalle.
para ajustar la calidad tonal y el equilibrio de color de las

imgenes.
El histograma ilustra en un grfico cmo estn distribuidos los

pxeles de la imagen mostrando la cantidad de pxeles en cada
nivel de intensidad del color. Esto puede indicar si la imagen
contiene suficiente detalle en las sombras (en la parte izquierda
del histograma), los medios tonos (en el centro) y las
iluminaciones (en la parte derecha) para hacer una correccin
correcta.
Puede ser difcil o incluso imposible corregir las imgenes mal
escaneadas y las fotografas sin mucho detalle. Asimismo,
demasiadas correcciones pueden ocasionar una prdida de
calidad.
Gua de aprendizaje

El cuadro de dilogo Niveles (Imagen > Ajustes > Niveles)
Las iluminaciones y las sombras de una imagen se pueden
permite corregir la gama tonal y el equilibrio de color de una
definir moviendo los reguladores de entrada al primer grupo de
imagen ajustando los niveles de intensidad de las sombras, los
pxeles en ambos extremos del histograma niveles. As se
medios tonos y las iluminaciones de la imagen.
asignan los pxeles ms oscuros y los ms claros de cada canal

al negro y al blanco, aumentando la gama tonal de la imagen.
El histograma Niveles sirve como gua visual para ajustar la
Los pxeles correspondientes de los otros canales se ajustan
tonalidad de la imagen.
proporcionalmente para impedir que se modifique el equilibrio de

color. Se puede usar el regulador de entrada del centro para
cambiar los valores de intensidad de la gama central de tonos de
grises sin modificar significativamente las iluminaciones y las
sombras.
Los reguladores de niveles suelen generar resultados ptimos,
aunque no sean tan exactos como asignar valores de destino o
usar el cuadro de dilogo Curvas.
Tambin es posible realizar los ajustes de forma automtica
utilizando
las
Opciones
Tono
automtico y Color automtico.
automtico,
Contraste
Gua de aprendizaje

La imagen queda mucho ms contrastada. El comando Tono
automtico ajusta los reguladores de niveles automticamente para
definir iluminaciones y sombras. Define los pxeles ms claros y los ms
oscuros de cada canal de color como blanco y negro y redistribuye a
continuacin los valores de los pxeles intermedios proporcionalmente.
Por ello, vemos como el rostro del nio queda quiz excesivamente
quemado. Hemos ganado luz, pero la imagen en este caso queda
demasiado contrastada. Este comando ajusta cada canal de color
individualmente, por lo que puede eliminar o introducir dominancias de
color.
Por defecto, esta caracterstica omite el primer 0,5% de pxeles de cada
extremo al identificar los pxeles ms claros y los ms oscuros de una
imagen. Esto garantiza que los valores del blanco y el negro estn
basados en valores de pxeles representativos en lugar de pxeles
extremos.
Los niveles automticos proporcionan resultados ptimos si una imagen
con una distribucin media de valores de pxeles necesita un ajuste
sencillo de contraste o si una imagen tiene una dominancia de color
global. Sin embargo, es ms exacto ajustar manualmente los controles
Niveles o Curvas.
Gua de aprendizaje

Como el resultado de Tono automtico no es el ptimo, recuperamos la imagen original y aplicamos el
comando Imagen > Ajustes > Niveles.
Para mantener el aspecto antiguo de la imagen no necesitamos blancos puros. Como deseamos aplicar
a la imagen correcciones en los medios tonos, usaremos el regulador de Niveles de entrada.
Arrastramos el regulador central hacia la izquierda para aclarar los medios tonos. Tambin podemos
introducir valores directamente en el cuadro de texto del centro Niveles de entrada.
En este caso, hemos modificado los valores de medios tonos para aumentar la luminancia media de la
gama de colores, introduciendo un valor moderado, de 1.20.
Gua de aprendizaje

Siguiendo el ttulo del libro, pretendemos presentar la imagen
como si fuera el reflejo de la fotografa en un espejo roto. Para
la definicin de las piezas del espejo, se ha realizado un dibujo
con un programa vectorial imitando la rotura de un espejo, y
se ha guardado en formato EPS.
El formato de archivo EPS, Encapsulated PostScript, puede
representar datos de vectores y tambin datos de mapas de
bits; lo admiten prcticamente todos los programas de
maquetacin, ilustracin y grficos. Al abrir un archivo EPS
que contiene ilustraciones vectoriales, este archivo se
rasteriza las lneas y curvas definidas matemticamente de la
ilustracin vectorial se convierten en los pxeles de una
imagen de mapa de bits.
En este cuadro se especifican las dimensiones, la resolucin y el

modo de color de la imagen resultante. Para mantener la misma
Al abrir el archivo roto.eps aparece una ventana de dilogo
proporcin de altura a anchura, hemos seleccionado Restringir
que nos permite definir los parmetros aplicados para la
proporciones. Tambin seleccionamos Suavizado para minimizar
conversin o rasterizacin del archivo.
el aspecto dentado de los bordes de la ilustracin al rasterizarla.

Mantenemos el tamao original y la resolucin de la imagen vectorial,
que posteriormente modificaremos para ajustarla al tamao de la
imagen fotogrfica, y obtenemos la imagen del espejo roto.
Gua de aprendizaje

Ahora procederemos a ajustar el tamao de la imagen para
que sea un poco ms pequea que la imagen del retrato
mediante el comando Tamao de imagen (Imagen>Tamao
de imagen).
Primero seleccionamos el documento retrato.psd para ver el
tamao en pxeles de la imagen, y tomar estos valores como
referencia para la reduccin de tamao de roto.eps. Cerramos
el cuadro de dilogo sin efectuar ningn cambio, y
procedemos del mismo modo con el documento roto.eps.
En Dimensiones en pxeles, hemos de introducir nuevos
valores
en
Anchura
Altura.
Para
mantener
las
proporciones actuales de anchura de pxel a altura de pxel,

seleccionamos
Restringir
proporciones.
Esta
opcin
actualiza la altura conforme se cambia la anchura y viceversa.

Introducimos un valor 350 pxeles en el campo anchura, y la
La opcin Remuestrear la imagen permite escoger un mtodo de
altura se ajusta automticamente.
interpolacin. Al cambiar la muestra de una imagen se utiliza un

mtodo de interpolacin para asignar valores de color a los pxeles
El tamao del archivo nuevo para la imagen aparece en la
que se crean, en base a los valores de color de pxeles existentes en
parte superior del cuadro de dilogo Tamao de imagen, con
la imagen. Bicbica (redondeada) es el mtodo ms lento pero ms
el tamao del archivo anterior entre parntesis.
preciso, y produce degradados tonales ms suaves.
Gua de aprendizaje

Vamos ahora a proceder a la combinacin de ambas imgenes.
Primero aadiremos un contorno negro a la imagen de rotura
que nos sirva de referencia posteriormente para cortar la imagen
del retrato.
En
roto.eps
seleccionaremos
toda
la
imagen
(Seleccin>Todo).
Para aadir el contorno utilizaremos el comando Contornear
(Edicin>Contornear). Escogemos un grosor de 1 pxel. No hay
que olvidar desactivar la opcin Preservar transparencia,
puesto que esta opcin realiza un contorno slo de las reas que
contienen pxeles, y lo que nosotros deseamos es contornear
sobre reas sin pxeles.
Utilizaremos el color negro.
Una vez realizado el contorneo de la imagen, y dado que se
encuentra
completamente
seleccionada,
pegaremos en el documento retrato.psd.

A esta nueva capa la llamaremos roto.
la
copiaremos
Gua de aprendizaje

Vamos a crear un canal de mscara partiendo de la capa roto. Este
canal ser posteriormente manipulado para obtener varios canales alfa
distintos para diferenciar los trozos del espejo.
Los canales son imgenes en escala de grises que almacenan
diferentes tipos de informacin:
-Los canales de informacin del color se crean automticamente al
abrir una imagen nueva. El modo de color de la imagen determina el
nmero de canales de color creados. Por ejemplo, una imagen RGB
tiene cuatro canales por defecto: uno para cada uno de los colores
rojo, verde y azul adems de un canal compuesto que se utiliza para
modificar la imagen.
-Se pueden crear canales alfa para almacenar las selecciones como
imgenes en escala de grises de 8 bits. Los canales alfa se utilizan
para crear y almacenar mscaras y, de esta forma, manipular, aislar y
proteger partes especficas de una imagen.
Para seleccionar el contenido de la capa roto, haremos clic sobre la

capa en la paleta Capas, manteniendo al mismo tiempo la tecla Ctrl
presionada.
El icono de mano vara para indicar que se va a realizar una
-Se pueden crear canales de tintas planas para especificar placas

adicionales para impresin con tintas planas.
seleccin.
Una vez realizada la seleccin, la guardaremos (Seleccin>Guardar
Seleccin).
Gua de aprendizaje

En el cuadro de dilogo Guardar seleccin, elegimos la opcin de
crear un canal nuevo y le daremos el nombre de roto.
Se puede seleccionar el canal de la paleta Canales para ver en

escala de grises la seleccin guardada. Haremos clic sobre la pestaa
de la paleta Canales, y seleccionamos el nuevo canal creado. El
canal alfa creado es el siguiente:
Gua de aprendizaje

Siguiendo situados en el canal roto, procederemos a invertirlo para
poder manipularlo, seleccionando el comando Seleccin>Invertir.
Rellenamos la zona exterior al espejo con la Herramienta Bote de
pintura y color blanco y seguidamente Imagen>Ajustes>Invertir.
Al recuperar como seleccin los canales alfa las zonas negras quedan
reservadas, y las zonas blancas se seleccionan.
Las zonas blancas de la imagen se recuperarn como zonas
seleccionadas de la imagen.
Para separar las zonas blancas, de modo que la imagen pueda
ofrecer diferentes reflejos en cada zona, duplicaremos 3 veces el
canal alfa arrastrando el canal sobre el icono Nuevo canal de la
paleta Canales. Renombramos los canales haciendo doble clic sobre
cada canal para abrir el cuadro de dilogo Opciones de canal. Les
daremos los nombres de roto1, roto2, roto3 y roto4.
Gua de aprendizaje

Vamos a retocar los distintos canales alfa rellenando las zonas
Hemos de asegurarnos de que no queden rastros de las lneas de
blancas con la herramienta Bote de pintura, Tolerancia 80 y
separacin de los pedazos, para que cuando convirtamos estos
color negro, reservando zonas blancas distintas en cada uno
canales en una seleccin no seleccionen tambin estos rastros. Por
para separar los distintos trozos del espejo.
ello, una vez rellenadas las zonas blancas, quiz sea necesario
tapar pequeas lneas grises que quedan, utilizando el pincel.
Canal roto1
Canal roto2
Canal roto3
Canal roto4
Gua de aprendizaje

Una vez creados los canales alfa necesarios, seleccionamos el
canal RGB y volvemos a la paleta Capas haciendo clic sobre la
pestaa correspondiente.
Desactivaremos
la
visibilidad
de
la
capa
roto
seleccionaremos la capa Fondo, que duplicaremos 3 veces

para obtener una capa por canal alfa. Les daremos los nombres
de retrato1, retrato2, retrato3 y retrato4.
Obtenemos as 4 capas flotantes con el mismo contenido.
Gua de aprendizaje

Una vez obtenidas las cuatro capas iguales, vamos a transformar
cada capa por separado, para que cuando se combinen con los
canales alfa creados anteriormente, d la apariencia de una
diversidad de reflejos.
Es posible cambiar la escala, girar, sesgar, distorsionar y aplicar
perspectiva a las partes seleccionadas de una imagen, as como
a capas enteras, trazados y bordes de seleccin. Podemos
tambin girar y dar la vuelta a toda o parte de una capa, una
imagen, un trazado o un borde de seleccin completos.
Tambin
es
posible
transformar
capas
enlazadas:
la
transformacin afectar a todas las capas del grupo de enlace.

Sobre la capa retrato1 generaremos un ligero efecto de
perspectiva y una pequea rotacin, mediante la aplicacin
sucesiva de los comandos Perspectiva y Rotar (Edicin>
Transformar).
En la imagen siguiente vemos los manejadores que permiten
modificar la imagen o capa seleccionada. Tambin podemos
introducir valores directamente en la barra de opciones para
lograr el efecto deseado.
Gua de aprendizaje

Una vez realizadas las transformaciones, para aplicar la
transformacin acumulada, pulsamos Intro o Retorno o
hacemos clic en OK en la barra de opciones. Haciendo doble clic
sobre
la
seleccin
capa
transformada
se
aplica
la
transformacin acumulada. Para cancelar la transformacin

tambin podemos pulsar Esc o hacer clic en Cancelar en la
barra de opciones.
Si hacemos clic sobre cualquier herramienta de la caja de
herramientas, aparece un cuadro de dilogo que pregunta si
deseamos aplicar o no la transformacin.
Sobre la capa retrato2 aplicaremos siguiendo el mismo
procedimiento una ligera reduccin de escala, distorsin y
rotacin. En este caso la rotacin es conveniente que sea
contraria a la aplicada en la capa retrato1 para que el efecto de
diferencia entre los reflejos de las distintas piezas quede
reforzado.
Gua de aprendizaje

En
las
capas
retrato 3
retrato 4
utilizaremos el
comando
Transformacin libre.
Para cambiar la escala, arrastramos un manejador. Para cambiar la escala
de manera proporcional, pulsamos la tecla Mays al arrastrar un manejador
de esquina. Al colocar el puntero sobre un manejador, ste se convertir en
una punta de flecha doble.
Para rotar, movemos el puntero fuera del borde delimitador; el puntero se
convertir en una flecha curva de doble punta y, a continuacin, arrastramos.
Pulsando Mays se limitar la rotacin a incrementos de 15. Para rotar
alrededor de un punto que no sea el centro de la seleccin, arrastramos el
punto central hasta una nueva posicin en la seleccin antes de rotar.
Para distorsionar, con respecto al punto central del borde delimitador,
pulsamos Alt y arrastramos un manejador. Para distorsionar con respecto a
un punto diferente al centro de la seleccin, arrastramos el punto central
hasta una nueva posicin en la seleccin antes de distorsionar. Para
distorsionar libremente, pulsamos Ctrl y arrastramos un manejador.
Para sesgar, pulsamos Ctrl+Mays y arrastramos un manejador lateral. Al
colocar el puntero sobre un manejador lateral, ste se convertir en una
punta de flecha blanca con una pequea doble flecha.
Para aplicar perspectiva, pulsamos Ctrl+Alt+Mays y arrastramos un
manejador de esquina. Al colocar el puntero sobre un manejador de esquina,
ste se convertir en una punta de flecha gris.
Gua de aprendizaje

Una vez trasformadas las capas del retrato, utilizaremos los canales
alfa para seleccionar los pedazos de cada imagen que formarn el
espejo roto.
Seleccionaremos la capa retrato1, y desactivaremos la visibilidad de
las dems capas.
Pulsamos Alt y hacemos clic en el icono de ojo de una capa para
mostrar solamente esa capa. Si volvemos a pulsar Alt y hacemos clic
en la columna de ojos, se muestran de nuevo todas las capas.
Arrastrando por la columna de ojos podemos tambin mostrar u
ocultar varias capas o efectos de capas.
Cargaremos la seleccin roto1 (Seleccin>Cargar seleccin)
activando la opcin Invertir.
Una vez seleccionadas las zonas externas a las piezas del espejo
representadas en el canal alfa roto1, eliminaremos la seleccin
mediante Edicin>Borrar.
En los canales alfa, el color negro indica la mscara, y el blanco la

zona que se seleccionar. Nuestro objetivo es eliminar las zonas
oscuras del canal alfa. Para seleccionar las zonas oscuras en vez de
Eliminar una seleccin en un fondo o capa con la opcin Bloquear

pxeles transparentes seleccionada en la paleta Capas, sustituye la
ubicacin original por el color de fondo.
las claras, hemos de escoger la opcin Invertir.

Eliminar una seleccin en una capa sin la opcin Bloquear pxeles
transparentes
seleccionada,
transparencia de capa.
sustituye
el
rea
original
por
la
Gua de aprendizaje
Procedemos igual con el resto de capas, asociando por

orden una capa de imagen con un canal alfa distinto cada
vez. Podemos apreciar en el resultado final que las
transformaciones
realizadas
en
las
diferentes
capas
provocan una fragmentacin visual de la imagen semejante a

la que sucedera en un espejo roto en varias piezas.
Gua de aprendizaje

Una vez obtenidas las diferentes piezas,
Los estilos de capa estn formados por una combinacin
aplicaremos a las capas el Estilo de capa de
de uno o ms de los efectos siguientes:
Bisel y relieve, para reforzar el efecto de

trozos de espejo.
Sombra paralela: aade una sombra que cae detrs del

contenido de la capa.
Adems de utilizar los estilos de capa
Sombra interior: aade una sombra que cae justo dentro
preestablecidos, podemos crear estilos de
de los bordes del contenido de la capa, proporcionando a
capa personalizados. Los estilos de capa
la capa un aspecto hueco.
resultan especialmente tiles para mejorar las
Resplandor exterior y Resplandor interior: aaden
capas de texto y aquellas que contienen
resplandores procedentes de los bordes interiores o
trazados de recorte de capa. Una vez
exteriores del contenido de la capa.
aplicado uno o ms estilos o efectos de capa
Bisel y relieve: aade varias combinaciones de luces y
a una capa, stos pasan a formar parte del
sombras a una capa.
estilo personalizado de esa capa, pudindose
Satinado: aplica un sombreado al interior de una capa
guardar como un nuevo estilo de capa para
que reacciona segn la forma de la capa, normalmente
usarlos posteriormente.
creando un acabado satinado.

Superposicin
de
color,
degradado
motivo:
superpone un color, un degradado o un motivo en una

capa.
Trazo: contornea el objeto de la capa actual utilizando
color, un degradado o un motivo. Resulta especialmente
til en formas con bordes irregulares, como por ejemplo
texto.
Gua de aprendizaje

Utilizaremos
los
siguientes
ajustes
para
aplicarle el estilo de capa a retrato1:
Aplicaremos el mismo estilo de capa al resto, utilizando el

comando Copiar / Estilo de capa.
Gua de aprendizaje

Para obtener diferentes efectos de luz en los diferentes pedazos,
Escogemos la Herramienta Degradado.
aplicaremos un mismo degradado a cada capa de un modo

distinto. Las herramientas de degradado crean una fusin gradual
En el desplegable de la paleta existente en la barra superior
entre varios colores. Podemos seleccionar rellenos de degradado
clicamos sobre el degradado para abrir el cuadro de dilogo editor
existentes o crear degradados propios.
de degradado. Seleccionamos el grupo de degradados Metales y
Los diferentes tipos de degradado son:
posteriormente seleccionamos el degradado Azul acero.
Degradado lineal: ensombrece desde el punto inicial hasta el
Guardando y cargando bibliotecas de degradados, podemos
punto final en lnea recta.
personalizar la lista de degradados que aparece en la barra de
Degradado radial: ensombrece desde el punto inicial hasta el
opciones de degradado.
punto final con un motivo circular.

Degradado angular: ensombrece con un barrido en sentido
contrario a las agujas del reloj alrededor del punto inicial.
Degradado reflejado: ensombrece con degradados lineales
simtricos a los lados del punto inicial.
Degradado de diamante: ensombrece con un motivo de diamante
desde el punto inicial hacia fuera. El punto final define un vrtice
del diamante.
Gua de aprendizaje

Vamos a bloquear la transparencia para restringir la pintura y la
En la barra de opciones escogemos Degradado lineal, y
edicin a las reas de la capa que contienen pxeles, es decir, sin
especificaremos modo de fusin Luz suave, cuyo efecto es
aadir pxeles al rea transparente situada fuera del objeto.
similar al que se obtiene al iluminar la imagen con un foco difuso, e

indicamos una Opacidad del 50% para la pintura.
Para bloquear parcialmente la capa retrato1, la seleccionaremos

y activaremos la opcin de Bloquear pxeles transparentes, para
Para evitar que el degradado se aplique a las zonas transparentes

de cada capa, bloquearemos los pxeles transparentes de cada
capa en la paleta Capas.
Podemos bloquear capas y conjuntos de capas para hacer que
ciertas propiedades no puedan modificarse. Al bloquear una capa,
aparece un candado a la derecha del nombre de la capa. Cuando
una capa est totalmente bloqueada, no se pueden editar los
pxeles, mover la imagen ni cambiar la opacidad, el modo de fusin
o el estilo de capa aplicado a la capa.
El candado aparece slido cuando la capa est totalmente
bloqueada, de forma que no es posible editarla; y aparece hueco
cuando est parcialmente bloqueada.
impedir la edicin de los pxeles transparentes.
Gua de aprendizaje

En la capa retrato1 aplicamos el degradado desde la esquina
superior izquierda a la esquina inferior derecha de la imagen,
colocando el puntero en el punto de la imagen donde deseamos
fijar el punto inicial del degradado y arrastrando para definir el
punto final.
Podemos restringir el ngulo de lnea a un mltiplo de 45,
manteniendo pulsada Maysculas mientras arrastramos.
En la capa retrato2, despus de activar la transparencia,
aplicaremos el degradado desde la esquina superior derecha a la
esquina inferior izquierda de la imagen.
Y sucesivamente vamos haciendo lo mismo con el resto de capas,
aplicando el efecto desde cada esquina a la esquina contraria.
Gua de aprendizaje

Vamos a aadir un fondo marrn oscuro tras la imagen del espejo.
Para ello, creamos una capa de relleno a la que llamaremos
fondo:
Capa>Nueva capa de relleno>Color slido
Se abre el Selector de color para escoger el color que deseemos.
Si pasamos el cursor sobre la imagen, vemos que se transforma en
la Herramienta Cuentagotas. Seleccionamos un tono oscuro de la
imagen. La nueva capa se sita sobre la capa activa, por lo que
debemos tenerlo en cuenta a la hora de crearla. Debe estar por
debajo de una de las capas de retrato, para poder seleccionar un
color de la imagen.
Una vez creada esta capa, la situaremos al fondo del listado de
capas para que funcione como fondo.
El orden de apilamiento determina si una capa o conjunto de capas
aparece al frente o detrs del resto de las capas.
Gua de aprendizaje

En este momento vamos a aplicar un efecto de Sombra paralela
a las capas retrato. Aplicaremos otro estilo de capa. Para ello,
haremos doble clic sobre una de las capas retrato y seleccionamos
el efecto Sombra paralela
en el cuadro de dilogo. Una vez
aplicado, lo copiaremos y pegaremos en el resto de capas, como

ya hemos hecho otras veces.
Gua de aprendizaje

El siguiente paso consiste en recortar la imagen para eliminar el
Ajustaremos el marco de recorte. Para mover el marco a otra posicin,
fondo de color sobrante. Para ello utilizaremos la Herramienta
colocamos el puntero dentro del rectngulo delimitador y arrastramos.
Recortar.
Para cambiar la escala del marco, arrastramos un manejador.

Para restringir las proporciones, mantenemos pulsada la tecla
Si deseamos especificar el tamao y la resolucin del recorte,
Maysculas al tiempo que arrastramos un manejador de esquina.
podemos introducir los valores correspondientes en la barra de
Para rotar el marco, colocamos el puntero fuera del rectngulo
opciones, o hacer clic en Dimensiones para introducir los valores
delimitador y arrastramos el puntero, que se convierte en una flecha
de la imagen actual.
curva. Para mover el punto alrededor del cual gira el marco,

arrastramos el crculo situado en el centro del rectngulo delimitador.
Para recortar la imagen, pulsamos Intro. Tambin podemos hacer clic

Arrastramos sobre la parte de la imagen que deseamos conservar.
Al soltar el botn del ratn, aparecer el marco de recorte como un
rectngulo delimitador con manejadores en las esquinas y en los
lados, as como un escudo o pantalla de recorte que cubre el rea
recortada.
en el botn OK de la barra de opciones o doble clic en la imagen.
Gua de aprendizaje

Las capas pueden agruparse en conjuntos de capas. Estos
Para evitar que la paleta Capas se extienda demasiado al irse llenando
conjuntos permiten mover fcilmente las capas como un conjunto,
de nuevas capas, vamos a guardar todas las capas del retrato en un
aplicar atributos o una mscara al conjunto, o contraer el conjunto
mismo conjunto de capas. Seleccionaremos Nuevo grupo en el men
para despejar la pantalla. Tambin permiten configurar las
desplegable de la paleta Capas. Lo llamaremos retrato.
opciones de fusin para todo el conjunto.

Por defecto, el modo de fusin de un conjunto de capas es Pass
Through, lo que significa que el conjunto de capas no dispone de
propiedades de fusin por s mismo, es decir, que las capas
incluidas se muestran de la misma forma que si estuviesen fuera
del conjunto. Al elegir un modo de fusin diferente para un conjunto
de capas, cambia el orden de composicin de toda la imagen. Por
lo tanto, si elegimos un modo de fusin diferente a Pass Through
para el conjunto de capas, no se aplicar ninguna capa de ajuste o
modos de fusin de capas a las capas incluidas en dicho conjunto.
Gua de aprendizaje

Dependiendo de la capa que tuviramos seleccionada al realizar esta
operacin, el conjunto de capas se situar en un punto u otro de la
paleta Capas.
Para reordenar el conjunto de capas en la lista de la paleta Capas (si
fuera necesario), se procede del mismo modo que con las capas.
Para incluir las capas retrato dentro del conjunto de capas recin
creado, se seleccionan las capas que queremos incluir en el conjunto y
se arrastran una a una, sucesivamente, sobre el icono de conjunto de
capas.
Otra manera de crear un conjunto de capas con las capas que
queremos incluir en l es el siguiente: se enlazan (candado) todas las
capas que queremos incluir en el conjunto de capas, y se selecciona la
opcin Nuevo conjunto a partir de capas... en el men desplegable de
la paleta Capas. Todas las capas enlazadas a la capa seleccionada en
la paleta Capas formarn parte del nuevo conjunto de capas.
La capa roto no es necesaria ya, por lo que podemos eliminarla antes
de continuar, con lo que la paleta de Capas quedara como sigue:
Gua de aprendizaje

Una vez obtenida la imagen de fondo, vamos a incluir el ttulo del libro.
Seleccionaremos la Herramienta Texto horizontal.
La tipografa seleccionada ser Times New Roman, la alineacin,
central y un tamao de 60.
Escogemos un color claro de la gama de colores de la imagen, y lo
modificamos en el selector para conseguir un tono claro.
Haremos un solo clic en el centro de la imagen para crear un objeto de
texto y escribimos el texto "Espejo roto".
Gua de aprendizaje

Los fondos complejos, como fotografas o ilustraciones, suelen tener
tonos de distinta intensidad que dificultan la lectura de un texto,
puesto que es difcil encontrar una zona lo suficientemente
homognea para que el texto se lea bien. Para ayudar a la lectura
del texto, vamos a aadirle una aureola externa de un color oscuro.
Para ello, haremos doble clic sobre la capa de texto en la paleta
Capas para abrir el cuadro de dilogo Estilo de capa.
Escogemos el efecto Resplandor exterior. Este efecto crea por
defecto una aureola luminiscente alrededor de los objetos incluidos
en la capa. Como nosotros deseamos el efecto contrario, cambiamos
el modo de fusin a Multiplicar, para que oscurezca los colores en
vez de iluminarlos. Haciendo clic sobre el cuadro Configurar el
color resplandor exterior, se abre el selector de color, donde
escogemos el color negro.
Gua de aprendizaje

Procedemos de igual modo con el resto de texto de la cubierta del
libro, ajustando los tamaos para establecer una jerarqua entre los
diferentes contenidos.
Tambin le aplicaremos el mismo estilo de capa.
El resultado final ha de ser similar al de la imagen.
Ya podemos dar por concluido este tutorial.

Photoshop CS4

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Photoshop CS4

Caricato da

Copyright:

Formati disponibili

Gua de aprendizaje

Photoshop CS4: introduccin

Photoshop CS4: introduccin

1. Realizacin de un primer proyecto. Dibujar un objeto e integrarlo en una fotografa

Photoshop CS4: introduccin

Photoshop CS4: Introduccin

Desarrollo del tutorial: paso 1 de 16

Desarrollo del tutorial: paso 2 de 16

Se abre la imagen Horquilla pelo.jpg. Antes de empezar a trabajar se

empezar a familiarizarse con diferentes herramientas y opciones.

guardar la imagen en otro formato. Es importante que sea uno sin

Se va a modificar la horquilla de la nia. Se pretende dejarla sin los

prdida, como tiff o psd. Jpg es un formato que comprime la

adornos del conejito y la flor.

informacin cada vez que se lleva a cabo la accin de guardar, con lo

Para ello, se intentar dibujar de nuevo la horquilla dndole un

Con la Herramienta Lupa, se ampliar la imagen hasta que la horquilla

queda tapado por los adornos.

tenga el tamao suficiente para trabajar sobre ella sin problemas.

para buscar el color con el que se quiere dibujar la forma.

Desarrollo del tutorial: paso 3 de 16

Crear nueva capa de forma

En la barra de opciones, se selecciona la opcin Capa de forma, y

Se pueden dibujar mltiples formas en una capa y especificar cmo

automticamente quedar seleccionada la opcin Crear una nueva

interactan las formas superpuestas. Para ello se pueden configurar las

opciones especficas de la barra de opciones:

Las herramientas de dibujo se utilizan para crear capas de forma,

Aadir a rea de forma, para aadir la nueva rea a las formas o el

trazados de trabajo y formas rasterizadas.

Una capa de forma se crea con la Herramienta Forma o con la

Restar de rea de forma, para eliminar el rea superpuesta de las formas

Herramienta Pluma. La forma se rellena automticamente con el

color frontal actual; sin embargo, se puede cambiar fcilmente el

Intersecar reas de formas, para restringir el rea a la interseccin de la

de la forma se almacena en una mscara vectorial que se enlaza a

nueva rea y las formas o el trazado existentes.

Desarrollo del tutorial: paso 4 de 16

Para continuar dibujando el resto de la horquilla, se selecciona en la barra

Se empieza por dibujar la parte interior de la horquilla.

manera, la forma que ya se ha dibujado se excluir de la nueva.

La forma de dibujar con la Herramienta Pluma es haciendo clic

para crear puntos de ancla. Las curvas se crean arrastrando la

puntos de ancla y dar forma a la curva hasta conseguir dibujar la horquilla.

Herramienta Pluma (con el ratn pulsado) en la direccin en la que

Desarrollo del tutorial: paso 5 de 16

Con la Herramienta Seleccin directa seleccionada, se clica sobre la

Desarrollo del tutorial: paso 6 de 16

Clicando con el botn derecho sobre la capa donde est dibujada la

adquiera un aspecto parecido al de la horquilla original.

horquilla, se accede al men Opciones de fusin. Tambin es accesible

En la paleta Capas, se vuelve a dar la opacidad del 100%, pues ya

El modo de fusin de una capa determina cmo se fusionan los pxeles de

Desarrollo del tutorial: paso 7 de 16

(fx) que identifica que hay un efecto aplicado.

que hemos creado, podemos clicar en el "ojo" para activarla o desactivarla.

Si queremos volver a acceder al cuadro de dilogo, basta con que

Podemos hacer que aparezca y desaparezca para poder ir comparando la

Ya tenemos hecha la horquilla.

Desarrollo del tutorial: paso 8 de 16

La Herramienta Lazo os permite dibujar segmentos a mano alzada, y Lazo

queda tapado por el mueco.

magntico es muy til para seleccionar rpidamente objetos con bordes

En vez de trabajar sobre la capa de fondo, crearemos una nueva