Adobe Animate: Creación de Botones y Películas Interactivas

Name: Adobe Animate: Creación de Botones y Películas Interactivas
Author: Jessica Henley

Aprenda a crear botones y películas interactivas.

Preview the first lesson free — get full access to all 3 lessons.

Curso: bajo demanda

Hola, mi nombre es Jessica Henley y en estas lecciones aprenderás sobre cómo crear botones de película, crear un diseño de escena y cómo crear fragmentos de código de película. En esta lección, le mostraré cómo crear botones de película. Puedes agregar la animación sobre el video. o puede dejarlos fuera. Para los botones de película, navegando aquí a la biblioteca, puedes ver las interpolaciones que he agregado sobre mis formas. Así que tendrás estos preadolescentes agregando su propia animación sobre su video o puede dejar esos preadolescentes fuera. Mientras hago clic derecho en este espacio aquí, Puedo crear un nuevo símbolo. Este nuevo símbolo va a ser responsable para el botón de reproducción, así que lo llamaré botón de reproducción. Asegúrese de que el tipo esté configurado en botón. Luego presione Aceptar. El lienzo todavía está configurado en azul. por eso es azul en este momento. Si fuera a cambiarlo de nuevo a blanco, entonces lo que sea en el escenario aquí, también sería cambiado. Así que tenlo en cuenta. Para el botón de reproducción, usaré la herramienta de línea. Observe que el atajo para la herramienta de línea es la letra N. Ahora para las propiedades, solo voy a verificar en el tamaño de esa línea. Voy a cambiar eso a tres y verificar el color del contorno. voy a cambiar eso a negro y siga adelante y dibuje un símbolo de botón de reproducción. Así que simplemente haga clic aquí y cree un botón de reproducción. Ahora con la herramienta de selección activada, Puedes poner tu ratón aquí. Puedes ver esa forma de L al revés debajo de la flecha negra. De hecho, puedes mover este consejo. Si tiene alguna línea de repuesto, puede simplemente hacer clic en él y presionar Eliminar. Ahora para llenarlo de rojo, así que solo voy para seleccionar un color rojo, y aquí haciendo clic en Bote de pintura, observe que el atajo para cubo de pintura es la letra K. Voy a hacer clic en Tamaño de brecha y cambiarlo para cerrar huecos grandes y rellenarlo. No vi ningún hueco antes. El tuyo puede llenarse automáticamente, pero si no lo hace, puede verificar los espacios grandes cercanos. Aquí tenemos el botón, que es la capa uno y puedo agregar más fotogramas clave para arriba, sobre, abajo y golpear. Cuando pasas el cursor sobre él, quiero cambiar los colores. Entonces, con ese segundo cuadro seleccionado, haga clic en la herramienta de selección. Observe que cuando hace clic en él, todo está seleccionado, así que haga clic en apagado, seleccione lo que hay dentro y puedes cambiar el color a cualquier color de su elección. Para abajo, haré lo mismo. Todo está seleccionado. Haga clic en apagado, haga clic en el interior y bote de pintura. También puede dejarlo todo en rojo para los cuatro marcos. Me gusta cambiar el color. De esa manera, cuando el usuario coloca el mouse sobre él, en realidad cambiará el color. Dirigiéndome a la biblioteca, tengo el botón de reproducción. Ahora solo voy a seguir adelante y también crearé la parada. Voy a hacer clic derecho y crear un nuevo símbolo. y todavía está configurado para el botón. Voy a llamar a ese botón de parada. Aquí hay un botón de parada, y aquí voy a seguir adelante y haga clic y mantenga presionado el polystar. Vuelve a la herramienta de rectángulo. Elija un color para el botón de parada. Para el botón de parada, Elegiré un azul y haré un cuadrado. Ahora lo que quiero hacer es seguir adelante y presionar Insertar fotograma clave un par de veces para arriba, arriba, abajo y golpear. Ahora haciendo clic en encima, lo que quiero hacer es seguir adelante y cuando hago clic en él, noto que todo está seleccionado. Haciendo clic en la herramienta de selección, haciendo clic en el fondo, Puedo hacer clic en el relleno de inserción y cambiar eso. También quiero cambiar eso a amarillo. Del mismo modo, para abajo, haga clic en el fondo, haga clic en el interior y cambie el color. Nuevamente, puede mantenerlos todos del mismo color si lo desea. En la siguiente lección, hablaré sobre la creación de un diseño de escena. Gracias por ver.

