Lección 03: Manejo espacial de capas 1

Índice de la lección 03------------------------------------------------- ------- 1

Objetivos de la lección 03---------------------------------------------------------- ------- 2
Capas y líneas de tiempo----------------------------------------------------- 3
La herramienta pincel graso -------------------------------------------------------------- 3
Renombrar una capa---------------------------------------------------------------------- 3
Crear una nueva capa--------------------------------------------------------------------- 4
La capa actual------------------------------------------------------------------------------ 5
La ventaja de trabajar con varias capas-------------------------------------------------- 5
Volteo de capas---------------------------------------------------------------------------- 6
Borrar el contenido de una capa---------------------------------------------------------- 6
Uso del papel------------------------------------------------------------------------------- 7
Suavizar el contorno de una superficie--------------------------------------------------- 8
Aplicar un gradiente de color------------------------------------------------------------- 8
Modificar la opacidad global de una capa------------------------------------------------ 9
Asignación de gradientes y opacidad----------------------------------------------------- 10
Mostrar y ocultar una capa--------------------------------------------------------------- 11
Mezclar capas------------------------------------------------------------------------------ 11
Concepto de mezcla de capas------------------------------------------------------------- 12
El modo de mezcla> color----------------------------------------------------------------- 13
El modo de mezcla>behind---------------------------------------------------------------- 14
El modo de mezcla >erase---------------------------------------------------------------- 14
El modo de mezcla > shade--------------------------------------------------------------- 14
El modo de mezcla > light----------------------------------------------------------------- 14
Más detalles------------------------------------------------------------------------------- 14
Borrar, duplicar una capa------------------------------------------------------------------ 15
Gradientes de color y herramientas de dibujo-------------------------------------------- 17
Los diferentes tipos de gradientes--------------------------------------------------------- 18
Otros usos del papel------------------------------------------------------------------------ 18
Crear y manejar sus propios papeles------------------------------------------------------ 20
Los papeles y la herramienta pincel graso------------------------------------------------ 20
Usando la máscara------------------------------------------------------------------------- 21
Mostrando máscaras y papeles------------------------------------------------------------ 22
Aplicando opacidad------------------------------------------------------------------------- 22
Algunas sugerencias para el uso de la función opacidad--------------------------------- 24
 2

En esta lección usted aprenderá a:

● Usar el papel.

● Crear un gradiente de color.

● Estudiar la noción de las capas y sus múltiples aspectos.

● Nombrar, mover y seleccionar capas.

● Asignar un color a una capa.

● Manejar la opacidad global de una capa.

● Usar el modo básico Blending de las capas.

 3

Capas y línea de tiempo

Capas y línea de tiempo

Cuando empiece el programa, el proyecto contiene una capa de animación con una imagen. Para
esta lección, queremos empezar con una capa de imagen con una imagen. Para hacer esto, vaya
al menú principal Layer y seleccione Delete Image. Ahora, siempre en el menú principal Layer,
elija la opción New Image Layer. Luego seleccione la capa llamada "Untitled 2" en la ventana
TimeLine haciendo clic en el nombre. Y el último paso es la opción Delete Layer en el menú
principal Layer. Ahora allí podría haber una Capa de imagen llamada "Untitled 1".

La herramienta pincel-graso (Oilbrush)

Empezaremos dibujando un
hombrecito en el centro de nuestra
imagen.
Para hacer esto, use la herramienta
Pincel-graso,
seleccione FreeHand y el color rojo
(R=255, G=0, B=0).

Ahora muestre el Timeline si no está

mostrado todavía (atajo de teclado [0]). La
siguiente ventana aparecerá:

Esta ventana muestra que nuestro

hombrecito fue dibujado en una capa
llamada «Untitled 1». De hecho, cada capa tiene su propio nombre.

Renombrar una capa

Renombraremos la capa. Usted tiene la opción de:

Seleccionar Rename layer en el menú principal Layer.
Capas y línea de tiempo 4

Llame el menú emergente haciendo clic en el nombre de la capa en la línea

