El post que buscas se encuentra eliminado, pero este también te puede interesar

Te muestro como hacer una Animacion completa 2

Te muestro como hacer una Animacion completa 2


Hola mi nombre es Yamil Jozami, tengo 26 años soy de Paraná Entre Rios y antes q nada les quiero aclarar q no soy profesional en esto, lo hago por que me encanta, amo dibujar y amo la animacion, creo tener un poquito de experiencia asi q me nace compartir con ustedes mis metodos de animacion.
Bueno querida gente, en este post les voy a enseñar a hacer una animacion completa y esta vez con un tema fundamental que en mi anterior post no estuve muy a fondo, animar con "Interpolacion de Movimiento".
Mi anterior post:
http://www.taringa.net/posts/hazlo-tu-mismo/15193738/Te-muestro-como-hacer-una-animacion-completa.html (se los recomendaria por si me salto algun detalle de este)
Primero y principal vamos a las Herramientas q vamos a utilizar!


HERRAMIENTAS Y PROGTAMAS

Primero el principal programa para poder animar, el flash!, eso si hay muchas versiones , la mas actual es la CS6 pero en mi caso la mejor y la mas comoda q probe es la CS3 y es la que les recomendaria que se bajen

Adobe Flash Cs3 Professional
flash

Ahora Vamos a la Herramienta para dibujar... podes usar tranquilamente el Mouse, es mas complicado pero si vas a hacer una animacion siempre para mejor calidad y mayor facilidad la tabla digitalizadora es lo Ideal!, les recomiendo la siguiente por economica mas q nada y para empezar esta muy bien (yo la sigo usando)


Tabla Digital Genius EasyPen
animacion

Bueno otro programa que les recomendaria que se vayan bajando es un programa para hacer ilustraciones, el mas facil de usar y lo vas a conseguir en cualquier lado es el Paint Tool SAI, yo lo uso para hacer fondos o escenarios... es muy util

Easy Paint Tool SAI
Yamil

Un programa para editar sonidos es el Free Audio Editor, es una papita usarlo y muy importante para acortar o agregar efectos a los sonidos!, bajenlo tambien

Free Audio Editor
Jozami


Y finalmente un Programa para editar el video y subirlo en HD el mas recomendable es el Sony Vegas Pro 10, es complicadito de usar pero no se hagan drama yo les voy a mostrar como lo tengo configurado para q puedan subir sus animaciones o videos en HD

Sony Vegas Pro 10
mi imaginacion y yo

Bueno esos son los programas y herramientas necesarios para hacer una animacion completa, ahora manos a la obra!.

ANIMACION PASO A PASO

Bueno lo primero que hay q hacer es abrir nuestro Flash e ir al panel de Propiedades y configurarlo de la siguiente manera:
1 - La resolucion dejarla en 640 x 360, esta es la ideal para q tu video ocupe toda la pantalla en youtube o en el sitio que quieras subir tu video.

2 - Dejar la velociad de animacion en 24 FPS y aca me preguntan, q son los FPS? no, amigos no significa First Person Shoot jajaj no, sifnifica "Fotogramas Por Segundo", eso es importante ya q depende de la cantidad con la q trabajes sera con la fluidez q se vera tu animacion, 24 fps es lo ideal para empezar.
Te muestro como hacer una Animacion completa 2


Bueno ahora vamos a configurar algo q me lo van a agradecer ya q muchos tutoriales q busquen por youtube se saltean este paso q para mi es muy importante.
Vayan a "Archivo, Configuracion de Publiacion y dentro de la ventana vayan a la pestaña Flash" hagan los siguientes puntos:
1 - Vayan a flujo de audio y denle click a Establecer
2 - Una vez ahi se les abrira una ventanita q dice "configuracion de Sonido" vayan a velocidad y pongan la calidad q gusten, yo recomendaria de 80 kbps para arriba yo puse 160 kbps.
3 - Van a notar q cuando ponen una velocidad considerable de sonidos aparece tildado un cuadradito q dice "convertir estereo en Mono", Okey saquenle la Tilde y acepten

flash

Hagan los mismo con la opcion q dice "evento de audio" y veran q quedara asi:
animacion


Ahora su animacion se escuchara muy bien y eso le dará un toque mas de calidad =)

ANIMACION

En esta animacion les enseñare mas q nada a animar con la herramienta Interpolacion de Movimiento, vamos a intentar hacer que un personaje haga el baile q esta de moda el Opa Gangnam Style, q personalmente me encanta jaja, bueh primero creemos el personaje con su pose de baile caracteristica
El resultado fue el siguiente...

Yamil

Presten atencion a los siguientes Puntos:
1 - Asi quedo la pose del personaje xD jaja quedo bastante bien
2 - Es muy importante que hagan una capa por parte del personaje, como veran los colores muestran las capas y las partes q estas son, como pueden apreciar le puse "candadito" a todas las capas, esto lo hago para que cuando me toque animar este trabajando de a una capa en especifico sin interferir con las otras ... es muy importante eso... (Recuerden q siempre la capa que este arriba tapara a la de abajo y asi sucesivamente...)


