Simular Rotación de un Cubo en 3D Photoshop

● Inicio
● Tutoriales
● Artículos
● Blog
● Recursos
● Galerías
● Competencias
● Foro de Ayuda
● Contacto

Simular Rotación de un Cubo en 3D

Tutorial flash de dibujo y animación

En lo particular jmx no es fanático de la animación 3D por que la animación se tiene que hacer en muchas ocasiones imagen por
imagen (frame por frame).

Hola amigo pensabas que Superman haría tutoriales para este sitio Web, lamento decir que el esta demasiado ocupado en
defendernos de los chicos perversos, es por esta razón que él dejo la misión de los tutoriales en mis manos. El siguiente tutorial
explica como simular una animación en tercera dimensión (3D) la animación consta de 7 imágenes, en lo particular no soy
fanático de la animación 3D por que la animación se tiene que hacer en muchas ocasiones imagen por imagen (frame por
frame). Sin embargo, ¿comenzamos?.

1-. Comenzar por crear un documento (ctrl. + J) de 250 * 250 píxeles de ancho y alto respectivamente.
a) Colocar como color de fondo #CCCCCC.
b) Velocidad de fotograma tendrá que ser 15 fps.

http://www.solophotoshop.com/Tutorial-Simular-Rotacion-de-un-Cubo-en-3D-c-340.html (1 de 9)06/10/2007 1:35:16

Simular Rotación de un Cubo en 3D Photoshop

2-. Crear el primer símbolo (ctrl. + F8)

a) Nombrarlo rotar cubo.
b) Dar como comportamiento Clip de película.

3-. Hacer una secuencia de imágenes.

a) Colocar la primer imagen (dibujo) en coordenadas X = 0.0 y Y= 0.0.

4-. Insertar un fotograma clave vacío (F7) en frame # 2.

a) En el fotograma dos dibujar la segunda imagen.
b) Colocar la imagen en coordenadas X = 0.0 y Y= 0.0.

http://www.solophotoshop.com/Tutorial-Simular-Rotacion-de-un-Cubo-en-3D-c-340.html (2 de 9)06/10/2007 1:35:16

Simular Rotación de un Cubo en 3D Photoshop

5-. Insertar un fotograma clave vacío (F7) en frame # 3.

a) Dibujar la tercera imagen.
b) Colocar en coordenadas X = 0.0 y Y= 0.0.
c) Si deseas puedes rellenar cada una de las caras del cubo.

http://www.solophotoshop.com/Tutorial-Simular-Rotacion-de-un-Cubo-en-3D-c-340.html (3 de 9)06/10/2007 1:35:16

Simular Rotación de un Cubo en 3D Photoshop

6-. Insertar un fotograma clave vacío (F7) en frame # 4.

a) Colocar en coordenadas X = 0.0 y Y= 0.0.
b) Si presionas enter veras que la animación ya va tomando forma.

7-. Insertar un fotograma clave vacío (F7) en frame # 5.

a) Colocar en coordenadas X = 0.0 y Y= 0.0.

http://www.solophotoshop.com/Tutorial-Simular-Rotacion-de-un-Cubo-en-3D-c-340.html (4 de 9)06/10/2007 1:35:16

Simular Rotación de un Cubo en 3D Photoshop

8-. Insertar un fotograma clave vacío (F7) en frame # 6.

a) Colocar la imagen en coordenadas X = 0.0 y Y= 0.0.

9-. Para terminar con la secuencias de imágenes.

a) Insertar un fotograma clave vacío (F7) en frame # 7.

http://www.solophotoshop.com/Tutorial-Simular-Rotacion-de-un-Cubo-en-3D-c-340.html (5 de 9)06/10/2007 1:35:16

Simular Rotación de un Cubo en 3D Photoshop

b) Colocar la imagen en coordenadas X = 0.0 y Y= 0.0.

c) Recuerda que a la secuencia puedes agregar cuantas imágenes desees, esto con el fin de que la rotación sea más realista. Yo
estoy algo fastidiado con tanto dibujito jajajaj.

10-. Crear el segundo símbolo (ctrl. + F8).

a) Nombrarlo animar cubo.
b) Dar como comportamiento Clip de película.

11-. Instalado en el símbolo arrastrar desde la biblioteca.

a) El símbolo rotar cubo.
b) Colocar el símbolo en coordenadas X = 0.0 y Y= 0.0.

http://www.solophotoshop.com/Tutorial-Simular-Rotacion-de-un-Cubo-en-3D-c-340.html (6 de 9)06/10/2007 1:35:16

Simular Rotación de un Cubo en 3D Photoshop

12-. Insertar un fotograma clave (F6) en el frame # 100.

13-. Seleccionar el primer fotograma.

a) En la barra de Propiedades seleccionar la opción Animar >> Movimiento.
b) Luego seleccionar la opción Girar >> Antihorario.

http://www.solophotoshop.com/Tutorial-Simular-Rotacion-de-un-Cubo-en-3D-c-340.html (7 de 9)06/10/2007 1:35:16

Simular Rotación de un Cubo en 3D Photoshop

14-. Y el último y tan esperado paso es.

a) Regresar a la escena.
b) Arrastrar desde la biblioteca el símbolo animar cubo.
c) colocar el símbolo en coordenadas X = 20.0 y Y= 30.0.

Y así es como se da por concluido el tutorial.

P.D. Presionar ctrl. + enter para visualizar el resultado final, espero que la animación 3d sea de ayuda, si por alguna razón no
es de tu agrado y logras hacer una mejor animación envía los archivos y con gusto serán publicados en este sitio Web
(envíalo no seas tímido).

http://www.solophotoshop.com/Tutorial-Simular-Rotacion-de-un-Cubo-en-3D-c-340.html (8 de 9)06/10/2007 1:35:16

 Simular Rotación de un Cubo en 3D Photoshop

Hemos creado el correo electrónico tutoriales @ solophotoshop.com para recibir tus tutoriales y artículos.

Registrate aquí para consultar, comentar, recibir novedades y valorar los Tutoriales y Artículos

Fecha: 31/01/2007 ROLOPUNK84 escribió:

claro no sos fanatiko de la animacion 3d pues por lo q veo la 2d te quedo grande

Fecha: 31/01/2007 NIMBO escribió:

esta muy bien !muy buen efecto !...gracias por el tuto!

Fecha: 03/02/2007 MIARLE escribió:

Son fabulosos estos tutoriales y aprendes mucho.Gracias a todos los que os brindais a compartir vuestros
conocimientos, un millon de gracias. Saludos desde España - Toledo. Manuela (miarle)

Fecha: 10/02/2007 LUISA FDA MUñOZ escribió:

GRACIAS, la gente que comparte sus conocimientos sera siempre muy especial y tu lo eres. NUEVAMENTE GRACIAS
EXCELENTE MATERIAL

Fecha: 09/03/2007 FENRIRSULVEN escribió:

la idea me gustó bastante, pero d todos modos veo la rotación del cubo algo "brusca". Lo ideal serían más fotogramas
con más dibujo del cubo, x eso voy a practicar el mio :P. De todas formas, está muy bueno

© Copyright 2001 - 2007

CSS xHTML by Creativa Int
Solo Photoshop, Tutoriales, VideoTutoriales, Artículos y Recursos de Photoshop y Flash.

Red Creativa Int: Videos Famosos - Blog Windows - Blog Creativo - Vende Tutti - Webmaster Developers Tutorials - Arte Creativo
Club de Poesía - Dominio Uruguay - Ecos Regionales - Foro Creativo - Hosting Creativa Int - Más Tutoriales - Only Photoshop
Recetas de Cocina - Ruta Interior - Sólo Photoshop - Taller Webmaster - Travel México - Voz Independiente - Estilo Flash
Shakes & Juices - Freelance Hispano - Educación online

http://www.solophotoshop.com/Tutorial-Simular-Rotacion-de-un-Cubo-en-3D-c-340.html (9 de 9)06/10/2007 1:35:16