Está en la página 1de 114

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

Photoshop CS4: introduccin


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

Photoshop CS4: introduccin


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


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
Photoshop CS4: Introduccin
Tutorial 1. Realizacin de un primer proyecto. Dibujar un objeto e integrarlo en una fotografa

Desarrollo del tutorial: paso 2 de 16


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
Photoshop CS4: Introduccin
Tutorial 1. Realizacin de un primer proyecto. Dibujar un objeto e integrarlo en una fotografa

Desarrollo del tutorial: paso 3 de 16

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
Photoshop CS4: Introduccin
Tutorial 1. Realizacin de un primer proyecto. Dibujar un objeto e integrarlo en una fotografa

Desarrollo del tutorial: paso 4 de 16

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
Photoshop CS4: Introduccin
Tutorial 1. Realizacin de un primer proyecto. Dibujar un objeto e integrarlo en una fotografa

Desarrollo del tutorial: paso 5 de 16


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
Photoshop CS4: Introduccin
Tutorial 1. Realizacin de un primer proyecto. Dibujar un objeto e integrarlo en una fotografa

Desarrollo del tutorial: paso 6 de 16


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
Photoshop CS4: Introduccin
Tutorial 1. Realizacin de un primer proyecto. Dibujar un objeto e integrarlo en una fotografa

Desarrollo del tutorial: paso 7 de 16


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
Photoshop CS4: Introduccin
Tutorial 1. Realizacin de un primer proyecto. Dibujar un objeto e integrarlo en una fotografa

Desarrollo del tutorial: paso 8 de 16


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
Photoshop CS4: Introduccin
Tutorial 1. Realizacin de un primer proyecto. Dibujar un objeto e integrarlo en una fotografa

Desarrollo del tutorial: paso 9 de 16


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
Photoshop CS4: Introduccin
Tutorial 1. Realizacin de un primer proyecto. Dibujar un objeto e integrarlo en una fotografa

Desarrollo del tutorial: paso 10 de 16


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
Photoshop CS4: Introduccin
Tutorial 1. Realizacin de un primer proyecto. Dibujar un objeto e integrarlo en una fotografa

Desarrollo del tutorial: paso 11 de 16


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
Photoshop CS4: Introduccin
Tutorial 1. Realizacin de un primer proyecto. Dibujar un objeto e integrarlo en una fotografa

Desarrollo del tutorial: paso 12 de 16


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
Photoshop CS4: Introduccin
Tutorial 1. Realizacin de un primer proyecto. Dibujar un objeto e integrarlo en una fotografa

Desarrollo del tutorial: paso 13 de 16

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
Photoshop CS4: Introduccin
Tutorial 1. Realizacin de un primer proyecto. Dibujar un objeto e integrarlo en una fotografa

Desarrollo del tutorial: paso 14 de 16


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
Photoshop CS4: Introduccin
Tutorial 1. Realizacin de un primer proyecto. Dibujar un objeto e integrarlo en una fotografa

Desarrollo del tutorial: paso 15 de 16


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
Photoshop CS4: Introduccin
Tutorial 1. Realizacin de un primer proyecto. Dibujar un objeto e integrarlo en una fotografa

Desarrollo del tutorial: paso 16 de 16


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


Tutorial 2. Creacin y aplicacin de motivos (texturas)

Desarrollo del tutorial: paso 1 de 19


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
Photoshop CS4: Introduccin
Tutorial 2. Creacin y aplicacin de motivos (texturas)

Desarrollo del tutorial: paso 2 de 19


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
Photoshop CS4: Introduccin
Tutorial 2. Creacin y aplicacin de motivos (texturas)

Desarrollo del tutorial: paso 3 de 19


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
Photoshop CS4: Introduccin
Tutorial 2. Creacin y aplicacin de motivos (texturas)

Desarrollo del tutorial: paso 4 de 19

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
Photoshop CS4: Introduccin
Tutorial 2. Creacin y aplicacin de motivos (texturas)

Desarrollo del tutorial: paso 5 de 19

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
Photoshop CS4: Introduccin
Tutorial 2. Creacin y aplicacin de motivos (texturas)

Desarrollo del tutorial: paso 6 de 19


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
Photoshop CS4: Introduccin
Tutorial 2. Creacin y aplicacin de motivos (texturas)

Desarrollo del tutorial: paso 7 de 19


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
Photoshop CS4: Introduccin
Tutorial 2. Creacin y aplicacin de motivos (texturas)