Ahora a colorear el personaje, yo lo hago de la siguiente manera:
1 - cambio el color del fondo a uno mas oscuro para ver los huequitos con mas facilidad, dejo ese simbolo en especifico para colorear.
2 - Selecciono la herramienta de relleno y asigno el color para cada parte
3 - Uso la herramienta lapiz para marcar con un color mas fuerte donde iran las sombras o brillo del personaje
4 - Quito las lineas y el resultado es el siguiente =)
Jozami

(bueno hacemos eso con todas las partes del personaje)

Me quedo una cosa asi...
mi imaginacion y yo


Okey ahora vamos a convertir en simbolo todas las partes de la siguiente manera :
Te muestro como hacer una Animacion completa 2

1 - Seleccionamos la capa con la parte y la convertimos en simbolo tocando la tecla F8 y cuando se abra la ventanita "convertir en simbolo" y ponemos "clip de pelicula" ponemos un nombre, en este caso "Pierna 2", le damos a aceptar y quedara como el punto 2
3 - Esto es importante, seleccionen el centro del circulo q es un circulito (valga la redundancia xD) y hagan de cuenta q es un punto de articulacion, depende donde lo pongan actuara como tal, es decir como es una pierna lo pondremos serca de la rodilla para q cuando animemos ese sea el punto de flexion
El resultado una vez q terminaron con todas las partes seria el siguiente:
flash


ETAPA DE ANIMACION

Para poder animar este baile es necesario que tengamos un sonido guia asi podemos seguir el ritmo, les recomiendo q exporten un sonido en la animacion, haganlo asi:
animacion


1 - Archivo
2 - Importar
3 - Importar a Escenario y buscamos el sonido donde lo tengamos guardado, en este caso el tema "PSY - Gangnam Style"


Bueno les recomiendo que creen una capa especialmente para poner la musica y justamente le ponemos de nombre "Musica", hagan esto:
Yamil


1 - Creamos la capa con el nombre "Musica"
2 - Seleccionamos el fotograma donde queremos poner el sonido (en este caso el fotograma 1)
3 - Luego vamos a la barra de propiedades y como ya importamos el sonido cuando bajen la flechita en Sonido aparecera el sonido q trajimos al flash (Yamil Opa style 22)

Okey... Ya tenemos la musica, el personaje, ahora tenemos q animar este peculiar paso, yo les recomendaria que busquen el video en youtube y paralelamente imitemos los movimientos claves... algo asi:

Jozami


Van a ver que con solo hacer 3 poses podemos lograr un movimiento similar, miren:

mi imaginacion y yo


Ahora vamos al tema IMPORTANTE, la animacion con interpolacion de movimiento, para hacer ese pasito que ven en la imagen de arriba lo hice asi:
Te muestro como hacer una Animacion completa 2

Hice algo simple solo movi el personaje 3 veces y empece a repertirlo sucesivamente luego, solo 3 movimientos, como en la imagen arriba de esta hice q la pose 1 se elevara a la 2 y la 3 es una copia de la pose 1 jaja, vieron q la animacion no es matarse , es cuestion de "maña"


Bueh me preguntarán.. ¿como hiciste?, asi queridos amigos...
flash


1 - Una vez q estan las poses listas las hacemos en una distancia de 3 fotogramas entre ellas y las seleccionamos, veran q se ponen negros los fotogramas, bien.
2 - Le damos click derecho y ponemos "crear interpolacion de movimiento"
3 - Si estas se ponen de un color morado o violeta y se unen con una flechita como en la imagen quiere decir q se logro la interpolacion, devido a q esto solo se puede aplicar entre simbolos


Bueno el resultado fue el siguiente:


link: http://www.youtube.com/watch?v=X8qA9Emh4eE&list=UUsOvMq7J3uyzyJKoOq1HexQ&index=1&feature=plcp

Vieron como con simples pasos se logra un ritmo bastante similar?... pero si quieren lograr un efecto de rebote no tan robotico les doy este tips muy bueno q siempre es util

Vayan a su animacion y hagan lo siguiente
animacion


1 - Quiten el candadito a todas las capas y seleccionen todo un lado de la interpolacion en este caso seria el fotograma 3
2 - Vayan a propiedades y en "Aceleracion" dejenla en -100... esto que hace?, facil le quita el movimiento robotico y la cambia la velocidad al movimiento dejandolo mas real.

Hagan los mismo con el lado de los fotogramas 7 de las capas pero en vez de de -100 dejenlo en "100"....
Yamil


Para evitar hacer lo mismo con todas las interpolaciones copien y peguen estas que les mostre recien de la siguiente manera
Jozami

Seleccionen los fotogramas animados con interpolacion (del 1 al 9 en mi caso) todas las capas y mantengan precionada la tecla "ALT", esta clonará la animacion y asi solo tenemos q ir pegandolas encimadas como en la imagen =)


