Los gráficos e imágenes en Flash tienen un tratamiento especial. Por un lado están los elementos que importamos de otros programas y por el otro, los elementos y sÃmbolos que creamos ahà mismo, en el entorno de Flash.
Adobe Flash es un programa vectorial. Esto no significa que no podamos utilizar imágenes de pÃxeles, sino que tenemos menos capacidad de edición de estos elementos.
Compatibilidad del programa con vectores y pÃxeles
Por ser un programa vectorial, Adobe Flash edita gráficos de vectores a la perfección. Estos gráficos pueden realizarse in situ o importarse de programas de este tipo como la aplicación Adobe Illustrator. Quiero que quede muy claro esto de “editar“, porque Flash no es un programa para “ilustrar” o “dibujar”, sino un programa de animación.
Es común que nos veamos tentados de realizar dibujos ahà mismo, pero no es lo más conveniente. A menos que se trate de elementos básicos, siempre conviene utilizar aplicaciones especializadas en lo que queremos hacer. Adobe Flash nos garantiza importar gráficos vectoriales sin ninguna dificultad.
Tip: al importar gráficos de Adobe Illustrator, ten en cuenta que el mismo no debe tener ningún componente agrupado. De lo contrario podrás ver partes rotas o vectores faltantes en algunas versiones de Flash.
También puedes trabajar con imágenes de pÃxel, pero la edición es bastante rudimentaria. Se puede variar el tamaño de la foto, la inclinación y otros detalles de este tipo. La idea es que las imágenes se importen a la biblioteca. No se deben pegar imágenes directamente. Tener los elementos en la Biblioteca me permite reutilizarlos las veces que quiera.
Cuando trabajes con una imagen en Flash, esta se verá con un recuadro alrededor. El recuadro no te va a impedir editarla superficialmente (tamaño, inclinación, etc.), pero sà editar su interior. Es decir, borrar pÃxeles. Para borrar o editar pÃxeles, tendrás que “desbloquear” la imagen desde la opción Editar/Preferencias, o con Ctrl.+B.
Tip: es aconsejable editar todo lo que sea posible de manera numérica. AsÃ, tendremos más control de lo que hacemos.
Lo extraño de Flash es que los elementos vectoriales también tienen su vista de pÃxel. Si seleccionamos un objeto de este tipo con la flecha negra, lo veremos en su versión de pÃxel y podremos editarlo, incluso borrando sus pÃxeles (lógicamente los vectores variarán luego de esta edición). Si seleccionamos un objeto con la flecha blanca, veremos las lÃneas con sus vectores y tendremos la posibilidad de editarlos normalmente. En la imagen de la derecha podemos ver tres pasos comunes con gráficos creados en Flash:
- Creación de imagen vectorial
- Selección para visualización y edición de vectores
- Selección para visualización y edición de pÃxeles
Tratamiento de pÃxeles
Lo más importante es qué hacer cuando quiero eliminar fragmentos de una imagen. La selección en Flash en estos casos –hay que decirlo– es mala y si podemos prescindir de ella, mejor. Hay que organizar bien el trabajo de modo de realizar las ediciones de imágenes en programas como Adobe Photoshop y similares. AsÃ, la imagen llega a Flash lista para utilizar o editar mÃnimamente.
Sin embargo, es muy útil saber cómo hacer para que se vea sólo una parte de una imagen ya que hay veces que esto nos sirve después para la animación. En la imagen se pueden ver tres jarrones con el fondo de una pared. En un proyecto, por ejemplo, se podrá querer una animación donde se muestre por un lado un jarrón y por otro el fondo.
Introducción al uso de máscaras
En este caso, Flash no me permite seleccionar adecuada y rápidamente esa parte de la imagen. La única forma de hacerlo con exactitud es creando una máscara. ¿Cómo? Generando la misma forma del jarrón, utilizando la herramienta de la pluma. Esa forma vectorial (capa 2) deberá estar en la capa superior a la de la foto de los jarrones (capa 1). Luego convertiré la capa 1 en máscara.
En la primer imagen se ve la foto original, con el gráfico vectorial en la nueva capa.
El resultado será el jarrón solo. El problema fundamental es que la graficación vectorial en Flash no es para nada buena. De hecho, cuando uno edita vectores y las lÃneas se superponen, el programa genera vectores nuevos en el punto de encuentro. Es tan difÃcil y diferente a otros programas vectoriales, que la mejor opción es graficar la máscara con otra aplicación. Sobre todo con una finalidad que requiera tanta precisión.
Como la máscara estará en una capa y la imagen en otra, podremos ver independientemente una de la otra. Se puede mover o editar la máscara y lo mismo con la foto.
Máscaras con movimiento
La máscara y el sÃmbolo son objetos independientes que tienen movilidad independiente. Se puede animar una máscara, el gráfico al que contiene o ambas. La máscara no tiene que ser necesariamente un objeto inanimado.
En la imagen de la izquierda podemos ver una mesa de Flash con dos elementos en dos capas diferentes: una imagen y un sÃmbolo. La idea es que lo único que quede visible de la imagen sea un espacio idéntico al cÃrculo. Para esto usamos el cÃrculo como máscara. Pero además queremos que ese “foco” se mueva. Paso a paso:
- Pega una imagen cualquiera en una capa
- Crea un cÃrculo en una capa superior
- Convierte el sÃmbolo (cÃrculo) en gráfico
- Posiciona el cÃrculo sobre la imagen y crea una animación en la que el cÃrculo se mueva sobre la foto.
- Una vez que tengas la animación hecha, convierte la capa “circulo” en máscara.
Quedará algo asÃ:
Animación de máscara
En la animación podrás ver la máscara animada sobre la imagen. Ahora, en la siguiente animación hice al revés: la máscara sigue siendo el cÃrculo, pero esta vez queda quieto y lo que se anima es la imagen (Deberás convertir en gráfico todo lo que quieras animar, lo que queda inmóvil puede permanecer como sÃmbolo o imagen).
Animación de imagen con máscara estática
Este tipo de animaciones con máscaras tiene infinitas aplicaciones. Se pueden usar la cantidad de máscaras que se quiera sobre un mismo objeto. Te propongo como tarea, hacer al menos 5 animaciones con máscaras. Esto te va a ayudar más tarde con animaciones más complejas.
La clase siguiente profundizaremos en el tratamiento de vectores, cómo se maneja el programa en estos casos y cómo lograr mejores resultados. Los vectores son fundamentales para tratar con Flash, pero las imágenes se nos presentarán como una piedra en el camino que tendremos que manejar de la mejor manera posible. Para eso, es necesario practicar los conceptos de esta clase. ¡Hasta la próxima!
| << CLASE ANTERIOR |
