lunes, 15 de abril de 2013

HERRAMIENTAS INTERACTIVAS (I)


Ya hemos visto en clase como crear pequeñas y sencillas animaciones con Illustrator, y como exportarlas a formato SWF, flash, o incluso como montarlas y manipularlas en Flash, como crear Proyectores de visualización con Flash Player, etc...

En este segundo pase vamos a ver cuales son las herramientas de creación de documentos interactivos con Indesign, comenzando por importar las animaciones a modo de introducción del propio documento interactivo.

Lo primero que debemos saber es que el diseño del documento interactivo posee herramientas comunes al propio diseño editorial que ya conocemos y otras nuevas que podemos ver en VENTANA/INTERACTIVO donde veremos paletas desconocidas hasta ahora como botones, animación, media, etc…

Ahora para crear un documento nuevo, debemos configurar el documento para web, sin páginas enfrentadas y en modo Web de modo que el espacio de color del documento sea RGB.

Una vez que tenemos el documento creado podemos añadir páginas cuando queramos, trabajar con estilos, con la maestra etc…
Una vez creado el documento vamos a integrar la animación que hemos hecho estos días para la abertura del documento interactivo o entradilla, para ello colocar archivo .SWF y en la paleta MEDIA activar cargar al abrir la página.

Seguido veremos como configurar botones. Os dejo dos tutoriales y la página de ayuda de ADOBE. Recordar lo importante de la ARQUITECTURA DE LA INFORMACIÓN o lo que es lo mismo orden, estructura y jerarquía de los contenidos del documento interactivo que vamos a crear, para diseñar los botones que ayudaran en la navegación del propio documento. Y recordad también que trabajamos para exportar a SWF y no en PDF interactivo, cuyas opciones son diferentes.

Os dejo el enlace a la AYUDA DE ADOBE/BOTONES INTERACTIVOS
 y un VIDEOTUTORIAL bastante claro donde explica diferentes formas de crear botones y aplicarles animaciones.




Los próximos días sonidos, videos y transiciones de página.

martes, 9 de abril de 2013

ANIMACIÓN CON ILLUSTRATOR


Ya estamos de vuelta de vacaciones y de vuelta al trabajo, aún nos quedan muchas cosas que hacer, en este caso aplicaciones de Illustrator e Indesign, para trabajar animación e interactividad. No debemos de perder de vista que son programas diseñados con otras finalidades y por tanto no se pueden nunca comparar con las funciones de Flash o Dreamweaver pero nos será muy útiles para crear determinados proyectos como el Portfolio a modo de CD interactivo.

Lo primero que hemos visto es son las fórmulas que nos ofrece el Illustrator para crear archivos SWF, que es una extensión de Flash. Os dejo unos enlaces y videotutoriales para que os sirvan de apoyo.

A tener en cuenta que:
0-. Crear el archivo con los parametros para visualizar en pantalla es decir, WEB/72ppp o 150 ppp/ RGB
1-. podemos usar la herramienta fusión/ pasos especificados y nos creará los frames que necesitemos automáticamente
2-.si no hacemos Fusiones debemos colocar los frames como si fuesen capas consecutivas
3-. Podemos usar fondos de imagen ya que podemos exportar capas estáticas
4-. Para pasar del AI a SWF solo debemos exportar, y tener en cuenta que muchas de las opciones de conformación de la propia animación están en la forma de exportación y creación el SWF
Para el próximo día Indd. y creación de botones.


Y aquí os dejo un videotutorial, es muy sencillo y aunque este sea CS6 las versiones mas antiguas también lo tienen...En este caso el ejercicio es muy sencillo pero siendo un poco creativo se pueden hacer cosillas útiles, el secreto está en saber utilizar los medios :)



 Otra fórmula que trabaja la animación de una forma particular con figuras mas complejas convirtiendo en símbolos...

 

Otro videotutorial en el que además se aporta la opción para que veamos el SWF mediante Flash Player y no el Adobe Flash, esto es útil en cuanto a que nos permitirá crear una pequeña .app, aplicación el Proyector para que la animación sea visible para todo el mundo aunque no tenga instalado el Flash Player ni el Adobe Flash.