La animacion quedara de la siguiente manera, aver si notan como cambio el movimiento robot y quedo un efecto de rebote interesante


link: http://www.youtube.com/watch?v=YlnpolzYC2U


Bueno una vez que ya le agarran la mano a animar con interpolacion pueden ir probando cosas como por ejemplo con personajes complejos como estos...
mi imaginacion y yo


Efectos de Camara lenta alargando las interpolaciones, se lograria un efecto asi:


link: http://www.youtube.com/watch?v=I_eSpYE6JvA


Bueno ahora la Mejor parte presten atencion al resultado final logrado juntando esto que les enseñe hoy en una animacion que hice , espero les guste (Lo aplique en una seccion que yo tengo la cual le puse de nombre MiYo Extra Nº 4 con personajes de mi serie animada )



link: http://www.youtube.com/watch?v=B1bZP7mAQWs


Jajaja les gusto? espero que si, ah antes de que me olvide les doy mi configuracion del Sony vegas pro 10 para renderizar en calidad HD
Te muestro como hacer una Animacion completa 2



Bueno eso es todo por hoy si tienen dudas mandenme MP no tengo ningun problema en responderlas ah y si quieren ver mas de mis animaciones suscribanse a mi canal de Youtube

flash


animacion

Fuentes de Información - Te muestro como hacer una Animacion completa 2

El contenido del post es de mi autoría, y/o, es un recopilación de distintas fuentes.

Dar puntos
378 Puntos
Votos: 50 - T!score: 8/10
  • 11 Seguidores
  • 7.988 Visitas
  • 69 Favoritos

18 comentarios - Te muestro como hacer una Animacion completa 2

@yohakawaii Hace más de 2 años
a favoritos y ahora comparto mañana mis +10 me encanta tu post!
@Lavatario Hace más de 2 años
jaja genial, muy buen tutorial, yo quiero hacer algo parecido pero no tengo tablet para dibujar algun consejo para usar el mouse o algo?
@alejandrovernis Hace más de 2 años
+8 que me quedan , Reco y Favoritos Yamil
@Debecas Hace más de 2 años +1
Lavatario dijo:jaja genial, muy buen tutorial, yo quiero hacer algo parecido pero no tengo tablet para dibujar algun consejo para usar el mouse o algo?



usa la herramienta pluma para dibujar
@Lavatario Hace más de 2 años +1
Debecas dijo:
Lavatario dijo:jaja genial, muy buen tutorial, yo quiero hacer algo parecido pero no tengo tablet para dibujar algun consejo para usar el mouse o algo?



usa la herramienta pluma para dibujar



Esa herramienta es mi mas grande enemigo desde que conoci el photoshop xD nunca hizo lo que yo queria pero gracias,


ChiCoTeChNo dijo:
Lavatario dijo:jaja genial, muy buen tutorial, yo quiero hacer algo parecido pero no tengo tablet para dibujar algun consejo para usar el mouse o algo?

Con el mouse se puede amigo!,... te recomiendo q visites este canal, el muchacho q enseña no dibuja con tabla digital todo lo hace con el mouse http://www.youtube.com/playlist?list=PL3BFE1C58533FC445&feature=plcp



Gracias por el tiempo que te debes haber tomado para el post y por la buena onda, si algun dia llego a hacer propagandas o algo te voy a poner en los agradecimienttos xD
@bozer1 Hace más de 2 años +1
a no k bueno yo ni en photoshop hago nada gracias lo intentare +5 los k me quedan
@the_number_uno Hace más de 2 años +1
@Kanonkyo Hace más de 2 años +1
Muy bueno, me servira de mucho, te dejo todos mus puntos
@Sasuke_k Hace más de 2 años +1
Muy bueno che a fav no tengo puntos.
Gracias
@valor16 Hace más de 2 años +1
con solo ver todo lo que ases yo te pagaría enserio por que es mucho laburo xd
@superjackdevil Hace más de 1 año +1
OSTIAS PUTTTAS!!!!!!!!!!!!!!!!!!!!!! este es el mejor post que he visto en taringa de lo que va del año..

Felicidades toma 10 y espero mas tutoriales xd
@rhada89 Hace más de 1 año +1
SUPER completo exelente GRacias!!!!
@GinchoKo1 Hace más de 1 año
yo tengo esa misma tableeet!! alfin algo que tengo es famoso!!
@hykert Hace más de 8 meses
Jajaja!ta fino yamil! Con solo poner 1920 x 1080 en sony vegas el archivo pasa de esa resolucion pequeña en la que exportas del flash al HD?....Sabes, deberias hacer un tutorial para usar ese programa Sai que nombras para hacer fondos, ya que yo no lo se usar y me gustaria aprender.
@CarniceroTaringuero Hace más de 7 meses +2
Excelente.
@MarquitosLove Hace más de 2 meses
muy buenoooo