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

Tabla de contenido:

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

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

Video: Cómo crear una animación flash (con imágenes)
Video: solución 7 días de prueba Adobe 2024, Marcha
Anonim

Flash es el principal medio de 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 simple de lograr, ya que Flash proporciona muchas herramientas útiles que simplifican todo el proceso. Si tiene una idea para una animación flash o una caricatura, probablemente pueda tener un boceto en solo un par de horas. Vea el Paso # 1 a continuación para aprender cómo crear una animación flash.

El soporte para Adobe Flash finaliza en diciembre de 2020. Después de ese tiempo, ya no será posible utilizar Flash

Crear una animación Flash Paso 1
Crear una animación Flash Paso 1

Paso 1. Comprender los conceptos básicos de la animación cuadro por cuadro

Este se considera el método de animación "tradicional", en el sentido de que cada cuadro tiene la misma imagen pero ligeramente alterada. Cuando los fotogramas se reproducen juntos, las imágenes parecen moverse. Esta es la misma técnica básica utilizada por los animadores manuales tradicionales y requiere más tiempo que la interpolación (consulte la siguiente sección).

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

Crear una animación Flash Paso 2
Crear una animación Flash Paso 2

Paso 2. Instale Flash Professional

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

Crear una animación Flash Paso 3
Crear una animación Flash Paso 3

Paso 3. Cree sus activos

Debido a que la animación fotograma a fotograma requiere varias imágenes con ligeras diferencias, deberá crear todos estos activos a mano. Puede crearlos todos antes de comenzar o hacerlos sobre la marcha. Puede utilizar el programa Flash para dibujar directamente en su proyecto, o puede dibujar sus activos en su programa de creación de imágenes favorito.

Si desea que sus imágenes se escalen sin sacrificar la calidad, querrá crearlas como vectores en lugar de rásteres. Las imágenes vectoriales se volverán a dibujar cada vez que se escalen, lo que significa que no habrá pixelación ni alias. Las imágenes de trama son las imágenes tradicionales a las que probablemente esté acostumbrado (fotos, imágenes de pintura, etc.). Estos no se escalan bien y pueden verse bastante feos si desea agrandarlos

Crear una animación Flash Paso 4
Crear una animación Flash Paso 4

Paso 4. Crea tu primer marco

Cuando inicie Flash por primera vez, tendrá una capa en blanco y una línea de tiempo vacía. A medida que agrega fotogramas, su línea de tiempo se completará automáticamente. Puede interactuar con las capas de la misma manera que lo haría 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 nómbrala como quieras. Esta será la capa en la que creará su animación.
  • Agregue su 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.
  • Su primer fotograma será un fotograma clave. Los fotogramas clave son fotogramas que tienen una imagen y forman la columna vertebral de su animación. Creará un nuevo fotograma clave cada vez que cambie la imagen.
  • Los fotogramas clave se indican con un punto negro en la línea de tiempo.
  • No necesita una nueva imagen en cada cuadro. En general, tener un fotograma clave cada cuatro o cinco fotogramas producirá una buena animación.
Crear una animación Flash Paso 5
Crear una animación Flash Paso 5

Paso 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 varios objetos, como un banco de peces.

  • Seleccione su dibujo completo. Haga clic derecho en la selección y seleccione "Convertir en símbolo". Esto agregará la imagen a su biblioteca, donde podrá acceder rápidamente a ella en el futuro.
  • Elimina el dibujo. ¡No te preocupes! Lo volverá a agregar a la escena simplemente arrastrando el objeto desde su biblioteca. ¡Puede agregar múltiples instancias del mismo dibujo a su escena con facilidad!
Crear una animación Flash Paso 6
Crear una animación Flash Paso 6

Paso 6. Agregue algunos marcos en blanco

Una vez que tenga su primer fotograma listo, puede agregar los fotogramas en blanco que existirán entre el primer fotograma clave y el segundo fotograma clave. Presione F5 cuatro o cinco veces para agregar fotogramas en blanco después de su primer fotograma clave.

Crear una animación Flash Paso 7
Crear una animación Flash Paso 7

Paso 7. Cree su segundo fotograma clave

