Cómo crear una animación flash (con imágenes)

Flash es el Medio Premier para la animación en Internet, e incluso en otros formatos como la televisión. Crear una animación flash simple en Flash es en realidad bastante sencillo de lograr, ya que Flash proporciona muchas herramientas útiles que simplifican todo el proceso. Si tiene una idea para una animación de flash o una caricatura, probablemente puede tener un boceto áspero en un par de horas. Vea el paso # 1 a continuación para aprender a crear una animación flash.

Apoyo a los extremos de Adobe Flash en diciembre de 2020.Después de ese tiempo, ya no será posible usar Flash.

Este artículo ha sido marcado como histórico.

Adobe Flash Player ha sido descontinuado, y dejó de funcionar el 12 de enero de 2021.(Publicado 2021-01-12).

Pasos

Parte 1 de 3:

Haciendo una animación flash de marco por marco

1. Comprender los conceptos básicos de la animación de marco por marco. Esto se considera el "tradicional" Método de animación, en que cada cuadro tiene la misma imagen, pero ligeramente alterada. Cuando los marcos se juegan juntos, las imágenes parecen moverse. Esta es la misma técnica básica utilizada por los animadores manuales tradicionales, y consume más tiempo que el preso (ver la siguiente sección).

De forma predeterminada, Flash producirá animaciones a 24 cuadros por segundo (FPS). Eso significa que un segundo de animación tendrá 24 marcos, pero no todos los fotogramas deben ser diferentes. Puede ajustar esto si lo desea, y muchas animaciones de flash usan 12 fps, pero 24 producirán mucho "más suave"-buscando animación.

Imagen titulada Crear una animación Flash Paso 2

2. Instalar Flash Professional. Hay una variedad de programas de animación de flash disponibles, pero el más poderoso es Flash Professional CC de Adobe. Puede instalar la prueba de forma gratuita, o puede usar otro producto si la suscripción a la nube creativa de Adobe no le atrae a usted. El resto de este artículo se referirá a Flash Professional o cualquier otro programa de edición como "Destello".

Imagen titulada Crear un flash animación Paso 3

3. Crea tus activos. Debido a que la animación del marco por marco requiere varias imágenes con leves diferencias, deberá crear todos estos activos a mano. Puedes crearlos todos antes de comenzar, o hazlos a medida que avanzas. Puede usar el programa Flash para dibujar directamente en su proyecto, o puede dibujar sus activos en su programa de creación de imágenes favoritos.

Si desea que sus imágenes se escalen sin sacrificar la calidad, querrá crearlas como vectores en lugar de Rasters. Las imágenes vectoriales se volverán a dibujar cada vez que se escalan, lo que significa que no habrá ninguna pixelación o aliasing. Las imágenes de raster son las imágenes tradicionales, probablemente está acostumbradas a (fotos, imágenes de pintura, etc.). Estos no se escalan bien, y pueden parecer bastante feos si quieres hacerlos más grandes.

Imagen titulada Crear un paso de animación Flash 4

4. Crea tu primer marco. Cuando inicie Flash, tendrá una capa en blanco y una línea de tiempo vacía. A medida que agrega marcos, su línea de tiempo se rellenará automáticamente. Puedes interactuar con capas de la misma manera que lo harías en Photoshop.

Antes de agregar su imagen, cree un fondo básico para su película. Cambie el nombre de la capa 1 a "Fondo" y luego bloquee la capa. Crea una segunda capa y nombre lo que quieras. Esta será la capa que creas tu animación en.

Añade tu dibujo al lienzo en el primer cuadro. Puede importar su dibujo desde su computadora, o puede usar las herramientas de dibujo de Flash para crear un dibujo directamente en el programa.

Tu primer marco será un fotograma clave. Los fotogramas clave son marcos que tienen una imagen, y forman la columna vertebral de su animación. Estará creando un nuevo fotograma clave cada vez que cambie la imagen.

Los fotogramas clave se denotan por un punto negro en la línea de tiempo.

No necesitas una nueva imagen en cada marco. En general, tener un fotograma clave cada cuatro y cinco marcos producirá una buena animación.

5. Convierte tu dibujo en un símbolo. Al convertir su dibujo en un símbolo, puede agregarlo fácilmente varias veces en un marco. Esto es especialmente útil si necesita crear rápidamente objetos múltiples, como una escuela de peces.

Seleccione todo su dibujo. Haga clic derecho en la selección y seleccione "Convertir al símbolo". Esto agregará la imagen a su biblioteca donde puede acceder rápidamente a ella en el futuro.

