ordenadores

Product Tour Animación con globos de texto

Septiembre 2022

Product Tour Animación con globos de texto


En el ultimo flashR tutorial, creamos el primer globo de texto para la artista Kate Mawdsley y lo convertimos en un clip de película que llamamos "KateMText". Ahora crearemos la animación para este clip de película. Nuestro clip de película de globo KateMText ya está en el escenario y en su propia capa en la línea de tiempo.

Por preferencia personal, le doy el mismo nombre a un clip de película como "KateMText" y a la capa en la que se colocará en la línea de tiempo. La capa que contiene el clip de película KateMText todavía se llama Capa 1. Cambie el nombre de esta capa a "KateMText". Esta capa debe estar directamente sobre la capa de tarjeta electrónica del artista. Si no, arrastre la capa sobre la capa KateM.

Comencemos el desvanecimiento para el clip de película de globo de texto 25 cuadros después de que la tarjeta electrónica comience a agrandarse. Ese será el Marco 300. Agregue un fotograma clave al Marco 300 para "bloquear" el globo de texto en su lugar. No necesitamos el globo de texto visible hasta el Marco 300, pero cuando lo agregamos al escenario, se agregó automáticamente al Marco 1. Vaya al Marco 1 y elimine el globo de texto. Regrese al Cuadro 300 y nuestro globo de texto. Estamos listos para crear nuestra interpolación. Haga clic derecho en el globo de texto y elija Crear interpolación de movimiento. Solo se necesitarán 15 fotogramas para desvanecerse en el clip de película (Fotogramas 300 - 315). Vaya al cuadro 315 y agregue un fotograma clave para "bloquear" en el clip de película. Regrese al fotograma 300 y reduzca la opacidad (alfa) del clip de película al 0%.

Regrese al fotograma 315 y nuestro clip de película debería estar al 100% de opacidad. Queremos que el globo permanezca visible en el escenario junto con la tarjeta electrónica hasta el Cuadro 365. (50 cuadros). Agregue otro fotograma clave al fotograma 365. Finalmente, el globo de texto y la tarjeta electrónica se desvanecerán en 10 fotogramas (fotogramas 365 - 375). Agregue un fotograma clave al cuadro 375 y reduzca la opacidad del globo al 0%. Eso completa la animación del globo.

Para el recorrido por el producto, creé una animación de tarjeta electrónica y globo de texto para cada uno de nuestros 8 artistas. Comenzaríamos la siguiente animación de tarjeta electrónica al final de la animación anterior (Cuadro 375). Renunciemos a estas animaciones y pasemos a crear la animación final para la Sección Uno. Una vez que se completen las animaciones de las tarjetas electrónicas, podemos finalizar esta sección del recorrido del producto con un desvanecimiento gradual de cinco cuadros de nuestra pantalla de presentación.

Agregue una nueva capa justo debajo de la capa Acciones y asígnele el nombre "Fin". Agregue un fotograma clave al fotograma 375. Abra el archivo MainFLA y busque el clip de película Splash Screen en la Biblioteca. Haga una copia de este clip de película, regrese a la capa Final de nuestro archivo fla y pegue el clip de película. Haga clic derecho en el clip de película y elija Crear interpolación de movimiento. Vaya al cuadro 380, agregue un fotograma clave para bloquear la opacidad al 100%. Regrese al Marco 375 y reduzca la opacidad a 0%.

Una última tarea para esta sección del recorrido del producto es agregar un botón de alternancia que permitirá al espectador detener / iniciar la animación según sea necesario.

Tarjetas postales Pamela Gladding

Derechos de autor 2018 Adobe Systems Incorporated. Todos los derechos reservados. Las capturas de pantalla del producto Adobe se reimprimieron con permiso de Adobe Systems Incorporated. Adobe, Photoshop, Álbum de Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst y Flash Paper es / es [una] marca registrada [s] o una marca registrada [s] de Adobe Systems Incorporated en los Estados Unidos y / u otros países.

Animación de Texto Efecto Chicle Tutorial After Effects Español (Septiembre 2022)



Etiquetas Artículo: Product Tour Text Balloon Animation, Flash and Animation, Tutoriales de la aplicación Flash CS5 product tour

Entradas Populares De Belleza

La dama Banks Rose

La dama Banks Rose

Hogar & Jardín

Nodame Cantabile

Nodame Cantabile

televisión y peliculas