Desarrollo del tutorial: paso 8 de 19


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
Photoshop CS4: Introduccin
Tutorial 2. Creacin y aplicacin de motivos (texturas)

Desarrollo del tutorial: paso 9 de 19


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
Photoshop CS4: Introduccin
Tutorial 2. Creacin y aplicacin de motivos (texturas)

Desarrollo del tutorial: paso 10 de 19


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
Photoshop CS4: Introduccin
Tutorial 2. Creacin y aplicacin de motivos (texturas)

Desarrollo del tutorial: paso 11 de 19


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
Photoshop CS4: Introduccin
Tutorial 2. Creacin y aplicacin de motivos (texturas)

Desarrollo del tutorial: paso 12 de 19


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
Photoshop CS4: Introduccin
Tutorial 2. Creacin y aplicacin de motivos (texturas)

Desarrollo del tutorial: paso 13 de 19


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
Photoshop CS4: Introduccin
Tutorial 2. Creacin y aplicacin de motivos (texturas)

Desarrollo del tutorial: paso 14 de 19


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
Photoshop CS4: Introduccin
Tutorial 2. Creacin y aplicacin de motivos (texturas)

Desarrollo del tutorial: paso 15 de 19


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
Photoshop CS4: Introduccin
Tutorial 2. Creacin y aplicacin de motivos (texturas)

Desarrollo del tutorial: paso 16 de 19


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
Photoshop CS4: Introduccin
Tutorial 2. Creacin y aplicacin de motivos (texturas)

Desarrollo del tutorial: paso 17 de 19

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
Photoshop CS4: Introduccin
Tutorial 2. Creacin y aplicacin de motivos (texturas)

Desarrollo del tutorial: paso 18 de 19


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
Photoshop CS4: Introduccin
Tutorial 2. Creacin y aplicacin de motivos (texturas)

Desarrollo del tutorial: paso 19 de 19


Podemos dar el libro por acabado.

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


Tutorial 3. Extraccin e integracin de objetos

Desarrollo del tutorial: paso 1 de 20


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
Photoshop CS4: Introduccin
Tutorial 3. Extraccin e integracin de objetos

Desarrollo del tutorial: paso 2 de 20


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
Photoshop CS4: Introduccin
Tutorial 3. Extraccin e integracin de objetos

Desarrollo del tutorial: paso 3 de 20


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
Photoshop CS4: Introduccin
Tutorial 3. Extraccin e integracin de objetos

Desarrollo del tutorial: paso 4 de 20


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
Photoshop CS4: Introduccin
Tutorial 3. Extraccin e integracin de objetos

Desarrollo del tutorial: paso 5 de 20

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
Photoshop CS4: Introduccin
Tutorial 3. Extraccin e integracin de objetos

Desarrollo del tutorial: paso 6 de 20

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
Photoshop CS4: Introduccin
Tutorial 3. Extraccin e integracin de objetos

Desarrollo del tutorial: paso 7 de 20


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
Photoshop CS4: Introduccin
Tutorial 3. Extraccin e integracin de objetos

Desarrollo del tutorial: paso 8 de 20


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
Photoshop CS4: Introduccin
Tutorial 3. Extraccin e integracin de objetos

Desarrollo del tutorial: paso 9 de 20

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
Photoshop CS4: Introduccin
Tutorial 3. Extraccin e integracin de objetos

Desarrollo del tutorial: paso 10 de 20

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
Photoshop CS4: Introduccin
Tutorial 3. Extraccin e integracin de objetos

Desarrollo del tutorial: paso 11 de 20


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
Photoshop CS4: Introduccin
Tutorial 3. Extraccin e integracin de objetos

Desarrollo del tutorial: paso 12 de 20


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
Photoshop CS4: Introduccin
Tutorial 3. Extraccin e integracin de objetos

Desarrollo del tutorial: paso 13 de 20

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
Photoshop CS4: Introduccin
Tutorial 3. Extraccin e integracin de objetos

Desarrollo del tutorial: paso 14 de 20


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
Photoshop CS4: Introduccin
Tutorial 3. Extraccin e integracin de objetos

Desarrollo del tutorial: paso 15 de 20


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
Photoshop CS4: Introduccin
Tutorial 3. Extraccin e integracin de objetos

Desarrollo del tutorial: paso 16 de 20


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
Photoshop CS4: Introduccin
Tutorial 3. Extraccin e integracin de objetos

