Gadgets, Celulares, Telefonia, Electronic Music y mucho más…

Logotipo 3D girando con Swift 3D

En el trabajo suelen encargarme cositas curiosas como esta, nunca había tenido que hacerlo pero para todo hay una primera vez…

Bueno se trata de tomar el logotipo de la empresa o cualquier logotipo y hacerle un pequeño efecto 3D y hacer que gire, gracias a flash conseguiremos algo muy vistoso; esto lo conseguiremos usando en primer lugar un programa que nos permita trabajar con vectores, en mi caso usaré Adobe Illustrator CS3 y el logotipo de Ubuntu como modelo.

Así que como primer paso debemos vectorizar, si es que no lo tenemos vectorizado ya el logotipo que querramos animar.

Swift 3D en DaHouseCat Blog

Como podrán ver en la imagen anterior, el logotipo de la derecha es un mapa de bits (imagen) y el de la derecha es el vectorizado, lo importante de esto es guardar el archivo que acabamos de vectorizar en formato EPS, que es el formato que usa Swift 3D para poder importar el objeto.

Swift 3D en DaHouseCat Blog

En la siguiente Imagen podrán observar que elegí Illustrator 8 EPS, eso se debe a que el Swift 3D no es compatible con los formatos EPS del Illustrator más actuales, así que si tienen algun problema importando el EPS lo más seguro es que deban usar una versión más antigua del formato.

Swift 3D en DaHouseCat Blog

Ya que tenemos el vector, nos pasaremos a Swift 3D e iremos al meno FILE y eligiremos la opción PLACE, nos abrirá una pantalla y buscaremos el archivo EPS donde lo hayamos guardado, después de eso el Swift 3D hará el render y lo colocará en el escenario.

Swift 3D en DaHouseCat Blog

Si se fijan en la imagen anterior, por error dejé una línea y esta apareció en forma de un cuadrito negro, no se preocupen si fallan en algo, pues podrán arreglarlo facilmente usando el EXTRUSION EDITOR, este les mostrará el vector que han dibujado antes y en este editor podrán realizar correciones o agregar nuevos elementos.

Swift 3D en DaHouseCat Blog

Como nota el clic secundario hace en el EXTRUSION EDITOR un Zoom Out (o sea lo hace más pequeño), ya pueden editar, en mi caso borre la rayita extra que puse.

Ahora pasaremos a agregar la animación giratoria; regresamos a la pestaña de Escena y en la parte inferior derecha tenemos los efectos de movimiento, dando clic sobre ellos podremos ver un preview de la animación, así cuando elijamos la de nuestro agrado solo debemos arrastrar y soltar sobre el logotipo, autmáticamente se crearán los frames correspondientes a la animación.

Las animaciones se crean por defecto a 12 fps, subiendo los FPS (Frames por Segundo) obtendremos una animación más fluida pero también un archivo más pesado.

Para modificar esto, solo debemos presionar el boton que dice ANIMATE, eso activará la zona de los frames que se crearon, vayan al final posicionense sobre el control rojo y arrastrenlo hacia la derecha para aumentar frames y a la izquierda para disminuir, si desean la animación más fluida incrementen los FPS.

Swift 3D en DaHouseCat Blog

Por ultimo solo nos resta exportar la animación en Flash, para ello nos dirigiremos a la pestaña llamada PREVIEW AND EXPORT, yo active la opción RASTER esto convierte a mapa de bits la animación, así conseguimos que se vea más parecida a lo que vemos en pantalla, ahora le daremos clic al botón GENERATE ALL FRAMES para que exporte la pelicula completa, si lo desean pueden seleccionar solo unos cuantos y usar el botón GENERATE SELECTED FRAMES.


Swift 3D en DaHouseCat Blog

Y cuando termine tendremos nuestro SWF listo para usar


Claro a este le agregué ademas luces, pero eso ya es cosa de que ustedes se pongan a jugar a ver que pueden lograr, conociendo y dominando un poco más el Swift 3D podrán hacer muchas más cosas interesantes…

El siguiente ejemplo es el que me pidieron realizar, se ve bastante bien y muy profesional…


Y ahí lo tienen, Swift 3D es una excelente herramienta, claro tiene mucho más potencial que solo realizar letras y logotipos girando pero pues todo depende de que tanto lo usen, espero el tip les sea útil

¿Te ha gustado este artículo? Subscribete vía Email, para ¡recibirlos en tu correo!

¿No encontró lo que buscaba? ¡Use el buscador!
 

Escrito para el 28 de February de 2008
RSS 2.0 Trackback

11 Comentarios este tema es Hot

Pages: [2] 1 » Show All

  1. eduardo Dijo:

    disculpa no puedo exportar pulso exportar y no pasa nada



    Escrito el 5 de September de 2008 a las 17:07
    Usando Mozilla Firefox Mozilla Firefox 3.0.1 en Windows Windows XP

Deja un Comentario

Hey tu! usar emoticones te hace más cool!
                                         

Escriba su e-mail:

Reciba en su correo electrónico lo más reciente
en DaHouseCats Blog

Comentarios

Suscríbete

  •  
  • Add to Twitter
  • Add to Google Reader or Homepage
  • Add to Technorati Favorites

Disclaimer:

  • DaHouseCat, no se hace responsable acerca del mal uso que se le dé a la información contenida en los artículos y / o tutoriales, quedando en absoluta responsabilidad del usuario.

Administración

  • DaHouseCat
    Posts: 486 - 100%
    Comentarios: 4267 - 100%
    Pingbacks: 88 - 100%
    Score: 9284
486 posts, generados por 1 autores.

Buscar

 

M. Instántanea

B. de Blogueros

DaHouseCat en:

Blogs Amigos

Blogs Campeche

Webs Amigas

Mensajería

Categorías




Archivo

Recomendados

Este blog utiliza Worpress y fue diseñado por DaHouseCat - 2007
El contenido y algunas imagenes de DaHouseCat's Blog estan bajo la licencia de
Reconocimiento-NoComercial-SinObraDerivada 2.5