Leandono's Blog

Voy a explicar como crear un sencillo efecto de cartel luminoso. Dicho efecto puede servir para crear banners, encabezados, etc.

Lo primero que haremos será cambiar el color de nuestra película a negro.

Luego crearemos un movieclip llamado cartel...

Una vez hecho, entraremos al modo edición del símbolo. A la capa donde estamos situados le daremos el nombre leds.

Lo siguiente será ir creando columnas de pequeños círculos de color rojo (yo usé para el ejemplo el color #CC0000). Una vez armado las columnas las alinearemos como se ve en la imágen:

Cuantas más columnas más largo sergo será nuestro cartel.

Lo siguiente será crear  2 nuevas capas. La primera será llamada máscara y la segunda será llamada texto. El orden debe ser el siguiente:

Luego copiaremos todas las columnas hechas y las pegaremos "in situ" dentro de la capa mascara, a dicha capa le asignaremos la opción máscara haciendo click derecho sobre la misma:

Quedando de la siguiente forma las capas:

Ahora crearemos las letras que mostrará el cartel, para eso vamos a la capa texto (es conveniente bloquear las capas mascara y leds para manejarse mejor), agarramos la herramienta texto y escribimos en un tono fosforescente (yo utilicé #00FF00) las palabras que queramos mostrar. Y eso es todo! No queda más que cerrar el movieclip y ponerlo en el escenario!

Si queremos podemos agregar movimiento a las letras (a través de interpolaciones de movimientos), crear efectos con otros colores, bueno, eso cuestión de hacer volar la imaginación!. La velocidad de fotogramas es conveniente bajarla para que el efecto sea más realista en su movimiento.

Ejemplos utilizados  

..y tal vez te interese:

• Centrar una película mediante CSS, usando SWFObject
• Creación de un reloj simple
• Creación de una paleta de dibujo
• Creando precargas vistosas en 1 minuto
• Crear una caja de busqueda en Flash

Comentarios (2)

2  Escrito por Ignacio , el 03-06-2008 19:44 BIENVENIDO A MI BLOG

Por favor, mantenga el tópico de los mensajes en relevancia con el tema del artículo. Lenguaje inapropiado será borrado.
Nombre:
E-mail:
Sitio Web:
Comentario:
Código:*