ADOBE PHOTOSHOP – SESIÓN 6

SESIÓN 6 - ¿QUÉ VAS A APRENDER?

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

ACTIVIDAD GUIADA
Actividad 1 – Trazado para selección

Problema:

Abre la imagen “trazados.jpg”, que es una instantánea de la UPV y

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

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

Solución paso a paso:

Los trazados en Photoshop son las herramientas de selección 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 pestaña Trazados. La pestaña Trazados se
encuentra en la misma ventana que “Capas”.

Para crear nuestro trazado, punto por punto, procederemos según 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 selección que quieras realizar. Al hacer clic
suceden estas cosas:

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

2. Se ha creado automáticamente una nueva capa
“Forma X” en la ventana Capas.
3. Se ha creado automáticamente un nuevo trazado en
la ventana Trazados.

Haz clic en el segundo punto donde desees que tu trazado continúe.

Observa que se ha trazado una línea recta entre los dos puntos.

2
 No te preocupes si el punto no está ubicado en el lugar exacto, puedes
desplazarlo siempre que quieras con la herramienta “Selección Directa”
cuando termines el trazado. Al hacer clic en el tercer punto se crea un
triángulo cuyos tres vértices son los tres puntos que hemos realizado.

Es más, el triángulo está relleno con el Color Frontal. Gracias a este

color podemos ver con más claridad la selección que estamos realizando. Si te
molesta demasiado elcolor Frontal puedes reducir la Opacidad de la capa
(recuerda que el trazado que estás realizando está en una capa única y que,
por tanto, posee su Opacidad como las demás).

Sigue haciendo puntos hasta realizar la selección deseada. La línea que

envolverá el objeto seleccionado será una línea gris continua y fina.

3
 Ahora que ya tenemos el trazado dibujado, procedamos a
seleccionarlo. Para hacer esto, dirígete a la pestaña “Trazados” y haz clic
sobre el único trazado que hay, el que acabas de realizar.

Haz clic derecho con el ratón para que emerja un menú contextual.
Escoge la opción “Hacer selección…” del menú. Se abrirá una ventana llama
“Hacer Selección”.

Para realizar una selección perfecta, tendrás de dejar la opción “Radio

de Calado” a 0 píxeles y desactivar la opción “suavizar”. Pulsa OK.

Observa que ya se ha hecho la selección. Se habría conseguido el

mismo efecto si hubiéramos realizado la selección con el Lazo como en
las primeras sesiones, pero la selección se habría perdido después de
utilizada. Con el trazado, que queda almacenado hasta que lo eliminemos,
podemos realizar la selección siempre que queramos realizando los últimos
pasos de esta actividad.

Después de trabajar con los trazados, nos centraremos en capas de

tipos distintos.

Habrás observado que la capa del trazado era una capa diferente a las
capas normales que se han utilizado hasta ahora. Hay más tipos de capa
además de las capas estándar. En esta sesión vamos a utilizar las capas de
Relleno y las capas de Ajuste.

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

capa de relleno con una capa normal más la herramienta Cubo de Pintura.

4
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 píxeles a 72 ppp de fondo
blanco, color RGB. El pincel empleado será de tamaño 13, punta redonda,
color negro y 0% de dureza.

Solución paso a paso:

Photoshop no solo nos permitirá se leccionar los trazados sino también

bordearlos o rellenarlos. Esto significa que podemos hacer un dibujo con un
trazado para rellenarlo. Crea el documento nuevo según 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, tendrás que mantener el botón izquierdo del
ratón pulsado al presionar sobre el segundo punto de la curva. Entendamos
esto mejor sabiendo de qué está compuesta la curva de un trazado:

5
 Un segmento curvo AB está formado por un segmeto que nace en un
punto A y muere en un punto B. A los punt os 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 Béizer. La línea de dirección 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 botón izquierdo del ratón para que al desplazar el
puntero aparezca una línea de dirección 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, sólo tienes que acudir a la pestaña de “Trazados”, hacer
clic derecho en el trazado que deseas borrar y pulsar la opción “Eliminar
Trazado”.

Ahora sí, crea un trazado que dibuje la letra “A” deseada. Primero, dibuja
el trazo completo, después, dedícate a suposible edición. 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 Béizer, recuerda que tienes que hacer uso
de la herramienta Selección directa .

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 diámetro.

Para contornear este trazado tendrás que acudir al trazado en la

pestaña de “Trazados”, hacer clic derecho y seleccionar la opción
“Contornear subtrazado”. ¿Por qué subtrazado y no trazado? Lo veremos en
seguida. Una vez seleccionada la opción, 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 habíamos 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 componía de dos

subtrazados. Sólo tendremos que seleccionar el subtrazado que falta por
contornear y realizar la misma acción para teminar el ejercicio. Ten en cuenta,
que además de contornear el trazado, también lo puedes rellenar. Las opciones
de relleno son pocas y básicas. Esta es la ventana de relleno de trazado:

7
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, tendrás que rellenar el trazado, no contornearlo.

8
 Datos del problema:

Documento: 500x500 píxeles, color RGB, 72 ppp, fondo Blanco.

Trazado: Relleno negro.
Texto: Book Antiqua, tamaño 50, negrita, color negro.
NOTA: El símbolo ® 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 fusión de
capas, convierte la primera imagen en la segunda.

9
Solución 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 marrón sobre la imagen.
3- Fusionaremos la capa de tal modo que dé un ligero toque
amarronado a la composición anterior en blanco y negro.

La capa de ajuste

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

Hay una función en Photoshop que realiza esta acción directamente, pero
ahora vamos a hacer la misma función utilizando una capa de ajuste.

Haz clic en la opción de la barra de menú “Capa>Nueva capa de

ajuste>Tono/saturación…”. Con esto vamos a crear una nueva capa que
regule el tono/saturación 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/Saturación par a que le asignes un valor por defecto. Como lo
que queremos es una imagen en Blanco y Negro, tenemos que reducir la
Saturación al mínimo (desaturar).

10
 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 marrón. Podríamos

crear una nueva capa y simplemente pintarla completamente de color
marrón con la herramienta Cubo (PS 5.5), pero vamos a crear una nueva
Capa de Relleno. Haz clic en la opción de la barra de menú “Capa>Nueva
capa de relleno>Color sólido”. Nombra la capa como quieras y
automáticamente saltará la venta de Selector de color. Escoge un color marrón
oscuro.

11
Fusión de capas

Es hora de conocer el concepto de fusión 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 fusión de la capa de
relleno que acabamos de crear con el fin de que no sea un simple color sólido
tapando la imagen, y se convierta en un ligero toque marrón.

seleccionada.
Haz clicElenmenú es extenso,
el menú y contiene
desplegable los siguientes
que hay al lado devalores:
“Opacidad” en la
ventana de Capas. Evidentemente, que sea con la capa de relleno

12
 Supongamos que una capa A está por encima de una capa B y
utilizamos un modo de fusión para A. Algunas de las opciones que podríamos
destacar:

Normal: Es el modo de fusión estándar. Simplemente A estará por

encima de B cubriéndole completamente.

Oscurecer y Multiplicar: Estos modos son modos de fusión 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 seguiría siendo negra aunque
A esté por encima de B. En la siguiente sesión, encontraremos una utilidad
práctica 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 marrón sobre nuestra imagen, “Luz

suave” es un modo de fusión adecuado. Escógelo para terminar el ejercicio.
Observa los resultados.

13
ACTIVIDAD PROPUESTA
Actividad 3 – La imagen azul

Problema:

Utiliza todos los elementos estudiados en esta sesión para convertir la

imagen “informática.jpg” en la imagen que aparece a continuación.

Para terminar la sesión de hoy, vamos a realizar dos pequeños ejercicios

para aprender a utilizar dos herramientas de ajuste más (una de ellas muy
sencilla). Hasta ahora hemos visto tono/saturación y reemplazar color . En
estos ejercicios practicaremos con Niveles e Invertir imagen.
14
ACTIVIDAD GUIADA
Actividad 4 – Herramienta de ajuste: Niveles

Problema:

Abre la imagen “niveles.jpg”. Es una fotografía en blanco y negro. Se

pide cambiar los “niveles” de la imagen con el fin de obtener grises más
oscuros haciendo uso de la herramienta de ajuste “niveles”.

15
2ª Edición Talleres Informáticos Casa del Alumno UPV Adobe Photoshop. Nivel: Iniciación. Sesión 6

Solución paso a paso:

Para aplicar la herramienta de ajuste Niveles, selecciónala en el

menú accediendo a “Imagen>Ajustes>Niveles”. Se abrirá la siguiente ventana:

La gráfica que se muestra en el centro se llama histograma. En

esta imagen en blanco y negro, el histograma es una gráfica que representa
cuántos píxeles de cada nivel de gris hay en la imagen. Observa que la
gráfica tiene picos muy altos a la derecha: eso significa que hay muchos puntos
claro en la imagen. La izquierda de la gráfica representa los valores más
oscuros mientras que la derecha de la gráfica representa los valores más
claros.

Los pequeños cursores de debajo del histograma pueden ser

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

16
Universidad Politécnica de Valencia y Cursos de Formación Postgrado
 Pincha en el cursor de la izquierda del todo (el del negro) y
desplázalo hacia la derecha hasta obtener un resultado semejante a este:

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

17
ACTIVIDAD GUIADA
Actividad 5 – Herramienta de ajuste: Invertir imagen

Problema:
Vuelve a abrir la imagen “informatica.jpg” y conviértela en la imagen que
sigue haciendo uso de la herramienta de ajuste Invertir.

Solución paso a paso:

La herramienta de ajuste Invertir es tan fácil de comprender como de

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

Para invertir una imagen tenemos que dirigirnos a la opción

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

18