Adobe Flash es una aplicación en forma de estudio de animación que trabaja sobre“Fotogramas” destinado a la producción y entrega de contenido interactivo para diferentes audiencias alrededor del mundo sin importar la plataforma. Es actualmente escrito y distribuido por Adobe Systems, y utiliza gráficos vectoriales e imágenes ráster, sonido, código de programa, flujo de vídeo y audio bidireccional.
En versiones anteriores, Macromedia amplió a Flash más allá de las animaciones simples, convirtiéndolo en una herramienta de desarrollo completa, para crear principalmente elementos multimedia e interactivos para Internet. De esta manera llegó a competir fuertemente con JavaScript que venía liderando en lo que es multimedia para la web. Hoy en día es muy común hablar de video FLV (Flash Player Video), de juegos Flash, aplicaciones de las más variadas, animaciones publicitarias, banners de todo tipo y con efectos nunca antes vistos. Ya que Adobe Flash esta principalmente dirigido a lo que es multimedia web, se afirmo sobre su entorno de desarrollo y progresó en él, llegando a cubrir la programación orientada a objetos que JavaScript siempre tuvo. Dejando a la web de lado, también es posible crear aplicaciones para ejecutar sobre un sistema operativo, usando el reproductor Flash Player. Este reproductor ya lo tienen incorporado las distintas versiones de los sistemas operativos que se lanzan hoy por hoy. Como también los navegadores web, como Internet Explorer, Firefox, Nescape, Google Chrome, entre otros- Estos traen consigo los plugins necesarios para ejecutar un archivo Flash. Ya sea un video o una animación los navegadores están preparados para reproducir con fluidez este contenido que nos brinda Adobe Flash.
Los formatos que admite son Gif, PNG, JPG, bmp, en imágenes por fotograma y en video continuo podemos guardar nuestras creaciones en sfw,flv,avi,mov, como también en gif animado. Por el lado de aplicaciones sobre el reproductor y no sobre exploradores se han desarrollado diversos plugins externos a adobe para hacer más potente nuestras aplicaciones dándonos acceso a bases de datos, acciones sobre ventanas y ejecuciones de procesos de sistema entre otras cosas. De esta manera nos damos cuenta que Adobe Flash se está quedando con la parte de web es decir On Line y no sobre los sistemas y reproductores con las aplicaciones Off line. Otra opción que nos da Adobe es usar en nuestra PC, aplicaciones On Line sin uso del explorador pero con conexión a internet. Adobe AIR es el que se encarga de realizar aplicaciones sobre código html o Flash, entre otras cosas podemos realizar compras por internet o tener lectores de noticias listas para leer en el escritorio. Aquí vemos un ejemplo del entorno de desarrollo de Flash Professional en su versión 8.
HERRAMIENTAS DE ADOBE FLASH
Flash es un sistema de entorno grafico que nos permite elaborar animaciones de interfaces graficas de interacción multimedia, es decir, juegos, menús en las animaciones, e incluso lo podemos ver en la mayor parte de los Ads(publicidad online) están hechos en Flash y en programas parecidos. Así formemos una animación de 3 minutos sin escenario sin saber que son símbolos y haciendo dibujo por dibujo a 12 fotogramas por segundo, y realizar 2160 imágenes x), o un sistema MMO, existen sitios web en las que estos sistemas flash manejan una vida virtual en la que puedes crear tu personaje flash y hacer que interactué con otros personajes, ganar dinero con estos y jugar minigames en el mismo sistema. Claro esto ya requiere ser un Sr. Ingeniero en flash. En escencia aquí en dibujando todos los tutoriales que veremos serán para story boards, animaciones, menús, menús web, como dibujar en flash, ahorrarnos trabajo de animación con As(Action Scrpit), y diferentes formas de animar en flash. Herramientas Al iniciar flash veremos entre otras cosas, nuestro lienzo una caja de herramientas, múltiples ventanas y pestañas entre ellas Propiedades, y nuestra Panel “Color” y seguido de Swatches, nos concentraremos en estas, en flash Cs5 existen muchas ventanas por lo que el siguiente tutorial tratara de ello, Si no están ahí, ve a Windows, y click en, “Color” “Swatches”, “Tools” y “Properties”.
Nota; Las Heramintas que contengan un triangulo negro en la parte Inferior
nos indica que hay subherramintas asociadas a ellas. haz un
click presionado, para verlas.
Selection Tool Esta herramienta ademas de seleccionar puede arrastrar Nodos sobre la lineas cambiarlas de posición y tamaño, ademas de convertirlas en curvas. Sub Selection Tool Esta herramientas nos permite jugar con los Nodos de la linea, cambiarlas de posición, y si estas son curvas nos permite visualizar un "ancla" para modificar con mayor precisión que selection tool, la curva de la linea y perímetro del relleno. Free Transform Tool Esta herramienta nos Permite modificar a escala tamaño, forma, Posición y rotación las figuras puras de flash(se les dice así, ya que no están convertidas en algún símbolo), existen opciones en Option Area, y en Modify>Transform. Gradient Transform Tool Cuando existe un degradado esta herramienta nos permite degradado, así como su forma.
en nuestro dibujo sea relleno o modificar la posición céntrica de
contorno, nuestro
3D Rotation Tool Herramienta exclusiva en As 3.0 y como su nombre lo dice nos sirve para rotar objetos en 3 planos. 3D Traslation Tool Herramienta exclusiva en As 3.0 y como su nombre lo dice nos sirve para trasladar en posición de un objeto en 3 planos. Lasso Tool Esta es una herramienta de libre selección, recuerda llegar al punto donde iniciaste las selección, de lo contrario esta cerrara por default en una linea recta. Pen Tool Es otro creador de lineas, la diferencia entre esta y "Line tool" es que pentool nos permite crear curvas directamente si dejamos presionado y arrastramos, ademas de que cada click esta crea nodos.
Add Anchor(añadir nodo), Delete Anochor, Convert Anchor Estas sub herramientas, nos sirven para añadir nodos en cada linea o quitarlas ademas de convertir un nodo plano, en curvo, es decir, que nuestra linea recta sera curva si usamos esta herramienta.
Text Tool Nos permite insertar Texto, en properties nos da las opciones para cambiar tamaño fuente, párrafo, y tipo de texto. Line Tool Crea una linea sencillas arrastrado la herramienta de un lado a otro y liberando para finalizar, esta se puede modificar con las herramientas selection, subselection y pentool`s.
Rectangle Tool, Oval Tool, Rectangle Primitive Tool, Oval Primitive Tool, Polystar Tool Nos permite crear figuras con relleno y linea, a diferencia de rectangle, oval, a los "Primitive" Tools, es que primitive tools, aparecen con algunos subnodos, el cual podemos arrastrar y modificar nuestra figura Polystar tool, con esta creamos, pentágonos hexágonos, etc, con ayuda de los subnodos podemos darle un N numero de lados.
Pencil Tool Es una herramientas de linea libre, como la de paint, esta tiene una serie de sub Opciones en Option Area, para hacer el trazo curvo en automático, Recto en Automático, o libre(es decir el trazo que hagas sera el que se calque en el lienzo).
Brush Tool, Spray Tool
Brush Tool es como pencil, solo que esta tiene formas, que se pueden elegir en Option Area, de la misma manera que spray tool lanza de manera aleatoria puntos, como paint esta tiene argumentos en Properties, en la que en vez de puntos podemos añadir símbolos que reemplazan estos puntos. Nota; Es recomendable navegar entre las diferentes opciones que nos brinda cada herramientas así como sus propiedades. Deco Tool Esta maravillosa herramientas que no apareció si no hasta la versión Cs5, es al igual que spray un lanzador aleatorio de "presets" o efectos, rayos, ramas de arboles... ademas de sistemas, es decir que puedes hacer animaciones muy fácilmente con esta herramienta con solo dejar apretado el cursos y mover, esta herramienta no aparece en el video tutorial, debido a que ese tutorial fue hecho con flash cs4, este herramienta se le puede cambiar sus atributos desde properties.
Bone Tool, Bind Tool Bone Tools, es una herramienta que nos facilita el movimiento de extremidades hecho en símbolos, Bind Tool es una herramienta algo difícil de entender, no doy muchas explicaciones acerca de estas herramientas ya que ni siquiera saben que es un símbolo, NO desesperen sacare un tutorial dedicado a Bone tools.
Paint Bucket Tool, Ink Tool Paint bucket es un rellenado de Áreas y solo funciona cuando tenemos un figura cerrada, de no ser asi, esta no funcionara, a menos que manipules las Opciones en Option area, para que rellene si hay huecos en las lineas, Ink Tool, nos sirve solo para cambiar de color las lineas. EyeDroper Tool También conocido en traducción al español como gotero nos sirve para identificar el color de alguna imagen exportada o una color que guardamos en swatches. Eraser Tool Eraser por mas que obvio borra las figuras puras, eraser no puede borrar símbolos a no ser que se este dentro del símbolo para borrar la figura pura. Hand Tool Sirve para desplacer a lo largo y ancho del lienzo cuando estamos en Zoom.
Zoom Tool Nos ayuda a acércanos a nuestro dibujo, en la parte superior derecha se encuentra en porcentaje de zoom que tenemos en ese momento también modificable si quieres regresar al estado default(100%). Stroke Color Únicamente es nuestro color de linea. Fill Color Únicamente en nuestro color de relleno. Black&White, Swap Colors No es mas que regresar a los colores default, y swap color, es para cambiar de fill a stroke y viceversa hablando de colores.
Option Area Option area está en la misma caja de herramientas y se encuentra justo debajo de Black&White, Swap Colors. Aquí aparecen todas las sub opciones de nuestras herramientas
Propiedades
Este panel es una ventanilla, y como todas puede cerrarse y tiene opciones sobre la misma ventana (rojo), puedes arrastrarla incluso y colocarla donde mas les convenga Cuando no se tienen herramientas seleccionadas nos da información general acerca de nuestra película, dimensiones, color de fondo, tipo de publicación, etc. Cuando elegimos herramientas esta nos da las propiedades que existen en esas herramientas divididas por pestañas(Azul), te recomiendo que juegues con las propiedades de las herramientas para que te enteres de toda clase de combinación que hay en flash cs5.
Paleta de colores y Paleta personalizada
Color Este es el aura de Flash, aquí se encentran todos los colores y formas de visualizar los colores ademas de permitirnos personalizar nuestros color swatches Respectivamente tenemos, nuestro stroke color, y fill color, de lado derecho en el box selection, podemos elegir un degradado, lineal, radial, cono o un relleno como imagen (un mapa de bits). Debajo de estos esta Black&White, la opción de "no color" que nulifica el color y esta sin relleno, seguido esta swap colors. Debajo de estas opciones generales, esta nuestro mapas de colores, y la barra de colores. que en si no tienen nombre, así que lo llamaremos rainbow bar, seguido están los estilo de espectro sobre el color, lo único que cambia es la posición de los colores, y la manera en las que se le desea ver, ademas de poder combinarlos en porcentajes para los profesionales en visualisacion, debajo esta la representacion Hexadecimal de nuestro color, es decir ese color, es ese número exactamente, #000000 es negro #FFFFFF es blanco, #0009FF Azul, etc, etc.... este se usa, para cuando manejamos AS a avanzado y lo que hacemos es cambiar el comportamiento de los colores. a lado de esta esta "A: 100%" esto es alpha, o transparencia de nuestro color. Abajo de esta
esta nuestro color actual, cuando existen degradados, nos muestra pequeños cuadros a lo largo del degradado que podemos mover y modificar, podemos añadir más haciendo click alado de un cuadro.
El ActionScript es el lenguaje de programación que ha utilizado Macromedia Flash desde sus comienzos, y que por supuesto, emplea Flash 8. A grandes rasgos, podemos decir que el ActionScript nos permitirá realizar con Flash 8 todo lo que nos propongamos, ya que nos da el control absoluto de todo lo que rodea a una película Flash. Absolutamente de todo. Sin embargo, en estos dos temas sólo vamos a ver una pequeña introducción a ActionScript que servirá para sentar las bases que permitirán empezar a trabajar con ActionScript. Enseñar a programar con ActionScript requeriría otro curso completo. Profundizar en el conocimiento de este lenguaje queda por cuenta del lector. Recomendamos seguir la estupenda Ayuda incluida en Flash 8. Todo lo referente a este capítulo hace referencia a la versión 2 de ActionScript, última versión de este lenguaje de programación lanzada por Macromedia e incorporada en Flash MX 2004. Características generales del ActionScript Como ya hemos comentado, el ActionScript es el lenguaje de programación propio de Flash, tal y como el Lingo lo es de Macromedia Director, por ejemplo. El ActionScript está basado en la especificación ECMA262, al igual que otros lenguajes como Javascript. El ActionScript es, como su nombre indica, un lenguaje de script, esto quiere decir que no hará falta crear un programa completo para conseguir resultados, normalmente la aplicación de fragmentos de código ActionScript a los objetos existentes en nuestras películas nos permiten alcanzar nuestros objetivos. El ActionScript es un lenguaje de programación orientado a objetos, tiene similitudes, por tanto, con lenguajes tales como los usados en el Microsoft Visual Basic, en el Borland Delphi etc... y aunque, evidentemente, no tiene la potencia de un lenguaje puramente orientado a objetos derivado del C o del Pascal como los anteriores, cada versión se acerca más a un lenguaje de este tipo. Así, la versión 2.0 estrenada en Flash MX 2004 es mucho más potente y mucho más "orientada a objetos" que su anterior versión 1.0 El ActionScript presenta muchísimos parecidos con el Javascript; si conoce Javascript, la sintaxis y el estilo de ActionScript le resultarán muy familiares. Las diferencias entre ambos lenguajes las puede encontrar en la ayuda que acompaña al Flash 8. En la mayor parte de las ocasiones, no será necesario "programar" realmente, Flash 8 pone a nuestra disposición una impresionante colección de "funciones" (de momento entenderemos "funciones" como "código ActionScript que realiza una función determinada") ya implementadas que realizan lo que buscamos, bastará con colocarlas en el lugar adecuado. Vamos a ver muchas de estas funciones en este curso, pero antes recomendamos tener claros ciertos conceptos relacionados con la
programación. Para ello, échadle un vistazo a nuestro tema básico.
.
El Panel Acciones
En Flash 8, el Panel Acciones sirve para programar scripts con ActionScript. Esto es, que todo lo que introzcamos en dicho Panel se verá reflejado después en nuestra película. Debemos tener claro desde un principio que el Panel Acciones puede hacer referencia a Fotogramas u objetos, de modo que el código ActionScript introducido afectará tan sólo a aquello a lo que referencia el Panel. Por ejemplo, en la imagen inferior, se puede distinguir que el Panel Acciones hace referencia al Fotograma 1 de la Capa 1. El Panel Acciones se divide en 2 partes, a la izquierda tenemos una ayuda facilitada por Flash que nos da acceso de un modo rápido y muy cómodo a todas las acciones, objetos, propiedades etc... que Flash tiene predefinidos. Estos elementos están divididos en carpetas, que contienen a su vez más carpetas clasificando de un modo eficaz todo lo que Flash pone a nuestra disposición. Para insertarlos en nuestro script bastará con un doble clic sobre el elemento elegido. Posteriormente veremos con detalle los distintos elementos de este Panel.
A la parte derecha tenemos el espacio para colocar nuestro script, aquí aparecerá lo que vayamos insertando. También incluye herramientas de utilidad, como la búsqueda de palabras, la posibilidad de insertar puntos de corte, la herramienta Revisar Sintaxis y la ayuda de Flash para ActionScript.
El Panel Acciones de Flash 8, al contrario que el de Flash MX 2004, no tiene
únicamente un modo de edición, por lo que tiene mucho más en común con el mod en el que se trabajaba con Flash MX que con la anterior versión Flash MX 2004. La libertad del modo "Experto" es total y por tanto, también lo es la posibilidad de comenter fallos, para asegurarnos de que nuestro script es correcto, al entrar en Modo Experto nos aparecerá un icono con el siguiente aspecto: Al pulsarlo Flash revisa nuestro código en busca de posibles errores, indicándonos, en su caso, la línea que presente el error y en qué consiste éste. Es un fallo común pasarse horas buscando porqué nuestra película no funciona correctamente y que el motivo sea que un error de sintaxis ha invalidado todo el código existente en un fotograma, que actua como si no hubiera NADA DE CÓDIGO en él. Pongamos pues, mucha atención en esto y revisemos el código concienzudamente.
El uso del modo en asistente es mucho más sencillo para ello pulsa el botón Asistente de Script y selecciona los comandos que quieras incluir, apareceran las opciones que deberas rellenar para que estos comandos funcionen correctamente y el código se generará automaticamente. Esta es una muy buena utilidad recuperada que permitira a los usuarios que acaban de empezar el uso de este lenguaje.