A5. Animaciones en HTML5 de manera simple

Para los que aún miran de costado a HTML5 o simplemente no les gusta mucho el código (es comprensible que a los diseñadores gráficos les fastidie un poco) A5 HTML5 Animator ha venido para ayudarlos a no quedarse rezagados.

El programa permite a los usuarios realizar complejas animaciones sin necesidad de usar Flash, una gran ventaja si pensamos en las nuevas plataformas que aún no cuentan con la posibilidad de leer flash. La interfaz es muy parecida a la de Flash, pero al terminar la animación y exportar el vídeo el resultado es en código HTML5, listo para subir a la web.

A continuación les dejo un video para ver como funciona:

Con A5 podrán entre otras cosas:

  • Insertar reflejos, bordes, sombras, rotaciones 3D y mas de forma simple.
  • Trabajar en diferentes escenas y líneas de tiempo para animaciones complejas.
  • Utilizar algunas de las animaciones y efectos presentados en cualquier objeto o guardar las propias.
  • Crear menús, sliders, banners animados, animaciones de texto y mucho mas.

En estos momentos A5 puede ser descargado en forma gratuita por medio de un registro, ya que se encuentra en su versión beta. Si desean saber mas sobre el proyecto, pueden ver sus tutoriales y ejemplos.

Registro para Descarga | A5 HTML5 Animator

40 fantásticos tutoriales para Cinema 4D

Tutoriales para Cinema 4D

Tutoriales para Cinema 4D

Debo admitir que el 3D no es lo que mejor se me da (materia pendiente) pero seguramente haya lectores que busquen este tipo de tutorial ya que el tema es apasionante. El solo ver estos tutoriales invita a imaginar todas las posibilidades de crear elementos sumamente reales.

En WebBlog 360 han realizado una recopilación de 40 tutoriales para Cinema 4D que para los aficionados al 3D y la animación les será de enorme utilidad. Algunos de estos tutoriales se encuentran en video, mientras que otros los veremos a la vieja usanza, con capturas y texto.

Enlace | 40 Fantastic Cinema 4D Tutorials

9 fantásticos tutoriales para realizar Cinemagraphs

Seguramente recuerden la técnica llamada Cinemagraph, de la cual tiempo atrás habíamos hecho una recopilación de imágenes. Aplicado correctamente y con buen gusto, es un efecto que puede quedar muy bien en infinidad de proyectos web, por lo que si aprendemos a realizarlo tendremos un recurso mas para trabajar y ofrecer a nuestros clientes.

En DesignBeep han realizado un listado de tutoriales para aprender la técnica Cinemagraph en donde explican paso a paso el procedimiento para crear nuestras propias imágenes animadas con Photoshop.

Enlace | 9 Fantastic Tutoriales That Teach You to Make Amazing Cinemagraphs

Cinemagraph, una vistosa técnica en fotografía

Los gifs animados existen desde hace mucho tiempo pero el uso de los mismos en imágenes artísticas no se había visto demasiado hasta que Jamie Beck y Kevin Burg revivieron este formato realizando esta magnífica fusión entre fotografía y video.

La técnica Cinemagraph, según sus creadores, “intenta mantener el enfoque artístico y estilo visual de una fotografía capturando el momento pero contando un poco mas de esa historia con los beneficios de la era digital”.

Dado el auge de las e-magazine, las tablets y todo lo que se ve venir en lo que se refiere a lo digital, es una excelente manera de dar un toque distintivo a lo que podría ser un diario o revista al mejor estilo Harry Potter.

Para los que gusten de esta técnica, a continuación les dejo la colección realizada por Beck y Burg. Quizás tarde un poco mas en cargar la galería completa por el peso de las imágenes pero les puedo asegurar que vale la pena.

 

Continuar leyendo…