06. Animaciones HTML5 con Edge Animate: Diseñar Animaciones II.

Podemos crear animaciones en Edge Animate utilizando métodos de animación tradicionales basados en fotogramas clave. Edge Animate también proporciona un método alternativo basado en la herramienta Pin para crear fotogramas clave. (Referencias: Crear animaciones).

Sexto vídeo del curso de Animaciones HTML5 con Adobe Edge Animate, dictado por Jesús Conde. En esta ocasión continuamos aprendiendo a cómo realizar el diseño de animaciones.

Así que sin más vamos a la sesión que hoy nos tiene nuestro maestro Jesús Conde...

05. Animaciones HTML5 con Edge Animate: Diseñar Animaciones.

Podemos crear animaciones en Edge Animate utilizando métodos de animación tradicionales basados en fotogramas clave. Edge Animate también proporciona un método alternativo basado en la herramienta Pin para crear fotogramas clave. (Referencias: Crear animaciones).

Continuando con el curso de Animaciones HTML5 con Adobe Edge Animate, dictado por Jesús Conde. En la quinta sesión aprenderemos a cómo realizar el diseño de animaciones.

Pues listos, pónganle PLAY y aprendamos hoy...

04. Animaciones HTML5 con Edge Animate: Trabajar con Textos.

Hablando conceptualmente , las líneas guía son líneas horizontales, verticales u oblicuas, que se pueden colocar en cualquier punto del área de trabajo. Se puede colocar un número ilimitado de Líneas guía. Las líneas guía también son objetos que se pueden seleccionar, girar, desplazar, duplicar o borrar. (Referencias: Líneas guía).

Siguiendo el curso de animaciones con Adobe Edge Animate, dictado por Jesús Conde. En su cuarto vídeo aprenderemos el uso de texto en nuestros proyectos de animación HTML5, ya que en cualquier sitio web siempre se implementa esta pieza ya sea para ornamentación o bien para información. Tendremos un preámbulo con el uso de las líneas guía y luego el manejo de la herramienta de texto en Edge Animate.

Así que entremos a la sala y escuchemos al maestro...

03. Animaciones HTML5 con Edge Animate: Trabajar con gráficos.

Con el uso de Edge, tenemos la posibilidad de importar nuestro sitio actual y agregar animaciones a los documentos HTML y también la de importar gráficos estándar para la web como SVG, PNG, JPG y GIF, estilos CSS, y aplicar hasta 27 diferentes transformaciones. Esta son grandes prestaciones debido a que cuando se trata de animaciones es necesario trabajar con gráfico como base y Edge nos abre la posibilidad de hacerlo. (Referencias: Edge, el nuevo editor de animación HTML5 de Adobe).

Continuamos con el curso relacionado con HTML5: realizando animaciones con Adobe Edge Animate. En la tercera entrega de este curso realizaremos el trabajo de gráficos y imágenes en Edge, conociendo de esta manera el cómo utilizar las herramientas llamadas para trabajar en este aspecto.

Así que tomen asiento que ya empieza una nueva exposición de nuestro maestro, Jesús Conde...

02. Animaciones HTML5 con Edge Animate: Crear primer proyecto.

Adobe Edge es un nuevo proyecto que permitirá a los diseñadores crear animaciones basadas en estándares como HTML5, CSS3 y JavaScript. Al ver la demo preliminar podemos darnos cuenta que ésta aplicación permitirá crear archivos desde cero o animar archivos ya existentes teniendo soporta para bitmaps y vectores los cuales se animan de una forma muy sencilla e intuitiva.

Algo realmente interesante sobre ésta aplicación es la posibilidad de abrir un archivo .html (o similar) y animar los divs. En éste proceso el código html y CSS no es modificado pues las animaciones se crean mediante JavaScript (específicamente con JSON). (Referencias: Adobe Edge para animación en HTML5 y CSS3).

Hemos comenzado un nuevo curso relacionado con HTML5, realizar animaciones con Adobe Edge Animate. En la segunda sesión de este curso crearemos nuestro primer proyecto en Edge, viendo en detalle el manejo de las herramientas del programa para realizar mencionado proyecto.

Ahora si, con ustedes, Jesús Conde...

01. Animaciones HTML5 con Edge Animate: Iniciación.

Adobe Edge Animate fue una de las principales novedades presentadas en el evento "Create the Web". Una aplicación para crear contenido animado e interactivo al mejor estilo Flash, pero en HTML5 sirviéndose de jQuery.

Con solo abrir la aplicación podemos recordar el entorno de trabajo de Flash, trabajando con un Timeline, interpolaciones, símbolos y ventana de código (en este caso Javascript). (Referencias: Introducción a Adobe Edge Animate).

Reciente curso del maestro Jesús Conde que complementa lo aprendido en los cursos de HTML5 y CSS3. Una buena alternativa a la animación con Flash, que si bien no sabemos cuanto éxito llegue a tener sobre el software estrella para la animación en la web, al menos está llegando a tener acogida por su posibilidad de trabajar en el posicionamiento en la web y su accesibilidad a través de la búsqueda en los diversos motores (una gran ventaja sobre Flash). Esperamos que a lo largo del curso adquieras los conocimientos necesarios para lanzarte al mundo de la animación para la web.

Sin más palabras vamos al primer vídeo que nos dará nuestro querido maestro Jesús Conde...