Dibujar con trazados

1. HERRAMIENTAS DE DIBUJO

eguro que recuerdas cuando vimos las diferencias entre las

imgenes vectoriales y las imgenes bitmap (de mapa de bits
o imgenes rasterizadas).
Por si no te acuerdas, las imgenes bitmap estn formadas por
puntos de color o pxeles, mientras que los grficos vectoriales estn
hechos con lneas rectas y curvas.

Por eso, al ampliar una imagen bitmap puedes perder calidad, ya

que se aumenta el tamao de los pxeles, llegndose a mostrar como
cuadritos de color conforme se ampla. En cambio, una imagen
vectorial no perder calidad al ampliarla, ya que solo cambia la posicin
de las lneas que dan forma a la imagen.
Aqu te muestro las principales herramientas para pintar en
imgenes bitmap y en imgenes vectoriales :

Copyright Computer Aided Elearning, S.A.

Dibujar con trazados

Ya hemos visto cmo pintar con el Lpiz, el Pincel, el Bote de

pintura, el Degradado y el Borrador, para cambiar el color de los
pxeles de una imagen bitmap. Ahora veremos cmo utilizar las
herramientas de Forma y las herramientas de Pluma.
En Photoshop podemos distinguir dos tipos de herramientas de
dibujo vectorial:
Herramientas de Forma
: con ellas podrs dibujar figuras
simples como rectngulos, elipses, polgonos, etc., y formas ms
complejas con las formas personalizadas (smbolos, flechas, etc.).
Herramientas de Pluma
: podrs dibujar tanto de forma libre
(como si dibujaras en una hoja de papel con un lpiz) como a base
de lneas rectas y curvas.
Al pulsar en el botn de la herramienta Rectngulo
herramienta Pluma
uno de estos grupos:

o de la

podrs ver el resto de herramientas de cada

Antes de empezar a dibujar con las herramientas de Pluma y las de

Forma, tienes que elegir el modo de dibujo desde la barra de opciones.

Desde la lista Modo de herramienta, estos son los modos o

formas de dibujo que puedes elegir:
Forma: para hacer dibujo vectorial. Crea un tipo de capa especial
llamada capa de forma.
Trazado: para hacer dibujo vectorial dibujando trazados, que son
una serie de lneas (rectas y curvas) y puntos.
Pxeles: para hacer dibujo en mapa de bits, es decir, que con este
modo creas imgenes bitmap, no grficos vectoriales. Solo se
puede utilizar con las herramientas de Forma.
Aunque parezca un poco lioso, es muy sencillo:
Herramientas de Pluma: puedes hacer solo dibujo vectorial de
dos modos posibles: Forma y Trazado.
2

Dibujar con trazados

Herramientas de Forma: puedes hacer dibujo vectorial igual que

con las herramientas de Pluma y, adems, dibujo de mapa de bits
con el modo Pxeles.
Todo esto vamos a verlo a lo largo de la leccin.

2. RELLENAR PXELES

rimero vamos a ver cmo dibujar cambiando pxeles, por lo

que crearemos imgenes bitmap. Para ello utilizaremos las
herramientas de Forma.
Para dibujar imgenes bitmap, selecciona la opcin Pxeles en la
lista Modo de herramienta de la barra de opciones para cambiar al
modo de dibujo de mapa de bits.
Antes de dibujar, selecciona el color frontal con el que pintars.
Para esto, puedes utilizar el panel Color, el panel Muestras, el cuadro
de color del panel Herramientas o la herramienta Cuentagotas
.
A continuacin, selecciona la herramienta de Forma adecuada y pulsa
y arrastra por la imagen, con lo que dibujars un rectngulo, elipse, lnea o la
forma que hayas elegido. El dibujo se crear en la capa seleccionada.
Segn la herramienta de Forma que tengas seleccionada
(Rectngulo, Elipse, etc.), si pulsas el botn Opciones de geometra
aparecern unas opciones u otras. Por ejemplo, en el caso de la herramienta
, puedes indicar que se cree un Cuadrado o que el
Rectngulo
rectngulo tenga un Tamao fijo, entre otras posibilidades.

Las opciones de geometra de la herramienta Rectngulo

son las mismas que para el Rectngulo. En este caso,
redondeado
puedes indicar el radio del ngulo que forman las esquinas redondeadas
del rectngulo en el campo Radio de la barra de opciones.

Copyright Computer Aided Elearning, S.A.

Dibujar con trazados

Las opciones de geometra de la herramienta Elipse

tambin parecidas a las de las anteriores herramientas.

