- Blackberrys, iPhones, Antivirus Gratuitos, Juegos Flash, Tips… y mucho humor
- DaHouseCat
Censura Japón Anime y Manga http://bit.ly/9QXUP1 ^LA
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.
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.
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.
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.
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.
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.
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.
Y cuando termine tendremos nuestro SWF listo para usar :laugh:
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 
28 Comentarios en “Logotipo 3D girando con Swift 3D”
Escribe un Comentario
El contenido y algunas imagenes de DaHouseCat's Blog estan bajo la licencia de Reconocimiento-NoComercial-SinObraDerivada 2.5
Powered by Wordpress | and brought to you by DaHouseCat's Blogs
¿Y como pusiste los reflejos? Lo que no se son los reflejos. ¿O es solo el tipo de material?
Los reflejos se los agregué con la herramienta de iluminación, funciona de la misma manera en que funciona la animación, solo la arrastras y sueltas sobre el objeto y ya se le agregan es simple
Me alegra saber que el logotipo de business quality lo estas utilizando en algo util ^^
Muy buen tip, lo voy a propbar ahora mismo ^^
Aprovecho para dar gracias publicamente a Victor Nael por apoyarme en la vectorización del logotipo de Bussines Quality, gracias viejo
disculpa ke version de swift 3d tienes
skauza usé el swift 3d v4 y el Illustrator CS 3
pero komo paso un swift 3d a mi pagina web???
necesito que me ayudes porfavor..
Pues tienes que exportarlo como SWF, en las ultimas imagenes esta como exportarlo correctamente.
Gracias por esto te lo agradesco
eske solo tenia que abrirlo con el internet explorer jeej :laugh:
gracias por todo :clap:
Hoola otra vez
ske solo tengo una duda mas
y komo le hago para copiar mi logotipo y pegarlo en mi pagina web eske no lo puedo copiar solo verlo y poss kisiera saver komo le haria para hacer eso.
GRACIAS….
disculpa no puedo exportar pulso exportar y no pasa nada
hola disculpame pero aun no he logrado hacer girar mi imagen he llegado hasta vectorizar luego importar abro la imagen, consigo darle movimiento pero no como en el logo de ubuntu si podrias detallar un poco sobre las opciones en el swift 3d para lograr esto. saludos.
M encuentro en problemas, recien adquiri el programa y necesito hacer una animacion en 3d y pasarla a Flash, pero al generar todos los frames como tu lo indicas y despues le doy exportar, no pasa naadaaa estoy desesperado, no logro exportar mi animacion. Ojala m puedas ayudar. Gracias!!!
oye tio como hago por que tengo el swift v5 y no es compatible con mi flah cs3 profesional ……que debo hacer para que chambee …porfas
Es raro lo que dices pues por lo general el Swift guarda en versiones menos modernas debido a que solo hace una secuencia de fotogramas, los archivos del swift no suelen contener Actionscript, siempre son secuencias de Frames, muy raro!
Que bueno el tip, lamentablemente lo consegui muy tarde pues aprendi a las patadas… pero queria preguntarte algo, en la extrusión de los vectores, el valor o sea, el grosor es generalizado? no puedo colocarle mas volumen? te agradezco tu respuesta.
hola, soy nuevo en esto y no entiendo nada xD, no entiendo bien como hacer el vector, porque intento hacer uno a partir de una imagen png y cuando lo quiero importar en el swift 3D me sale un error que dice: “An error has ocurred attempting to import the specified file. This error is most commonly caused by attempting to import a file that does not contain outline or filled shapes”. bueno despues lo otro creo que si lo entiendo XD.. y gracias esta muy bueno el tuto encima justo estaba buscando estoy para hacer los iconos para el menu de mi cel jaja:D
HOLA, LA VERDAD ES QUE ME SIENTO FELIZ CON ESTE PROGRAMA, SOLO TENGO UNA PREGUNTA Y ES COMO HAGO PARA EXPORTARLO PUES NO PASA NADA, les agradezco si me ayudan
Hola
Sabes yo hice un mundo en illustrator cs3 pero al importarlo a swift V5 solo me pasa la esfera y no logro que cargue tambien el mapa que cubre la esfera, que estoy haciendo mal??? please ya intente varias formas y nada mas no se importa como en tu ejemplo… AYUDA!!!!!!
Eso sucede por que Swift solo reconoce los vectores, para que use un Bitmap como envoltura tienes que crear la Textura dentro de Swift y agregarsela.
ahhh,mira soy nueva en esto del swift,segun yo el mapa que le puse tambien estaba hecho en vector, me puedes orientar para crear la textura …
Gracias por tu tiempo.
hola
de nuevo, gracias ya agregue la textura, pero solo me quedo un problema, esta textura no alcanza a cubrir el mundo y al girar se ve una linea blanca, me pueden ayudar y decirme como corregir este detalle.
Saludos
Mi estimado amigo! que buen detalle, gracias por compartir este trabajo que me ha sido de mucha utilidad, todo me he salido a la primera y sin falla a pesar de que uso illustrator cs2 (tuve que buscar info para hacer el vectorizado) y el swift 5, varÃa un poco pero en esencia es igual, me he topado con un problema minimo considero yo, que no he podido salvar, tu tienes una imagen que al vectorizar no guarda el fondo, yo trabajé con una imagen que cuando vectorizé y guarde, en swift me reconoce un bloque y no la imagen solamente, algún dato para que haga el vector sin el fondo? para que se vea como la tuya y no un bloque completo.
Gracias por todo!!!
Para EXPORTAR debes:
1.- Elegir el formato que quieras en “Target File Type”
2.- Si es imagen fija escoge la imagen a guardar y da click en “Export Sellected Frame” si es animacion da click en “Export All Frames”.
NOTA: si quieres tener TRANSPARENCIA elige un formato que la soprote PNG en imagen fija y SWF en animacion
NOTA 2: La TRANSPARENCIA de una animacion SWF dentro de una Pagina WEB es un parametro, asi que hay que activarlo dentro del codigo:
Espero haya ayudado un poco
Lo haz hecho, muchas gracias por tu aportación ^^
te3ngo un problemita, hice todo me funciona super bien el programa mi inconveniente es al renderizarlo, lo hago en avi y me lo hace con muy baja calidad como lo soluciono o si lo gaurdo en otro formato no lo encuentro mas, no me da funcion de guardar como, muchas gracias por tu tiempo
Hola . Antes que nada quiero decirte que me haz ayudado mucho con tu ejemplo del logotipo , pero sabes tengo un problema no puedo Exportar el logotipo a Swift , la imagen ya vectorizada pesa aprox. 8 mb y no la puede transferir para darle los efectos , que puedo hacer , me puedes ayudar , realmente lo necesito !!! Gracias.
Gracias amigo por el tip:
yo utilizo la ultima version del swift 3d, pero no logro que el movimiento sea lento, como el del ejemplo. Mis animaciones son totalmente rápidas y no logro hacerlas mas lentas. Cómo le hago?