Eliminar el dibujo. No te preocupes! Lo agregará de nuevo a la escena simplemente arrastrando el objeto de su biblioteca. Puede agregar múltiples instancias del mismo dibujo a su escena con facilidad!

6. Añadir algunos marcos en blanco. Una vez que haya listo su primer fotograma, puede agregar sus cuadros en blanco que existirán entre el primer fotograma clave y el segundo fotograma clave. prensa F5 cuatro o cinco veces para agregar marcos en blanco después de su primer fotograma clave.

Imagen titulada Crear un flash animación Paso 7

7. Crea tu segundo fotograma clave. Una vez que haya agregado algunos marcos en blanco, está listo para crear su segundo fotograma clave. Hay esencialmente dos formas diferentes de que puede hacer esto: puede copiar su fotograma clave existente y hacer pequeños ajustes, o puede crear un fotograma clave en blanco e insertar una nueva imagen. Si está utilizando el arte creado en otro programa, querrá el segundo método. Si creó su arte con las herramientas de diseño de Flash, use el primer método.

Para crear un fotograma clave usando los contenidos del fotograma clave anterior, presione F6. Para crear un fotograma clave en blanco, haga clic con el botón derecho en el último cuadro en su línea de tiempo y seleccione "Inserte el fotograma clave en blanco". Se eliminará cualquier cosa en su escena.

Una vez que haya creado su segundo fotograma clave, deberá realizar ajustes a la imagen para dar el efecto del movimiento. Si está utilizando las herramientas de diseño de Flash, puede usar la herramienta Transformar para seleccionar aspectos de su dibujo y moverlos ligeramente, como el brazo de una persona de adherencia.

Si está insertando un nuevo arte para cada fotograma clave, querrá asegurarse de que se coloca en la misma ubicación o en la siguiente ubicación lógica en la pantalla. Esto asegurará que el arte no salte entre los marcos.

Imagen titulada Crear una animación Flash Paso 8

8. Repetir el proceso. Ahora que has creado dos fotogramas clave, es hora de iterar. Repetirá esencialmente el mismo proceso hasta que haya terminado con su animación. Agregue algunos marcos en blanco entre cada fotograma clave y asegúrese de que sus movimientos parezcan fluidos.

Hacer pequeños cambios incrementales. Su animación se verá mucho más suave si realiza cambios muy pequeños en el fotograma clave. Por ejemplo, si quieres una persona de palo agitando un brazo, su segundo fotograma clave no debe ser el otro extremo de la onda. En su lugar, use algunos fotogramas clave para transitar desde el principio de la ola hasta el final. Esto producirá una animación mucho más suave.

Parte 2 de 3:

Haciendo una animación punto a punto (intimidante)

1. Entender lo básico de acertado. Flash contiene una función llamada Tweening, lo que le permite configurar esencialmente puntos de inicio y final para su objeto. Flash se moverá y transformará el objeto en función de su configuración entre estos dos puntos, creando la ilusión de la animación. No necesitará crear imágenes para cada fotograma clave como lo haría con la animación de marco por marco.

El prescindido es especialmente útil para la creación "morphing" Efectos, donde un objeto se convierte en otro en el transcurso de la animación.
La animación del marco por marco y el acertado se pueden usar en conjunto en la misma película.
Solo puedes tener un objeto que se somete a un movimiento de movimiento a la vez. Esto significa que si desea que varios objetos se animen de inmediato, todos deberán estar en capas separadas.

2. Crea tu primer objeto. A diferencia de la animación del marco por marco, no necesitará crear múltiples objetos para animar usando la función Tween. En su lugar, estará creando un objeto y luego cambiando sus propiedades durante el proceso de acertado.

Antes de agregar su imagen, cree un fondo básico para su película. Cambie el nombre de la capa 1 a "Fondo" y luego bloquear la capa. Crea una segunda capa y nombre lo que quieras. Esta será la capa que creas tu animación en.

Es muy recomendable que use las herramientas de diseño incorporadas de Flash o importe su imagen de un programa de dibujo vectorial. Los vectores pueden escalar fácilmente sin distorsión, mientras que las imágenes rasteras tradicionales no se escalarán y transformarán bien.

Imagen titulada Crear un Paso de animación Flash 11

3. Convierte tu objeto a un símbolo. Para interpretar su objeto, deberá convertirlo en un símbolo. Este es el formato para objetos que utiliza Flash para manipularlos. Si intenta entre un objeto que no se ha realizado en un símbolo, se le pedirá que lo haga primero.

Haga clic derecho en su objeto y seleccione "Convertir al símbolo" El objeto se agregará a su biblioteca, lo que facilita el clon de objetos.

Imagen titulada Crear un Paso 12 Flash Animation

