2 Edicin Talleres Informticos Casa del Alumno UPV Adobe Photoshop. Nivel: Iniciacin.

Sesin 6

ADOBE PHOTOSHOP SESIN 6

SESIN 6 - QU VAS A APRENDER?

Uso de trazados.
Tipos de capa: Capas de ajuste
Tipos de capa: Capas de relleno
Modos de fusin de capas
Herramienta de ajuste Niveles, concepto histograma
Herramienta de ajuste Invertir

ACTIVIDAD GUIADA
Actividad 1 Trazado para seleccin

Problema:

Abre la imagen trazados.jpg, que es una instantnea de la UPV y

realiza un trazado con la herramienta Pluma. Una vez hecho el trazado,
seleccionarlo.

1
Universidad Politcnica de Valencia y Cursos de Formacin Postgrado
2 Edicin Talleres Informticos Casa del Alumno UPV Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Puedes seleccionar el elemento que quieras para realizar la actividad,

pero en este manual vamos a seleccionar la farola que hay en la parte
izquierda de la imagen, porque es bastante sencillo.

Solucin paso a paso:

Los trazados en Photoshop son las herramientas de seleccin avanzada.

Un trazado es un rea seleccionada de la imagen que se almacena para poder
ser usada las veces que se quiera sin perderla. Una vez creado un trazado ste
pasa a ser almacenado en la pestaa Trazados. La pestaa Trazados se
encuentra en la misma ventana que Capas.

Para crear nuestro trazado, punto por punto, procederemos segn los
pasos. Selecciona la herramienta Pluma en la barra de herramientas para
comenzar a realizar un trazado. Con la herramienta Pluma seleccionada, haz
clic en el primer punto de la seleccin que quieras realizar. Al hacer clic
suceden estas cosas:

1. Se ha creado un punto (cuadrado) donde hiciste clic.

2. Se ha creado automticamente una nueva capa
Forma X en la ventana Capas.
3. Se ha creado automticamente un nuevo trazado en
la ventana Trazados.

Haz clic en el segundo punto donde desees que tu trazado contine.

Observa que se ha trazado una lnea recta entre los dos puntos.

2
Universidad Politcnica de Valencia y Cursos de Formacin Postgrado
2 Edicin Talleres Informticos Casa del Alumno UPV Adobe Photoshop. Nivel: Iniciacin. Sesin 6

No te preocupes si el punto no est ubicado en el lugar exacto, puedes

desplazarlo siempre que quieras con la herramienta Seleccin Directa
cuando termines el trazado. Al hacer clic en el tercer punto se crea un
tringulo cuyos tres vrtices son los tres puntos que hemos realizado.

Es ms, el tringulo est relleno con el Color Frontal. Gracias a este

color podemos ver con ms claridad la seleccin que estamos realizando. Si te
molesta demasiado el color Frontal puedes reducir la Opacidad de la capa
(recuerda que el trazado que ests realizando est en una capa nica y que,
por tanto, posee su Opacidad como las dems).

Sigue haciendo puntos hasta realizar la seleccin deseada. La lnea que

envolver el objeto seleccionado ser una lnea gris continua y fina.

3
Universidad Politcnica de Valencia y Cursos de Formacin Postgrado
2 Edicin Talleres Informticos Casa del Alumno UPV Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Ahora que ya tenemos el trazado dibujado, procedamos a

seleccionarlo. Para hacer esto, dirgete a la pestaa Trazados y haz clic
sobre el nico trazado que hay, el que acabas de realizar.

Haz clic derecho con el ratn para que emerja un men contextual.
Escoge la opcin Hacer seleccin del men. Se abrir una ventana llama
Hacer Seleccin.

Para realizar una seleccin perfecta, tendrs de dejar la opcin Radio

de Calado a 0 pxeles y desactivar la opcin suavizar. Pulsa OK.

Observa que ya se ha hecho la seleccin. Se habra conseguido el

mismo efecto si hubiramos realizado la seleccin con el Lazo como en
las primeras sesiones, pero la seleccin se habra perdido despus de
utilizada. Con el trazado, que queda almacenado hasta que lo eliminemos,
podemos realizar la seleccin siempre que queramos realizando los ltimos
pasos de esta actividad.

Despus de trabajar con los trazados, nos centraremos en capas de

tipos distintos.

Habrs observado que la capa del trazado era una capa diferente a las
capas normales que se han utilizado hasta ahora. Hay ms tipos de capa
adems de las capas estndar. En esta sesin vamos a utilizar las capas de
Relleno y las capas de Ajuste.

