Adobe Flash

Desde su creacin a finales de los aos noventa, Flash ha ido evolucionando

sufriendo diversas transformaciones.

Naci en 1995 de la mano del fundador de FutureWave Software, Jonathan

Gay, quien tras disear un software llamado SmartSketch decidi agregarle
opciones de animacin y caractersticas de Java. A este hbrido lo bautiz
como Future Splash Animator. El programa tuvo una gran aceptacin y en 1996
fue un gran xito en ventas.

Ese mismo ao Macromedia adquiere el software y decide renombrarlo: lo

presenta como Macromedia Flash 1.0., una herramienta de animacin y plug-in
opcional para navegadores web. Al ir aumentando sus caractersticas (se crearon
hasta 8 versiones) Flash se vuelve ms popular y se convierte en el plug-in
estndar de casi todos los navegadores. Con esta herramienta los diseadores
podan crear entornos grficos de pginas web vectoriales e interactivas.

En 2005 Adobe Systems adquiri Macromedia por lo que Flash fue incluido en su
conjunto de software pasando a llamarse Adobe Flash Professional. A partir de
2007 Adobe va lanzando diversas versiones, aadiendo en cada una de ellas
caractersticas con las que intentar que el software estuviera ms preparado para
las necesidades tecnolgicas que iban surgiendo. A pesar de todos sus esfuerzos
el software ha ido devalundose debido a numerosos problemas de seguridad y de
rendimiento. YouTube elimino Flash progresivamente, Mozilla lo bloquea, Amazon,
Google y Facebook han pedido su supresin definitiva.
De modo Flash vuelve a cambiar de nombre nuevamente. Adobe entierra la
denominacin Flash para sustituirla por Adobe Animate CC.

Adobe Animate CC

Adobe Animate CC permite crear animaciones vectoriales, anuncios, contenido

multimedia, experiencias envolventes, aplicaciones, juegos y ms en un entorno de
edicin basado en una lnea de tiempo. Animate ofrece compatibilidad con varias
salidas, como HTML5 Canvas y WebGL.

Qu es HTML?

HTML es un lenguaje de programacin que se utiliza para el desarrollo de pginas

de Internet. Se trata de la sigla que corresponde a HyperText Markup Language,
es decir, Lenguaje de Marcas de Hipertexto. Todas las pginas estn
elaboradoras con HTML y cualquier navegador puede abrir estas pginas por lo cual
es su xito. El lenguaje HTML es libre, actualmente la versin ms nueva es el
HTML 5.
En un sitio web adems del HTML se puede usar CSS y JavaScript con lo cual se
obtiene un sitio ms vistoso

Qu es CSS?

CSS son las siglas del ingls Cascading Style Sheets (Hojas de Estilo en Cascada)
y bsicamente consiste en la informacin que define como va a ser la presentacin
de una web. Esto se refiere a si un texto va en negritas, en colores, efectos, tipos
de letra que escogemos,etc. Es decir el CSS hace que una pgina sea ms
bonita. La versin mas nueva de CSS es la 3.

Qu es y para qu sirve JavaScript?

JavaScript es un lenguaje de programacin. JavaScript se utiliza principalmente del

lado del cliente (es decir, se ejecuta en nuestro ordenador, no en el servidor)
permitiendo crear efectos atractivos y dinmicos en las pginas web. Los
navegadores modernos interpretan el cdigo JavaScript integrado en las pginas
web.
 Qu es canvas?

Canvas es un elemento de HTML 5 que permite dibujar grficos, manipular

imgenes y realizar animaciones en una pgina web de forma dinmica. Es decir,
el grfico se crea en el momento en que se carga la pgina.

Al definir un Canvas en una pgina web se crea un lienzo de dibujo o rea de dibujo
rectangular. Despus de crear el dibujo lo que queda es un "mapa de bits".

Canvas ha sido incorporado recientemente al HTML y no puede ser soportado por

los navegadores antiguos. Se requiere una versin actualizada de Chrome (26),
Firefox (20), Internet Explorer(10), Safari (6.0), etc.
 Qu es WebGl?

WebGL es una tecnologa para crear grficos 3D en un navegador web. Esta

herramienta est basada en la conocida biblioteca de grficos OpenGL 2.0,. La API
(Application Programming Interface ) WebGL ha sido desarrollada siguiendo el
estndar OpenGL, (Lenguaje de Sombreado de OpenGL)
 CONTENIDO:

1. INTRODUCCIN A FLASH
Para qu sirve.
El entorno de trabajo.
Importar: Formatos soportados. Trabajar con imgenes importadas.
Ajustes bsicos para una animacin en Flash.
Principios bsicos de la animacin
Propiedades de la animacin.
Usando toolbox, paneles, linea de tiempo
Propiedades de la Movie Clip
Uso de guas, grilla y regla
Organizacin del trabajo

2. TCNICAS DE DIBUJO CON FLASH CS5

Herramientas:
Lpiz: Tipos de trazos
Brocha. Opciones para pintar.
Texto. Propiedades del prrafo.
Tinta. Color de lneas.
Relleno: Tipos de rellenos y degradados. Formas de rellenar.
Goma de borrar. Opciones de borrado.
Gotero.
Lupa.
Lazo y varita mgica.
Comprobar interactividad.
Copiar, pegar, duplicar
Editar curvas
Mover objetos
Agrupar y desagrupar
Alinear objetos
Escalar, Rotar e inclinar
Operaciones con bitmaps: break apart.