son

La forma
Elipse tambin
dibuja crculos
redondos
seleccionando
Crculo en las
Opciones de
geometra.

A continuacin te muestro las opciones de geometra de la

herramienta Polgono
.

Si activas la casilla Estrella, al pulsar y arrastrar para dibujar,

obtendrs una forma de estrella. Segn el valor que indiques en el
campo Sangra lateral, obtendrs distintas formas de estrella.

En el parmetro Lados de la barra de opciones puedes indicar el

nmero de lados del polgono o de la estrella.
En el caso de la herramienta Lnea
, puedes indicar en la barra
de opciones la anchura de la lnea que se dibujar. Las opciones de
geometra de esta herramienta permiten crear puntas de flecha en uno o
en los dos extremos de la lnea, indicando sus caractersticas.

Manipulando
las Opciones
de geometra
de las herramientas de
Forma, puedes
obtener muchos tipos de
formas.

Con las herramientas Rectngulo, Elipse, Polgono y Lnea

puedes hacer prcticamente cualquier dibujo. Sin embargo, Photoshop
tiene formas ya creadas para que las puedas utilizar: las Formas
.
personalizadas

Dibujar con trazados

Tras seleccionar esta herramienta, si pulsas el botn Configurar

en el campo Forma de la barra de opciones,
forma para crear
podrs elegir cualquiera de las formas que se muestran.

En la parte inferior del men que se muestra al pulsar el botn

, hay grupos de formas (Naturaleza,
Men del panel emergente
Animales, Flechas, Msica, etc.). Si seleccionas uno de estos grupos,
podrs cargar dichas formas en la paleta y ver y seleccionar la forma
que quieras.
Para seleccionar una de las formas, haz doble clic en ella o
seleccinala y pulsa
para cerrar la paleta.
Despus pulsa y arrastra en la imagen hasta lograr el tamao que
quieras que tenga la forma. As puedes seleccionar y dibujar cualquiera
de las Formas personalizadas.

3. CAPAS DE FORMA

os dibujos que hemos visto hasta ahora estn en el formato de

bitmap. Veamos ahora cmo dibujar en el formato vectorial.

Con las herramientas de Forma

y de Pluma
dibujar en formato vectorial en dos modos distintos:

puedes

Forma.
Trazado.
Si seleccionas la opcin Forma en la lista Modo de herramienta
de la barra de opciones para cambiar a este modo de dibujo, puedes
dibujar con cualquiera de las herramientas de Forma que hemos
descrito antes (Rectngulo, Elipse, Polgono, etc.).

Al dibujar una forma con el modo Forma, se crea una nueva capa
especial en el panel Capas, llamada capa de forma.
Copyright Computer Aided Elearning, S.A.

Dibujar con trazados

Antes de crear
una capa de
forma, elige
su color en el
campo Relleno
de la barra de
opciones, y el
color y estilo
de su contorno
en los campos
Trazo.

Las capas de forma son unas

capas especiales compuestas por
una capa de relleno que define el
color de la forma y por una mscara
vectorial enlazada que define el
contorno de la forma.
En una capa de forma, la capa
de relleno se colorea toda del color
que est seleccionado en el campo
Relleno de la barra de opciones. La
mscara vectorial es como una hoja
opaca con un agujero con la forma
del dibujo que has hecho.
La mscara vectorial solo deja ver el trozo de capa de relleno que
muestra por el agujero que tiene con la forma que le hayas dibujado:
rectngulo, elipse, polgono, etc. El resto de la capa es transparente,
como puedes ver en la imagen resultante.

Puedes cambiar
el color de la
capa de relleno
haciendo doble
clic en ella o
desde la barra
de opciones,
as como el
contorno
desde la barra
de opciones.

Por ejemplo, en la imagen anterior, solo se ve la forma del rbol

con el color de la capa de relleno. En el resto de la imagen se ve lo que
contienen las otras capas.
Si, tras crear un dibujo, vuelves a dibujar otra forma, Photoshop
crea una nueva capa de forma, ya que est activa por defecto la opcin
Nueva capa en la barra de opciones, pero tambin podemos hacer que
la aplique a la capa de forma actual de distinta forma, segn lo que
seleccionemos en la barra de opciones.

Dibujar con trazados

Desde las siguientes opciones del botn Operaciones de

trazado
puedes cambiar el modo con el que aplicas una
nueva capa de forma:

Nueva capa: crea una nueva capa cada vez que dibujas
una forma.
Combinar formas: al seleccionar esta opcin, la forma que
dibujes se crear en la capa activa (o seleccionada) en el
panel Capas, aadindose a dicha capa activa.
Restar forma frontal: borra el rea superpuesta a la forma
que dibujes.
Formar interseccin con reas de formas: crea un
objeto con la zona superpuesta entre los objetos dibujados.
Excluir formas superpuestas: elimina los objetos que
estn dibujados dentro del rea comn a ellos.

4. LAS HERRAMIENTAS DE PLUMA

as capas de forma pueden crearse con las herramientas de

Forma y con las herramientas de Pluma.

Para dibujar una forma con la herramienta Pluma

, sita el
ratn donde quieras comenzar el dibujo y haz clic o arrastra para crear
el primer punto de la forma o primer punto de ancla. Luego contina
haciendo clic o arrastrando para seguir dibujando.
Hay dos formas de dibujar con la herramienta Pluma

Haciendo clic en distintas partes de la imagen: vas haciendo

clic en distintos puntos de la imagen para ir creando la forma
que quieras dibujar. As se crea una figura de segmentos
rectos unidos con puntos llamados puntos de ancla.
Haciendo clic y arrastrando: se crean segmentos curvos
entre dos puntos de ancla de los que aparecen lneas de
direccin. Estas lneas sirven para poder ajustar la forma
de la curva que pasa por este punto de ancla arrastrando los
extremos, que se llaman puntos de direccin.
Copyright Computer Aided Elearning, S.A.

Dibujar con trazados

Los dos tipos de segmentos que se crean son:

Un segmento recto est formado por dos puntos de ancla,
denominados puntos de esquina, sin lneas de direccin.
Un segmento curvo tiene puntos de ancla denominados
puntos suaves, que contienen dos lneas de direccin para
ajustar la forma de la curvatura.

Al pulsar el botn de la herramienta Pluma

acceder al resto de herramientas del grupo.

puedes ver y

Tipos de herramientas de Pluma:

Pluma

: dibuja formas a base de lneas rectas o curvas.

Pluma de forma libre

: permite dibujar lneas
vectoriales a mano alzada, es decir, como si dibujaras con
un lpiz en un papel.
Aadir punto de ancla
: aade un punto de ancla en
el punto de la lnea donde hagas clic.
Eliminar punto de ancla
el que hagas clic.

: borra el punto de ancla en

Convertir punto de ancla

: le pone lneas de direccin
a un punto de ancla para cambiar la curvatura de la lnea. Si
haces clic en un punto suave, se convertir en un punto de
esquina, sin lneas de direccin.

Las formas que dibujas estn hechas con lneas y puntos de ancla.
Puedes Aadir puntos de ancla
o Eliminar puntos de ancla
de
una forma ya creada. De esta forma puedes, por ejemplo, aadir puntos de
ancla, moverlos y modificarlos para ajustar la forma de una manera precisa.
8

Dibujar con trazados

Una vez has creado una forma con las herramientas de Forma
o con la Pluma, puedes utilizar las herramientas siguientes:
Seleccin de trazado
: selecciona toda la forma o
trazado; de esta forma, lo puedes arrastrar para moverlo a
otro lugar o eliminarlo.
Seleccin directa
: selecciona uno o varios puntos de
ancla para eliminarlos o moverlos a otro lugar. Tambin
podrs arrastrar los puntos de direccin para que las
lneas de direccin ajusten la curvatura de los segmentos
curvos.

Puedes cambiar la forma arrastrando sus

.
puntos de ancla con Seleccin directa
Los puntos de ancla se muestran como
pequeos cuadritos huecos . Si un punto de
ancla est seleccionado, aparece relleno .
Si seleccionas un punto suave
con la herramienta Seleccin
, podrs ver sus lneas
directa
de direccin, que puedes utilizar
para ajustar la forma de la curva
que pasa por ese punto de ancla.
Al mover las lneas de direccin, cambia la curvatura de la lnea en
ese punto de ancla.

5. TRAZADOS

C
Para dibujar
trazados,
puedes utilizar
las herramientas de
Pluma o las
de Forma.

omo ya dijimos antes, podemos crear dibujos vectoriales en

Photoshop de dos modos: Forma y Trazado.

Ya hemos visto cmo crear Capas de forma. Ahora veremos de

qu modo podemos utilizar los Trazados. Para esto, tienes que pasar al
modo de dibujo de trazados, seleccionando la opcin Trazado en la
lista Modo de herramienta de la barra de opciones.

Cuando dibujas un trazado, en el panel Capas no se crea ninguna

capa ni se ve el trazado por ninguna parte. El trazado se dibuja en el
panel Trazados, al que puedes acceder pulsando en su ficha (que est
en el mismo grupo que el panel Capas) o a travs del men Ventana.

Copyright Computer Aided Elearning, S.A.

Dibujar con trazados

Cuando creas un Trazado, la

silueta o dibujo vectorial se crea
en el panel Trazados, por lo que
no se ve en ninguna capa.
El panel Trazados funciona
de forma parecida al panel Capas:
puedes crear nuevos trazados o
eliminar los que hay.
Al dibujar la forma de un trazado, se coloca en el trazado que est
seleccionado en el panel Trazados.
Con los botones que hay en la parte inferior del panel Trazados
puedes hacer distintas acciones:
Rellenar trazado
actual.

: rellena el trazado con el color frontal

Contornear trazado
lnea del trazado.

: aplica el color frontal actual a la

Cargar el trazado como seleccin

con la forma del trazado.
Crear trazado nuevo
Eliminar trazado actual
en el panel.

En la imagen
solo se muestra la silueta
del trazado
que est
seleccionado
en el panel
Trazados.

: crea una seleccin

: crea un nuevo trazado.

: borra el trazado seleccionado

Para qu sirve un trazado? Qu podemos hacer con l? Por

ejemplo, puedes utilizarlo como molde para pintar en una capa con la
forma que tenga el dibujo del trazado.
Veamos un ejemplo: dibujar un trazado con una Forma
personalizada en forma de hoja de rbol. Este trazado lo utilizaremos
para pintar en una capa el borde de la hoja y su interior:
Selecciona la opcin Trazado para pasar al modo de dibujo de
trazados.
Con la herramienta Forma personalizada
, selecciona la
forma con la hoja del rbol y arrastra para dibujarla en la imagen.
Tambin podras utilizar cualquier otra herramienta de Forma o
de Pluma. Por ejemplo, podras utilizar la herramienta Pluma
para dibujar el trazado t mismo en lugar de utilizar una Forma
personalizada.
En el panel Capas, selecciona la capa donde vas a pintar.

10

Dibujar con trazados

Ten en cuenta
que todos los
cambios
realizados
utilizando el
trazado se
aplican a la
capa que
tengas
seleccionada.

Elige el color frontal con el que pintars el borde o silueta de la

hoja y el color que quieras como color de fondo para rellenar de
color toda la hoja.
Accede al panel Trazados, donde aparecer el trazado que has
dibujado.
Pulsa el botn Men del panel
para desplegar el men del
panel Trazados. Para pintar utilizando el borde o silueta de la
hoja dibujada en el trazado, elige la opcin Contornear trazado.

Desplegando la lista Herramienta que aparece en el cuadro de

dilogo, puedes elegir cualquiera de las herramientas para pintar
la silueta del trazado. Por ejemplo, puedes seleccionar la
herramienta Pincel
, Lpiz
, Borrador
, etc.

Fjate en la imagen. Quiero que distingas una cosa: la lnea negra

de la silueta de la hoja es un trazado, es decir, que es vectorial;
mientras que la lnea verde est pintada al aplicar la opcin
Contornear trazado. Es decir, que se ha utilizado el dibujo del
trazado en forma de hoja para pintar, cambiando el color de los
pxeles en la capa que tengas seleccionada.
Pulsa de nuevo el botn Men del panel
y selecciona la
opcin Rellenar trazado. Esto sirve para rellenar el interior de la
hoja con otro color o con una imagen.
En el cuadro de dilogo que aparece puedes elegir qu utilizars
como relleno del trazado.
Copyright Computer Aided Elearning, S.A.

11

Dibujar con trazados

En la lista Usar puedes indicar si quieres utilizar el color frontal, el

color de fondo, indicar aqu mismo un color, o utilizar un motivo.
Si seleccionas un Motivo en la lista Usar, pulsa el botn Motivo
para desplegar la lista de motivos y elegir
personalizado
uno de ellos. Tambin puedes pulsa el botn Men del panel
emergente
para desplegar el men de la paleta y cargar otro
grupo de motivos.

En el apartado Fusin puedes elegir el modo de fusin y la

Opacidad o transparencia. En Radio de desvanecimiento puedes
indicar que el borde del relleno vaya desapareciendo
gradualmente; a mayor valor, ms ancho ser este borde.
Finalmente, pulsa OK para aplicar el relleno con el motivo que
has elegido.
12

Dibujar con trazados

En el men del panel Trazados puedes acceder a:

Trazado de recorte: la forma del trazado sirve para
recortar una zona de imagen y que se haga transparente.
Hacer seleccin: se utiliza la forma del trazado como
plantilla para seleccionar algo en la imagen.
Rellenar trazado: pinta toda la zona que engloba el
trazado con el color frontal o con un motivo.
Contornear trazado: permite aplicar el color frontal actual
a la lnea del trazado.

Siempre que creas un trazado con las herramientas de Forma o las

de Pluma, se indica Trazado de trabajo como nombre del trazado.
Si creas el trazado pulsando el botn Crear trazado nuevo
,
Photoshop le asigna un nombre: Trazado 1, Trazado 2, etc. Puedes
cambiar el nombre de un trazado existente haciendo doble clic en dicho
nombre, en el panel Trazados.
Una vez has utilizado el trazado, puedes eliminarlo si ya no lo vas
a necesitar. Para ello, selecciona el trazado en el panel Trazados y pulsa
el botn Eliminar trazado actual
de este panel.

6. DUPLICAR TRAZADOS

P
Recuerda que
si simplemente
arrastras un
trazado con la
herramienta
Seleccin de
trazado
,
sin pulsar
ninguna tecla,
movers el
trazado hasta
donde
arrastres.

ara duplicar o hacer una copia de un trazado, seleccinalo con

la herramienta Seleccin de trazado

mantienes pulsada la tecla

y arrstralo mientras

Un ejemplo en el que podras usar el duplicado

de un trazado es para dibujar unas huellas de un pie o
de una para de un animal.
Primero dibuja el trazado de una huella de un pie
o de una pata, y despus la copias o duplicas varias
veces, situando cada copia en el lugar adecuado.
As podras hacer un rastro de huellas simulando
el paso de un animal.
Por otra parte, puedes utilizar un trazado para hacer una seleccin
con gran precisin en la forma de los bordes.

Copyright Computer Aided Elearning, S.A.

13

Dibujar con trazados

Por ejemplo, con la herramienta Pluma

puedes crear un
trazado que recorra la silueta de la parte de la imagen a seleccionar.
Recuerda que, tras crear el trazado, puedes ajustar su forma para que se
adapte a la silueta que quieres seleccionar.
Sin embargo, Photoshop dispone de otra herramienta que te puede
hacer ms sencillo el realizar un trazado a partir de una imagen dada.
Ya hemos comentado que la herramienta Pluma de forma libre
permite dibujar lneas vectoriales a mano alzada, es decir, como si
dibujaras con un lpiz en un papel.
Pues bien, la opcin Magntico de la barra de opciones hace que el
trazado creado se ajuste automticamente a los bordes de las reas de la
imagen.
En el caso de activar la opcin Magntico, en las Opciones de
geometra puedes establecer algunos valores para ajustar la
forma en que esta herramienta va a crear el trazado:

Anchura: la herramienta solo detectar bordes dentro de la

distancia especificada en este parmetro.
Contraste: indica el contraste que deben tener los pxeles
de la imagen para que el rea sea considerada un borde y se
dibuje el trazado por esa zona.
Lineatura: especifica la cantidad de puntos de ancla que se
aadirn en el trazado; un valor alto crear ms puntos de
ancla conforme muevas el ratn.

Si activas esta opcin Magntico, debes hacer clic para indicar el

punto inicial del trazado y mover el ratn por el borde de la imagen.
De esta forma puede ser muy sencillo crear el trazado que siga los
bordes de una imagen. De todas formas, recuerda que, una vez creado,
siempre puedes ajustar y modificar el trazado.
Una vez tenemos el trazado, podemos convertirlo en una seleccin.
Para esto, accede al panel Trazados y pulsa el botn Cargar el trazado
de este panel.
como seleccin

14

Dibujar con trazados

Con la herramienta Pluma

de forma

Por ejemplo, en la siguiente imagen puedes utilizar la herramienta

para crear un trazado que siga la silueta de
Pluma de forma libre
la medalla y despus convertir el trazado en una seleccin.

libre
,
conforme vas
moviendo el
ratn y se va
creando el
trazado, tambin puedes
hacer clic para
crear un punto
de ancla
manualmente,
o pulsar la
tecla
para eliminar
el ltimo punto
de ancla creado
por esta
herramienta.

En esta leccin hemos visto muchas cosas. Adems, en ocasiones,

esto del dibujo vectorial puede resultar un poco complicado. Si hay algo
que no te ha quedado muy claro, es mejor que repases la leccin hasta
que lo entiendas.

Copyright Computer Aided Elearning, S.A.

15