de tiempo (aquí: «Untitled 1»).
Una vez el menú emergente esté mostrado, seleccione el nombre de la capa
en la parte superior del menú y suelte el ratón.

Independendientemente de cual método fue usado, una ventana de texto

aparecerá. Puede ahora ingresar el nombre (“Personaje”) en el campo de
texto y luego validarlo haciendo clic en OK.

TVPaint Animation Pro ofrece la posibilidad de trabajar con muchas capas. Con un poquitín de
práctica esto hará su trabajo mucho
más fácil.
Para crear una nueva capa usted
puede :

Usar el atajo de teclado [Ctrl+N],

Seleccionar New Layer Image en el
menú principal Layer o seleccionar
New Image Layer en el menú New
del timeline (ver imagen opuesta).

Nuestro timeline ahora comprende dos

capas:
La capa «hombrecito » y nuestra
recién creada capa, referida por
defecto como « Untitled 1 ».
También puede renombrar esta capa. La
llamaremos « blob gris ».
5

Capas y línea de tiempo

La capa actual
La capa blanca en la línea de tiempo es llamada la capa actual (Current layer). Cuando dibuja en
la ventana de trabajo, las modificaciones solamente son aplicadas a esta capa. Las capas
«grises» permanecen sin cambios independientemente de su posición.
Para cambiar la capa actual puede:
* Usar las teclas de flecha [ ↑ ] y [ ↓ ] en su teclado.
* Hacer clic en la capa de su elección en el Timeline en el lado izquierdo del deslizador vertical.
* Seleccionar Current en el menú emergente el cual es accesible con un clic derecho en el
timeline en el lado izquierdo del deslizador vertical.
* Usar el atajo de teclado [ , ] para seleccionar la capa. Para hacer esto, presione la tecla [ , ]
(el cursor cambia a una flecha con un signo de interrogación), posicione el nuevo cursor sobre la
ventana de proyecto, y cuando esté sobre un píxel desde el cual quiera conseguir la capa, haga
clic con el botón izquierdo. Si hay solamente una capa (a través de todas las capas con colores)
en esta posición la capa será automáticamente seleccionada. Si hay varias capas con colores en
esta posición, entonces seleccione la capa que desee en el menú emergente.

Cuando el menú aparece, hay una previsualización cerca del nombre

de la capa para hacer la elección de la capa deseada más fácil.
La ventaja de trabajar con varias capas

Ahora dibuje un blob gris en el centro de la imagen en la nueva capa

usando la herramienta pluma (radio: 50 pixels,
potencia : 100%, opacidad : 100%, modo : color)
A primera vista, el blob gris parece cubrir al
hombrecito.
Pero en realidad esto no es el caso...

Cuando observamos las miniaturas en la

línea de tiempo, vemos que la mancha gris y el hombrecito se encuentran en dos capas
diferentes.
Por lo tanto hemos superpuesto dos capas en
nuestro fondo blanco, como demuestra en
el diagrama de abajo.

Capa de «Blob gris»

Capa de «Personaje»
Fondo blanco

El blob gris, por tanto, no elimina al hombrecito.

Si usa la misma herramienta en el modo Erase en el mismo blob gris, notará que el hombrecito
reaparecerá. 6

Hay varias maneras de mezclar los colores de capas traslapadas. Veremos las maneras básicas
en esta lección y las otras formas en la próxima lección

Capas y línea de tiempo

Antes se continuar con nuestro trabajo, voltearemos las dos capas. Así es como se hace:
Haga clic izquierdo en el pequeño cuadro representando el blob gris en el timeline, luego deslice
el cursor en el timeline hasta que esté bajo la capa «personaje ». Suelte el botón del ratón.

Antes de voltear después de voltear sin voltear (mezcla)

Posición de capas después de voltear

Ahora tenemos la configuración mostrada en el diagrama de arriba.

Al intentar voltear dos capas, un error frecuente es mover una capa encima de otra. Este es el
proceso de fusión de dos capas (lo cual será descrito en detalle más adelante en este manual).