Desarrollo del tutorial: paso 17 de 20


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
Photoshop CS4: Introduccin
Tutorial 3. Extraccin e integracin de objetos

Desarrollo del tutorial: paso 18 de 20


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
Photoshop CS4: Introduccin
Tutorial 3. Extraccin e integracin de objetos

Desarrollo del tutorial: paso 19 de 20


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
Photoshop CS4: Introduccin
Tutorial 3. Extraccin e integracin de objetos

Desarrollo del tutorial: paso 20 de 20


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


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

Desarrollo del tutorial: paso 1 de 20


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
Photoshop CS4: Introduccin
Tutorial 4. Aplicar filtros a una fotografa. Dibujar un marco de madera

Desarrollo del tutorial: paso 2 de 20


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
Photoshop CS4: Introduccin
Tutorial 4. Aplicar filtros a una fotografa. Dibujar un marco de madera

Desarrollo del tutorial: paso 3 de 20


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
Photoshop CS4: Introduccin
Tutorial 4. Aplicar filtros a una fotografa. Dibujar un marco de madera

Desarrollo del tutorial: paso 4 de 20


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
Photoshop CS4: Introduccin
Tutorial 4. Aplicar filtros a una fotografa. Dibujar un marco de madera

Desarrollo del tutorial: paso 5 de 20


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
Photoshop CS4: Introduccin
Tutorial 4. Aplicar filtros a una fotografa. Dibujar un marco de madera

Desarrollo del tutorial: paso 6 de 20


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
Photoshop CS4: Introduccin
Tutorial 4. Aplicar filtros a una fotografa. Dibujar un marco de madera

Desarrollo del tutorial: paso 7 de 20


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
Photoshop CS4: Introduccin
Tutorial 4. Aplicar filtros a una fotografa. Dibujar un marco de madera

Desarrollo del tutorial: paso 8 de 20


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
Photoshop CS4: Introduccin
Tutorial 4. Aplicar filtros a una fotografa. Dibujar un marco de madera

Desarrollo del tutorial: paso 9 de 20


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
Photoshop CS4: Introduccin
Tutorial 4. Aplicar filtros a una fotografa. Dibujar un marco de madera

Desarrollo del tutorial: paso 10 de 20


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
Photoshop CS4: Introduccin
Tutorial 4. Aplicar filtros a una fotografa. Dibujar un marco de madera

Desarrollo del tutorial: paso 11 de 20


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
Photoshop CS4: Introduccin
Tutorial 4. Aplicar filtros a una fotografa. Dibujar un marco de madera

Desarrollo del tutorial: paso 12 de 20


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
Photoshop CS4: Introduccin
Tutorial 4. Aplicar filtros a una fotografa. Dibujar un marco de madera

Desarrollo del tutorial: paso 13 de 20


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
Photoshop CS4: Introduccin
Tutorial 4. Aplicar filtros a una fotografa. Dibujar un marco de madera

Desarrollo del tutorial: paso 14 de 20


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
Photoshop CS4: Introduccin
Tutorial 4. Aplicar filtros a una fotografa. Dibujar un marco de madera

Desarrollo del tutorial: paso 15 de 20


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
Photoshop CS4: Introduccin
Tutorial 4. Aplicar filtros a una fotografa. Dibujar un marco de madera

Desarrollo del tutorial: paso 16 de 20


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
Photoshop CS4: Introduccin
Tutorial 4. Aplicar filtros a una fotografa. Dibujar un marco de madera

Desarrollo del tutorial: paso 17 de 20


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
Photoshop CS4: Introduccin
Tutorial 4. Aplicar filtros a una fotografa. Dibujar un marco de madera

Desarrollo del tutorial: paso 18 de 20


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
Photoshop CS4: Introduccin
Tutorial 4. Aplicar filtros a una fotografa. Dibujar un marco de madera

Desarrollo del tutorial: paso 19 de 20


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
Photoshop CS4: Introduccin
Tutorial 4. Aplicar filtros a una fotografa. Dibujar un marco de madera

Desarrollo del tutorial: paso 20 de 20


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


Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 1 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 2 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 3 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 4 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 5 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 6 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 7 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 8 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 9 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 10 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 11 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 12 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 13 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 14 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 15 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 16 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 17 de 30

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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 18 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 19 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 20 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 21 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 22 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 23 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 24 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 25 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 26 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 27 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 28 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 29 de 30


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
Photoshop CS4: Introduccin
Tutorial 6. Creacin de la portada de un libro

Desarrollo del tutorial: paso 30 de 30


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.