Una vez que haya agregado algunos fotogramas en blanco, estará listo para crear su segundo fotograma clave. Básicamente, hay dos formas diferentes de 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 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 utilizando el contenido del fotograma clave anterior, presione F6. Para crear un fotograma clave en blanco, haga clic derecho en el último fotograma en su línea de tiempo y seleccione "Insertar fotograma clave en blanco". Todo lo que esté en tu escena será eliminado.
  • Una vez que haya creado su segundo fotograma clave, deberá realizar ajustes en la imagen para dar el efecto de movimiento. Si está utilizando las herramientas de diseño de Flash, puede utilizar la herramienta Transformar para seleccionar aspectos de su dibujo y moverlos ligeramente, como el brazo de una persona de palo.
  • Si está insertando arte nuevo para cada fotograma clave, querrá asegurarse de que se coloque en la misma ubicación o en la siguiente ubicación lógica en la pantalla. Esto asegurará que el arte no salte entre fotogramas.
Crear una animación Flash Paso 8
Crear una animación Flash Paso 8

Paso 8. Repita el proceso

Ahora que ha creado dos fotogramas clave, es hora de iterar. Estará repitiendo esencialmente el mismo proceso hasta que haya terminado con su animación. Agregue algunos fotogramas en blanco entre cada fotograma clave y asegúrese de que sus movimientos se vean fluidos.

Realice 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 desea que una persona de palo agite un brazo, su segundo fotograma clave no debe ser el otro extremo de la ola. En su lugar, use algunos fotogramas clave para hacer la transición desde el principio de la ola hasta el final. Esto producirá una animación mucho más suave

Parte 2 de 3: Creación de una animación punto a punto (interpolación)

Crear una animación Flash Paso 9
Crear una animación Flash Paso 9

Paso 1. Comprenda los conceptos básicos de la interpolación

Flash contiene una función llamada interpolación, que le permite esencialmente establecer puntos de inicio y finalización para su objeto. Luego, Flash moverá y transformará el objeto según su configuración entre estos dos puntos, creando la ilusión de animación. No necesitará crear imágenes para cada fotograma clave como lo haría con la animación fotograma a fotograma.

  • La interpolación es especialmente útil para crear efectos de "transformación", en los que un objeto se convierte en otro en el transcurso de la animación.
  • La animación fotograma a fotograma y la interpolación se pueden utilizar en conjunto en la misma película.
  • Solo puede tener un objeto sometido a una interpolación de movimiento a la vez. Esto significa que si desea que varios objetos se animen a la vez, todos deberán estar en capas separadas.
Crear una animación Flash Paso 10
Crear una animación Flash Paso 10

Paso 2. Crea tu primer objeto

A diferencia de la animación fotograma a fotograma, no necesitará crear varios objetos para animar con la función de interpolación. En su lugar, creará un objeto y luego cambiará sus propiedades durante el proceso de interpolación.

  • 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 nómbrala como quieras. Esta será la capa en la que creará su animación.
  • Se recomienda encarecidamente que utilice las herramientas de diseño integradas de Flash o importe su imagen desde un programa de dibujo vectorial. Los vectores pueden escalar fácilmente sin distorsión, mientras que las imágenes rasterizadas tradicionales no se escalarán ni se transformarán bien.
Crear una animación Flash Paso 11
Crear una animación Flash Paso 11

Paso 3. Convierta su objeto en un símbolo

Para interpolar su objeto, deberá convertirlo en un símbolo. Este es el formato de los objetos que utiliza Flash para manipularlos. Si intenta interpolar un objeto que no se ha convertido en un símbolo, se le pedirá que lo haga primero.

Haga clic con el botón derecho en su objeto y seleccione "Convertir en símbolo". El objeto se agregará a su biblioteca, lo que facilita la clonación de objetos

Crear una animación Flash Paso 12
Crear una animación Flash Paso 12

Paso 4. Cree su primera interpolación de movimiento

Una interpolación de movimiento mueve el objeto de una ubicación a otra. Haga clic con el botón derecho en el símbolo de su escena y seleccione "Crear interpolación de movimiento". Se agregarán 24 fotogramas a su línea de tiempo, ya que esta es la duración predeterminada de una interpolación. Recuerde, de forma predeterminada, Flash se animará a 24 fotogramas por segundo, lo que significa que esta interpolación de movimiento tardará un segundo en completarse.