NOTA: En Pothoshop 5.5 no hay capas de relleno. Emularemos una

capa de relleno con una capa normal ms la herramienta Cubo de Pintura.

4
Universidad Politcnica de Valencia y Cursos de Formacin Postgrado
2 Edicin Talleres Informticos Casa del Alumno UPV Adobe Photoshop. Nivel: Iniciacin. Sesin 6

ACTIVIDAD GUIADA
Actividad 2 Trazado para dibujar formas (I)

Problema:

Dibuja esta letra A con la ayuda del contorno de un trazado y un pincel.

El archivo tendr unas dimensiones de 500x300 pxeles a 72 ppp de fondo
blanco, color RGB. El pincel empleado ser de tamao 13, punta redonda,
color negro y 0% de dureza.

Solucin paso a paso:

Photoshop no solo nos permitir seleccionar los trazados sino tambin

bordearlos o rellenarlos. Esto significa que podemos hacer un dibujo con un
trazado para rellenarlo. Crea el documento nuevo segn las especificaciones
del enunciado.

Una vez abierto el documento, selecciona la herramienta de trazado

para trabajar con ella. Recuerda que ahora vamos a realizar curvas y no
trazados poligonales como el de antes.

Para realizar una curva, tendrs que mantener el botn izquierdo del
ratn pulsado al presionar sobre el segundo punto de la curva. Entendamos
esto mejor sabiendo de qu est compuesta la curva de un trazado:

5
Universidad Politcnica de Valencia y Cursos de Formacin Postgrado
2 Edicin Talleres Informticos Casa del Alumno UPV Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Un segmento curvo AB est formado por un segmeto que nace en un

punto A y muere en un punto B. A los puntos como A y B se les conoce en
Photoshop como puntos de ancla. El Segmento AB, es un trazo que al
convertirse en curva le llamaremos curva Bizer. La lnea de direccin es una
tangente que nos permite editar la curvatura del segmento AB.

Dicho esto, ahora sabemos que para crear un segmento curvo tenemos
que mantener apretado el botn izquierdo del ratn para que al desplazar el
puntero aparezca una lnea de direccin a partir del nuevo punto de ancla.
Practica en Photoshop para comprender este hecho.

Cuando hayas dominado la curva, puedes borrar el trazo que has

realizado para comenzar de nuevo el trazo que tendr la forma A. Para
borrar un trazado, slo tienes que acudir a la pestaa de Trazados, hacer
clic derecho en el trazado que deseas borrar y pulsar la opcin Eliminar
Trazado.

Ahora s, crea un trazado que dibuje la letra A deseada. Primero, dibuja

el trazo completo, despus, dedcate a su posible edicin. Puedes insertar y
quitar puntos de ancla con las herramientas y , respectivamente,
situadas junto a la herramienta de trazado. Para mover puntos de ancla y
cambiar la curvatura de las curvas Bizer, recuerda que tienes que hacer uso
de la herramienta Seleccin directa .

6
Universidad Politcnica de Valencia y Cursos de Formacin Postgrado
2 Edicin Talleres Informticos Casa del Alumno UPV Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Una vez terminado el trazado, tenemos que seleccion ar el pincel con

el que vamos a trabar. Recuerda que es un pincel negro, de punta redonda,
con 0% de dureza y de 13 de dimetro.

Para contornear este trazado tendrs que acudir al trazado en la

pestaa de Trazados, hacer clic derecho y seleccionar la opcin
Contornear subtrazado. Por qu subtrazado y no trazado? Lo veremos en
seguida. Una vez seleccionada la opcin, se abrir la ventana de Contornear
subtrazado. Como puedes observar, puedes seleccionar la herramienta con la
que se va a contornear este subtrazado. En nuestro caso, podemos seleccionar
el pincel.

Pulsamos OK y observaremos que se la letra se ha contorneado con el

pincel que habamos escogido. Pero no est contorneada por completo, solo
una de sus partes. Quiz, el resultado que hayamos obtenido sea parecido a
ste:

Esto ha sucedido porque nuestro trazado se compona de dos

subtrazados. Slo tendremos que seleccionar el subtrazado que falta por
contornear y realizar la misma accin para teminar el ejercicio. Ten en cuenta,
que adems de contornear el trazado, tambin lo puedes rellenar. Las opciones
de relleno son pocas y bsicas. Esta es la ventana de relleno de trazado:

