INTRODUCCION A ADOBE

ANIMATE CC
Objetivo: Conocer las herramientas para producir y aplicar animaciones a través de las
plataformas HTMLS, Canvas, WEBGL, FLASH PLAYER/ADOBE AIR, ETC.
POR: GEYRA TRIVIÑO LITARDO
Índice:
1. ¿Qué es ADOBE ANIMATE?
2. Filosofía de ADOBE ANIMATE.
3. Tipos de documentos.
4. Componentes de trabajo.
5. Evolucion de ADOBE ANIMATE.
6. Pasos para instalar adobe creative Cloud
7. Entorno y configuración de animate cc
8. CONFIGURACION DE TAMAÑO Y VISUALIZACIÓN
9.

10.


1: ¿Qué es ADOBE ANIMATE?

Objetivo: Describir el potencial de ADOBE ANIMATE CC y los tipos de documentos necesarios

para crear y reproducir una aplicación desarrollada.

• Es un software especializado para el diseño de animaciones aplicaciones multimedia con o

sin interactividad.
• Adobe Animate CC es un producto de Adobe Systems Incorporated, apareció en el año 2016.
• Sucesor de Adobe Flash Proffesional.
• Facilita la publicación de las animaciones producidas a través de las plataformas HTMLS
Canvas, WEBGL, FLASH PLAYER/ADOBE AIR.
• Integra el lenguaje de programación ANTIONSCRIPT 3.0.

2: Filosofía del trabajo de anímate
Objetivo: Diferenciar los tipos de documentos de Adobe Animate previo a su utilización.
• La filosofía de desarrollo de una aplicación multimedia en anímate es similar a la producción de la
películas de cine
• Conjunto de escena que se desarrollan durante un periodo de tiempo.
• Conjunto de actores que entran y salen de escena en un espacio de tiempo.

 3: Documentos anímate
Objetivo: diferenciar los tipos de documentos de adobe anímate previo a su utilización

• Documentos de trabajo – FLA.

• Películas Animate-SWF
• Publicación de documentos con códigos Action Script.
• Archivos Action Script-AS.
• Flash Player.
• Plugin que ejecuta una película Animate.
• Proyectos-EXE.
• Aplicaciones que incluyen el archivo SWF y el flash player integrado.
• Paquetes OAM-OAM.
• Widget que se pueden utilizar en otras aplicaciones de Adobe.
• Video en formato QuickTime.
4: Componentes de trabajo de anímate

Objetivo: Relacionar los componentes de trabajo de Adobe Animate para el desarrollo de una
aplicación

En anímate la duración de una película se mide en fotogramas que

habitualmente se lo genera por segundos (F.P.S.).
Entre los componentes mas habituales de la interfaz grafica de anímate
encontramos:

 Escenario - desarrolla la acción la cual
contiene el grafico de la película.


Línea de tiempo - es el espacio donde

se organiza el contenido (capas)
duración (fotograma) de la película.
 Pelicula- colección de objetos
multimedia para crear la película, clic
de audio, clic de video, símbolos

Escena - es el segmento de la película

de anímate la cual permite organizar el
documento de trabajo; cada escena tiene
una línea de tiempo y un escenario.
5: Evolución de anímate
Objetivo: Conocer la evolución de Animate
 Future Splash Macromedia Flash Macromedia Flash Macromedia Flash
Animator (1997) 3 (1998) 4 (1999)
(1996)



Sigue siendo una Se mejora la
 Herramienta de herramienta solo de Ahora incluye Script navegación y el 92%
animación código binario. de los navegadores lo
animación. usan.
vectorial.

Flash Basic 8 Flash Proffesional Macromedia Flash Macromedia Flash
(2005) (2003) Mx (2001) 5 (2000)

