Diseño de un Blinkie para Flash CS3 Animation

• Mayo 15, 2024

El propietario de J3 Designs me pidió que creara un blinkie publicitario para su sitio web digital de scrapbooking. Quería mantener la elegancia clásica de la marca de la compañía y me dio un conjunto de gráficos que ya había usado para su logotipo. Estos consistieron en un cameo, encaje, fondos grunge, lazo, flores secas y dos mariquitas. Estos gráficos se crearon originalmente a 300 ppp y eran muy grandes. Así que mi primer trabajo fue reducir cada gráfico a 72 ppp y a un tamaño lo suficientemente pequeño como para usar en un blinkie de 150 x 50 píxeles. A partir de esta prueba, pude determinar cuál de los elementos podría usarse en un tamaño tan pequeño sin perder demasiado detalle.

Me sorprendió que la mayoría de los elementos funcionaran bien con tal reducción de tamaño, excepto el cameo y las flores secas. Cuando se redujo a una altura de 50 píxeles, la mayoría de los detalles se perdieron de estos elementos. Pero el cameo era una parte tan importante del logotipo que decidí usar solo la mitad superior del cameo. Al hacer esto, no necesité reducir la imagen a un tamaño tan pequeño y guardé la mayoría de los detalles del cameo.

Comencé a construir el diseño con los elementos de fondo estáticos. Estos elementos no serían parte de la animación. Elijo uno de los cuatro fondos grunge incluidos en las muestras gráficas como la capa de fondo general. Luego agregué el encaje y el cameo. Para ahorrar espacio en la parte superior del blinkie para la animación de texto, coloqué el encaje en ángulo en la esquina inferior izquierda. Finalmente, agregué una de las dos mariquitas. Pero esas mariquitas estaban esperando ser animadas.

La base de la animación estaría compuesta por varias animaciones de texto. Pero esas mariquitas me seguían mirando, así que decidí agregar una segunda animación protagonizada por las mariquitas. Una mariquita sería visible durante la animación del texto y luego la segunda mariquita aparecería debajo del cameo. Finalmente, se arrastrarían juntos. Para hacer esto, necesitaba separar la capa de fondo en varias capas. La primera capa de fondo sería el gráfico grunge. El segundo sería el encaje y el cameo. Por supuesto, necesitaba PNG de ambas mariquitas, el encaje y el cameo para mantener la transparencia en Flash.

Entonces, ahora tenía cuatro capas para mi blinkie, además de la capa de animación de texto, que agregaría más tarde.

La mayoría de los blinkies en los sitios de scrapbooking son de 150 x 50 píxeles. Esto no le da mucho espacio para una animación de texto complicada. Decidí usar los efectos de línea de tiempo integrados para animar el texto. La primera parte de la animación sería el nombre del diseñador. Hay cinco diseñadores para este sitio web, incluido yo mismo. Debido a que el nombre de mi empresa fue el más largo, decido crear la animación original usando mi nombre. Entonces, sería fácil cambiar el nombre del diseñador por los otros cuatro parpadeos. Ahora que el diseño está construido, estamos listos para construir nuestra animación.

Diseños J3

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: Speed art para {@Flash Vídeos Games} FAÇO GRÁTIS!!! (Mayo 2024).