4. Crea tu primera moción entre. Un tween de movimiento mueve el objeto de una ubicación a otro clic derecho en el símbolo en su escena y seleccione "Crear interpolación de movimiento". Se agregarán 24 cuadros a su línea de tiempo, ya que esta es la duración predeterminada de un entre. Recuerde, por flash predeterminado se animará en 24 cuadros por segundo, lo que significa que este paso de movimiento tardará un segundo para completar.

Cuando creas el Tween Motion, se mudó automáticamente al último cuadro de los Tween.

Imagen titulada Crear una animación Flash Paso 13

5. Crea la trayectoria. Una vez que haya creado la Tween, puede mover el objeto a la ubicación con la que desea que termine en. Flash mostrará la línea de trayectoria, que está salpicada para mostrar la ubicación del objeto para cada cuadro de los Tween.

Cuando creas por primera vez la trayectoria, será una línea recta desde el punto de partida hasta el punto final.

Imagen titulada Crear un Paso 14 de animación Flash 14

6. Extiende tus marcos de fondo. Si corrió su animación en este momento, su objeto se movería a lo largo de la trayectoria, pero su fondo desaparecería después de un marco. Para solucionar esto, deberá extender sus antecedentes en todos los marcos de la animación.

Seleccione su capa de fondo en la línea de tiempo. Haga clic en el último fotograma en su línea de tiempo, que también debe ser el marco de sus extremos de los Tween en. prensa F5 Para insertar marcos hasta este punto, lo que mantendrá su fondo mostrado durante la totalidad de los Tween.

Imagen titulada Crear un paso de animación Flash 15

7. Agregar fotogramas clave. Agregar fotogramas clave a su trayectoria le permitirá transformar su objeto durante el Pween Motion.Solo puedes hacer cambios en un objeto si está fotograma. Para agregar fotogramas clave a su trayectoria, primero seleccione el marco en la línea de tiempo que desea convertir en un fotograma clave. Luego, haga clic y arrastre el objeto a la posición en la que desea que esté durante ese marco. Su trayectoria se ajustará automáticamente y se agregará un fotograma clave a la línea de tiempo. Los fotogramas clave se denotan por iconos de diamantes en la línea de tiempo.

8. Ajusta tu trayectoria de Tween. Para cambiar la ruta de su objeto, puede hacer clic y arrastrar cada uno de los marcadores de posición de cuadro en la ruta a una nueva ubicación. Evite poner una gran variación en el camino, o el objeto se moverá de manera errática (a menos que este sea su objetivo!).

Imagen titulada Crear un paso de animación Flash 17

9. Transforma tu objeto. Una vez que haya establecido sus fotogramas clave y trayectoria, puede transformar su objeto para que cambie a medida que se mueva a través del movimiento Tween Trayectory. Puede cambiar la forma, el color, la rotación, el tamaño y cualquier otra propiedad del objeto.

Seleccione el marco que desea que ocurra la transformación en.

Abra el panel de propiedades del objeto. Puedes presionar control+F3 Si el panel no es actualmente visible.

Cambie los valores en la ventana Propiedades para afectar el objeto. Por ejemplo, puede cambiar el tono o el color, agregar filtros o cambiar la escala.

También puede usar la herramienta de transformación gratuita para cambiar libremente la forma, sin embargo, te gustaría.

Imagen titulada Crear un paso de animación Flash 18

10. Hacer toques finales a tu entre. Prueba tu movimiento de movimiento presionando control+ ↵ entrar. Asegúrese de que las transformaciones se vean bien y que la animación se mueva a la velocidad correcta. Si su animación se está moviendo demasiado rápido, puede bajar los FPS de la escena o aumentar el tramo de Tween.

De forma predeterminada, el FPS es 24, así que trata de bajarlo a 12. Para hacerlo, haga clic en Fuera de la escena y luego cambie el FPS en el panel Propiedades. Cambiarlo a 12 duplicará la longitud de su animación, pero puede hacerlo más "espasmódico".

Para cambiar su intervalo de Tween, seleccione la capa que contenga el Tween y use el control deslizante para sacarlo. Si desea que el paso sea el doble de largo, extiéndalo a 48 cuadros. Asegúrese de insertar marcos en blanco en su capa de fondo para que el fondo no desaparezca a medio camino a través de la animación. Para ampliar el fondo, seleccione la capa, haga clic en el último marco de la animación en la línea de tiempo y luego presione F5

Parte 3 de 3:

Añadiendo sonido y música