2 versiones 12
Lanzado con flash formas de Se hacen tan masivo
player 8, esta Comienzas a que la gran parte de
versión ha limitado programas A51 y exportar para los sitios tiene
el soporte para A52. dispositivos grandes intros y
video. menús que en
móviles. ocasiones son
exagerados.
 Adobe Flash Adobe Flash cs4
Proffesional (2006) Profesional (2007)


 Primera versión de
Compatibilidad con
Action Script 3.
Photoshop ilustrador.

6: Pasos para instalar adobe creative Cloud
Objetivo: Identificar el proceso de instalación del paquete completo de adobe
creative cloud.

 ¿Cómo descargar la aplicación de escritorio

adobe creative cloud?
• La aplicación de adobe cloud permite descargar y actualizar aplicaciones de adobe
creative cloud.

• A continuación las instrucciones que indica para descargar o instalar la aplicación son:
•

• Ve a la pagina de app de escritorio de creative cloud

https://www.adobe.com/es/creativecloud,desktopapp-html.
•

• Haga clic en la pagina descarga que aparece en la ventana contextual.

•

• Siga las instrucciones que aparece en la pantalla.


 7: Entorno y configuración de animate cc

Objetivo: Identificar las principales característica y la configuración del entorno de

animate.
INTRODUCCIÓN A
REDES CARACTERISTICAS VENTAJAS
EDUCATIVAS
• REDES EDUCATIVAS •
• •
•
• •
• Ventajas
Ventajas de
de utilizar
utilizar animate:
• Son estructuras • Las
Las características
características son:
son: animate:
• Intercambiar •
• Animate se basa en
Animate se basa en
intencionales, • Intercambiar imágenes
experiencias imágenes vectores
vectores lo lo
con intereses u experiencias yy que permite que al
conocimientos. que permite que al
objetivos conocimientos. calibrar
calibrar su
su tamaño
tamaño no no
•
• Trabajar en
Trabajar en proyectos
proyectos pierda calidad.
comunes en las colaborativos.
pierda calidad.
que todos sus colaborativos. •
• Animate esta
Animate esta respaldada
respaldada
•
• Crear
Crear grupo
grupo de
de trabajo
trabajo por
por el
el 95%
95% de de los
los
miembros tienen en comunidades. navegadores
navegadores y funciona
y funciona
en comunidades.
la posibilidad de • independiente
independiente del del 50.
50.
• Ofrecer
Ofrecer yy recibir
recibir apoyo
apoyo
trabajar y de
de otros miembros de
otros miembros de
•
• No
No requiere
requiere de de plugin
plugin
responsabilizarse la dependiente
dependiente para ver
para ver
la red.
red. videos.
en igualdad. videos.
 DESVENTAJAS ADOBE ANIMATE: es un programa de pago y si bien
los plugin o reproductores de este tipo de archivos.
• Desventajas de utilizar
animate: Son gratuititos para crearles necesitamos comprar el
• Posee limitaciones de software.
ancho y velocidad.
• Puede generar
problemas con
algunos
navegadores ya
que si no se instala
el plugin de adobe
nuestra web
((desaparecerá)).
 Entorno y configuración de animate cc

• Al ejecutar botón inicio todos los programas

Característica adobe animate cc se muestra en pagina de
del interfaz. inicio

• Abrir un elemento reciente lista de los últimos

Divididas en archivos abiertos con este programa.
secciones. • Crear nuevo: película desde cero.

• una nueva película a partir de esta, la plantilla para

Crea una comenzar trabajos de animación, anuncios, y
presentaciones.
plantilla:
• Ayuda sobre la aplicación aprendizaje.
 ELEMENTOS
OBJETOS
-GRAFICOS
ESCENARIO SIMBOLO LINEA DE TIEMPO
-BOTON
-CLIC DE PELICULA

BARRA DE
PANELES MENU CAPAS
HERRAMIENTAS
8:CONFIGURACION DE TAMAÑO Y VISUALIZACIÓN

Objetivo: Contribuir el desarrollo de aplicaciones utilizando las propiedades que ofrece