7
Universidad Politcnica de Valencia y Cursos de Formacin Postgrado
2 Edicin Talleres Informticos Casa del Alumno UPV Adobe Photoshop. Nivel: Iniciacin. Sesin 6

ACTIVIDAD PROPUESTA
Actividad 3 Trazado para dibujar formas (II)

Problema:

Dibuja, con la ayuda de un trazado, el siguiente logo de una empresa

ficticia. En este ejercicio, tendrs que rellenar el trazado, no contornearlo.

8
Universidad Politcnica de Valencia y Cursos de Formacin Postgrado
2 Edicin Talleres Informticos Casa del Alumno UPV Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Datos del problema:

Documento: 500x500 pxeles, color RGB, 72 ppp, fondo Blanco.

Trazado: Relleno negro.
Texto: Book Antiqua, tamao 50, negrita, color negro.
NOTA: El smbolo puede escribirse pulsando ALT+02222

ACTIVIDAD GUIADA
Actividad 2 La foto antigua. Capas de relleno y ajuste

Problema:

Abre la imagen upvmarron.jpg. Es una imagen actual de la UPV.

Haciendo uso de una capa de Relleno, una capa de Ajuste y la fusin de
capas, convierte la primera imagen en la segunda.

9
Universidad Politcnica de Valencia y Cursos de Formacin Postgrado
2 Edicin Talleres Informticos Casa del Alumno UPV Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Solucin paso a paso:

Para solucionar este problema seguiremos los siguientes pasos.

1- Modificaremos la imagen hasta que se vea en Blanco y Negro.
2- Crearemos una capa de color marrn sobre la imagen.
3- Fusionaremos la capa de tal modo que d un ligero toque
amarronado a la composicin anterior en blanco y negro.

La capa de ajuste

Para convertir la capa fondo a blanco y negro, vamos a desaturarla.

Hay una funcin en Photoshop que realiza esta accin directamente, pero
ahora vamos a hacer la misma funcin utilizando una capa de ajuste.

Haz clic en la opcin de la barra de men Capa>Nueva capa de

ajuste>Tono/saturacin. Con esto vamos a crear una nueva capa que
regule el tono/saturacin de todas las capas que se encuentren por debajo de
ella.

Escoge un nombre para la capa y pula OK. Aparecer directamente la

ventana de Tono/Saturacin para que le asignes un valor por defecto. Como lo
que queremos es una imagen en Blanco y Negro, tenemos que reducir la
Saturacin al mnimo (desaturar).

10
Universidad Politcnica de Valencia y Cursos de Formacin Postgrado
2 Edicin Talleres Informticos Casa del Alumno UPV Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Observa que se ha creado una nueva capa con un icono nuevo que
indica que la capa es una Capa de Ajuste.

La capa de relleno

Ahora queremos una nueva capa completamente marrn. Podramos

crear una nueva capa y simplemente pintarla completamente de color
marrn con la herramienta Cubo (PS 5.5), pero vamos a crear una nueva
Capa de Relleno. Haz clic en la opcin de la barra de men Capa>Nueva
capa de relleno>Color slido. Nombra la capa como quieras y
automticamente saltar la venta de Selector de color. Escoge un color marrn
oscuro.

11
Universidad Politcnica de Valencia y Cursos de Formacin Postgrado
2 Edicin Talleres Informticos Casa del Alumno UPV Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Fusin de capas

Es hora de conocer el concepto de fusin de capas. En Photoshop,

podemos escoger el modo en que una capa se fusiona con la capa
inmediatamente inferior. Vamos a cambiar el modo de fusin de la capa de
relleno que acabamos de crear con el fin de que no sea un simple color slido
tapando la imagen, y se convierta en un ligero toque marrn.

Haz clic en el men desplegable que hay al lado de Opacidad en la

ventana de Capas. Evidentemente, que sea con la capa de relleno
seleccionada. El men es extenso, y contiene los siguientes valores:

12
Universidad Politcnica de Valencia y Cursos de Formacin Postgrado
2 Edicin Talleres Informticos Casa del Alumno UPV Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Supongamos que una capa A est por encima de una capa B y

utilizamos un modo de fusin para A. Algunas de las opciones que podramos
destacar:

Normal: Es el modo de fusin estndar. Simplemente A estar por

encima de B cubrindole completamente.

Oscurecer y Multiplicar: Estos modos son modos de fusin en los que

