Animación de escritura de video de pizarra - Finalizar

• Abril 19, 2024

En este movimiento^R tutorial, terminaremos la animación de la pizarra. Ya hemos animado la simulación de dibujo para el logotipo. Ahora crearemos una simulación de escritura para el nombre de la empresa.

El método que estamos a punto de usar creará una buena simulación de la mano que escribe el nombre de la compañía en la pantalla, porque el lápiz trazará sobre cada letra individual en el texto. Esto es ideal para un video de pizarra personalizada para un cliente. Pero si está creando una plantilla que permitirá reemplazar el texto del marcador de posición con otro texto, querrá usar el mismo tipo de simulación que usamos para dibujar el logotipo.

Por ejemplo, hará que la ruta de Bezier zigzaguee sobre el texto del marcador de posición en lugar de trazar las letras individuales. Aunque la simulación no es tan realista como la simulación de escritura que aprenderemos a crear aquí, es lo suficientemente flexible para una plantilla.

Pero supongamos que este es un video de pizarra personalizada para un cliente y crearemos una simulación de escritura realista.

Utilizaremos la herramienta Texto en movimiento para agregar el nombre de la empresa al proyecto. Queremos que esta animación comience unos pocos fotogramas después de que termine la primera animación, que está en la marca de las 02:00 en la línea de tiempo. Entonces, comencemos esta animación en la marca 02:10 y durará dos segundos.

1. Con Playhead en la marca 02:10, agregue un nuevo grupo al panel Capas sobre el grupo BG y asígnele el nombre "Texto". Haga clic en la pantalla con la herramienta Texto en la ubicación donde desea comenzar a agregar texto. Diseñe el texto según sea necesario para su cliente.
   
   Ahora comencemos. Al crear la ruta de Bezier, agregue puntos de anclaje sobre cada letra como si estuviera escribiendo el texto en la pantalla.
   
   
2. Seleccione la capa gráfica Mano y la herramienta Bézier. Coloque el primer punto de anclaje sobre la punta del lápiz. Luego pase al texto y comience a agregar puntos de anclaje sobre el texto. Como este es el final de la parte de la pizarra del video, agregue el último punto de anclaje justo debajo de la última letra en la pantalla.
   
   
3. Seleccione la herramienta Seleccionar / Transformar para finalizar la ruta y cambiar el nombre de la nueva capa de ruta Bezier a "Bezier_Text". Arrastre la capa Bezier_Text debajo de la capa Bezier_Logo en el grupo Mano.
   
   Ahora agregaremos otro comportamiento de Ruta de movimiento a la capa gráfica Mano.
   
   
4. Seleccione la capa gráfica Mano y agregue un comportamiento Ruta de movimiento. Llámalo Motion Path 2.
   
   
5. Con la capa de comportamiento Motion Path 2 seleccionada, vaya al Inspector y establezca la Forma de ruta en Geometría. Desactive la opción Adjuntar a forma y arrastre la capa Bezier_Text al pozo Fuente de forma.
   
   
6. Mueva la cabeza lectora a la marca 02:10 en la línea de tiempo. Arrastre el borde izquierdo de la pista Motion Path 2 desde el comienzo de la línea de tiempo hasta la marca 02:10. Arrastre el borde derecho de la pista a la marca 04:10. Repita esto para la pista Bezier_Text.
   
   Ahora crearemos la máscara.
   
   
7. Haga un duplicado de la capa Bezier_Text y arrastre esta capa de copia Bezier_Text al grupo Texto y colóquela sobre la capa Texto. Desactive la visibilidad de la capa original Bezier_Text.
   
   
8. Con la capa de copia Bezier_Text aún seleccionada, aumente el ancho de la ruta hasta que el texto esté oculto debajo de la máscara.
   
   
9. Agregue una máscara de imagen a la capa de texto y arrastre la capa de copia Bezier_Text a la nueva capa de máscara de imagen.
   
   
10. En la línea de tiempo, arrastre el borde derecho de la pista Máscara de imagen a la marca 04:10.
    
    Ahora agregaremos los fotogramas clave para animar la máscara.
    
    
11. Coloque el Playhead en la marca 02:10 y seleccione la capa de copia Bezier_Text. Vaya al Inspector (Inspector - Forma - Estilo - Contorno) y establezca el control deslizante Desplazamiento del último punto en cero. Agregar un fotograma clave.
    
    
12. Mueva el cabezal de reproducción a la marca 04:10 y establezca el control deslizante Desplazamiento del último punto nuevamente en 100.
    
    Prueba la animación. Nuestra última tarea es eliminar el gráfico Mano de la pantalla.
    
    
13. Con la cabeza lectora aún a las 04:10, seleccione la capa gráfica Mano. En el Inspector (Inspector - Propiedades - Fusión), agregue un fotograma clave haciendo clic en el icono a la derecha del control deslizante Opacidad. Mueva el Playhead a 04:20 y reduzca la Opacidad a cero.
    

← Volver

Ejemplo de tutorial:


Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie y Mac son marcas comerciales de Apple Inc., registradas en los EE. UU. Y otros países.
CoffeBreakBlog es una publicación independiente y no ha sido autorizada, patrocinada ni aprobada por Apple Inc. Capturas de pantalla utilizadas con permiso.
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.

Instrucciones De Vídeo: Tutorial PowerPoint. Animaciones. Efecto escritura a mano. (Abril 2024).