Animacion de humo con Swishmax
Posteado el 05. Oct, 2010 por tuto in Swishmax
Esto es lo que aprenderemos a realizar en este tutorial
PASO 1
Creamos un nuevo documento de Swishmax en blanco (Blank Movie).
Animacion de humo
PASO 2
Vamos a la ventana Properties – Botón Movie Properties y colocamos los valores que se ven en la imagen.
Animacion de humo
PASO 3
Con la herramienta Rectangle tool vamos a crear un rectángulo que cubra toda nuestra película y le aplicamos un gradiente lineal con los colores rojo (#C4161C), anaranjado (#F27A20) y Beige (#D5CFA3).
Animacion de humo
PASO 4
Ahora con la herramienta Pen Tool vamos a redibujar la imagen de un cigarro animado como la que yo tengo en la imagen.
Animacion de humo
PASO 5
Ahora en la ventana Outline vamos a seleccionar los elementos que forman uno de los ojos y lo vamos a agrupar en un Movie Clip.
Animacion de humo
PASO 6
Desplegamos nuestro Movie clip y vamos a la ventan Timeline y a todos los elementos vamos a agregarle un movimiento de 80 frames.
Animacion de humo
PASO 7
Con la herramienta Elipse tool vamos a crear un circulo que cubra el ojo con un color naranja.
Animacion de humo
PASO 8
En la timeline le agregamos un movimiento de 3 frames al circulo.
Animacion de humo
PASO 9
Al final le agregamos un Remove para lograr que parpadee.
Animacion de humo
PASO 10
Hacemos lo mismo con el otro ojo.
Animacion de humo
PASO 11
Ahora seleccionamos todos los elementos que conforman la mano derecha y los agrupamos en un Movie Clip.
Animacion de humo
PASO 12
Desplegamos nuestro Movie Clip y vamos a duplicar la capa del dedo y la vamos a colocar un tanto más arriba.
Animacion de humo
PASO 13
Ahora vamos a nuestra Timeline y al primer dedo le agregamos un movimiento de 4 frames.
Animacion de humo
PASO 14
Al final le agregamos un remove.
Animacion de humo
PASO 15
Al segundo dedo le agregamos un movimiento de 4 frames justo por debajo del remove del primer dedo.
Animacion de humo
PASO 16
Contraemos nuestro movie clip y vamos a la ventan Outline y seleccionamos todos los elementos que forman el brazo izquierdo junto con el tridente y los agrupamos en un movie clip.
Animacion de humo
PASO 17
Desplegamos nuestro movie clip y seleccionamos todos los elementos que forma en brazo y las agrupamos en un grupo con el comando Ctrl + G.
Animacion de humo
PASO 18
Duplicamos el grupo y lo modificamos de tal forma que se vea que levanta el tridente.
Animacion de humo
PASO 19
Ahora al grupo brazo1 le agregamos un movimiento de 45 frames
Animacion de humo
PASO 20
Al final del movimiento le agregamos un Remove.
Animacion de humo
PASO 21
Ahora al grupo brazo2 vamos a agregarle un movimiento de 7 frames justo por encima del remove.
PASO 22
Seguimos animando todas las partes de nuestro muñeco hasta obtener algo que nos guste.
Animacion de humo
PASO 23
Listo ya tenemos nuestro muñeco animado.
Animacion de humo
Descarga el editable de Animacion humo
7 Respuestas para “Animacion de humo con Swishmax”
Deja tu Comentario
-
Menu Carrusel foto JQuery
-
Galeria rotativa
-
Efecto nevando JQuery
- Stock Vector - Man T-Shirt - Camisetas de hombre
-
Animacion de humo con Swishmax
-
Cesar: Que buen tutorial, solo una pregunta, como se le h...
-
reparacion de neveras en bogota: que buen recurso por descargo free
saludos...
-
buenisimoo: buenisimo pero link roto...
-
Adaris: Muy buen tutorial, como me sirvio esto, gracias po...
-
johanso: Este tutorial esta muy bueno para los que comienza...
Gaston
08. Oct, 2010
Buen tutorial…te quedo muy bueno…algo similar estoy haciendo en unos trabajos que me encargaron solo que en mis trabajos tengo que basarme en las tapas originales de cds de los 80, 90, y actuales….y justamente este tipo de tecnica estoy usando …solo que las tengo que editar primero en photoshop y luego en swishmax….
Lo que mas me gusto de tu tutorial es el efecto de humo super realista que hiciste…es fantastico para disfrazar algunos detalles en intros o banner publicitarios…
Como siempre muy buenos tutoriales y por sobretodo tu imaginacion….
Saludos
Gaston
creativo
08. Oct, 2010
Gaston. Que bueno que te gusto este tutorial, aquí seguiremos posteando muchos más tutoriales que espero sean de utilidad para ustedes.
Saludos.
ciberlaxe
10. Oct, 2010
podias hacer un tutorial donde enseñar como hacer un guiño de ojos ,?
saludos y muchas gracias por todos los tutos y por todo lo que nos enseñais
feliz domingo
JM
23. Jan, 2011
Francamente no se que le paso a su página anteriormente navegabas super facil ahora esta muy confusa y muy pesada da flojera ver algún tutorial, muchos ya no aparecen faltan imagenes y archivos que estan fuera de linea la página esta SUPER PESADA …. es una lastima que cambiaran.
tuto
23. Jan, 2011
Gracias por tu comentario fijate que el peso si me parece raro nosotros estamos monitoreando eso y no tenemos problema con carga ahora bien con los archivos si seguimos con ese proceso lo que sucede es que en el server anterior PERDIERON Y BORRARON toda nuestra información sin nuestra autorización entonces lo que estamos haciendo es verificar post por post para ir subiendo todo despacio. Como te repito es un trabajo grande y esperamos que nos tengan paciencia y una vez mas gracias por tu comentario
JM
23. Jan, 2011
Muchas gracias por tomarte el tiempo para ofrecer una explicación creeme que no es con el afan de incomodarlos por lo pronto muchos de los tutoriales Jquery estan incompoletos si en algo se les puede ayudar que mucho hacen con su aportación a este gran proyecto
creativo
24. Jan, 2011
JM si en algo nos quieres ayudar puedes ayudarnos a revisar cuales de los tutoriales de Jquery son los que faltan por arreglar y podrías también revisar los que ya están arreglados para ver que no falte nada.
De antemano gracias por la ayuda.
Saludos