(La animación vectorial y objetos tridimencionales
como herramienta o complemento)
Expositor: Alejandro Plasencia
Los objetos en el espacio:
Antes de hablar de la animación tridimencional de formatos vectoriales en una página web, el propósito de esta charla es analizar la importancia que tienen los elementos más representativos que a primera vista pueden especificar más el contenido que el propio contenido de un sitio. Al ubicar un signo, símblo o ícono en un punto específico en el espacio (página web) puede lograr comunicar:
Equilibrio
<-------->
Inestabilidad
Simetría
<-------->
Asimetría
Regularidad
<-------->
Irregularidad
Simplicidad
<-------->
Complejidad
Unidad
<-------->
Fragmentación
Economía
<-------->
Profusión
Reticencia
<-------->
Exageración
Predictibilidad
<-------->
Expontaneidad
Regularidad
<-------->
Irregularidad
Actividad
<-------->
Pasividad
Sutileza
<-------->
Audacia
Neutralidad
<-------->
Acento*
Transparencia
<-------->
Opacidad
Coherencia
<-------->
Variación
Realismo
<-------->
Distorsión
Plana
<-------->
Profundad
Al objeto tridimensional podemos darle el sentido según la ubicación, color y forma en su espacio. El objeto engrandece, adorna o ambienta el contexto del sitio.
Resulta ideal en páginas de presentación o breve contenido con el propósito de dar a primera vista el concepto del sitio.
Acento, Complejidad, Profundad, Realismo, Unidad, Coherencia, Reticencia, etc.
Características visuales del objeto 3:
Complejidad, Exageración, Expontaneidad, Profusión, Irregularidad, Asimetría, etc.
Características visuales del objeto 4:
Acento, Regularidad, Coherencia, Profundidad, etc.
Objeto 3D VECTORIAL:
Los objetos vectoriales son ficheros gráficos basados en ecuaciones matemáticas, que al contrario que los ficheros bitmap, al aumentar su escala por encima del valor 100% (relación 1:1) no pierden definición.
Para lograr un objeto vectorial se puede usar SWIFT 3D (sobre todo la última versión: la V3) que nos permite modelar en el mismo programa, como así también generar texto y elementos biselados y de revolución.
Elemplo de herramientas deSWIFT 3D:
Cuando hablamos de software para 3D, toda recomendación solamente vale por la comodidad del usuario. Es decir, hay mucho software para implementar animaciones destinadas a la web, gráficos 3D y demás. Pero vayamos por partes, y veamos las variables para su aplicación: Tenemos que nuestro proyecto en Flash puede ser de dos formas:
1- 3D BASADO EN BITMAPS
2- 3D VECTORIAL
3D BASADO EN BITMAPS: 1. Se puede usar cualquier software 3D. Es más, si no contamos con ninguno, recomiendo el ¨BLENDER¨ 3D que es gratis. Se hace la animación en el programa 3D y se la guarda como secuencia jpg, bmp, tga etc. etc...
Luego se crea un movie clip vacío en FLASH. Lo abrimos y en el primer frame importamos la secuencia creada en el programa 3D.
Podemos también usar un software 3D como 3D STUDIO MAX, LIGHTWAVE o SOFTIMAGE XSI, los tres poseen soporte del PLUGIN de exportación en FLASH a traves de SWIFT3D. (Extraido de: http://www.faq-mac.com/bitacoras/dimension/?p=346 )
- Los Prode (SWIFT 3D vectorial): tiene la capacidad de reproducir en flash transparenciade fondo y escalar un objeto animado sin perder calidad porque no es un bit-map, resulta ser una animación ligera en bits.
- Los Contrasde (SWIFT 3D vectorial): Como todos saben no existe nada de tiempo real en RENDER DE ALTA CALIDAD, por lo que esto se aplica a todos los software que hacen Flash y no pueden crear transparencias o reflejos.
- Opciones (para más avanzados): Se puede utilizar cualquier software de 3D y crear un AVI-MPEG-MOV y luego importarlo en SORENSON SQUEEZE 3.1. Al importar el video podemos exportarlo a FLASH VIDEO. Y luego llamarlo desde flash con LOADMOVIE. Lo bueno de esto es la increible compresión que puede tener.
Software 3D: 3D Studio Max, Swift 3D, Swift 3D MAX, Dimension, Newtek Lightwave etc.
FLASH MX es la herramienta ideal para implementar objetos animados o interactivos en un sitio web, debido a que está diseñado para generar desde animaciones bidimensionales (2D) hasta complejos proyectos interactivos.
Ejercicio final:
a) Se creó un rectángulo vertical con un porcentaje de extrusión, y otras propiedades de color, textura e iluminación. Éste servirá como soporte de un elemento vectoria (logotipo InterPlanet) que se importará y juntará al primero (objeto-madre objeto-hijo) para crearles la trayectoria (path) juntos.
b) Se incerta una cámara en el ángulo deseado que seguirá a los objetos en su trayectoria. En la línea de tiempo ¨TimeLine¨van apareciendo los atributos de iluminación, cámaras etc.
c) Una vez concluída la animación, en el módulo de seleccion de frames se escojen los cuadros a utilizar para exportarlos en formato .swft para ser importado en Flash MX.
Flash MX acepta cuadro por cuadro la animación en vectores pero ya no respeta la edición en 3D. Posteriormente de convertirlo en símbolo gráfico o animado se le dan los atributos con los comandos (código de Flash) de lo que se desea hacer. En este caso la idea era que al tocar el objeto se activara su movimiento y se quedara en el penúltomo frame por medio de una ¨etiqueta¨ así al tocar al siguiente objeto haría lo mismo y se crearía una apariencia cíclica controlada por el usuario.
Acciones de Flash MX:
"s1" es la etiqueta en el frame donde la instrucción pide regresar
para correr la animación
gotoAndPlay("s1");
----------------------------------
on (release) {
gotoAndPlay("s1");
}
"s2" es la etiqueta en el frame donde la instrucción pide regresar
para correr la animación.
gotoAndPlay("s2");
----------------------------------
on (release) {
gotoAndPlay("s2");
}
Sitios de interés:
3D WebSites:
Algunos ejemplos extraídos de:
http://www.dynamicfactory.com/3D-flash-templates.asp
http://www.dynamicfactory.us/004/3Dmoto/3Dmoto.htm
http://www.dynamicfactory.us/004/3Drobot/3Drobot.htm
http://www.dynamicfactory.net/oscommerce1/
http://www.dynamicfactory.us/004/server2/server2.htm
Otro portal de sitios con animación 3D:
http://www.monstertemplate.com/
Software de 3D Vectorial (Pro y contras): http://www.zonadeinicio.com.ar/zonalectura/3d_2.html
http://www.faq-mac.com/bitacoras/dimension/?p=346
Concepto de objetos en un plano: http://www.arrakis.es/~wenceslao/CursoWeb/2/proceso_creativo.html