En este tip, mostraré otra de las herramientas nuevas que vienen incluídas en la nueva versión FlashCS4, sin duda muy útil para darle un par de efectos convincentes a una animación en Tercera Dimensión, sin tener que recurrir a esas difíciles técnicas de sesgado y escalado. Me refiero a 3D Tool, y a la sub 3D Translation Tool.
Las Herramientas a grandes rasgos
Este par de herramientas permiten, como sus nombres dejan predecible, transformar, rotar y trasladar un objeto en el escenario bajos sus puntos cartesianos en X, Y, e inclusive con su profundidad en Z.
Probando
NOTA: Para hacer uso de la herramienta, obviamente necesitaras las versión CS4 de Flash.
En un documento de AS3 nuevo, sin importancia en su tamaño creamos un Clip de Película (MC) en el cual trabajaremos.
Seleccionamos primero la herramienta 3D Tool, la cual se encuentra localizada a pesar de que el espacio de trabajo puede variar, en el conjunto de herramientas de edición, hasta la parte de mero arriba.
NOTA: Siempre puede ser útil checar la imagen del principio para ver donde encontrar ambas herramientas
Al dar click con la herramienta a nuestro MC en el escenario, podrás ver como aparece una especie de grupos de círculos y franjas sobre este. Es con esto con lo que controlaremos toda la información.
Ahora, dando click sostenido, y arrastrando cada una de las franjas intermedias en los círculos veras como en tiempo real rota nuestro MC.
La Línea Roja Vertical: Es la encargada de mover nuestro MC en su eje X.
La Línea Verde Horizontal: Es la encargada de mover nuestro MC en su eje Y.
El circulo Azul Interno: Es el encargado de rotar nuestro MC a través de su eje Z.
El circulo Naranja Externo: Es el encargado de transformar a completo control nuestro MC a través de sus ejes X, Y, Z. Pero, simultáneamente.
Vista previa de la 3D Tool
Esto vendría siendo básicamente todo acerca del uso de la herramienta 3D. En cambio, finalmente, puedes seleccionar ahora su sub-Herramienta; 3D Translation. Al dar click ahora sobre el MC, veras como aparecen un par de flechas, similares a las de un plano cartesiano.
El principio sobre esta herramienta es muy similar al anterior:
La Flecha Roja Horizontal: Es la encargada de rotar hacia el eje X.
La Flecha Verde Ascendente: Es la encargada de rotar hacia el eje Y.
El Punto Negro del centro: Es el encargado de rotar hacia el eje Z.
Vista previa de la herramienta 3D Translation
Pero, Hey ! No esta de mas comentar
Gracias al extremadamente sencillo uso de estas herramientas, podrás lograr variados efectos en muy poco tiempo sobre tus MCs, y esto sin interferir en la animación independiente que éste tenga dentro. Mejor aún puedes crear una animación en la línea de tiempo principal usando esta característica. Por ejemplo:
Ejemplo de los 3 tipos de rotación 3D en acción; X, Y, y Z respectivamente
Recuerda actualizar tu flash player para ver correctamente el ejemplo del tip.
Pff ! ¿Alguien que remueva el comienzo del Post? fue mi error... Ooh, y también este comentario... Y de pasada, SPAM: http://tinyurl.com/6odaq6 , ya esta abandonado en la 3ra pagina del foro... Por:M@U
no hay casi diferencia en la imagenes del final. Deberias hacer una transformacion mas notoria Por:penHolder
penHolder :
no hay casi diferencia en la imagenes del final. Deberias hacer una transformacion mas notoria
Tienes que darle click a las imágenes. Por:Freddie
A mi me salen tres ventanas del flash player advirtiéndome:
VerifyError: Error #1033: El tipo de la entrada Cpool 18 es incorrecto.
Y después que cierro las tres no me funcionan los SWFs al dar click sobre ellos. Por:elchininet
penHolder :
no hay casi diferencia en la imagenes del final. Deberias hacer una transformacion mas notoria
Sabes, tuve un problema al escribirlo... Esta es una herramienta demasiado gráfica. Aun busco como poner un contenido adicional sin agregar un vídeo de youTube.
elchininet :
A mi me salen tres ventanas del flash player advirtiéndome:
VerifyError: Error #1033: El tipo de la entrada Cpool 18 es incorrecto.
Y después que cierro las tres no me funcionan los SWFs al dar click sobre ellos.
A mi no me aparece eso, ni en IE7 o en FF3, pero... ¿A alguien mas si? Por:M@U
De hecho es ahí donde radica porque hasta el FP10 no hay soporte al eje z
Querrás decir los ejes x e y... El z, como ya apunto alguien tiempo atrás, se puede rotar desde hace años. Por:Juanlu_001
bueno, y de donde me descargo el flash cs4 para hacer pruebas????? Por:JasonGamba
bueno, y de donde me descargo el flash cs4 para hacer r Por:JasonGamba
Muy bueno che... iba a decir que no noto la diferencia de las peliculas y lei los comentarios todavia no actualice
un detalle: primero hablás de los círculos pero ponés las flechas, luego al hablás de las flechas y ponés los círculos jajaaj Por:danyrik-blog
Sería muy interesante rematar el tip con el code de como hacer lo mismo pero con as3. Por:klamylo
klamylo-blog :
Sería muy interesante rematar el tip con el code de como hacer lo mismo pero con as3.
Se supone que ahí radica la ventaja de esto. No usar código. Por:M@U
Un detalle que acabo de notar, las imágenes quedaron invertidas. herramienta-3d03 esta donde debería ir herramienta-3d02 y viceversa. Por:M@U
Eso mismo dije yo M@U Por:danyrik-blog
He hecho todo lo que has dicho y al ejecutar no me funciona... por qué puede ser???
Muchas gracias! Por:crs-blog
crs-blog :
He hecho todo lo que has dicho y al ejecutar no me funciona... por qué puede ser???
Bueno, en los casos de ejemplo hay AS de intermedio para reproducir la animación por cada click, por lo que al probar tu película quizá no obtengas ese mismo resultado. Pero, te recomiendo que para crear una animación te pases por este otro Tip, y así lo logres.
O bien dime, mas específicamente lo que necesitas, y si te surge cualquier otra duda, déjala aquí para ayudarte. Por:M@U
QE LES PASA NO RESPONDEN LAS PRGUNTAS QE 1 QIERA C PASAN LO QE YO QIERO SABR ES SOBR EL *PROCEDIMIENTO Y TECNICAS PARA EL USO DE HERRAMIENTAS* PARA LA OTRA TNGAN MUCHO + INFORMACION PERDON X EL FEO COMNTARIO Y ASI SCRIBO EHHHHHH!!!! Por:LA MOLESTA!!!!!!!!!!!!!!!
Hola molesta, si te refieres a las preguntas para bajar Flash CS4, te diré que no lo se... Me parece que hay una versión de prueba en la pagina oficial de adobe, bájala como lo hice yo... Pero si buscan alguna especie de crack, no lo diré.
De ahí en mas, incluyendo el por que no se ven en el Flash Player 9, todo he respondido... Saludos ! Por:M@U
hola, que buenos tutoriales hay aquí, gracias me han sido de bastante utilidad, estan muy bien explicados.
muchas gracias por compartir esos conocimientos. Por:Sofi!!!-blog
Exelente... Esto era imposible en versiones anteriores Por:maurox1987
como podemos usar texto flash en diferentes acciones de movimiento Por:paloma-blog
Las imágenes de las vistas previas (círculos y flechas) están al revés Por:nasho
EXCELENTE Por:DAXMAR-blog
No se sale!!! pueden hacer esto paso por paso??? Por:lima_chan27-blog
No se sale!!! pueden hacer esto paso por paso??? Por:lima_chan27
Que bien mi pano muy buen tuto y que bien el efecto que les da a una imagen 2d a 3d Por:Kevin Lamus-blog
Bastante malo esto del 3d . . . si lo largan que lo larguen completo . . adobe . . ponete las pilas Por:Leo-blog
muy util.. Gracias hermano Por:nicolas lestani-blog