los colores oscuros predominan sobre los colores claros. Si la capa B fuera
negra y A blanca en modo multiplicar, la imagen seguira siendo negra aunque
A est por encima de B. En la siguiente sesin, encontraremos una utilidad
prctica a este hecho para, por ejemplo, colorear un dibujo.

Aclarar: Produce un efecto inverso a oscurecer.

Luz suave/fuerte/intensa: Si escogemos una de estas opciones, el

relleno de la capa A actuar como una luz que se ejerce sobre B.

Si queremos dar un ligero toque de marrn sobre nuestra imagen, Luz

suave es un modo de fusin adecuado. Escgelo para terminar el ejercicio.
Observa los resultados.

13
Universidad Politcnica de Valencia y Cursos de Formacin Postgrado
2 Edicin Talleres Informticos Casa del Alumno UPV Adobe Photoshop. Nivel: Iniciacin. Sesin 6

ACTIVIDAD PROPUESTA
Actividad 3 La imagen azul

Problema:

Utiliza todos los elementos estudiados en esta sesin para convertir la

imagen informtica.jpg en la imagen que aparece a continuacin.

Para terminar la sesin de hoy, vamos a realizar dos pequeos ejercicios

para aprender a utilizar dos herramientas de ajuste ms (una de ellas muy
sencilla). Hasta ahora hemos visto tono/saturacin y reemplazar color. En
estos ejercicios practicaremos con Niveles e Invertir imagen.

14
Universidad Politcnica de Valencia y Cursos de Formacin Postgrado
2 Edicin Talleres Informticos Casa del Alumno UPV Adobe Photoshop. Nivel: Iniciacin. Sesin 6

ACTIVIDAD GUIADA
Actividad 4 Herramienta de ajuste: Niveles

Problema:

Abre la imagen niveles.jpg. Es una fotografa en blanco y negro. Se

pide cambiar los niveles de la imagen con el fin de obtener grises ms
oscuros haciendo uso de la herramienta de ajuste niveles.

15
Universidad Politcnica de Valencia y Cursos de Formacin Postgrado
2 Edicin Talleres Informticos Casa del Alumno UPV Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Solucin paso a paso:

Para aplicar la herramienta de ajuste Niveles, seleccinala en el

men accediendo a Imagen>Ajustes>Niveles. Se abrir la siguiente ventana:

La grfica que se muestra en el centro se llama histograma. En

esta imagen en blanco y negro, el histograma es una grfica que representa
cuntos pxeles de cada nivel de gris hay en la imagen. Observa que la
grfica tiene picos muy altos a la derecha: eso significa que hay muchos puntos
claro en la imagen. La izquierda de la grfica representa los valores ms
oscuros mientras que la derecha de la grfica representa los valores ms
claros.

Los pequeos cursores de debajo del histograma pueden ser

desplazados para cambiar el rango de negro absoluto a blanco absoluto.

16
Universidad Politcnica de Valencia y Cursos de Formacin Postgrado
2 Edicin Talleres Informticos Casa del Alumno UPV Adobe Photoshop. Nivel: Iniciacin. Sesin 6

Pincha en el cursor de la izquierda del todo (el del negro) y

desplzalo hacia la derecha hasta obtener un resultado semejante a este:

Ahora, todos los pxeles que hay a la izquierda de este cursor son
negro absoluto, por lo tanto, hemos oscurecido la imagen.

17
Universidad Politcnica de Valencia y Cursos de Formacin Postgrado
2 Edicin Talleres Informticos Casa del Alumno UPV Adobe Photoshop. Nivel: Iniciacin. Sesin 6

ACTIVIDAD GUIADA
Actividad 5 Herramienta de ajuste: Invertir imagen

Problema:

Vuelve a abrir la imagen informatica.jpg y convirtela en la imagen que

sigue haciendo uso de la herramienta de ajuste Invertir.

Solucin paso a paso:

La herramienta de ajuste Invertir es tan fcil de comprender como de

utilizar. Se encarga de aginar a cada pxel de la imagen su color opuesto (los
blancos a negros, los rojos a azules, etc.).

Para invertir una imagen tenemos que dirigirnos a la opcin

Imagen>Ajustes>Invertir del men principal o simplemente pulsar
Control+I en el teclado. Observa que esta funcin es completamente
reversible, es decir, si invertimos dos veces una imagen, sta no cambia.

18
Universidad Politcnica de Valencia y Cursos de Formacin Postgrado