Si este es el caso, haga clic en Cancelar en la ventana de opciones de fusión para volver al
arreglo de capas original.

La opción Undo en el menú principal puede ser usado para deshacer las modificaciones
hechas para el proyecto así como para esas aplicadas a la línea de tiempo.
Borrar el contenido de una capa
7

Es posible borrar el contenido de una capa sin usar el modo Erase.

Para hacer esto, haga clic en el icono del menú principal de la fig.
opuesta ó use el atajo de teclado [Shift+K].
Esta opción no tiene efecto en la capa llamada <<personaje>> la
cual no es nuestra capa actual.

Capas y línea de tiempo

Con TVP Animation es posible acelerar ciertas formas repetitivas,

como el dibujo de un ladrillo de pared. Realice lo siguiente:

* Rellene la capa actual («blob gris»), con un

color gris oscuro.
* Abra la ventana paper que es accesible en el
Menú principal Windows o con un clic derecho sobre el icono papers en la barra de
herramientas.
* Seleccione cualquier tipo de pared en la ventana paper
* Cambie el color A por un color claro, cercano al blanco.
* Rellene la capa de «blob gris» mediante este color.

Notará que el papel que ha elegido es usado como un patrón para pintar la superficie de la capa
(vea el dibujo de arriba). Nuesta pared de ladrillos ha sido creada y la
capa « blob gris » puede ahora ser renombrada « pared ».
En la cima del panel Paper, un menú le permite seleccionar papeles
en diferentes directorios.

* All : Muestra todos los papeles disponibles en todos los directorios.

* TVP Animation : Muestra todos los papeles existentes en el
directorio de instalación de TVP Animation.
* User : Muestra todos los papeles localizados en la configuración de usuario.
 8

Capas y línea de tiempo

Suavizando el contorno de una superficie

Continuemos nuestro dibujo:
* marque a «pared de ladillo » como capa actual,
* deseleccione Paper en la barra de herramientas,
* seleccione la forma Rectangle Fill en el panel principal, luego el icono portaminas en el panel
de herramientas.
* Habilite el modo Erase,
* en la ventana de opción llamada Filling shape la cual aparece en lugar del panel de
herramientas, ajuste el valor en el campo numérico Smooth a 20 píxeles.

* Dibuje un rectángulo en el centro de la imagen. El efecto de la manipulación previa es

inmediato: Los bordes del rectángulo son ahora menos agudos.
* Para finalizar, voltee las dos capas de nuevo.

>>
Antes de voltear Después de voltear

Aplicar un gradiente de color

 9

Nuestro hombrecito ahora está detrás de la pared de ladrillos.

Nosotros adicionaremos un vidro entintado entre el hombrecito y la pared.

* Empiece por crear una nueva capa, llámela «vidrio» y localícela en la línea
de tiempo como se muestra arriba.

Capas y línea de tiempo

* Seleccione el color cyan como color A luego un color azul como color B.
* En el panel Filling shape cambie de modo Erase a modo Color y marque
la caja Gradient.
El gradiente desde el color A al color B
ahora se convierte en visible.
* Dibuje un rectángulo relleno en la capa
llamada « vidrio », prestando atención a
que las dimensiones correspondan al
tamaño del hueco en la pared de
ladrillos.

* El cursor mostrado en la fig. opuesta le invita a elegir la orientación y extensión del gradiente.
El gradiente será aplicado a lo largo del segmento que usted dibujó desde el color A hasta el
color B.

Así obtendrá el resultado mostrado en la fig. opuesta en la ventana de proyecto actual.

El diagrama de la perspectiva y la línea de tiempo en adelante confirman la
la presencia de tres capas aunque sólo dos son visibles en la pantalla.
 10

Capa pared de ladrillos

Capa vidrio
Capa personaje
Fondo blanco

Modificar la opacidad global de una

capa

Puede modificar la opacidad global de una capa:

* Haciendo clic izquierdo en la barra blanca de la línea de tiempo.

