Archive of articles classified as' "Digital Media"

Back home

Sin Su Permiso

4/02/2010

Cuando se presentó el proyecto de Sin Su Permiso la emoción fue grande… así como lo fue la preocupación, pues nunca antes se había hecho un trabajo de este tipo. La alegría de hacer algo nuevo es lo que más nos gusta de nuestro trabajo. Sin embargo había una gran tristeza en el ambiente, nuestro Gran Panda Líder estaba hospitalizado y no tenerlo con nosotros implicó un gran reto. Poco después de haber iniciado la producción, recibimos la noticia que nos había dejado. Para el equipo la noticia fue tan impactante, que prácticamente la mayoría de proyectos se pausaron durante más de una semana. La tristeza y la incertidumbre nos desmotivó a todos. Aun después de lo acontecido el equipo decidió que no se podía abandonar lo que Gustavo había emprendido, Happy Punk Panda Studios no podia venirse abajo.

Ahora todos vemos hacia atrás y es increíble el esfuerzo que el equipo hizo para poder seguir adelante. Habíamos perdido a nuestro líder, con quien habíamos aprendido a compartir un placentero trabajo en equipo y una maravillosa visión de cómo crear y proponer nuevas ideas.

Luego de una semana de estar en standby y con las cabezas mas frías, retomamos el trabajo con otro problema: no teníamos la disponibilidad de trabajar a cualquier hora en la oficina. Así fue como nos vimos en la necesidad de trabajar desde nuestras casas, haciendo la producción mas complicada de lo que ya era. Al inicio no se sabía por donde empezar. He aquí lo singular de esto, que no hay fórmulas que seguir. Con el tiempo uno desarrolla su estilo de trabajo y la experiencia de cada proyecto lo perfecciona.

La preproducción inició con una lluvia de ideas, en el que se decidió que el globo de diálogo del logo sería el elemento visual protagonista del video, se elaboró un storyboard y se empezó con las pruebas…

Storyboard

La animación y los modelos se hicieron en Maya y la composición en After Effects. Durante las pruebas se decidió si los globos serían con un aspecto 2D o 3D.Maya|viewport

Se propuso un ambiente blanco con planos animados para que los globos resaltaran.

Se hicieron varias pruebas de culminación y de materiales hasta que se llegó al “look” que se quería. Después de haber logrado llegar hasta este punto se pasó al Render de las secuencias, al final fueron mas de 1200 frames que pasaron a la composición. En esta etapa se combinaron todos los layers renderizados y se hizo corrección de color.

Ahora que la introducción estaba prácticamente armada solo hacía falta el audio. Iniciamos con la búsqueda de estilos de música, y nos pareció que el género de Acid Jazz le quedaba perfecto. Lastimosamente el cliente no lo aprobó y envió otra opción.

Además del intro también se hicieron bumpers para cada sección. Éstos seguirían la misma línea que el intro, también se utilizaron los mismos elementos del entorno.

A pesar de todo lo que pasamos durante la realización se disfrutó mucho el proyecto. Era el primero de este tipo y aprendimos muchas cosas. Se corrió con los tiempos, pero quedamos satisfechos con el resultado. Y esperemos que pronto tengamos otro proyecto similar, para aplicar todo lo que aprendimos y hacerlo aun mejor.

No Comments

Edificio Avante

29/01/2010

El proyecto de el Edificio Avante quizás fue el proyecto que más nos costo en el 2009. Nos aventuramos a realizarlo usando tecnologías que jamas habíamos usado en el studio.       Nos desvelamos, tuvimos pesadillas y hasta hiper ventilamos pero al final nos encanto el resultado.

Lo primero que decidimos utilizar fue “Deep Linking”  en flash. Que queremos decir con Deep linking, pues es básicamente decirle al explorador que se vaya a una parte especifica de la película de flash utilizando la barra de dirección. Para los que no han trabajado en flash antes, hacer esto no es tan sencillo!

El problema más grande que teníamos era que flash solo utiliza una única pagina para enseñar todas las secciones del sitio. Por medio de AS3 y Javascript pudimos lograr que el explorador se comunicara con nuestra película en flash y asi lograr que al escribir un link especifico en la barra de dirección eso llevara a una sección especifica en la película.

Una vez resuelto nuestro primer problema enfrentamos un problema aun mas grande.  Sin saber como hacerlo le habíamos vendido al cliente que su edificio (aun no construido) iba a aparecer en el sitio web y los usuarios iban a poder verlo en 360 grados.

No nos referíamos a un 360 de un edificio, nos referiamos a que el modelo del edificio iba a aparecer y el usuario iba a poder visualizar en tiempo real. El único problema es que no teníamos ni idea como lo íbamos a hacer =)

Decidimos utilizar un motor en 3D para flash llamado PaperVision3D donde nos permitia insertar el modelo del edificio en low poly y adentro de flash animarlo. En teoría todo tenia que funcionar. Ahora a la hora de armar el proyecto no fue tan fácil como muchos lo hacían ver.

Después de haber revisado casi toda la documentacion a la mano empezamos con las pruebas, al inicio nos encontramos con muchos problemas, pero luego fuimos descubriendo poco a poco que los archivos se deben preparar para que funcionen de una manera correcta con este motor. El modelo del edificio tuvo que ser modificado para que se visualizara mejor. Las texturas eran al inicio un problema, demasiadas planas, no habían luces ni sombras. Para solucionar ese problema se “hornearon” las texturas en ingles Texture Baking, lo que significa es que se hace un render y la información del material junto a sus luces, brillos y sombras son grabadas almacenadas.

Viewport - Maya

Render

Ya que las texturas serian cargadas por el explorador, estas tenían que ser optimizadas, hacerlas menos pesadas sin tener que sacrificar tantos detalles.Trabajar con PaperVision3D por primera vez fue un gran reto para el equipo, pero la experiencia es invaluable y nos dejo con ganas de seguir experimentando con el.

Además del modelo en tiempo real y el deep linking del edificioavante.com el portal también utiliza google maps (en flash) y carga galerías completamente dinamicas.

Google maps API en Flash

El proyecto le gusto al cliente y nosotros quedamos sumamente contentos ya que habíamos logrado realizar algo que no teníamos ni idea como hacer. Nos sentimos super orgullosos en haber desarrollado el primer proyecto en papervision3D en el salvador, una tecnología que todavía esta en pañales  pero que poco a poco iremos viendo más en el mundo flash.

Visita el sitio en edificioavante.com

No Comments

Decameron 2.0

13/02/2009
Decameron - HAPPY PUNK PANDA

Recientemente Rediseñamos una aplicación Interactiva para Hoteles Decameron El Salvador. Ellos necesitaban una herramienta promocional para distribuirse en USB. Necesitaban comunicar la sensación  de estar en los hoteles, es por eso que se le diseño una aplicación con videos de fondo para generar el ambiente del mar, todo esto acompañado con un sonido de olas que puede ser desactivado por el usuario.
La Aplicación fué diseñada en Adobe Flash,  programada con Action Script 2.0, todos los textos, videos e imagenes de la galería son llamados desde XML, asi el cliente puede actualizar el contenido cuando lo desee.

Originalmente esta aplicación fué diseñada para distribuirse por USB, pero al final tambien fué subido a su web.

Puede verlo Aqui: http://www.decameron.com.sv/

No Comments