Avanzado Proveedor : Jessica Henley 3 lecciones · 12m en Árabe, Alemán, Inglés, Español, Francés, Portugués, Chinese

Descripción del curso

En este curso, los estudiantes aprenderán a crear botones de reproducción y detención desde cero, y a almacenarlos en la biblioteca. Exploraremos cómo usar el Panel de herramientas y veremos cómo seleccionar entre diferentes herramientas para diseñar los botones de reproducción y detención necesarios para trabajar con películas. También veremos cómo crear un símbolo para el tipo de botón y las diferentes configuraciones de tipo de botón que podemos elegir. Los estudiantes aprenderán a emparejar los botones que han creado con el código de programación de arrastrar y soltar que aparece en Adobe Animate. Explicaremos cómo crear un diseño de escena, incluyendo un archivo de película y botones sincronizados. También les demostraremos a los estudiantes cómo aplicar fragmentos de código a los botones para hacer que la película sea más interactiva. En estas lecciones, los estudiantes aprenderán a crear botones de película, a crear una escena para películas interactivas y a aplicar fragmentos de código para una película.

Lo que aprenderás

Crear botones de reproducción y pausa desde cero y almacenarlos en la biblioteca
Usar el Panel de Herramientas para seleccionar herramientas para diseñar botones de película
Crear un símbolo para el tipo de botón y elegir opciones de tipo de botón
Emparejar botones con código de programación de arrastrar y soltar de Adobe Animate
Construir un diseño de escena que incluya un archivo de película y botones sincronizados
Aplicar fragmentos de código a botones para hacer una película más interactiva

Puntos clave

Los botones de reproducción y pausa se pueden construir desde cero y almacenarse en la biblioteca para reutilización.
El Panel de Herramientas ofrece diferentes herramientas que se pueden seleccionar para diseñar los botones necesarios para trabajar con películas.
Los botones se pueden crear como símbolos, con diferentes opciones de tipo de botón disponibles para elegir.
Los botones se pueden emparejar con el código de programación de arrastrar y soltar incluido en Adobe Animate.
Aplicar fragmentos de código a botones hace una película más interactiva.

Preguntas frecuentes

¿Qué aprenderé en este curso?

Aprenderás cómo crear botones de película, cómo crear una escena para películas interactivas y cómo aplicar fragmentos de código para una película. Los objetivos de aprendizaje son crear botones de película, identificar fragmentos de código y aplicar código a símbolos.

¿Qué lecciones incluye este curso?

El curso incluye tres lecciones: Crear Botones de Película, Crear un Diseño de Escena y Crear un Fragmento de Código de Película.

¿Qué habilidades cubre este curso?

Este curso cubre ActionScript, Adobe Animate, Adobe Flash y Aprendizaje Interactivo.

¿Cómo se hacen interactivos los botones en este curso?

Los estudiantes aprenden a emparejar los botones que hacen con el código de programación de arrastrar y soltar incluido en Adobe Animate y a aplicar fragmentos de código a los botones para hacer la película más interactiva.

¿Cómo se manejan los botones de reproducción y pausa en este curso?

Los estudiantes aprenden cómo crear botones de reproducción y pausa desde cero, almacenarlos en la biblioteca, usar el Panel de Herramientas para diseñarlos y crear un símbolo para el tipo de botón con diferentes opciones de tipo de botón para elegir.