* Haciendo clic derecho en la mísma barra para llamar al campo numérico mostrado en la fig.
opuesta.
* A través del menú contextual de la capa.

Capas y línea de tiempo

Opacidad global de la capa vidrio con varios valores:

Modificación de la opacidad global de la capa « vidrio » variará la

opacidad de todos los píxeles que componen la capa.

Asignación de Gradientes y Opacidad

Los parámetros para la opacidad del píxel de nuestro vidrio puede ser ingresado tan pronto
como el gradiente esté establecido:
Primer método: El gradiente de opacidad.
Borre el contenido de la capa llamada “vidrio” y ajuste la opacidad global a
100%. Abra la ventana Color gradients (clic derecho en Gradient en el
panel Filling shape o acceda a través del menú principal Windows).
* La primera barra horizontal representa el aspecto de el gradiente como será mostrado en
pantalla. 11

* La segunda barra muestra los colores elegidos para el gradiente. En

nuestro caso, las dos claves al final, indican el color A a la izquierda y el
color B a la derecha.

* La tercera barra indica la opacidad elegida para ambos colores.

Haga clic en la clave izquierda de la barra de opacidad y modifique la

opacidad usando el mini-
des
liza
dor
Alp
ha
par
a
ajustar el porcentaje cerca del
20%.

Las claves están simbolizadas por un rectángulo coloreado .

La primera barra horizontal cambia y su sección izquierda se convierte en transparente

(presencia de un cuadro de chequeo bajo el color cian).

Ahora dibuje el rectángulo que representa nuestro vidrio y notará

que la sección cyan es transparente mientras la sección azul es
opaca.
Tenga en cuenta que no se hizo ninguna modificación con respecto a
la opacidad global de la capa llamada «vidrio».

Capas y línea de tiempo

2do método :
Puede también usar la opción de asignación de opacidad en el panel Filling Shape .

Si dibuja un rectángulo coloreado después de haber habilitado esta

opción, las áreas opacas y transparentes están respectivamente sobre
las capas de las áreas negra y blanca mostradas en el cuadro abajo
(ver abajo).
Para quienes desean saber como editar sus propias asignaciones esto
será explicado en una lección posterior.
 12

Mostrar y ocultar una capa

Es posible mostrar solamente la capa de su elección en cualquier

momento.
Las capas visibles en la ventana de proyecto son aquellas marcadas
en verde en en la primera columna de la línea de tiempo.
Las capas ocultas son aquellas marcadas con rojo en la misma
columna y su nombre es mostrado en gris (un clic sobre los campos de color para cambiar una
capa del estado visible a estado oculto y viceversa).
Cualesquiera que sean las opciones de visualización, una vez que se selecciona el icono H,
solamente la capa actual es mostrada.

Usted puede dibujar solamente sobre una capa mostrada.

Mezclar capas
Cuando ya no es útil trabajar con varias capas, tiene la posibilidad de combinar
las capas.

El menú emergente Merge en el timeline le ofrece tres opciones para este

propósito.

Estas opciones también están disponibles en el menú principal Layer.

* Merge selected (Mezclar capas seleccionadas): Las capas no

seleccionadas no son mezcladas.

* Merge visible(mezclar capas visibles): en este caso, las capas ocultas permanecen intactas.

* Merge all (mezclar todoas las capas): las capas resultantes de esta operación contiene la
imagen actual.

Capas y línea de tiempo

Para seleccionar una capa adicional (multi-selección): presione la tecla [Ctrl] en el teclado y
haga clic en su miniatura. También puede usar la tecla [Shift] para seleccionar todas las capas
entre la última seleccionada y sobre la que está haciendo clic.

Otra posibilidad es deslizar una capa sobre otra y llamar las opciones de mezcla como muestra la
fig. opuesta.
Si marca el campo Stamp, el mezclador está hecho de acuerdo a la opacidad de la capa movida
y el color A.
Usted puede elegir cancelar o mantener la capa original asi como aplicar una capa sobre otra en
el modo color, erase, behind,etc.
 13
