Hice mi propia animacion de Los Caballeros del Zodiaco


Antes que nada muchisimas gracias por el TOP

saint seiya


INTRODUCCION


Hola querida gente, me presento mi nombre es Yamil Jozami, tengo 26 años soy de Paraná Entre Ríos (Argentina) y en este post les voy a mostrar como hice una animacion Flash en el adobe flash cs3 completa, antes que nada quiero aclarar que a mi nadie me enseño, nunca fui a un curso ni nada por el estilo, todo lo que van a ver salio del corazon ya que amo animar y obviamente dibujar, asi que si yo pude vos tambien podes!

HERRAMIENTAS


Estos fueron los pogramas y herramientas que utilice para hacer la animacion.

Adobe Flash cs3 programa esencial para hacer la animacion, les recomiendo el Cs3 por que para mi es el mas completo de todos los que salieron y el mas practico y facil de usar
caballeros del zodiaco


Free Audio Editor, es un programa para editar sonidos, acortarlos, agregarle efectos, muy util y facilisimo de usar!
animaciones


Paint tool SAI un programa para hacer ilustraciones en este caso me sirvío mucho para hacer los escenarios de la animacion y que no quede tan robotico todo... este programa es muy facil de usar y si le agarras la mano vas a terminar divirtiendote mucho jugando con los colores y demas.
tutorial


Sony Vegas Pro 10, un programa muy importante para una vez que terminas el video y exportas la pelicula, lo renderizas con el sony vegas y le das por ejemplo calidad HD alivianando el proyecto sin que resulte tan pesado.
flash

ETAPAS DE ANIMACION


Bueno cuando yo hago una animacion la divido en "Etapas"... en mi caso son 6 estas etapas:
1 - Etapa Guión y Bocetos
2 - Etapa Grabacion del audio
3 - Etapa Animacion
4 - Etapa Escenarios
5 - Etapa Musica y Sonidos
6 - Etapa Renderizacion

Bueno en si este post consistirá en ir explicando detalladamente cada etapa... Empecemos!

1 - ETAPA GUIÓN Y BOCETOS

Bueno siempre primero y principal es recomendable tener una idea mas o menos de lo que vamos a animar y para no perder la idea lo mejor que podemos hacer es plasmar todo en una hoja sea del Microsoft office word o de papel, en mi caso me gusta mucho hacer el boceto guionado, por ejemplo como una historieta , me resulta mas facil... vean en este ejemplo y depaso vean la trama que voy a animar. (Yamil seria yo y para que sepan ese chico tiene el poder de hacer realidad lo que imagina)

dibujos

(Este metodo resulta muy efectivo a la hora de grabar en los estudios ya que el actor puede interpretar mejor la idea del guión, ah por si preguntan este boceto lo hice en el Adobe Flash Cs3)


2 - ETAPA GRABACION DEL AUDIO

Una vez que tenemos el guión listo acudimos a grabar las escenas de dialogo, yo no suelo usar mi voz en mis animaciones asi que cuento con la ayuda de unos amigos que hacen Fandub (Personas que hacen doblajes e interpretaciones sin fines lucrativos de series que por temaas de derechos y ventas de los paises algunos productos son imposible que lleguen en nuestro idioma y ellos se encargan de doblarlo para que los q no sabemos ingles entendamos, etc, etc...)
Si queres grabar tu voz e interpretar vos tus animaciones podes acudir simplemente a un microfono y al querido programa Free Audio Editor

Yo tengo un microfono NogaNet que no me salio mas de 20 pesos y la verdad que cuando me grabe para probar me escuchaba bastante bien (lo importante en un microfono es que reduzca mucho el ruido sucio del ambiente en el que está)
Hice mi propia animacion de Los Caballeros del Zodiaco


Si quieren algo mas profesional bueno les recomiendo un SAMSON CL-7 que esta arriba de los 1000 pesos esto se utilizan mucho en los estudios de radio
saint seiya


Les recomiendo que cuando graben sus dialogos los guarden en una carpeta prolijamente para tenerlos a mano cuando empecemos la siguiente etapa.

caballeros del zodiaco


3 - ETAPA ANIMACION

Bueno esta es mi etapa Favorita!... pero antes que nada les voy a recomendar lo siguiente, si no sabes usar el flash les recomiendo a un muchacho que hace tutoriales extremadamente buenos para aprender a usar dicho programa! el se llama Alex es de mexico y su canal en youtube se llama Flashfacilitotips

animaciones



Cuando vamos a animar podemos utilizar dos herramientas una Tabla Digital o el Mouse yo les recomiendo por experiencia propia que lo mejor es tener una tabla digital, te facilita mucho animar, pero dicho esto no quiere decir que sea imposible con mouse yo antes animaba con el y la verdad que me adapte bastante bien es mas el muchacho que les recomiendo el usa el mouse para dibujar!

Bien yo desde que tengo mi tablet sinceramente no puedo dibujar si no es con ella y la verdad que es un modelo muy economico y facilisimo de usar es una Genius easy pen bien para principiantes (no cuesta mas de 300 pesos)
tutorial


Bueno ahora abramos el programa Adobe Flash Cs3 ... yo cuando abro el mio tengo ubicada las ventanas de la siguiente manera
flash

Detalles de configuracion, yo trabajo con una resolucion de 640x360 que es la medida justa para subir los videos a youtube, con una velocidad de 25 Fps que significan fotogramas por segundo es como decir cuadros por segundo, los fotogramas serian hojas mientras mayor sea la cantidad de fps mayor fluides encontraremos en nuestras animaciones, eso si mayor trabajo


Recuerden tener a mano el boceto de la historia como guia para poder animar sin saltarnos de nada
dibujos


Ahora les voy a enseñar partes muy importante en el flash, las capas, ellas estan acompañadas de la linea del tiempo que nos marcara cuantos segundos y en que fotogramas quedamos para poder tener una idea de cuanto llevamos de animacion.
Las capas serian asi como un block de hojas en el cual situaremos a los personajes, escenarios, sonidos, musica etc, por eso es recomendable crear las capas y ponerles un nombre como pueden apreciar aqui.
Hice mi propia animacion de Los Caballeros del Zodiaco


Guiandonos del boceto tengo que hacer a Yamil que esta muy feliz con su logro "al haber imaginado la armadura de cisne" en esta historia Yamil hace realidad todo lo que imagina...ok a dibujar!
saint seiya

Como pueden ver me guié del boceto y por la expresion de alegria de yamil lo dibuje muy entuciasmado y con otro estilo diferente ya que pienso ponerle mas ganas al video en si!


Algo muy importante a la hora de crear un personaje es que sepamos de ante mano que partes vamos a animar y si es posible dedicarle una capa a cada segmento, es decir como pueden ver en la imagen hay una capa para la cabeza y otra capa para el cuerpo de Yamil
caballeros del zodiaco

No olviden que la capa que este arriba siempre tapara a las de abajo


Bueno coloriemos, yo lo hago en 3 pasos, los que ven a continuacion:
animaciones

1 - Uso la herramienta del tarrito de pintura y relleno cada parte recuerden que tiene que estar siempre cerrado el lugar para poder colorear sin problemas, 2 - Uso el lapiz y marco las partes donde aplicare las sombras del personaje, 3 - Luego selecciono el color le bajo el tono y coloreo donde marque con el lapiz, luego selecciono las lineas y las elimino quedando este el resultado final.


Una vez que ya tenemos el personaje para poder animarlo correctamente es necesario importar a nuestro programa el sonido o el dialogo que necesitamos para la escena en particular, se importa de este modo

tutorial

1 - Archivo, 2 - importar, 3 - Importar a escenario o a biblioteca cualquiera esta bien, luego se abrira una ventana y tendran que buscar el audio que guardaron prolijamente en una carpeta y listo se importa a la pelicula


Okey lo que tienen que hacer a continuacion es en la capa Voces, dirijirse al fotograma numero 1 donde estará el dialogo de esta manera
flash

(lo mas interesante es que el flash reproduce el sonido y te lo muestra en forma de ese grafico que te ayuda a situar bien la boca del personaje junto a lo que va diciendo)


Un tips que les voy a dar para mejorar la calidad de audio de su video asi queda perfecto en cualquier lugar que lo reproduzcan ... hagan lo siguiente:
dibujos

Se van a Archivo, luego a configuracion de publicacion, van a la pestaña "Flash" y configuran el audio como esta en esta imagen , recuerden destildar esa opcion que dice convertir estereo en mono.


Bueno en el dialogo yamil dice "Eres un genio!", eso vamos a animar!

Esta imagen demuestra todas las veces que lo dibuje a Yamil y las letras arriba seria la postura de yamil y su boca como cambia a medida que corre la animacion quedaria asi:
Hice mi propia animacion de Los Caballeros del Zodiaco

(espero se entienda el punto)


En la linea del tiempo la animacion se ve asi
saint seiya


Y la animacion se veria asi...


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

Una vez que terminamos de animar pasariamos a la siguiente Etapa! escenarios!

4 - ETAPA ESCENARIOS

Yo para este video utilice el programa Paint tool SAI para hacer los escenarios, los trabaje con una resolucion un poquito mayor para que no se vean los bordes cuando los importe a la pelicula en flash

Abrimos el SAI y configuramos las medidas de la siguiente manera
caballeros del zodiaco


Creamos el lineart mas o menos guiandono de las perspectiva en la que esta situado yamil
animaciones


Coloriemos, recuerden que las capas cumplen la misma funcion en todos los programas, el de arriba tapa a la de abajo y tambien se aplican para puntos especificos que queremos trabajar, en el SAI es muy comun abrir muchas capas dedicadas a por ejemplo el picaporte de una puerta ya que el resultado es mejor cuando mas trabajo le pones encima, yo no soy muy bueno haciendo escenarios e hice esto de la siguiente manera...
Escenario:
tutorial

flash

dibujos

Hice mi propia animacion de Los Caballeros del Zodiaco


Una vez que lo terminamos se exporta y lo importamos al flash (lo mismo que con el audio pero con una imagen, en este caso el escenario), cuando lo colocamos se veria de la siguiente manera.
saint seiya

(En el recuadro rojo les marco la capa Escenario como ven está abajo de todo)


Asi sería mas o menos el tema de hacer escenarios, ahora pasemos a la siguiente etapa Sonidos y musica

5 - ETAPA MUSICA Y SONIDOS

Bueno voy a tener que cambiar de escena para mostrarles un efecto de sonido como puede ver en la siguiente imagen importe un sonido y lo aplique de la misma manera que lo hice con el dialogo y el escenario

caballeros del zodiaco

(de nuevo recuadro en rojo la capa que utilice para ponerle el efecto de sonido)


Les recomiendo esta pagina para bajar sonidos gratuitamente, eso si tienen que registrarse y escribir especificamente el sonido en ingles, la pagina se llama Freesound.org
animaciones



Bueno la escena una vez que la reproducimos se veria algo asi...

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

Con la musica lo que pasa ultimamente es que youtube por ejemplo esta siendo muy duro con el tema Copyright entonces uno tiene que recurrir a utilizar musica royalty free es decir musica gratuita... esa se consgue facilmente en cualquier pagina referida al tema, les recomiendo esta pagina.
tutorial



Si no pueden hacer como yo que tengo un amigo musico que me compone toda la musica para mis animaciones jaja (re soverbio xD)
Un videito de el para que vean lo bueno que es! te re banco Elias Leyton

link: http://www.youtube.com/watch?v=m2IVI1lvS00
Su canal de youtube



Bueno con esto ya llegamos a la ultima etapa Renderizacion

6 - ETAPA RENDERIZACION

Para esta etapa es necesario haber terminado la pelicula exportandola del flash, les voy a mostrar como exportar y en que formato es el mejor hacerlo. El mejor formato es MOV. "QuickTime" , por que? por que es de los pocos formatos que te deja ver una vez exportada la pelicula las animaciones que hay dentro de los simbolos de una animacion yo exporto asi...

flash

Vamos a Archivos, Exportar pelicula y ahi elejimos el formato


Asi tengo configurado mi Flash cuando exporto

dibujos

Le damos a exportar y listo


Una vez que ya tenemos nuestra pelicula exportada abrimos el Sony vegas pro 10 vamos a Archivo, abrir y elejimos la pelicula que acabamos de exportar del flash

Hice mi propia animacion de Los Caballeros del Zodiaco


La pelicula en el Sony se veria mas o menos asi...
saint seiya


Bueno la configuracion para un buen renderizado es el siguiente, con esta confi el video se poda ver en HD brindandole mas calidad al trabajo
caballeros del zodiaco


Y una vez que ya tienen todo configurado se van a Renderizar Como y a exportar la pelicula!!!
animaciones


Bueno luego de mas de 2 meses de trabajo, 8 horas diarias el resultado final es el siguiente, espero les guste:


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

Si les gusto les dejo mi canal de youtube para que vean mis mas de 30 videos animados que hice, cualquier duda manden MP no tengo ningun problema de responder sus inquietudes ... saludos aguante Argentina Carajo!

tutorial