Animación de escritura de video de pizarra - Preparación

• Abril 19, 2024

Si está interesado en hacer una pizarra o una animación de video en movimiento^R y no sé por dónde empezar, este tutorial puede ayudar. Hay dos tipos de simulaciones utilizadas en una animación de pizarra. Uno es una simulación de dibujo y el otro es una simulación de escritura. En este tutorial, haremos una animación de pizarra muy simple que anima una mano dibujando un logotipo y escribiendo el nombre de una empresa en la pantalla.

Necesitará algunos gráficos, como un gráfico de mano / lápiz. Esto puede ser una fotografía o ilustración de un brazo con la mano sosteniendo un lápiz, pincel o lo que sea. El gráfico debe estar en un fondo transparente. A menos que desee que su mano flote en el espacio, el brazo debe ser lo suficientemente largo como para que el extremo del brazo quede debajo de la pantalla durante toda la animación.

A continuación, necesitará el gráfico de lo que la mano dibujará en la pantalla. Esta imagen también debe estar en un fondo transparente. La mayoría de las veces su cliente le proporcionará este gráfico, pero también puede crearlo desde cero dentro de Motion^R o Photoshop^R.

La forma más fácil de incorporar estos gráficos a Motion es colocarlos en una imagen de Photoshop en capas. Abra una nueva imagen de Photoshop de 1280 x 720 píxeles, que son las dimensiones de la pantalla de video. Coloque sus gráficos en esta imagen, asegurándose de que todo el brazo sea visible. Además, el brazo debe estar en una capa sobre la capa del logotipo. En cuanto al nombre de la empresa, utilizaremos la herramienta de texto de Motion. Guarde esta imagen como una imagen de Photoshop .psd en capas.

Vamos a ponernos en movimiento.

1. Abra un nuevo documento de Motion. Utilizo la resolución de 1280 x 720 píxeles y 29,97 fps (NTSC) porque es la mejor compensación del tamaño de la pantalla y el tiempo de descarga. Establece el número de segundos para el video. Para este ejemplo, usé 5 segundos.
   
   
2. Desde la barra de menú a la derecha, configure la pantalla en Transparente.
   
   
3. En el panel Capas, cambie el nombre de la capa Proyecto a "Pizarra blanca". Cambie el nombre de la capa de Grupo a "BG" para el fondo.
   
   
4. Si no está utilizando un gráfico de fondo, tome uno de la Biblioteca de movimiento o dibuje uno en la pantalla. Para dibujar un fondo, use la herramienta Rectángulo y configure el Relleno al color que prefiera en el Inspector.
   
   Ahora estamos listos para sus gráficos.
   
   
5. Importe su imagen de Photoshop y dígale a Motion que no combine las capas. A medida que los colocamos en la imagen de Photoshop, la mano está en una capa sobre el gráfico que dibujará (logotipo). Organice la mano y el logotipo en la pantalla en posición para el primer fotograma de su animación.
   
   Es más fácil poner la mano y cada gráfico que dibujará en su propio grupo de capas. Para este tutorial, colocaremos el gráfico de la mano en un Grupo llamado "Mano" y el gráfico del logotipo en un Grupo llamado "Logotipo". El grupo de mano debe estar por encima del grupo de logotipo, que debe estar por encima del grupo de BG.
   
   
6. Seleccione la capa BG y haga clic en el icono Más en la parte inferior del panel para agregar una nueva capa de Grupo. Nombre a este grupo "Logotipo" y arrastre el gráfico del Logotipo a esta capa. Repita esto para el gráfico Mano, colocando el grupo Mano encima del grupo Logotipo.
   
   
7. Ahora que la capa de grupo predeterminada está vacía, podemos eliminarla. Deberíamos tener tres capas de grupo: Mano, Logotipo y BG.
   
   

En el próximo tutorial, dibujaremos el camino de Bezier que animará la mano.

Siguiente →

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: Como hacer Videos Animados de pizarra [Videoscribe] (Abril 2024).