Concepto de modos de mezcla
En esta lección se ha visto que las capas son sobrepuestas para crear la
imagen final del proyecto.
La imagen final o animación es el resultado de la mezcla de todos los
píxeles de estas capas.
La mezcla de estas capas es aplicada desde abajo hasta arriba de la lista
de capas.

Pero... tal vez haya la necesidad de mezclar los píxeles de cada capa de
diferentes maneras.
Con el ejemplo anterior, la capa 3 se aplica sobre el resultado de capa 2
y 1. Pero mientras que los colores de la capa 3 sólo se copian en la capa
resultante, el contenido de la capa 3 podría borrar, matizar, saturar,
superponer,... el contenido de la capa resultante.
Ya es posible hacerlo de alguna manera, con un número limitado de modos. Cuando se arrastra
una capa sobre otra y la suelta, un menú emergente aparece y le pregunta cómo los píxeles de
la capa arrastrada deben ser mezclados con la otra capa. Pero en este caso, las dos capas se
combinarán y se perderán las informaciones de cada capa. A menudo es preferible mantener las
capas separadas.
La solución es mezclar las capas pero sin necesidad de modificarlas. Para ello, se deben mezclar
las capas "sobre la marcha".
Hay un menú emergente en cada capa al lado izquierdo del panel Layers la cual le permite
seleccionar la manera de mezclar las capas, es llamado el modo Blending.

Ahora, diremos "mezclar" capas, en lugar de "mezclar".

Como se dice, cada capa tiene su propio modos de mezcla. ¿Qué implica? ... Una infinidad de
posibilidades. En serio, cada capa puede ser mezclada de manera diferente, con las otras capas.
Para ser más precisos, la imagen en la capa actual será mezclada en su modo blending con la
imagen resultante de la mezcla de todas la capa en la capa actual.
Y la imagen final al instante se muestra en la ventana de proyecto y sin tener que modificar
algo en cualquier capa!

Concepto de modo de mezcla

Todos los modos de mezcla estan disponibles en la parte izquierda del panel Layers con un clic 14
izquierdo o derecho en el nombre.

Ahora, podemos listar los modos de mezcla básicos.

Para hacer más clara la descripción de todos los modos de mezcla, el resultado de la
mezcla de las capas que están debajo de la capa actual se llamará el origen.

Por ejemplo, si la capa 4 es la capa actual, la

fuente será la fusión de la capa 1, 2 y 3.

El modo de mezcla por defecto es el modo color. Todos los píxeles de la

capa actual son aplicados sobre la fuente. Es esta imagen la que será
llamada la imagen original. Es el modo de mezcla de la capa con la casa
en la que se modifica. El proyecto se puede encontrar en el CD-ROM
bajo el nombre de:
"HOUSE.tvp"

Concepto de modo de mezcla

* Behind
Con este modo de mezcla, todos los píxeles de la capa actual son aplicados en la fuente
solamente cuando los píxeles de la fuente son transparentes.
 15

* Erase
El mod Erase borrará todos los píxeles de la fuente, en todas partes los píxeles de la capa actual
no son transparentes. (Este modo no cuida del color de los píxeles de la capa actual)

* Shade
Todos los píxeles no transparentes de la capa actual sombrearán la fuente. (Este modo no cuida
del color de los píxeles de la capa actual)

* Light
Es casi como el modo Shade, el modo Light iluminará la fuente dependiendo de la capa actual.
(Este modo no cuida del color de los píxeles de la capa actual)

Todos lo otros modos de mezcla serán profundamente estudiados en la lección 7.

Más detalles

Más detalles
Borrar, duplicar una capa
 16

* Es posible borrar una capa, una opción bastante diferente de borrar su contenido…
Para hacer esto, seleccione Delete layer luego haga clic en el menú contextual Confirm del
timeline (para hacer esto use el menú principal Layer).
* Para duplicar una capa, proceda de la misma manera usando los mismos menús.

Bloquear una capa

