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
Paso 1. Comprender los conceptos básicos de la animación cuadro por cuadroEste 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"Paso 2. Instale Flash ProfessionalHay 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". Paso 3. Cree sus activosDebido 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 agrandarlosPaso 4. Crea tu primer marcoCuando 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.
Paso 5. Convierte tu dibujo en un símboloAl 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.
Paso 6. Agregue algunos marcos en blancoUna 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. Paso 7. Cree su segundo fotograma claveUna 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.
Paso 8. Repita el procesoAhora 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 suaveParte 2 de 3: Creación de una animación punto a punto (interpolación)Paso 1. Comprenda los conceptos básicos de la interpolaciónFlash 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.
Paso 2. Crea tu primer objetoA 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.
Paso 3. Convierta su objeto en un símboloPara 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 objetosPaso 4. Cree su primera interpolación de movimientoUna 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ónPaso 5. Crea la trayectoriaUna 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 finalPaso 6. Amplíe sus marcos de fondoSi 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ónPaso 7. Agregue fotogramas claveAgregar 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. Paso 8. Ajuste la trayectoria de su interpolaciónPara 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!). Paso 9. Transforma tu objetoUna 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.
Paso 10. Dé los toques finales a su preadolescentePruebe 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.
Parte 3 de 3: Agregar sonido y músicaPaso 1. Grabe o busque sus efectos de sonido y músicaPuede 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 grandesPaso 2. Importe los archivos de sonido a su bibliotecaAntes 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. Paso 3. Cree una nueva capa para cada archivo de sonidoEsto 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. Paso 4. Cree un fotograma clave donde comenzará el sonidoEn 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. Paso 5. Agregue el archivo de sonido o músicaEn 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. Paso 6. Configure el archivo de sonidoUna 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.
Paso 7. Termina tu proyectoCuando 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. Paso 8. Lleve sus proyectos futuros más lejosEsta 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:Cómo hacer tu propia animación (con imágenes)Este wikiHow te enseñará cómo crear una película o presentación animada. La forma más rápida de hacer una animación digital es utilizando un animador en línea; sin embargo, tenga en cuenta que la mayoría de los animadores en línea requieren una suscripción paga para desbloquear todas sus funciones, lo que significa que la duración, el sonido y la apariencia de su video probablemente estarán restringidos a menos que pague por una actualización. Maneras fáciles de guardar una animación en Blender (con imágenes)Este wikiHow te enseñará cómo convertir tu animación de Blender en un archivo de video reproducible. La representación de su animación crea un video de alta calidad que puede compartir en línea o importar a otras aplicaciones. Pasos Parte 1 de 2: Cómo hacer una animación simple en Adobe Flash: 9 pasosLas animaciones son divertidas de ver; son agradables y divertidas, pero ¿alguna vez has considerado hacer una tú mismo? Hacer animaciones es tan divertido como verlas, pero también puede ser difícil. En esta guía, aprenderá a hacer una animación sencilla y buena con Adobe Flash. 6 formas de guardar una animación Flash de un sitio webLas animaciones flash son una forma clásica de medios de Internet y, por lo general, solo se pueden transmitir desde un sitio web. Si desea ver la animación cuando lo desee, deberá guardarla en su computadora. Aunque guardar una animación flash no es tan intuitivo como guardar un archivo estándar, puede hacerlo si está utilizando el navegador adecuado. Cómo crear una interpolación de movimiento en Flash: 10 pasos (con imágenes)Si es nuevo en flash y está intentando animar, intente esto. La interpolación es la forma más fácil de animar en el complicado mundo de Flash, este artículo intenta mostrar cómo se pueden hacer de forma sencilla. Se asume que el lector está familiarizado con las herramientas de Flash. |