Page 2 - Adobe Ilustrator

IDEAS PREVIAS

¿Qué es una máscara? ¿Para qué se usan las máscaras? ¿Por qué crees que este elemento también
se puede usar en las animaciones? ¿Cuál sería la función de este tipo de efectos en animaciones que
se diseñen para páginas web?.

PRESENTACIÓN

Cuando ingresas a navegar a un sitio web de cantantes o marcas reconocidas, te encuentras con
animaciones muy particulares, imágenes que aparecen borrosas y que, posteriormente, con la
animación, se aclaran mostrando la imagen real. Este efecto es muy común. Visita la página web de tu
artista favorito para que puedas apreciar los efectos.

A continuación, aprenderás cómo crear animaciones con imágenes y textos que contienen máscaras
para darles este particular efecto. De igual forma, aprenderás a incorporar guías de movimiento en las
animaciones para darles una ruta de traslación muy particular.

MÁSCARAS

Son un tipo de capa que permite que el objeto contenido en él sirva como antifaz para dejar traslucir lo que
se encuentra debajo de ella. La presencia de este tipo de capa demanda la aparición automática de otra
junto a ella, la cual es denominada capa enmascarada. Cuando reciben estas modificaciones, ambas capas
quedan bloqueadas y la enmascarada aparece con el nombre un poco más a la derecha para representar
que depende de la capa máscara.

Crear animaciones con máscaras estáticas

En muchas páginas web, se aprecian animaciones en las que algunas imágenes pasan moviéndose por
detrás del objeto máscara. Esto se logra gracias al uso de la capa máscara y la interpolación de movimiento.
Para esta parte del proyecto, crea un archivo nuevo, guárdalo con el nombre
Máscara.fla y realiza los siguientes procedimientos:
1. En la Capa 1, importa la imagen Adele1.jpg al escenario y usando el
panel Alinear consigue ubicar la imagen al centro del escenario con las
dimensiones del archivo por defecto.

98 Animación digital con Adobe