Cuando crea la interpolación de movimiento, pasa automáticamente al último fotograma de la interpolación

Crear una animación Flash Paso 13
Crear una animación Flash Paso 13

Paso 5. Crea la trayectoria

Una vez que haya creado la interpolación, puede mover el objeto a la ubicación en la que desea que termine. Flash mostrará la línea de trayectoria, que tiene puntos para mostrar la ubicación del objeto para cada fotograma de la interpolación.

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

Crear una animación Flash Paso 14
Crear una animación Flash Paso 14

Paso 6. Amplíe sus marcos de fondo

Si ejecutara 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 fotograma. Para solucionar este problema, deberá extender su fondo a todos los fotogramas de la animación.

Seleccione su capa de fondo en la línea de tiempo. Haga clic en el último fotograma de la línea de tiempo, que también debería ser el fotograma en el que finaliza la interpolación de movimiento. Presione F5 para insertar marcos hasta este punto, lo que mantendrá su fondo mostrado durante la totalidad de la interpolación

Crear una animación Flash Paso 15
Crear una animación Flash Paso 15

Paso 7. Agregue fotogramas clave

Agregar fotogramas clave a su trayectoria le permitirá transformar su objeto durante la interpolación de movimiento. Solo puede realizar cambios en un objeto si tiene fotogramas clave. Para agregar fotogramas clave a su trayectoria, primero seleccione el fotograma 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 indican mediante iconos de diamantes en la línea de tiempo.

Crear una animación Flash Paso 16
Crear una animación Flash Paso 16

Paso 8. Ajuste la trayectoria de su interpolación

Para cambiar la ruta de su objeto, puede hacer clic y arrastrar cada uno de los marcadores de posición del marco en la ruta a una nueva ubicación. Evite poner mucha variación en el camino, o el objeto se moverá de manera errática (¡a menos que ese sea su objetivo!).

Crear una animación Flash Paso 17
Crear una animación Flash Paso 17

Paso 9. Transforma tu objeto

Una vez que haya establecido los fotogramas clave y la trayectoria, puede transformar su objeto para que cambie a medida que se mueve a través de la trayectoria de la interpolación de movimiento. Puede cambiar la forma, el color, la rotación, el tamaño y cualquier otra propiedad del objeto.

  • Seleccione el marco en el que desea que se produzca la transformación.
  • Abra el panel de Propiedades del objeto. Puede presionar Ctrl + F3 si el panel no está visible actualmente.
  • Cambie cualquier valor 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 utilizar la herramienta Transformación libre para cambiar libremente la forma como desee.
Crear una animación Flash Paso 18
Crear una animación Flash Paso 18

Paso 10. Dé los toques finales a su preadolescente

Pruebe su interpolación de movimiento presionando Ctrl + ↵ Enter. 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 mueve demasiado rápido, puede reducir el FPS de la escena o aumentar el intervalo de interpolación.

  • Por defecto, el FPS es 24, así que intente bajarlo a 12. Para hacerlo, haga clic fuera de la escena y luego cambie el FPS en el panel Propiedades. Cambiarlo a 12 duplicará la duración de la animación, pero puede hacer que sea más "desigual".
  • Para cambiar el intervalo de interpolación, seleccione la capa que contiene la interpolación y utilice el control deslizante para extraerla. Si desea que la interpolación tenga el doble de longitud, amplíela a 48 fotogramas. Asegúrese de insertar marcos en blanco en su capa de fondo para que el fondo no desaparezca a la mitad de la animación. Para extender el fondo, seleccione la capa, haga clic en el último fotograma de la animación en la línea de tiempo y luego presione F5

Parte 3 de 3: Agregar sonido y música

Crear una animación Flash Paso 19
Crear una animación Flash Paso 19

Paso 1. Grabe o busque sus efectos de sonido y música

Puede agregar efectos de sonido a las acciones que ocurren en su animación para ayudar a que se destaque y le dé algo de personalidad. La música hace que tu animación sea más inmersiva y puede convertir una buena animación en una increíble. Flash admite una variedad de formatos de archivo, incluidos AAC, MP3, WAV y AU. Elija el que le ofrezca 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. Evite los archivos WAV si es posible, ya que suelen ser bastante grandes

