Este documento describe el programa Edge Animate y Tumult Hype, que permiten crear animaciones interactivas en HTML para la web. Edge Animate permite editar textos directamente y tiene soporte para Chromium, mientras que Tumult Hype es una opción de calidad a bajo precio para crear animaciones en HTML5 y CSS3 con una interfaz fácil de usar. Ambos programas permiten exportar animaciones a formatos compatibles con la web.

1. INTEGRANTES
Tatiana Erazo Rosero
Michel Dayana Quijano
Alexandra Arboleda Cortes
GRADO: 10-2
MATERIA: Tecnología
PROFESORA: JESSICA PATIÑO ROSAS

2. EDGE ANIMATE

3. Qué es el programa edge anímate
 Edge Anímate permite a los diseñadores web crear animaciones HTML
interactivas para la web, la publicación digital, la publicidad con medios
sofisticados y mucho más, llegando fácilmente tanto a navegadores de
escritorio como a dispositivos móviles.

4. Funciones
• Edición directa de los textos, en lugar de utilizar una ventana emergente
• Soporte de Framework incrustado Chromium de 32 y 64 bits
• Tiempo de ejecución de soporte reducido en 55 %
• Independiente de bibliotecas de terceros
• Carpetas personalizadas para guardar tus imágenes, archivos multimedia
y scripts
• Editor de acciones actualizadas
• Importación de hojas de sprites desde Flash Professional, Photoshop u
otras herramientas de diseño

5. Qué son las animaciones digitales
 Es la técnica que consiste en crear imágenes en movimiento mediante el
uso de una computadora (máquina también llamada, a veces,
«ordenador»). Cada vez más los gráficos creados son en 3D, aunque los
gráficos en 2D todavía se siguen usando ampliamente para conexiones
lentas y aplicaciones en tiempo real que necesitan rendelizar rápido.
Algunas veces el objetivo de la animación es la computación en sí misma,
otra puede ser otro medio, como los diagramas de infografía o
una película. Los diseños se elaboran con la ayuda de programas de
diseño, modelado y por último renderizado.

6. Tipos de animaciones digitales
 Bidimensional
A este tipo de animación se le
conoce por el manejo de elementos
bidimensionales. El uso de imágenes
son dibujos, fotografías, etc. Por lo
general este tipo de animación se
realiza bajo el principio de acetatos
(animación tradicional ) o capas
separadas (animación digital).
 Tridimensional
La animación tridimensional se
genera a partir del uso de formas
geométricas u
objetos dimensionales. Esta realidad
tridimensional se reduce en la
pantalla en
donde llega a una representación
bidimensional.

7. Tumult hype
 Tumult Hype es la mejor opción calidad y precio actualmente para crear
animaciones en HTML5 y CSS3. Disponible sólo para Mac, (39,99€) con
la que no sólo pueden construirse animaciones. Tiene todas las
facilidades para el usuario que no tiene ni idea de programación y
muchísimos recursos para los usuarios más avanzados, todo ello en una
interfaz muy lograda y fácil de usar.

8. Tumult hype

9. Características
 Línea del tiempo: aparecen listados los diferentes elementos de la animación
y todas sus propiedades, pudiendo añadir keyframes para establecer puntos
clave o de cambio de las mismas en el tiempo. En la parte superior tenemos
el navegador de escenas, donde definir diferentes escenarios y crear una
navegación entre ellos con transiciones.
 Inspector de hype: es la parte más importante, desde ahí podemos definir
todas las propiedades de nuestra animación o de cada elemento, además de
definir las acciones y ventas asociados: clicks, rollovers, comienzos/finales de
escenas, eventos de teclado…
 También en el inspector se puede marcar la opción de avisarnos en todo
momento de posibles problemas de compatibilidad con cada navegador,
incluyendo los móviles.
 Hype permite exportar las animaciones al formato widget de iBooks Author y
está integrado con Dropbox para subir automáticamente tus animaciones y
probarlas/compartirlas online rápidamente.
 Puedes probar una versión gratuita durante 30 días, de Hype descargándola
desde la web oficial.

10. Bibliografía
 http://www.adobe.com/la/products/edge-animate.html
 https://es.wikipedia.org/wiki/Animaci%C3%B3n_por_computadora
 https://animadigitalutem2014.wordpress.com/2014/06/25/tipos-de-
animaciones-digitales/
 http://www.hachemuda.com/2012/02/los-4-mejores-editores-de-
animaciones-en-html5-y-css3/