1. Graba o encuentra tus efectos de sonido y música. Puede agregar efectos de sonido a las acciones que se producen en su animación para ayudar a que se destaque y le dé alguna personalidad. La música hace que su animación sea más inmersiva, y puede hacer una buena animación en una increíble. Flash admite una variedad de formatos de archivo, incluyendo AAC, MP3, WAV y AU. Elija el ON, que le da la mejor calidad para el tamaño de archivo más bajo.

MP3 normalmente le dará una calidad de sonido perfectamente aceptable mientras mantiene el tamaño del archivo al mínimo. Evita los archivos WAV Si es posible, ya que estos son a menudo bastante grandes.

2. Importe los archivos de sonido a su biblioteca. Antes de que pueda agregar sonidos a su proyecto, deben agregarse a la biblioteca de Flash. Esto le permitirá agregarlos rápidamente a su proyecto más tarde. Haga clic en Archivo → Importar → Importar a la biblioteca. Busque el archivo de sonido en su computadora. Asegúrese de que el archivo de sonido tenga un nombre fácil de recordar, para que pueda encontrarlo rápidamente desde el menú más tarde.

Imagen titulada Crear un paso de animación Flash 21

3. Crear una nueva capa para cada archivo de sonido. Esto no es estrictamente necesario, ya que puede agregar sonido a las capas existentes, pero poner cada archivo en su propia capa le dará mucho más control sobre la desvanecimiento dentro y fuera, cuándo comenzar y detenerse, y es más fácil moverse con los sonidos.

Imagen titulada Crear un Paso 22 de animación Flash

4. Crea un fotograma clave donde se iniciará el sonido. En la capa del sonido, seleccione el marco en la animación que desea que comience el sonido en. prensa F7 Para insertar un fotograma clave en blanco. Por ejemplo, si desea incluir un archivo de música que se reproduce durante la duración de la animación, seleccione el primer cuadro en la capa del archivo de música. Si está agregando diálogo para un personaje, seleccione el marco donde el personaje comienza a hablar.

Imagen titulada Crear un paso de animación flash 23

5. Añadir el archivo de sonido o música. En el marco de propiedades, verá una sección de sonido. Es posible que deba expandirlo para ver las opciones. Haga clic en el "Nombre" Menú y seleccione el archivo que desea de su biblioteca.

Imagen titulada Crear un paso de animación Flash 24

6. Configure el archivo de sonido. Una vez que haya seleccionado un archivo, puede configurar cómo jugará. Lo que selecciona se basará en lo que necesita el sonido para lograrlo en la animación. Puede cambiar el efecto, la sincronización y la configuración de repetición de cada sonido usando el menú debajo del menú Nombre en el marco de propiedades.

Efecto: esto permite agregar efectos al sonido, como desvanecerse dentro y fuera o agregando eco. Puede seleccionar de configuración de preajuste en el menú desplegable, o puede hacer clic en el icono de lápiz junto al menú para crear su propia configuración personalizada.

Sincronización: esto determina cómo se reproduce la canción en la animación. Evento jugará el sonido hasta que termine. Si el mismo sonido se activa nuevamente antes de que termine el primero, el original seguirá jugando hasta que termine. Comienzo Funciona como evento, pero se detiene si el sonido se reproduce de nuevo. Detener Detiene el sonido en ese marco. Si desea utilizar esto junto con otras propiedades de sonido, cree un nuevo fotograma clave donde desea que el sonido se detiene y use esta opción. Arroyo intentará coincidir con el sonido que está jugando con el número de marcos en otras capas. Esto se utiliza mejor para el diálogo.

Repetir: esta configuración le permite configurar cuánto tiempo se repite el sonido. Puede configurarlo para jugar solo una vez, o hacerlo tantas veces como desee. Si su animación es una animación en bucle, debe configurar su música para bucle infinitamente.

Imagen titulada Crear un paso de animación flash 25

7. Termina tu proyecto. Cuando finalmente termine con su proyecto, guárdelo como un archivo SWF. Este es el formato utilizado para reproducir la película. Puede reproducirlo en prácticamente cualquier navegador web, o usar un reproductor flash dedicado para verlo. También hay una variedad de sitios que puede cargarlo para que otros puedan ver, como Newgrounds, Albino BlackSheep y Kongegate.

Imagen titulada Crear un paso de animación flash 26

8. Tome sus futuros proyectos. Esta guía aborda los conceptos básicos de la creación de una animación, pero hay mucho más que puedes aprender y hacer. Agregue unos cuantos botones y rutas de ramificación, y tiene un juego de selección de su propia aventura. Puedes tomar un Curso de Crash en ActionScript y obtener mucho más control sobre los detalles más finos de su animación. Sigue experimentando, y pronto te encontrarás aprendiendo todo tipo de trucos e implementaciones.