Bloquear una capa puede ser útil en algunas circunstancias.
Haga clic en el pequeño candado ubicado en el timeline frente a la capa que ha de ser
bloqueada.

Una vez la capa está bloqueada, no es posible volver a dibujar en ella.

Haga clic nuevamente en el candado para desbloquear la capa.

Reducir una capa

Es práctico reducir una capa cuando hay muchas de ellas para ser mostradas en pantalla.

Un clic izquierdo en uno de las flechas encerradas en el círculo de la imagen opuesta incrementa
o decrementa el tamaño de una capa en el
Timeline.

La capa misma no cambia de ninguna manera

pero solamente el nombre y la opacidad son
visibles en el timeline.
Asignar un color a la capa
Otra operación que no afecta a la capa en sí es
asignar un color a la capa como en la imagen
de abajo.
Esta operación le permite simplemente organizar y marcar las capas usando colores
predefinidos.

Más detalles
 Haga clic en el icono « C » en la primera columna del 17
timeline para modificar el color de la capa elegida.
El menú emergente de la fig. opuesta aparece y muestra
todos los colores disponibles.

La caja de color para una capa

La caja de color en línea abajo a la izquierda de la ventana

del timeline puede ser muy útil cuando realmente
comienza a tener muchas capas.

Si un color no está marcado, significa que todas las capas con este color podrían no aparecer en
la ventana del timeline.

En la fig. opuesta, las dos cajas de color no están

seleccionadas, de esa manera, las dos capas no
aparecen en la ventana del timeline .
Esto solamente las esconde en el timeline, no en
la ventana de proyecto.

Todos lo colores de cada caja pueden ser

modificados, haga clic sobre el icono « C » de
una capa y seleccione la opción Edit. Un nuevo
panel aparece y todos los colores pueden ser re-
asignados y sus nombres cambiados.
El botón Reset ajusta todos los valores con los de por defecto.

Más detalles
 Con doble clic en las cajas de color, el menú emergente de la 18
fig. opuesta con algunas opciones aparece.

* Mostrar/Ocultar todas las capas del actual color en la lista de

capas (el mismo comportamiento que un clic izquierdo sobre una caja de color).
* Mostrar todos los colores y asi todas las capas.
* Seleccionar o deseleccionar todas las capas con el color actual.
Los gradientes de color
Como para los mezcladores y paletas, hay colores predefinidos de gradientes que usted puede
copiar, renombrar, borrar. Estos gradientes predefinidos son accesibles en el menú emergente
indicado en la imagen de abajo en la ventana Gradient.
También es posible crear su propia gradiente de acuerdo a su criterio de color y opacidad:

* Un clic derecho en una de las claves de la barra de color le habilita a borrar la clave, para
asignar un color, A o color B o seleccionar un color.
* Un clic derecho en una de las claves de la barra de opacidad le
habilita a borrar la correspondiente clave o ajustar la opacidad (o
valor alpha).
* El número del campo spread mezcla los píxeles dentro del
gradiente actual.

* El campo numérico Dither trabaja de la misma manera que el

campo numérico Spread pero usa colores que no es necesariamente
entre aquellos ha elegido, aunque son muy cercanos a ellos (este
proceso a menudo se utiliza en el sector de vídeo).
* La opción Invert voltea el gradiente actual.
* La tecla flecha abajo del teclado habilita la calibración del área de transición de un gradiente a
otro.
* El menú emergente File le habilita para cargar o grabar sus gradientes en un soporte de
memoria. Puede tambien elegir recobrar el gradiente predefinido de TVP Animation si lo
requiere.

Gradientes de color y herramientas de dibujo

Los colores de gradiente son también útiles cuando trabaja con herramientas de dibujo:

Asignar un color o gradiente de opacidad a

una herramienta de dibujo provee una
amplia variedad de interesantes efectos
visuales (ver ejemplo de la fig. opuesta…).

A mayor potencia aplicada a la herramienta o

a mayor repetición en la pantalla, más
cubrirá su color el degradado elegido.