Muchisimas Gracias por el Top!


Hola querida gente mi nombre es Yamil Jozami, tengo 25 años soy de Argentina, Paraná, Entre Ríos y en este post les voy a mostrar mi estilo de animacion, quiero que les quede claro que todo lo que van a aprender es desde el punto de vista de un animador "independiente"... nadie me enseño nada, no pagué un peso en cursos de ningun tipo, todo sale del alma!... bueno espero lo disfruten tanto como yo


"Lo que van a aprender a hacer es el trabajo que hace un estudio de animacion, si señores y señoras una sola persona puede hacerlo! (si yo pude cualquiera puede! )"

Bien, empecemos; yo cuando hago una animacion la divido en 4 etapas dependiendo el largo del video... La primera es Animacion, luego sonidos y musicalizacion, Escenarios y fondos y por ultimo edicion en programa para darle calidad HD(esto no lo voy a enseñar en este post)

Ahora les explicare una por una atentos, veamos si me siguen el ritmo!

*1 - Ahora para la primer Etapa es necesario tener las siguientes Herramientas Fisicas y No-fisicas (programas xD):
Tableta Digital o Mouse (es recomendable una tabla digital para dibujar mas comodo, obviamente una base de dibujo, no te podes mandar a hacer una animacion si no sabes dibujar algo xD)

Les recomiendo la Genius, easy Pen , es ideal para empezar (yo la sigo usando jaja)

2 - El programa Adobe Flash, hay muchas versiones, si no me equivoco salio hasta la Cs6, yo les recomiendo para adaptarse rapido el Cs3


(la imagen del programa abierto creo q es desde una mac pero no importa es lo mismo)


Ustedes me diran! "pero como coño aprendiste a animar a usar programas ETC ETC de los ETC!?"
Lo que yo hice fue muy simple, puse en Youtube tutoriales flash y conoci al mejor maestro que hay en internet q te puede ayudar muchisimo a utilizar el Flash!
"FlashFacilitotips"


(pongan en youtube su canal y vean los videos de Tips de animacion o creacion de personajes son excelentes!)

3 - Un programa para editar el Audio, siempre es bueno tener uno por si queres hacer efectos de eco, de vibracion, etc... yo tengo el Free Audio editor, como dice el nombre es gratuito y facilisimo de usar!


4 - Un programa tambien para renderizar el video terminado, darle calidad HD, efectos de sonidos mas profesionales, compaginar la musica, el que recomiendo es el Sony Vegas Pro 10... muy bueno y facil de usar
(aunque no lo parezca)



(se ve dificil pero no lo es muchachos!)

Bueno gentecita, empecemos de una buena vez a Dibujar!!!

1ro) - Creemos nuestro personaje!!!(en este caso are un dibujo rapido de gokú ya q se q a todos nos gusta :3)

(bueno les explicare los puntos basicos para crear un personaje)


Algo muy importante a tener en cuenta son las capas, en el flash las Capas, son muy utiles para hacer objetos o partes (en este caso miembros) de personajes por separado para q no choquen unas a las otras a la hora de animar... por ejemplo como pueden apreciar aqui las capas estan diferenciadas con colores, tambien tienen un nombre, lo hice para que vean como ordenarlas, recuerden q siempre la q este arriba tapara a la de abajo... y lo mejor q pueden hacer es aplicar el "candadito" para bloquearlas a gusto y poder trabajar en capas en especifico

2do) - Coloreamos el personaje

Recuerden poner los candaditos para colorear sin confundirse, cuando se vea seleccionada asi la capa se marcara como en la imagen, siempre q pinten tiene q estar cerrado el dibujo por q si no, no se colorea

3ro) - Sombreen el personaje

Lo que yo hago es usar la herramienta lapiz, selecciono el color y le bajo el tono de color como se puede apreciar a la derecha del personaje... luego marco con el lapiz como quiero q este la sombra y luego con la herramienta rellenar lo pinto y el resultado es el siguiente:


Bien ahora llego la parte mas entretenida "ANIMAR" siii pero antes tengo q decirles unos cuantos detalles de configuracion de su flash si quieren fluidez , resolucion para q la pantalla se vea completa en youtube o donde quieran subir su animacion...
Los fps son los fotogramas, un fotograma es una hoja, la velocidad ideal siempre para empezar es 24 fps

(FPS= fotogramas por segundos. esta seria con la velocidad q se va a ver la animacion a mayor cantidad de fps mas fluido se verá, esto quiere decir q tenemos q dibujar 24 fotogramas para llegar recien a 1 segundo de animacion...)

La resolucion es la siguiente:

(640 x 360 es la ideal para q entre en la pantallita de youtube, todo esto podes cambiarlo en la parte de configuracion de flash)

Bueno con todo esto claro (ojala que si) vamos a animar! (esta vez les enseñare a animar sin interpolacion de movimiento, en otro momento les explico, este caso sera animacion clasica)
Tocando F6 creas un fotograma o sea una hoja mas:


luego hay 4 pasos que tenemos q realizar para animar:

1 - Selecciona la herramienta de transformacion libre, 2 - selecciona la capa que vas a mover, 3 - ubicas el punto de articulacion en la parte seleccionada (no queda grabada asi q cada vez q animes vas a tener q volver a colocarlo, 4 - selecciona el papel cebolla para poder guiarte mejor cuando muevas la parte.
Todo esto hay q hacer con todas las partes del cuerpo del personaje, aqui es cuando hay q usar la imaginacion y crear la accion, en este caso are que gokú haga un kame hame ha, en el dibujo les mostrare las poses para que hagan... (are una pausa en una parte).

Como pueden ver no fue nada complicado lo que hice, solo movi las partes hasta esa pose sin tener q dibujar nada, solo toque F6 y movi hasta ese punto, con cada capa, veran q dice q voy 30 fts pero en realidad ocupe menos, eso es por q a cada fotograma lo agrande con el F5 o sea agrande el espacio q cosnume cada fotograma 2 veces... es decir que use la maña q nos caracteriza a los argentinos para lograr la pose(solo lo movi 5 veces a cada parte), cuando lleguen al fotograma 9 posen el mouse en el fotograma 30 y presionen F5 con cada capa... cuando lo hagan veran probando la pelicula q gokú se frena, eso es lo q quiero para continuar con el siguiente punto.

En esta parte van a tener q usar su imaginacion para mover las partes q quieren flexionar para que queden conforme al poder que esta por lanzar gokú... vean en esta imagen q solo quebre los brazos y los continue para que quede bien son secretitos q cada uno tiene que ir descubriendo

Tuve que retocar muchas cosas cambie los fotogramas de lugar para que quede mas fluido y la animacion me quedo algo asi...

link: http://www.youtube.com/watch?v=3JGA2GXSz-c&feature=plcp

Lo ideal para continuar con esta animacion es insertarle un sonido para guiarnos en que momento Gokú dispare su poder, les recomiendo esta pagina para bajar sonidos


(es necesario poner los nombres en ingles para encontrar con mas variedad) tambien pueden poner Sonidos en DD en google y les apareceran muchos paginas para bajar pack completos

Bueh yo ya tengo un Kame hame Ha grabado asi q lo buscare, aqui les muestro el proceso para importar un sonido.
1)- Creen una capa que se llame "sonidos" (es mas comodo ponerlos ahi antes que en cada fotograma, para mas prolijidad)

2)- selecciona un fotograma y anda a "archivo, importar, importar a biblioteca"

3)- Luego ahi seleccionamos el audio que queremos importar, este parará en la Biblioteca

4)- Luego seleccionamos la capa nueva que creamos posamos el mouse en el fotograma que queremos dejar el sonido en este caso el fotograma 1 y se abriran unas nuevas propiedades

(van a sonido y ahi a la flechita, cuando le den click se bajara una ventanita con los sonidos q van guardando en la biblioteca, ahi tiene q estar el sonido q importaron en este caso el kame hame ha)
Cuando agreguen el sonido se vera una cosa asi:

Como pueden ver la capa de Sonidos es mas larga que la animacion en si, dura alrededor de 9 segundos asi q por lo visto tendre q hacer q la pose de goku se mueva y adapte a la grabacion pera lograr que quede adecuadamente.

Bueno como veran en el video a continuacion le agregue el sonido y lo movi a goku segun lo que decia gracias a la capa "Sonidos" que insertamos, veran q queda con mas vida, tambien anime la pose con la q dispara el poder final, el resultado es el siguiente:

link: http://www.youtube.com/watch?v=fo222cSMpq4&feature=plcp

Como vieron quedo bien pero yo le agregaria unos detalles de vibracion y que el pelo se le mueva para darle ese efecto Akira Toriyama xD... quedaria una cosa asi:

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

Se nota el cambio eh? ... esa vibracion la logre seleccinando todas las capas sin el candadito y las movi solo 6 veces luego copie y pegue hasta llegar al final del audio, (bueno con el pelo hice lo mismo pero por separado)


Bueno ahora tenemos q hacer el kame hame ha, si no el pobre de goku esta tirando solo aire... siganme los buenos diria el chapulin colorado!
Vean esta imagen:

Para hacer el kame hame ha necesitamos adecuar el ambiente para poder trabajar tranquilo, que hacemos? estos dos simples pasos:
1 - Vamos a propiedades y le cambiamos el color a la hoja de atras a un gris leve no un gris oscuro, asi podemos distinguir cuando dibujemos la bola de energia
2 - Creamos dos capas una arriba de las capas del personaje y otra abajo.

Bien, creemos nuestra bola de energia... vean esta imagen:

Sigan estos 4 puntos, 1 - vayan a la herramienta rectangulo y cambienla a Óvalo, 2 - una vez q hayan cambiado el color a blanco hagan su bola de energia como ven en el dibujo en el fotograma 9 de la capa "poder arriba",3 - luego seleccionen la bola y comviertanla en simbolo con el F8 (apareceran tres opciones pongan clip de pelicula), 4 - Una vez tengan su simbolo lo seleccionan y se van a propiedades y elijen "filtros" ahi les apareceran unos cuantos efectos q son muy utiles, elijan Iluminacion y configuren como tienen en la imagen.

Ahora lo que veran a continuacion es la animacion de la bola de energia presten atencion a la siguiente imagen y vean los rectangulos en rojo

como se puede ver una vez q aplique los filtros solo movi la bola a los puntos donde llevaria las manos goku, y se puede apreciar tambien como utilice la capa de arriba y cuando vi q se superpondria en el personaje utilice la capa Poder Abajo... esto es algo con lo q tendran q experimentar y usar la logica
Tambien pueden ver q utilice interpolacion de movimiento lo cual solo se puede hacer con simbolos, mucha gente anima de este modo evitando la animacion clasica, a mi me gusta utilizar las dos

Para lograr algo como esto:

link: http://www.youtube.com/watch?v=N-EEiZ5NkUU&feature=g-upl
Si ven bien le puse un efecto de luz que lo hice de la siguiente manera

1 - Puse un fotograma en el 124 con el F6 en la capa "poder arriba"
2 - Seleccione la herramienta óvalo hice un circulo blanco
3 - Lo seleccione y le cambie el color a tipo radial color gris
4 - Te apareceran a tu derecha o donde tengas el panel de color asi tipo unas propiedades donde podes bajarle y editar el color a gusto , el alfa es principalmente donde tenemos q ir, elegimos el cubito derecho y le bajamos el alfa de 100% a 0%
5 - Luego con la herramienta seleccion libre adecuamos el tamaño del simbolo a gusto

*Bueno gente recien terminamos la primer Etapa mas larga y compleja, "Animacion!", si llegaron hasta acá y me entendieron algo los felicito jajaj. Ya podran hacer lo que quieran, son libres de usar su imaginacion como les guste!
En esta Etapa, pondremos Sonidos y Musica,(supongo q ya abran bajado varios pack de sonidos musicas de todo tipo a estas alturas no? ) mas que nada les voy a ir mostrando mediante las animaciones e imagenes como va cambiando todo.

Primero Crearemos una capa mas donde colocaremos los efectos de sonidos especiales

En ella pondremos fotogramas con efectos de sonidos importados a la biblioteca, como yo ya tengo unos efectos de Dragon Ball Z los pondre como les mostre en puntos anteriores, recuerden q deben colocar los sonidos en los fotogramas q ustedes vean que quedaria bien cordinando con el personaje, asi:

Esa linea roja la marque ahi para q entiendan q en esa parte empieza un sonido justo cuando goku en la animacion dispara el kame hame ha por eso es importante q sincronice bien

La animacion me quedo asi con los sonidos bien sincronizados y puestos

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

"Para poder editar el audio les recomiendo q utilicen el Free Audio editor"


*Bueno vieron que bien quedo con el efecto de sonido?... ahora le pondremos musica, crearemos otra capa y le pondremos de nombre "Musica" arriba de la capa "efectos de sonidos", en esta pondremos un temita musical que le pondra suspenso a la escena:

Aqui el video:

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

*Bueno querida gente con esto le ponemos Fin a la Segunda Etapa, ahora entrariamos a la de Fondos y escenarios, seria la Tercer etapa...

Primero les recomiendo que se bajen el Paint Tool SAI excelente programa para ilustrar hacer escenarios o dibujos


Con este programa hice el siguiente escenario:

Es algo rapidon pero bueno es parecido a Namek....

Ahora creamos una Capa mas y la ponemos abajo del todo, en ella importamos el escenario que hicimos en el Paint Tool SAI y lo acomodamos dentro del rectangulo de la hoja de flash:


Y asi una vez terminado el escenario le damos por finalizada a la etapa de Fondos, les doy un tips para que sepan como configurar su flash para que se escuche perfecto...

(se llega a esta configuracion asi "archivo, configuracion de publicacion y flash"

Gente este es el resultado de todo lo que vinimos haciendo, recuerden q yo empece igual que ustdes sin saber nada, todo esto lo hice con el corazon espero les guste


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

Les recomiendo que para exportar el video lo hagan en formato Quicktime, lo se lo se pesa mucho, pero eso se arregla con el Sony vegas 10, q en otro post les mostrare como convertir un video en HD
Asi configuro yo mi Quicktime


Bueno amigos esto es todo espero les haya servido de algo este post... yo no soy profesional para estar enseñando pero creo q puede ser q de mi experiencia algo les pueda servir, si quieren ver mis animaciones les recomiendo q pasen por mi canal de Youtube:



Desde Ya Muchas Gracias