LINKS PARA CREAR ANIMACIONES FLASH
LINKS PARA DESCARGAR PLANTILLAS TIPO FLASH
domingo, 5 de junio de 2011
CONCEPTO Y FUNCIONES DE LOS PANELES MAS IMPORTANTES DE FLASH
LINEA DE TIEMPO
La línea de tiempo es el cuadro mágico, sin el seria solo un Paint defectuoso. Es un recuadro donde va cada segundo o instante de la animación a través del tiempo. A la derecha se encuentran los fotogramas y del lado izquierdo las capas (layers) de trabajo, se visualiza la construcción de la pelicula.
También esta formada por la “Cabeza lectora” (no, no es una persona que lee la mente o que lee un libro), si no que es un indicador que se posiciona en un instante de la película y muestra en el escenario lo que hay en ese instante, o séase lo que se vera en la película en ese momento.
Más detalladamente, en el cuadro de capas se aprecian 3 opciones, una es el ojo, la cual muestra u oculta la capa (su contenido), luego esta el bloqueador candado, que evita que podamos manipular o mover el contenido de esa capa en el escenario, y por ultimo paramostrar todas las capas como contornos. Después debajo de ese panel de capas se aprecian 3 iconos, el primero sirve para crear una nueva capa (recuerda que una capa es como si pusieras un papel transparente encima de otro y en ese papel pusieras lo que se te ocurra, si lo manchas de chocolate, lo que hay abajo no se vera, pero si dibujas un circulo ahí, y debajo había otro por otro lado, se vera, si los sobrepones y el circulo de la capa superior esta relleno de chocolate, no veras mas que el sobrante de la capa anterior)., con el segundo icono, al seleccionar un grupo de capas, las agrupa dentro de una carpeta para que no te rompas mucho el coco y te organices mejor. Y el final, para borrar capas.
BARRA DE HERRAMIENTAS DE FLASH
El área de herramientas como pueden ver se divide en 6 secciones, una es para selección, otra para creación de objetos, otra para relleno y manipulación, otra para zoom y movimiento, otra para cambiar los colores y la ultima para ajustar objetos o no.
Herramienta de Selección: Sirve para seleccionar, mover y transformar vectores.
Herramienta de Subselección: Nos permite seleccionar cosas que con la otra no podemos.
Herramienta de Transformación Libre: Activa controles en un elemento que sirve para redimensionar, rotar, cambiar de perspectiva y cambiar el centro de rotación.
Herramienta de Rotación 3D: Flash CS4 Incorpora una función para vectores nueva que se trata de la posibilidad de añadir una rotación con efecto 3D a objetos vectoriales.
Herramienta Lazo: Con esta podemos seleccionar cosas definidas por nuestro trazo.
Herramienta de Texto: Para escribir en el lienzo, una vez escrito un texto se puede modificar todo en el panel de Propiedades, de hecho el panel de propiedades se pueden cambiar muchas cosas.
Herramienta Pluma: Podemos crear trazados guiados por nuestros puntos, al crear un punto tras otro se crean puntas de vector, y podemos torcerlas para hacerlas curvas, y cerrar el trazo.
Herramienta Óvalo: Si quieres crear un circulo esta es tu herramienta, presiona Shift mientras creas uno para que el circulo se haga perfecto y bien simétrico.
Herramienta Línea: Para crear líneas rectas y en el panel de propiedades su grosor y color.
Pincel: SI tienes algunos pinceles guardados puedes usar esto para repartirlos en el lienzo.
Lápiz: El padre del dibujo, no te conviene si usas mouse, es inteligente y se ajusta a las curvas y líneas rectas un poco mal trazadas, es recomendable usarla si tienes tablet.
Herramienta de Decoración: Tiene 3 preestablecidas, decoración de adorno floral, decoración cuadriculada y el pincel de simetría, ideal para hacer preloaders y relojes.
Cubo de Pintura: Rellenar cosas es lo que hace.
Herramienta Hueso: Una novedad en CS4, con esto es mas fácil animar articulaciones fácilmente con las llamadas poses, en el video se muestra su uso mas simple, claro hay mas complejos.
Borrador: Borra trazados, y vectores con formas como cuadrado o circulo, ten cuidado con que borras, es tedioso usarlo, no es como en Photoshop.
Cuentagotas: Toma el color al que des click y lo guarda para usarlo en tu próximo movimiento.
Herramienta ZOOM: Para agrandar o reducir la escala del lienzo/escenario.
Herramienta Mano: A veces podemos crear películas flash que llegan a superar el tamaño que dejamos para visualizar el escenario debido a los paneles que hay alrededor, es mas fácil usar esta herramienta de exploración que usar las barras de desplazamiento.
Controles de Color: Con uno estableces el color del borde y con otro el color de relleno, si te fijas al querer seleccionar un color hasta en la esquina superior derecha veras un cuadrado blanco con una diagonal roja, eso es por si no quieres ningún color de relleno o trazado. El botón de intercambiar colores hace lo que es, intercambiar los colores y el de Blanco y Negro solo establece color blanco como relleno y negro como trazado.
Panel de Propiedades
El panel de propiedades facilita el acceso a los atributos más utilizados de la selección actual, ya sea en el escenario o en la línea de tiempo. Puede modificar los atributos del objeto o documento en el inspector de propiedades sin acceder a los menús o paneles que contienen estos atributos.
El inspector de propiedades muestra información y la configuración del elemento que está seleccionado, que puede ser un documento, un texto, un símbolo, una forma, un mapa de bits, un vídeo, un grupo, un fotograma o una herramienta. Cuando hay dos o más tipos de objetos seleccionados, el inspector de propiedades muestra el número total de objetos seleccionados.
El panel de propiedades muestra las propiedades de la herramienta Texto.
Para mostrar el inspector de propiedades, seleccione Ventana > Propiedades, o presione Control+F3 (Windows) o Comando+F3 (Macintosh).
Panel Biblioteca
El panel Biblioteca (Ventana > Biblioteca) es donde se guardan y organizan los símbolos creados en Flash, además de archivos importados tales como gráficos de imágenes de mapa de bits, archivos de sonido y clips de vídeo. El panel Biblioteca permite organizar elementos de biblioteca en carpetas, consultar con qué frecuencia se utiliza un elemento en un documento y ordenar los elementos por nombre, tipo, fecha, número de usos o el identificador de vinculación de ActionScript®. También puede buscar en el panel Biblioteca con el campo de búsqueda y definir propiedades en las selecciones de la mayoría
de objetos múltiples.
El panel Biblioteca muestra un símbolo de clip de película
Panel Acciones
El panel Acciones permite crear y editar código ActionScript para un objeto o fotograma. El panel Acciones se activa cuando se selecciona una instancia de un fotograma, botón o clip de película. El título del panel Acciones cambia a Acciones - Botón, Acciones - Clip de película o Acciones - Fotograma, según el elemento que esté seleccionado.
El panel Acciones muestra una acción stop() de un fotograma.
Para mostrar el panel Acciones, seleccione Ventana > Acciones o presione F9.
PANTALLA PRINCIPAL DE FLASH
1. Línea de tiempo: aquí se colocan las Capas y keyframes para las animaciones.
2. Propiedades: Muestra las propiedades que se pueden modificar del objeto seleccionado.
3.Área de trabajo: es donde colocaremos todos nuestros objetos que se mostraran en el juego.
4. Barra de menu: Serie de opciones que el usuario puede elegir para realizar determinada tarea.
5. Herramientas: Todo tipo de herramientas que nos serán útiles, lápiz, pincel, dibujar cuadrados, círculos, texto, etc.
DEFINICIÓN Y CARACTERÍSTICAS DE ADOBE FLASH CS4
Definición
Adobe Flash Professional es una aplicación de creación y manipulación de gráficos vectoriales con posibilades de manejo de código mediante el lenguaje ActionScript en forma de estudio de animación que trabaja sobre "fotogramas" y está destinado a la producción y entrega de contenido interactivo para las diferentes audiencias alrededor del mundo sin importar la plataforma. Es actualmente desarrollado y comercializado por Adobe Systems Incorporated y forma parte de la familia Adobe Creative Suite, su distribución viene en diferentes presentaciones, que van desde su forma individual hasta como parte de un paquete siendo estos: Adobe Creative Suite Design Premium, Adobe Creative Suite Web Premium y Web Standard, Adobe Creative Suite Production Studio Premium y Adobe Creative Suite Master Collection. Su uso en las diferentes animaciones publicitarias, de reproducción de vídeos (como ocurre en YouTube) y otros medios interactivos que se presentan en casi todas las páginas web del mundo le han dado la fama a éste programa dándoles el nombre de "animaciones Flash" a los contenidos creados con éste.
Crea y entrega contenido y aplicaciones dinámicas y efectivas.
Adobe Flash CS4 Professional es la forma más rápida de crear aplicaciones y contenido dinámicos para Internet.
Las características que permiten usar potentes vídeos, multimedia y desarrollar aplicaciones, se traducen en un mayor dinamismo en las interfaces de usuario, la publicidad en línea, los cursos de aprendizaje electrónico y el frontis de las aplicaciones empresariales.
Flash CS4 es una potente herramienta desarrollada por Adobe que ha superado las mejores expectativas de sus creadores.
Flash fue creado con el objeto de realizar animaciones y diseños vistosos para la web, así como para crear
Los motivos que han convertido a Flash CS4 en el programa elegido por la mayoría de los diseñadores web profesionales y aficionados son varios. Veamos pues, porque es interesante Flash CS4.
Desde la web de Adobe te puedes descargar una versión de evaluación de Flash CS4 válida para 30 días.
Los logotipos de Flash son propiedad de Adobe, así como las marcas registradas Flash y Adobe. aulaClic no tiene ninguna relación con Adobe.
¿POR QUÉ USAR FLASH CS4?
Las posibilidades de Flash son extraordinarias, cada nueva versión ha mejorado a la anterior, y el actual Flash CS4 no ha sido menos. Aunque su uso más frecuente es el de crear animaciones (a lo largo de este curso veremos lo sencillo que puede resultar) sus usos son muchos más. Son tantos, que todos los diseñadores web deberían saber utilizar Flash.
Flash ha conseguido hacer posible lo que más se echa en falta en Internet:Dinamismo, y con dinamismo no sólo nos referimos a las animaciones, sino que Flash permite crear aplicaciones interactivas que permiten al usuario ver la web como algo atractivo, no estático (en contraposición a la mayoría de las páginas, que están realizadas empleando el lenguaje HTML). Con Flash podremos crear de modo fácil y rápido animaciones de todo tipo, desde un botón a un complejo juego.
Además sus desarrolladores estan apostando muy fuerte por ActionScript, el lenguaje de programación Flash. A cada versión se mejora y ofrece un abanico de posibilidades cada vez mayor, por lo que además de dinamismo, Flash nos ofrece la posibilidad de ser la plataforma para aplicaciones web de un modo real.
Flash es fácil de aprender, tiene un entorno amigable que nos invita a sentarnos y pasar horas y horas creando lo que nos dicte nuestra imaginación, pero esto no es suficiente para ser el preferido por los diseñadores profesionales.
CARACTERISTICAS
Animación basada en objetos
Un nuevo sistema de animación hace que cada objeto en el escenario tenga su propia capa, linea de tiempo y sistema de animación. Los keyframes básicamente desaparecen como los conocíamos para convertirse en puntos de animación. En general parece mucho más fácil animar ahora en Flash CS4 que en las versiones anteriores.
Transformación 3D
Flash CS4 incluye una herramienta de rotación 3D. Con sólo arrastrar y soltar se puede rotar un objeto en los ejes X, Y y Z. Realmente eso es todo lo que es posible hacer con la transformación 3D. Pero hacer esto nativo hará que motores como Papervision 3D o Away 3D tengan mucha mayor calidad, velocidad, menos peso y mejores gráficos.
Editor de movimiento
Con el editor de movimiento es posible editar TODO. Hay curvas detalladas para el movimiento en X, en Y, las escalas, dimensiones, deformación, rotaciones, todo. Todo es controlable y ajustable en detalle. Ideal para el neurotico promedio de la animación profesional.
Cinematica: Herramienta de huesos
Muchos ya sabíamos que Flash CS4 incluía una herramienta de huesos para hacer cinemática inversa. Útil para animar extremidades del cuerpo, piezas mecánicas entrelazadas y, bueno, huesos. Lo que no sabíamos era lo estúpidamente fácil que es. Básicamente dividides los "huesos" de un sistema de animación en varios movie clips, luego dibujar los huesos encima y se acabó. Lo mejor de todo es que los huesos pueden ser referencia para animación o interactivos con un sólo click. Al ser interactivos, son arrastrables y reaccionan al usuario en ejecución.
sábado, 4 de junio de 2011
BREVE HISTORIA DE FLASH
MacromediaEra una empresa de software de gráficos y desarrollo web con centrales en San Francisco, California. Macromedia fue formada en 1992 por la fusión de Authorware, Inc. (creadores de Authorware) y MacroMind-Paracomp (creadores de Macromind Director).
Recuerdo la interface rudimentaria del FutureSplash Animator y la sorpresa que me causó ver “tantas” opciones (para la época) que convertían a los recursos multimedia del momento en algo digno de los Flintstones. Tanto el papel cebolla como la línea de tiempo eran revolucionarios y altamente útiles para animadores 2D.Las versiones 2 y 3 de Flash mostraron la visión de Macromedia y la evolución de la herramienta. Se iniciaba el camino hacia lo que actualmente se conoce como un standard mundial.
Suscribirse a:
Entradas (Atom)