3. TRABAJANDO CON OBJETOS

Seleccin de objetos
Mover, copiar, escalar, rotar y transformar
 Alineacin de objetos
Agrupacin

4. CREACIN DE ANIMACIONES
El Timeline: (lnea de tiempo)
Crear capas, visualizacin y edicin.
Capas o layers especiales Mascara y Gua
Parmetros de la animacin.
Animacin fotograma a fotograma. Keyframes
Animacin de fotogramas interpolados:
De movimiento (motion tweening)
De formas (shape tweening).
Caracterstica de los diferentes frames claves.
Onion skinning.
Uso de mscaras.
Edicin de animaciones.

5. SMBOLOS
Creacin de smbolos.
Edicin de smbolos.
Colocar un smbolo en la escena.
Instancias de un smbolo / tipos de smbolo
Botn - Movie Clip Grfico - Propiedades
Utilizar smbolos de otros archivos. Librera de smbolos.

6. INTERACTIVIDAD
Smbolos de tipo botn
Estados del botn: Up, Over, Down, Hit
Uso del Action Panel
Asignar acciones a un objeto
Asignar acciones a un fotograma.
Tipos de acciones bsicas en navegacin e interaccin
Editar acciones.
Botones animados y mens desplegables

7. SONIDO
Importar sonidos.
Agregar sonidos al Timeline.
Asociar sonidos a los botones.
Controles de edicin de sonido
Efectos
Sincronizacin
 Volumen.
Exportar movies con sonido
Formato MP3.

8. PUBLICACIN y EXPORTACIN
Optimizacin de la animacin.
Compatibilidad entre versiones
Test de la movie
Formatos de exportacin.
Distribucin y trminos legales
Players
Exportar para la web. Incrustar en un HTML Funcin Publish
Configuracin.
Exportar para video / Exportar para Director
 Creacin y publicacin de documentos en Animate CC
HTML 5 Canvas
Animate CC permite crear documentos de HTML5 Canvas con ilustraciones
enriquecidas, grficos, animaciones, etc. Este tipo de documento proporciona
compatibilidad nativa para crear contenido enriquecido e interactivo de HTML5.
Esto significa que puede utilizar la lnea de tiempo, el espacio de trabajo y las
herramientas tradicionales de Animate para crear contenido y producir salidas
de HTML5.

ActionsScript
Es el tipo de archivos que siempre a manejado Flash y ahora Animate, utiliza el
lenguaje Actions Script 3.0 y se crean archivos .fla o swf

Configuracin de un nuevo documento

Anchura y altura. Para especificar el tamao del escenario en pxeles,
introduzca los valores en los cuadros de texto Anchura y Altura. El tamao
mnimo es de 1 x 1 pxel; el tamao mximo es de 2.880 x 2.880 pxeles.
Unidades de regla. Para especificar la unidad de medida de las reglas que
aparecen en el rea de trabajo, seleccione una opcin en el men Unidades
de regla.
Velocidad de fotogramas. En la seccin Velocidad de fotogramas,
introduzca el nmero de fotogramas de animacin que deben mostrarse
cada segundo. Para la mayora de las animaciones que se muestran en los
equipos, especialmente las que se reproducen desde un sitio web, basta
con una velocidad de entre 8 fotogramas por segundo (fps) y 15 fps.
Cuando se cambia la velocidad de fotogramas, la nueva velocidad pasa a
ser el valor predeterminado para los documentos nuevos.
Color de fondo. Elija el color de fondo del escenario

Pantalla principal
Escenario
El escenario es el rea rectangular donde se coloca el contenido grfico cuando
se crean documentos de Animate. El escenario del entorno de edicin representa
el espacio rectangular de Flash Player o del navegador web donde se muestra el
documento durante la reproduccin. Un contorno negro predeterminado muestra la
vista de esquema del escenario.

Zoom escenario
Cambiar las preferencias del escenario (tamao, color , etc)
Rotacin del escenario. Le permite girar la vista del escenario temporalmente
para que sea ms fcil dibujar y pintar con un ngulo particular sin tener que
girar constantemente los objetos del escenario, como hace la herramienta
TransformaciGn libre. Para girar el escenario rpidamente, sin importar la
 herramienta seleccionada, mantenga presionadas las teclas Mays y de
espacio y arrastre el ratn para girar la vista.
Escalar contenido del escenario Preferencias de avanzado
Utilizacion de guias y reglas, cuadricula (men ver)

Barras de Herramientas

Lnea del tiempo. La lnea de tiempo muestra dnde hay animacin en un

documento, incluidas la animacin fotograma por fotograma, la animacin
interpolada y los trazados de movimiento.
Los controles de la seccin de capas de la lnea de tiempo permiten mostrar u
ocultar y bloquear o desbloquear capas, as como mostrar el contenido de las
capas como contornos. Puede arrastrar fotogramas de la lnea de tiempo a una
nueva posicin en la misma capa o a otra capa.



https://helpx.adobe.com/es/animate/using/using-stage-tools-panel.html

https://helpx.adobe.com/es/animate/using/basic-tools.html

https://helpx.adobe.com/es/animate/using/timeline.html