Tutorial de animación y expresión de personajes en flash

  • 505 views
Uploaded on

 

More in: Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
505
On Slideshare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
15
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Tutorial de animación y expresión de personajes en FlashEste tutorial lo he dividido en tres partes:1.-Teoría del movimiento y de los gestos- Articulaciones humanas, caminar, el lenguaje de los gestos y el rostro.2.- Creación de un maniquí como maqueta- Paso a paso para construir un maniquí como boceto para crear animaciones.3.-Animación del maniquí-El guión y el guión gráfico.-El maniquí camina.1.- Teoría del movimiento y de los gestosYo me parto...Animar un cuerpo humano es de las acciones más complejas que se pueden llevar a cabo en un proyectode animación. Es decir que si no tienes paciencia, más vale que olvides este tema, dedícate a otra cosa...Pero si has dedicido animar y quieres seguir leyendo, pues empezamos por repasar un poco la anatomíadel cuerpo humano.El cuerpo humano está constituido por huesos y músculos en su aparato locomotor, que es el que nosinteresa para nuestro propósito. Para que un cuerpo se mueva, se necesita de la fuerza de un grupomuscular flexible y de un conjunto de huesos rígidos que los sostengan. Pero, lo más importante de todoson las articulaciones, ya que es ahí donde se producen los movimientos, veamos: • La cabeza se mueve gracias al cuello. Éste puede realizar todos los movimientos, es decir, rotación (decir no), flexión y extensión (decir sí), lateralización (inclinar la cabeza hacia los lados). • El hombro es una de las articulaciones más complejas, y sintetizando mucho tiene dos conjuntos, el escapulotorácico, que comprende movimientos los movimientos de elevación del hombro (como diciendo no se), giro hacia atrás o hacia delante, (sacar pecho, hundir pecho) y el conjunto escapulohumeral, que comprende los movimientos de extensión, rotación, flexión, o sea, mover el brazo.
  • 2. • El codo, pues fácil, se flexiona y se extiende, aunque en un grado más de realismo, podemos decir que rota (supinación y pronación, como cuando se indica con la mano "más o menos") • La cadera, es como el hombro, pues mueve las extremidades inferiores, pero también puede elevarse y bajarse. La articulación pubofemoral contiene todos los movimientos, rotación, flexión, extensión, aducción y abducción. • La rodilla como el codo, se flexiona y se extiende., aunque tiene cierto grado de rotación, no tiene casi relevancia en animación, aunque si en anatomía claro. • Los tobillos y los pies también se flexionan y se extienden.Después de este breve repaso, obvio, pero necesario para comprender la complejitud de losmovimientos humanos, hemos de entender que un movimiento, por lo general, no se produce ensolitario, entran en juego grupos de articulaciones y compensan las posiciones adoptadas para estarsiempre lo más equilibrado posible.Por ejemplo, si estoy sentado, y hecho el brazo hacia atrás para rascarme las costillas pues flexiono laarticulación del hombro al mismo tiempo que la del codo y el cuerpo (columna) rota un poco hacia unlado, a continuación se flexionan los dedos y se realizan pequeños movimientos adelante y hacia atrás.Podéis probar de rascaros las pantorrillas, el cuello, o la espalda, y podréis comprobar como en realidadson conjuntos de articulaciones las que entran en acción.(Bueno, vale ya de rascarse!!!)Caminante no hay camino, se hace camino al andar...Entonces, cuando hacemos el acto de caminar, debemos fijarnos en lo siguiente:2.- Progresión del acto de caminar erguido (un paso)(Volver a "Yo ando", no hagas caso si aún no lo has leído) 1. El miembro inferior izquierdo (según imagen) propulsa el cuerpo hacia delante. 2. La otra extremidad, librada del peso del cuerpo, lleva el pie hacia delante. 3. El peso del cuerpo pasa a la extremidad derecha y vuelta a empezar. 4. Con estos movimientos el cuerpo sube y baja ligeramente. 5. Pues nada que me voy a sentar ya, que tanto caminar cansa...Ahora vamos a adentrarnos en el mundo sutil de los gestos, lo insignificante hace que una animaciónparezca verosímil, y le indica al espectador, con pequeños detalles, a veces inconscientes, las emocionesy pensamientos del personaje.El cuerpo humano es genial, ya que no veréis a dos personas caminando igual. Eso quiere decir quesegún la constitución de una persona, sus caminares serán diferentes. También habrá que tener encuenta el estado de ánimo del personaje cuando montemos una animación. Lo mismo ocurre con correr,
  • 3. es bastante diferente que caminar, puesto que aparte de exagerar las flexiones hay que añadir saltos acada zancada.Breve introducción a los gestos: mensajes subliminaresNuestro cuerpo refleja nuestros pensamientos y emociones de forma inconsciente. Las expresionesfaciales son un libro abierto a nuestras emociones. Las posiciones que adoptamos con nuestro cuerporeflejan que pensamos, o que actitud tenemos con respecto a la situación concreta en la que noshallemos. Ciertos gestos son propios de una cultura. Los indúes mueven la cabeza diciendo no para decirque sí. Si alguien va de viaje y pregunta a un taxista que si puede llevarte a algún lado y éste le contestaque no, será que sí. Menudo lío!!!Quiero que se entienda esta sección como una aproximación en líneas generales. Cuando se desarrollanpersonajes de forma profesional, se tiene que realizar un estudio del carácter del personaje, y segúnesos datos, se configuran los gestos y las expresiones faciales que éste tendrá. (Esto último no se si escierto, pero queda muy bien, je, je). Un capítulo importante es la voz, su timbre y tonalidad, que notrataré en este artículo.A continuación veremos algunos gestos populares: • Yo no se nada de nada: encogerse de hombros3.- Gesto de encogerse de hombrosEste gesto indica que la persona no entiende o no sabe algo. Las tres partes principales de este conjuntode gesto con las palmas mirando hacia arriba y abiertas, las cejas levantadas y los hombros encongidos. • A quien quieres engañar con esa historia... no me creo nada: la mano en la barbilla
  • 4. 4.- No está de acuerdo con lo que escuchaEse señor tiene una actitud de evaluación crítica, está pensando algo así como "no me gusta lo que dicey no estoy de acuerdo". Las tres partes principales de este conjunto son la mano tapándose la boca en labarbilla con el índice levantado, las piernas muy cruzadas y el brazo cruzado sobre el pecho (defensa),mientras que la cabeza está un poco inclinada hacia abajo, lo que denota hostilidad. • Que nadie se atreva a desafiarme: actitud dominante5.- Mujer dominanteEsta mujer muestra una actitud dominante o agresiva, enseñando los pulgares, que asoman de losbolsillos, y tiene el cuerpo ligeramente inclinado hacia adelante, mostrando seguridad en si misma. Lospulgares expresan superioridad.Si, si, bien! que contenta estooooooy!: frotarse las manos6.- Gesto de frotarse las manosEl acto de frotarse las manos significa que la persona está contenta con "lo que tiene entre manos" .
  • 5. Recordemos que es el conjunto de gestos lo que hacen una actitud creíble o no con respecto a lo que seexpresa hablando.Leer el rostro, todo un arte."¿Porqué signo se reconoce la evolución de un hombre?" y el Maestro respondió: "Por la intensidad de laluz que emana de él. Y aunque esta luz ciertamente no es visible, puede percibirse en la mirada, en laexpresión del rostro, en la armonía de los gestos."- Omraam M. A.Nuestro rostro es la expresión de la experiencia de la vida. Todo el mundo sabe que cuando una personase siente bien, su rostro y todo su cuerpo lo demuestran, se ve más luminoso, más recto, más firme, sumirada brilla. En cambio, cuando vemos a alguien con el rostro "desfigurado" todos percatamos que aaquella persona no le están yendo bien las cosas, o que pasa por un mal momento. Así que depende dela expresión que le demos a un personaje crearemos la sensación oportuna.El canon de la belleza...En canon de la belleza es conocido desde tiempos antiguos. Aunque los artistas son reacios a aceptarlo,se debe a una cuestión matemática-geométrica, que obedece a un canon arquetípico.La ecuación matemática de segundo grado que sirve para definir la belleza es:x^2 - x - 1 = 0 // equis elevado al cuadrado, menos equis, menos 1, igual a cero.Una de las raíces de esta ecuación es el "número áureo" (1,618.....) y la otra es la "sección áurea"(0,618...) y ¿cómo se traduce esto en belleza?7.- El número y la sección áurea 1. Geométricamente, tomamos el punto medio de la base de un cuadrado (M), y trazamos una diagonal hasta el punto opuesto (N). 2. Trazamos un arco de circunferencia con centro en (M) y radio (M) (N) hasta encontrar la prolongación de la base del cuadrado. 3. Obtenemos los segmentos a, b, c que se encuentran entre si a una proporción de a · a = c ·b 4. Encontramos las proporciones que estructuran el cuerpo humano. 5. Si la distancia entre la base del mentón y el entrecejo equivale a 1, encontramos 0,618 desde el entrecejo hasta la raíz de los cabellos. Etc.(véase Fig. 8) 6. Si no se quieren frustrar, dejen el metro, háganme caso, yo ya lo probé.¿Como se si soy guapo/a? (Por cierto, no es lo mismo ser guapo que ser un guaperas)
  • 6. En resumidas cuentas, y en líneas generales, más guapo/a son aquellas personas que más cerca dehallen de este equilibrio proporcional, independientemente de las culturas, razas u otras diferencias. Lomismo se puede aplicar para el cuerpo.Si quieres dibujar un personaje guapo/a básate en estas proporciones. Aléjate de ellas para crear losmalos (que siempre suelen ser feos)8.- El rostro áureo¿Y qué puedo hacer para serlo yo?- ¿...mmmm...?, pues no encuentro esa ecuación...- Noooo, ¿dónde la habré dejado?- Prometo que la voy a encontrar.- ¿Dónde habré metido el teléfono de "Maikel Jason"?Seis formas básicas facialesHe evitado, para no extenderme demasiado, dar las explicaciones del porqué tienen los diversossignificados estas formas. tendréis que confiar o investigar por vuestra cuenta. Lo que viene acontinuación no es ciencia, son observaciones de algunos psicólogos. A saber:9.- Formas esquemáticas de los rostros 1. a) Representa a una persona voluntariosa, pensar sentir y actuar consecuentemente. Pero si la cabeza es cuadrada, significa tozudería, dureza y materialismo. 2. b) La curva simboliza lo femenino, así como el ángulo lo masculino, representará la búsqueda de la armonía, puede ser una persona afectiva, emotiva. Pero si es tipo pelota de rugby, pues representará a un individuo excesivamente emotivo, impráctico e imprevisible. 3. c) Predominio de la mente, pienso mucho, aunque hago poco. 4. d) Este tipo de cara es el del reprimido, es decir, pensará y sentirá equilibradamente, pero a la hora de materializarlos no disfrutará. 5. e) Existe un equilibrio entre los instintos y las emociones, aunque piensa poco antes de actuar. 6. f) Este individuo representará a un bruto, puesto que en su vida predomina la parte instintiva, y tiene todos los números para convertirse en un devorador de placeres.Breve introducción a la mímica y el carácter del personaje.
  • 7. Las facciones de la cara en estado "normal" informan sobre el pasado del personaje, más que sobre elpresente. Ahora bien, enfatizando ciertos rasgos, podremos provocar que nuestro dibujo muestrediversas cualidades psicológicas. Veamos los pares de valores músculo-expresiónVeo, veo... • Superciliar: indica concentración, atención sostenida y reacciones rápidas a las impresiones externas.10.- Mirada concentración, atención sostenida • Superciliar vertical, obstinación, tenacidad, tozudez11.- Mirada con obstinación.Tiene narices... y morro • Elevador superficial, percepción de lo desagradable, capacidad para percibir los defectos, poco optimista, denota amargura12.- Percepción de lo desagradable • Cigomático menor, el sujeto está sufriendo, dolor moral o psíquico13.- Sufrimiento psíquicoEsa boquita... • Orbiculares externos, indica deseo, es una dependencia, la persona necesita de los demás y existe falta de autocontrol.
  • 8. 14.- Deseo, dependencia, falta de autocontrol • Canino, orgullo, amor propio, satisfacción de uno mismo.15.- Orgullo, amor propioBueno, creo que con esto es suficiente como para que uno pueda hacer sus pinitos con la animación ycaracterización de personajes, así que pongámonos el mono de faena, y a trabajar. Aihó, Aihó2.- Creación de un maniquí como maqueta paso a paso.Ahora vamos a construir paso a paso un maniquí que nos servirá para preparar alguna animaciónposteriormente.DescripciónEl maniquí lo vamos a simplificar quitándole el movimiento de las muñecas, y el cuello. Así que constade las siguientes partes: 1. Capa brazoDer o Brazo derecho o Antebrazo derecho 2. Capa cabeza o Cabeza 3. Capa piernaDer o Muslo derecho o Pierna derecha 4. Capa cuerpo o Cuerpo (tórax y abdomen) 5. Capa brazoIzq o Brazo izquierdo o Antebrazo izquierdo 6. Capa piernaIzq o Muslo izquierdo o Pierna izquierda 7. Capa fondo o Fondo(Volver al punto 18, no hagas caso si aún no lo has leído)En este orden tienen que estar colocadas las 7 capas que crearemos, en las cuales pondremos cadaparte del maniquí. Esta disposición se corresponde con el maniquí mirando hacia nuestra derecha >>>>.Abrimos Flash MX 2004, con un archivo en blanco y empezamos el paso a paso.
  • 9. 1.- Lo primero, crear las capas, para lo cual utilizaremos el botón nueva capa. Le ponemos el nombrecorrespondiente, y repetimos la operación hasta tenerlas todas, copia de la ilustración:16.- Vista de las capas2.- A dibujar, con la herramienta rectángulo seleccionada, dibujamos uno en la capa fondo. Con unrelleno gris #999999 y sin contorno:17.- Relleno del rectángulocon unas medidas de 45 X 8518.- Ancho y alto del rectángulo3.- Con la figura seleccionada, la convertimos en un símbolo apretando F8 en el teclado , y le ponemos elnombre cuerpo. Guardarlo con el punto de registro en el centro.19.- El punto de registro tiene que estar en el centro4.- Ahora creamos la cabeza. Para ello trazaremos una elipse con la herramienta óvalo. Sus medidasserán de 37 ancho por 45 alto. Con la figura seleccionada pulsamos F8 y lo convertimos en un símboloque llamaremos cabeza. Su punto de registro también estará en el centro. Todas las partes del muñecose guardarán con el punto de registro en el centro.5.- El brazo derecho lo creamos con una elipse de medidas 22 por 63 con el color de relleno #666666. Sunombre de símbolo será brazoDer.
  • 10. 6.- El brazo izquierdo lo haremos duplicando el izquierdo, a continuación del menú modificar izquierdo,seleccionamos separar, para desvincularlo del mc brazoDer. Veréis que en el panel de propiedadesahora pone gráfico. Entonces, lo mismo de siempre, F8, nombre brazoIzq. Hacemos doble click sobreéste y le ponemos el color #CCCCCC.7.- Después, pulsar sobre Escena 1 para volver a la línea de tiempo principal.20.- Pulsar sobre Escena 1 para volver a la línea de tiempo principal8.- Los dos muslos los crearemos duplicando un brazo, y después de separarlo (como en el punto 6) lespondremos respectivamente los nombres y los colores musloDer, color #CCCCCC; musloIzq, color#666666. En cuanto a las medidas, serán de 27 por 69.9.- Las medidas serán de 18 por 64 de las pantorrillas (piernas). piernaDer y color #CCCCCC para laderecha y piernaIzq, color #666666 para la izquierda. Utilizaremos también un óvalo.10.- Para los pies, seguiremos con los colores correspondientes a cada extremidad, y lo realizaremos conun óvalo de 34 por 13. Los llamaremos pie pieDer y pieIzq para los nombres de clip.11.- Las medidas para los antebrazos serán de 17 por 67. Dos óvalos pero con un círculo en el extremoinferior de 18 X 18 que simulará la mano.21.- Símbolo del antebrazo izquierdo del maniquí, que incluye un óvalo y un círculo en el extremoinferior.12.- Las medidas para los pies son 33 por 13, utilizando el óvalo. Desde el menú ver seleccionamos laopción reglas. Con la ayuda de una línea guía que pondremos en el escenario pulsando sobre la regla y .arrastrando al escenario hasta la parte interior del pie. Después con la flecha de selección, trazamosun rectángulo para seleccionar la zona inferior y eliminarla (ver ilustración). Sus nombres pieDer, ypieIzq.22.- Pie con la región inferior seleccionada con la ay ayuda de una línea guía.13.- Ya tenemos que tener en el escenario más o menos lo siguiente:
  • 11. 23.- Partes del maniquí.14.- Ahora vamos a distribuir las diferentes partes del maniquí en capas. Así podremos aislar una zonaconcreta del cuerpo para estudiar su movimiento, y podremos mover a nuestro antojo todos los susímbolos. Pero antes... guardamos el archivo como tuto_Animacion_Cristalab.fla15.- Bueno, tenemos que hacer que las articulaciones del cuerpo sean parecidas en cuanto almovimiento. Así que desplazaremos uno a uno todos los símbolos de forma que el punto de registro aremosquede en la zona de la articulación. Explicaremos la cabeza.16.- Hacemos doble click sobre el mc cabeza y estaremos en el modo edición de símbolo en contexto. elpunto de registro se halla situado en el centro. Pensemos... La cabeza, tal como hemos construido llanuestro maniquí, solo podrá realizar los movimientos de flexión y extensión, que traducido en Flashsería rotación + ó -. Así que con la ayuda del teclado, usando la flecha arriba, desplazamos la cabeza .hacia arriba hasta que quede así:24.- Punto de registro de la cabeza en la parte inferior.17.- Claro, los brazos pueden rotar desde el hombro, los antebrazos desde el codo. El cuerpo también loharemos flexionar desde su base. Los muslos desde la región de la cadera, y las piernas en la articulación Losde las rodillas. Los pies, en el tercio posterior, en lo que sería la articulación tibioperoneaastragalina.Véase:25.- Partes acabadas del maniquí.18.- Distribuimos por fin, con la ayuda de los comandos cortar y pegar cada mc en su sitio, según dijimosen la descripción (aquí).19.- Lo organizamos de manera que parezca un maniquí formado, entrecruzando un poco las eraarticulaciones. Si pulsas CONTROL+T aparecerá el panel transformar, el cual te será útil para rotar las
  • 12. articulaciones en ángulos de 15, 30, 60, 90 con el signo - (menos) para flexionar, o en po positivo paraextender las articulaciones.20.- Para el fondo, en principio, bastará con dibujar una línea negra, de 1 de grosor justo debajo de lospies del maniquí.26.- Maniquí acabado, listo para moverse.No sería mal momento para volver a guardar los cambios con la combinación de teclas CONTROL+S3.- Animación del maniquíEl guión y el guión gráficoCreo que el mayor problema de un animador autónomo es el guión. Señores/as, sin una buena idea,hasta el dibujante más fabuloso del mundo fracasa. Así que veamos unas ideas para organizar unapelícula en Flash 1. ¿Por dónde empezamos? Preparar el guión. Necesitaremos una buena idea y un esquema para llevarla a cabo. Así que hay que coger lápiz y papel, y ponerse bien cómodo en el sofá, pensar. Cuando ya tenemos la historia creada, a continuación la dividimos en escenas. Qué cuando se cambia de escena, pues en principio lo lógico es cambiar cuando el fondo también lo haga, así podemos organizar mejor la historia y modificar las partes de ésta por separado fácilme fácilmente. 2. ¿Y si no se me ocurre nada, puedo coger "el código DVinci" y hacer un plagio? Pues sí. Pero no te lo aconsejo. Primero, porque tiene los derechos de autor reservados, y segundo porque a no ser que seas un vampiro y vivas más de 500 años la llevas claclara! 3. El paso siguiente es el guión gráfico, que no es otra cosa que las imágenes con componen cada escena de la historia secuencialmente. Dicen que una imagen vale más que mil palabras, pues fácil ¿no? 4. ¿Cuando tengo el guión gráfico hecho, como lo pongo en Flash? El guión gráfico puedes realizarlo en papel y luego escanearlo. Si no tienes escaner, pues lo puedes dibujar con tu programa de dibujo favorito y después importarlo a Flash, sean vectores o bitmaps. Una vez en Flash los bitmaps se pueden trazar y convertirse en vectores editables. Es interesante hacer una convertirse lista con los objetos que aparecen en las escenas y comprobar cuales podremos aprovechar para varias escenas. 5. Los objetos los puedes crear también a mano o a máquina, con lápiz 2HB o Fireworks, etc. tu eliges. 6. Flash también tiene herramientas bastante buenas para dibujar digamos "a mano alzada" o con la combinación de figuras geométricas. 7. No hay que olvidar los sonidos, la banda sonora, y las voces que acompañarán la historia. 8. Por último, se trata de distribuir los objetos por las escenas. 9. ¿Has encontrado la ecuación matemática para conseguir la belleza? -estoy en ello... estoyPara nuestra animación el guión será el siguiente:-Se ve un maniquí caminando.
  • 13. -El escenario es un paisaje que se desplaza.-Vaya historia más sencilla, pero estará bien para empezar...Cámaras, luces, aaaacción!El punto y la coma (teclas rápidas olvidadas por los "ActionScript+Ters")Tienes que saber un par de métodos abreviados de teclado: el punto ( . ) y la coma ( , )Con ellas podemos avanzar un fotograma con el punto y atrasarlo con la coma. Puesto que deconfiguraciones físicas de teclado hay muchas, según los países y los idiomas, para saber cuales tecorresponden, tienes que activar el menú control y verás las opciones avanzar un fotograma yretroceder un fotograma. En su derecha estarán las "teclas rápidas" a utilizar.La utilización de estas teclas es para realizar comparaciones antes/después. Si mantienes pulsada latecla punto avanzará la cabeza lectora o se retrasará con la coma. Si quieres ver los detalles de laanimación poco a poco, pues debes ir pulsando repetidamente la tecla que necesites. Puedes verla haciadelante y hacia atrás, como es obvio.¿Tiene algo que ver la animación con el boca a boca?Lo primero, la animación, es el arte de mover un objeto, llámese personaje o cualquier otra cosa. El bocaa boca es más bien:re-animación.En Flash podemos animar usando lo que se llaman fotogramas clave. Son los fotogramas donde sehallan los inicios y finales del movimiento.Supongamos que quiero levantar el brazo. En el fotograma 1 tengo el brazo abajo, en el 5 lo tengoarriba. Los otros 3 intermedios son los que se pueden interpolar o bien, si esta opción no es posible, setendrán que realizar 3 fotogramas clave más y dibujar en ellos las posiciones intermedias. La velocidadserá de 24 fotogramas por segundo. Explicaremos esto último con un poquito más de detalle. A saber: • El ojo humano es incapaz de percibir más de 24 imágenes diferentes por segundo.Si en una animación existen 24 imágenes para dar un paso, y en otra existen 12 con el mismo tiempo, está claro que estará más definido el movimiento que tenga más pasos intermedios. • Se pueden conseguir buenos resultados para web con 15 fotogramas por segundo.Otra técnica para conseguir buenas animaciones es la rotoscopia. Consiste en dibujar los movimientosde un personaje o escena desde un video. No la trataré en este tutorial.Interpolación de movimientoPuesto que trabajamos con símbolos, estos se pueden animar con interpolación, veamos un ejemplo (laspelotas se mueven):
  • 14. Para realizar esta animación, simplemente se insertan fotogramas clave. Después se cambias laspropiedades de rotación, anchura y altura y posición respectivamente desde el panel transformaciones,para que automáticamente, desde el panel de propiedades podamos efectuar una interpolación de podamosmovimientos intermedios.28.- Fotogramas con interpolación de movimiento. Los puntos negros son los fotogramas clave.Si queremos un movimiento preciso, podemos utilizar interpolación con líneas guía. No explicaré comose usan las líneas guía porque llevo una barba de tres días, pero diré que son de gran utilidad cuandonecesitamos trazar trayectos con diversas curvas, por ejemplo el vuelo de algún ave o insecto.Por otra parte, la animación fotograma a fotograma. en nuestro ejercicio del maniquí, ya que en un nuestrocuerpo (o engendro, como nuestro maniquí) cuando le flexionamos la cadera, la rodilla y el pieacompañan en la flexión. Así que no toca más remedio que desplazar las partes del maniquí, aparte deefectuar sobre ellas alguna rotación, por que con una interpolación no obtendríamos el resultado asdeseado, y con un trayecto de línea guía es mucho más costoso cuando se puede realizar mediante latécnica imagen a imagen con papel de cebolla.Flash no es 3D (menos mal), así que hay que olvidarse de la coordenada z. El único 3D posible condibujos es el simulado. Si nuestro personaje gira, tendremos que dibujar los cambios de ángulo de visióndel personaje, teniendo en cuenta la perspectiva. Para ello no nos toca más remedio que dibujar a"mano alzada" cada uno de los fotogramas. Aunque como ya existe esta previsión, Flash nosproporciona una herramienta de calidad llamada papel de cebolla.En nuestro ejercicio, no tendremos que dibujar cada fotograma, ya que se trata de un m maniquí y lo únicoque haremos será cambiar de posición y/o ángulo cada una de sus partes.¿Qué es el papel de cebolla?Por suerte, mi madre es modista. Y de pequeño de dejaba jugar con el papel de cebolla. Calcar losdibujos de Mazinger-Z era genial (lo que más me gustaba era aquello de ¡pechos fuera! Pero no se trata Z quede copiar, ni mucho menos de pechos, si no de ver a través de él gracias a su transparencia.La idea es que dibujamos la posición inicial del personaje, después en otro fotograma, la final. S Sipulsamos en el icono papel de cebolla, veremos todos los fotogramas intermedios cuando esténdibujados.
  • 15. 29.- Ejemplo de un maniquí con el papel de cebolla activado, mostrando la sucesión de fotogramas queva por delante.El papel de cebolla de Flash no se vende en las librerías, así que se puede usar cómodamente cuandonecesitemos: 1. Ver la posición inicial y la final. 2. Dibujar o desplazar los mcs a posiciones intermedias. 3. Comprobar la sincronización de los movimientos. 4. Comprobar las distancias equidistantes entre dibujos de distintos fotogramas.En la captura anterior (Figura 29) se puede apreciar las distancias de la cabeza entre fotogramas, y deesta forma corregir su posición.Yo andoVolvemos a centrarnos en la animación de nuestro maniquí, que a partir de ahora lo llamaré MNQ. Estaanimación realizará un ciclo completo, es decir un paso. Si repetimos la animación (loop) parecerá queeste caminando.1.- Colocamos el MNQ con la pierna izquierda avanzada y la otra atrasada:-Como el tercer dibujo empezando por la izquierda de la Figura 2. Los pies también se tienen que girar. ujo .2.- ¿Que cómo? Pues puedes usar el panel transformar (CONTROL+T) o con la herramienta transformartransformación libre (Q). Tienes que trabajar a ojo, ya que considero inúltil poner los grados y losdesplazamientos _x e _y debido a que no te crean ninguna imagen mental de la posición que queremosconseguir. Mirar la siguiente ilustración: rar30.- Primer fotograma de la animación del MNQ.3.- Insertaremos un fotograma clave en el número 22. Podemos crear el fotograma 22 seleccionando yusando el botón derecho del mouse:
  • 16. 31.- Ejemplo de como se inserta un fotograma clave en el fotograma 8 usando el menú contextual, peronosotros lo insertaremos en el 22.4.- Pulsamos en el papel cebolla y arrastramos los controladores al primero y al último fotograma:32.- Controladores del papel de cebolla de 8 fotogramas (inicial, final)6.- Vamos a insertar los fotogramas clave a medida que vayamos cambiando la posición del maniquí.Hubiésemos podido insertar directamente todos los fotogramas clave, como algunos estarán pensando.Pero de esta forma, primero se podría valorar si existe algún objeto que se pueda interpolar, yaprovecharíamos el primer y el último fotograma claves para realizar la interpolación.Como dudo mucho que con un MNQ se puedan lograr buenos resultados, pues lo trabajaremosmanualmente. También si tenemos una posición inicial y otra final, podemos hacernos una idea de lospasos intermedios (ver Figura 33). Además, cuando insertemos un fotograma clave, éste poseerá elcontenido del fotograma anterior, y así podremos seguir moviendo donde lo dejamos, pues que siinsertáramos todos los fotogramas clave de golpe, tendríamos que empezar a mover el MNQ desde suposición en el primer fotograma. En nuestro caso, crearemos un ciclo completo que empieza y acabaigual (un paso tras otro).33.- Imagen de un maniquí "karateka" con dos posturas inicial y final en dos fotogramas clave, con elpapel de cebolla activado.7.- Cuantos fotogramas necesitamos para que un MNQ pase de una posición a otra depende del tiempoque le cueste, de la complejidad del movimiento. Me explico, si me levanto y doy un paso, ¿cuantotiempo me cuesta? Pues... a ver un momento... Ya está más o menos 1 segundo. Entonces si la películava a 24F por segundo, necesito 24 fotogramas para realizar un paso (adelante, atrás). (Claro quedepende de lo rápido o lento que queramos que camine el personaje) En nuestro ejercicio le costará dar
  • 17. un paso 22 fotogramas, o sea 22/24=0,9 décimas de segundo. Lo que significa que cada segundo daráaproximadamente 1 paso.8.- Ahora, con la ayuda del ( . ) y de la ( , ) y del mouse tendrás que ir seleccionando cada parte delmaniquí y moviéndolo para conseguir todas las posiciones intermedias entre el 1º y el 22º fotograma,insertando cada 3 fotogramas 1 clave, con lo cual tendrás que hacer siete posiciones diferentescompletar el ciclo. Si quieres, puedes poner las posiciones intermedias para cada uno de los fotogramasañadiendo fotogramas clave, pero, no es necesario para este ejercicio.9.- Puedes guiarte de la Figura 2 para las posiciones de los pasos intermedios, así lo he hecho yo. Este esel resultado (vale, vale, ya se que me hubiese podido quedar mejor!):10.- Algo importante, después de acabar de construir el movimiento del MNQ-Se tienen que seleccionar todos los fotogramas de todas las capas y copiarlos.-Seguidamente insertas un nuevo símbolo, y pegas los fotogramas, de forma que el maniquí queda todoél como un mc.-Limpia el escenario (borrando las capas del MNQ), y creas las capas necesarias para ActionScript,fondos, y MNQ.-Como es un ejercicio yo he puesto un stop(); al final de la película en la capa AS. Sin embargo, no le hedado nombre de instancia al MNQ para poder interactuar con él, ni le he dado ninguna orden de parar,realiza un bucle infinito.11.- Ahora, tienes que modificar el maniquí dándole la forma que quieras. Puedes modificar los mc delas partes para que quede con forma humana, con vestidos, cambiar el color, etc. El fondo es importanteen una animación, ya que da profundidad el movimiento del personaje. Ponerle sonido también es muyimportante. Por ejemplo, piensa en una película de terror, si bajas el volumen de la banda sonora,queda bastante ridículo verla así.12.- También puedes crear una capa por encima de todas, dentro del mc bloquearlas otras capas ydibujar a mano alzada tu personaje, fotograma a fotograma.Conclusión y apéndiceCreo que ya va siendo hora de que acabe esta breve introducción a la animación en flash. Espero quesirva de base para que surgan nuevos horizontes en las mentes de los usuarios de Cristalab, y quepermita que desarrollen ingeniosas, atractivas películas de dibujos animados.
  • 18. Una cosa más: el audio de las animaciones.Como habréis leído, han quedado cosas en el tintero, como los símbolos (psicológicos) en la decoraciónde las escenas, o ambientación, el sonido de la película, etc. Así que aquí va un comentario sobre elsonido.Respuesta a las armonías musicales, la provocación de emociones.Al igual que los colores provocan determinados estados de ánimo, la música posee la capacidad deemocionar casi siempre al que la escucha. Emocionar significando no una expresión sentimental(aunque también), sino, más bien como que te hace reaccionar, con aceptación o rechazo adeterminadas frecuencias musicales, induciendo a coger su ritmo, debido al efecto de la resonancia.Que una música te guste o no depende de si tus frecuencias coinciden ésta, causando rechazo oindiferencia, o aceptándola e interiorizándola.La armonía y escalas utilizadas en las bandas sonorasinfluyen, y mucho, en el significado conjunto que se quiera dar a la película.La octava perfecta: Provoca sensación de descanso, simboliza la unión.La quinta: Estimula las sensaciones de movimiento y energía.La cuarta: Llega hasta el corazón y resuena en él, algunas personas se pueden sentir incómodas.La séptima: Despierta sensaciones de distancia y necesidad de resolución.Puedes usar flash para crear divertidas tiras cómicas, dibujos animados, comics, animacionesinteractivas. El límite sólo existe en tu imaginación...