Crear una animación Flash Paso 20
Crear una animación Flash Paso 20

Paso 2. Importe los archivos de sonido a su biblioteca

Antes de que pueda agregar sonidos a su proyecto, es necesario agregarlos a la biblioteca de Flash. Esto le permitirá agregarlos rápidamente a su proyecto más adelante. Haga clic en Archivo → Importar → Importar a 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 en el menú más tarde.

Crear una animación Flash Paso 21
Crear una animación Flash Paso 21

Paso 3. Cree una nueva capa para cada archivo de sonido

Esto no es estrictamente necesario, ya que puede agregar sonido a las capas existentes, pero colocar cada archivo en su propia capa le dará mucho más control sobre la aparición y desaparición gradual, cuándo comenzar y detenerse, y es más fácil mover los sonidos.

Crear una animación Flash Paso 22
Crear una animación Flash Paso 22

Paso 4. Cree un fotograma clave donde comenzará el sonido

En la capa del sonido, seleccione el fotograma de la animación en el que desea que comience el sonido. Presione 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 fotograma en la capa del archivo de música. Si está agregando un diálogo para un personaje, seleccione el marco donde el personaje comienza a hablar.

Crear una animación Flash Paso 23
Crear una animación Flash Paso 23

Paso 5. Agregue el archivo de sonido o música

En el cuadro Propiedades, verá una sección de Sonido. Es posible que deba expandirlo para ver las opciones. Haga clic en el menú "Nombre" y seleccione el archivo que desee de su biblioteca.

Crear una animación Flash Paso 24
Crear una animación Flash Paso 24

Paso 6. Configure el archivo de sonido

Una vez que haya seleccionado un archivo, puede configurar cómo se reproducirá. Lo que seleccione se basará en lo que necesita que el sonido logre en la animación. Puede cambiar la configuración de Efecto, Sincronización y Repetición de cada sonido usando el menú debajo del menú Nombre en el cuadro Propiedades.

  • Efecto: esto permite agregar efectos al sonido, como la aparición y desaparición gradual o la adición de eco. Puede seleccionar entre las configuraciones preestablecidas en el menú desplegable, o puede hacer clic en el ícono de lápiz junto al menú para crear sus propias configuraciones personalizadas.
  • Sincronización: determina cómo se reproduce la canción en la animación. El evento reproducirá el sonido hasta que termine. Si el mismo sonido se activa nuevamente antes de que termine el primero, el original seguirá sonando hasta que termine. Iniciar funciona como Evento, pero se detiene si el sonido se reproduce de nuevo. Stop detiene el sonido en ese marco. Si desea usar esto junto con otras propiedades de sonido, cree un nuevo fotograma clave donde desea que el sonido se detenga y use esta opción. Stream intentará hacer coincidir el sonido que se está reproduciendo con el número de fotogramas de otras capas. Esto se usa mejor para el diálogo.
  • Repetir: esta configuración le permite establecer cuánto tiempo se repite el sonido. Puede configurarlo para que se reproduzca solo una vez o hacer que se repita tantas veces como desee. Si su animación es una animación en bucle, debe configurar su música para que se repita infinitamente.
Crear una animación Flash Paso 25
Crear una animación Flash Paso 25

Paso 7. Termina tu proyecto

Cuando finalmente haya terminado 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 en los que puede cargarlo para que otros lo vean, como Newgrounds, Albino Blacksheep y Kongregate.

Crear una animación Flash Paso 26
Crear una animación Flash Paso 26

Paso 8. Lleve sus proyectos futuros más lejos

Esta guía aborda los conceptos básicos de la creación de una animación, pero hay mucho más que puede aprender y hacer. Agregue algunos botones y rutas de ramificación, y tendrá un juego de elegir su propia aventura. Puede realizar un curso intensivo de ActionScript y obtener mucho más control sobre los detalles más finos de su animación. Siga experimentando y pronto se encontrará aprendiendo todo tipo de trucos e implementaciones.

Recomendado: