Palmeras animadas de gráficos de trama

• Abril 23, 2024

En los próximos dos tutoriales, animaremos palmeras en Flash^R CS5. Esto fue parte de una animación de tarjetas electrónicas Flash que creé para Pamela Gladding Ecards. La obra de arte fue de Louise Max, una de las artistas de P G Ecards. A Pamela se le ocurrió el guión gráfico de animación para esta tarjeta electrónica y una de las primeras tareas fue animar dos palmeras en la playa. Esta animación continuará durante toda la animación de la tarjeta electrónica y también después de que termine la tarjeta.

No he visto una palmera, así que fui a Google y busqué videos de palmeras moviéndose en el viento. Lo primero que notará es que, a menos que sea un huracán, el tronco de la palmera se mueve muy poco. Toda la acción está en las palmas, que se mecen con gracia en el viento.

Cuando se me envió por correo electrónico la obra de arte de la tarjeta electrónica en un archivo de Photoshop en capas, las palmas de la palmera se copiaron (todo en una sola pieza) del fondo y se colocaron en una capa transparente. Entonces, teníamos la capa de fondo que contenía todo (cielo, arena y árboles) y una capa con el grupo de palmeras.

En este punto, la única forma de animar las palmas sería rotar el grupo de palmas en una capa de interpolación sobre el fondo. Sin embargo, eso no se vería demasiado realista. Primero, el grupo original de palmeras, que todavía está en la capa de fondo, se mostrará a medida que la capa de palma gira. En segundo lugar, en la vida real, cada palma se mueve individualmente y no juntas como un grupo.

Debido a que las animaciones de tarjetas electrónicas para tarjetas electrónicas P G se crean a partir de gráficos de trama, las posibilidades de animación son limitadas en comparación con la animación más amplia. Por lo tanto, cualquier forma en que podamos hacer que una parte de la animación se vea más realista ayudará a la impresión general creada por la tarjeta electrónica.

Podemos crear una animación más realista moviendo cada palma de forma independiente. Entonces, la primera tarea fue seleccionar cada una de las palmas y colocarlas en su propia capa transparente. Un truco que he usado a lo largo de los años es acercar para agrandar el área que desea seleccionar y usar la herramienta Lazo poligonal. Debido a que los colores en las palmas son muy similares, esto funciona mejor que la herramienta Selección rápida.

Como puede ver, el grupo original de palmeras está cortado en la parte superior. Este borde recto sería un problema cuando las palmas están animadas, mostrando la sección faltante de las palmas a medida que giran. Entonces, nuestro siguiente paso fue usar las piezas de palma individuales que tenemos disponibles para completar el segundo faltante de estas palmas superiores.

Finalmente, para la imagen de fondo, querremos quitar las palmas y llenar los agujeros vacíos en el cielo creados cuando quitamos las palmas del fondo. Debido a que el cielo es casi de un color sólido, podemos usar el Relleno consciente de contenido para reemplazar fácilmente el cielo faltante.

Ahora estamos listos para animar las palmas.

Siguiente →

Vea la tarjeta electrónica terminada en Pamela Gladding Ecards

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 dibujar una palmera paso a paso | How to draw a palm tree (Abril 2024).