31/10/2012

Animaciones y motion graphics en Adobe Flash

Animaciones y motion graphics en Adobe Flash

Generalmente, el término motion graphics (gráficos en movimiento) se asocia a la animación de imágenes desarrollada a través de software de edición de video. Sin embargo, su significado no ha sido definido con exactitud. Hay quienes incluyen en el concepto a cualquier secuencia de imágenes dotada con ilusión de movimiento y realizada a través de cualquier tipo de tecnología de animación, ya sea electrónica o mecánica. En ambos casos, se diferencian de cualquier sucesión de imágenes fijas, sin orden temporal estricto, que no reflejen una secuencia de movimiento en su transición.

Si bien su origen se remonta a los años 60, la frase recién se popularizó tres décadas después, con la aparición del software de edición de video Adobe After Effects. También es habitual su uso cuando se habla de animación digital en otro producto de Adobe: Flash. La inserción de motion graphics puede enriquecer en buena medida el aspecto de un sitio web. Las opciones son variadas:

  • Presentaciones. Introducen al usuario al sitio web a través de una breve secuencia de frases o imágenes con efectos de transición. Generalmente, duran pocos segundos y pueden saltearse. Brindan un aspecto elegante a sitios web institucionales, además de transmitir fácilmente los valores de la empresa.
  • Clips de dibujos animados. Pueden explicar de forma amena el funcionamiento del sitio web. Capturan la atención del usuario con mucha mayor facilidad que un simple tutorial de texto.
  • Spots publicitarios. Prácticamente todos los anuncios que se difunden en medios audiovisuales emplean las ventajas del software de animación.
  • Clips de video. A través de redes sociales de video (como YouTube o Vimeo), o desde la propia plataforma del sitio web, se pueden publicar registros audiovisuales de eventos donde haya participado la empresa.

Si bien la categoría motion graphics es bastante abarcadora, en todas sus posibilidades ofrece grandes beneficios para cualquier proyecto web.

0

angularjs Aplicaciones en Facebook aplicaciones mobile behavioral targeting Botones Call-to-action breadcrumbs breadcrumbs web búsqueda de personal búsqueda facetada Call-to-action buttons Client-side cliente-destacado cms a medida coding comercio electrónico content marketing CSS3 PIE cuanto debe pesar un sitio data-driven web design Datos estructurados Defacement Denegación de servicio Desarrollar una aplicación web desventajas de PhoneGap diseñar newsletters diseño web diseño web argentina diseño web esqueuomórfico Diseño web responsive Diseño web responsivo diseño web santa fe diseño web Smart TV diseño web televisores DOM desde PHP enlaces rotos filtros de búsqueda flash flat web design formularios sitio web fragmentos enriquecidos función de autocompletar futuro de la realidad aumentada html HTML5 html5shiv inbound marketing Initializr interfaces Web para televisores javascript jobs jQuery Mobile Mapbox maquetado html/css maquetador web masonry layout menú de navegación menú desplegable Metodologías ágiles Modernizr MVC Navegación por teclado oferta laboral OpenStreetMap paginas de Facebook Paper js Paper js framework personas Phishing plan de QA Polyfills polymer portfolio-destacados portfolio-inicio programacion de CMS Programadores WordPress página de contacto página de error 404 que es Backbone.js Realidad aumentada Resultados instantáneos server-side skeuomorphic design sliders y usabilidad soporte Internet Explorer Storytelling Underscores usabilidad usabilidad buscadores user-centered design ux velocidad de carga web Vendor prefixes ventajas jQuery Mobile Ventanas integradas versiones antiguas de Internet Explorer WAI-ARIA web components web imprimible Web Semántica WordPress para ecommerce