animate

Configuracion de la •Animate genera archivo vectoriales esto requiere decide que el tamaño de la
pelicula no importa demasiado ya que puede expandir a centrarse sin que
pelicula afecte su calidad

Tamaño de la •En la ventana de propiedades del documento utilizar una de estos métodos.
•-hacer clic en la escena y en el panel de propiedades
pelicula •-menú
•La velocidad mas inusual son entre 12 y 24 fotograma por segundo

Visualizar el área de •En el área de trabajo la zona correspondiente a la escena y todos

los alrededores que se muestra es color gris
trabajo
 • Para reproducir la pelicula una vez dispuesto
todos los elementos que conforma la escenas
con pulsar botón, intro si queremos ver como se
Reproducción reproducirá en un navegador pulsar la tecla F12.
• Los archivos PSD, AI, Photoshop e ilustrador se
pueden editar en animate

ANTES DE PUBLICAR SIGUE ESTOS PASOS

1- Menú archivo>configuración se publicaciones o bien pulsar en el

parcial propiedades > configuración de aplicaciones de aplicaciones se
mantiene en cuadro de dialogo del mismo nombre:
 9: TIPO DE ARCHIVOS DE ANIMATE

 Objetivo: Diferenciar los tipos de archivos de animate que se utiliza previa a su reproducción

Entre los tipos de archivos que maneja animate están:

.GIF.-Crea una imagen de baja resolución (256 colore)
.FLA.- Contiene el desarrollo de la pelicula sin copilar,
pero de descarga rápida
visualizar como esta hecha la pelicula y permite
.JPEG.-Crea una imagen de alta resolución (fondo
editarla
blanco)
.SWF.-Contiene la pelicula compilada y que
.PNG.-Crea una imagen hibrido entre gif y jpge crea
utilizaremos. No permite editar la pelicula solo
transparencia
visualiza.
Proyectores de Windows y Mac.-Contiene la pelicula
.HTML.-Contiene el conjunto de instrucciones para
Animate y el reproductor el resultado ess un archivo
que el archivo .swf se pueda reproducir en el
exe (app) ejecutable que se reproduce sin necesidad
navegador.
de Animate
 EXPORTACION DE PELICULA
 Exportación podemos obtener formatos de archivos que no están disponibles en la publicación para exportar
1. Abrir archivo que contiene la pelicula (Archivo>abri)
2. Archivo>exportar>exportar pelicula
1.

TAMBIEN SE DAN OTRAS OPCIONES COMO:

A. Exportar imagen: crea imágenes individuales de un fotograma determinada
B. Exportar selección o secuencia de imagen: crea un archivo de aprendiente para cada una de los
fotogramas
C. Exportar pelicula: se exporta toda la pelicula de animate conpleta con todo su movimiento a otro
formato
LAS FORMULAS QUE PUEDAN EXPORTARSE
DESDE ANIMATE COMO PELICULA SON:
• Pelicula animate (SWF)
• Avi de Windows (AVI) este formato esporta la pelicula como un video
de Windows
• Quicktime (.MOV)
• GIF animado (.gif)
 10: TIPOS DE SALIDA DE ANIMATE

 Objetivo: Relacionar los tipos de salida, ejecución y formato de Animate previo a su ejecución

TIPOS DE SALIDA
• Desde el editor de Animate pulsando la tecla intro
• Central + Intro se crea un archivo .SFW que se encargara de ejecutar el reproductor sin abandonar el
programa
EJECUCION
• Una ves creado un archivo .SFW, se puede reproducir en cualquier ordenador que tenga instalada el
reproductor de Animate
• Mediante un navegador de internet pulsando ALT+Mayuscula+F12
FORMULAS
• Archivo .EXE `proyector de Windows
• Archivo .GIF animado el sonido no se reproducirá
• Archivo .AVI de Windows
• Archivo Quiktime
•