¿Cómo hacer brillos Animados sobre imágenes en Flash?

En este tutorial nos enfocamos únicamente a la creación de brillos animados a través de la “interpolación de forma”, es decir, los brillos no son generados con máscaras sino con gradientes, crearemos gradientes personalizados y después los animaremos para simular los efectos de brillo.
También aprendemos a utilizar la herramienta de “selección” para deformar objetos y modificarlos a nuestro gusto, es decir, trazaremos formas con la herramienta de rectángulo y después personalizaremos la formas con la herramienta de selección, convirtiendo un simple cuadrado en la cara lateral de una computadora para después animarla y dar la sensación de brillos.
Jugaremos con la línea de tiempo y los layers (capas) para generar una sincronía entre las animaciones de brillo creando así una animación cíclica más sólida.
El nivel del tutorial es básico.
Duración 29 min
Descargar archivos Flash CS3.
Descargar archivos Flash CS4.
Descargar video.

interfaseBrillosAnimados

En este tutorial nos enfocamos únicamente a la creación de brillos animados a través de la “interpolación de forma”, es decir, los brillos no son generados con máscaras sino con gradientes, crearemos gradientes personalizados y después los animaremos para simular los efectos de brillo.

También aprendemos a utilizar la herramienta de “selección” para deformar objetos y modificarlos a nuestro gusto, es decir, trazaremos formas con la herramienta de rectángulo y después personalizaremos la formas con la herramienta de selección, convirtiendo un simple cuadrado en la cara lateral de una computadora para después animarla y dar la sensación de brillos.

Jugaremos con la línea de tiempo y los layers (capas) para generar una sincronía entre las animaciones de brillo creando así una animación cíclica más sólida.

El nivel del tutorial es básico.

Duración 29 min

Ver Resultado

Descargar archivos Flash CS3.

Descargar archivos Flash CS4.

Descargar video.

10 comentarios

  1. Muchas gracias por el tutorial, ahora me lo descargo y esta tarde mismo lo hago.

    Un saludo.

  2. Gracias LuisMaria por este nuevo videotutorial empezare a practicar…te deje un mensaje a tu mail ….!!!chekalo
    saludos

  3. Muy chulo el tutorial y también vi la web de Lapso. Me gustó mucho la parte de las fotos (lo de blanco y negro / color; los brillos, etc.).
    Por cierto, la primera ventana que se ve, con el logo, ¿cómo hiciste? Creaste 4 zonas sensibles una para cada esquina?

    Suelo pensar cómo haría yo eso cuando veo una web que gusta y esa me gustó.

    Saludos. La Señora Yamamoto

  4. Señora Yamamoto: Que bueno que le ha gustado el tutorial!!!
    Por lo que veo vio el mis post de Tweeter, si es un sitio muy bonito, es uno de mis favoritos!! Cómo usted lo dijo, son cuatro botones grandes que interactúan con el logo y los contenidos. Voy a abrir otra página dentro del blog para mostrar mis sitios y otras de dudas…

    Saludos Señora Yamamoto!! ¿Cómo va su sitio?

  5. Listo Luis Maria te deje un mensaje a tu mail …!!! huyyy te dejo me acorde que tenia examen en la tarde y no estudie :)

  6. Hola, ahora, lo tengo un poco abandonado pues dentro de dos días me voy de vacaciones y ando un poco liada con los preparativos. Pero volveré a finales de agosto y a empezar fuerte con ActionScript.

    Un saludo.
    La Señora Yamamoto.

  7. Hola, Luis María, te felicito por tus tutoriales, me son de mucha ayuda… yo estoy aprendiendo flash y la verdad que tus tutos son muy claros y se ve que te gusta lo que haces porque lo haces con gusto… una vez más felicitaciones y gracias por tu paciencia y tu ayuda.
    Aprovecho esta oportunidad para pedirte si puedes hacer un toturial para hacer un libro de visitas o comentarios… he encontrado algunos en internet pero no me funcionan…
    Gracias.

  8. Fidel: Hola, gracias por tus comentarios! Ya agregue el tutorial a mi lista, este tuto requiere de php y MySql, es decir, si es más complicado y aún estamos en lo básico! Saludos!

  9. Hola luis maria, te felicito por los tutoriales, y te deseo lo mejor, exitos con batataStudio, gracias por los tutoriales, en serio me han ayudado mucho en mis proyectos de la uni agregando un buen diseño a mis sistemas web, gracias :) brother!, saludos desde Peru.

    P.D: este tuto de brillo es lo que buscaba hace semanas y tu lo explicas de la mejor manera gracias, ya te estoy siguiendo hasta en twitter, create una cuenta en FACEBOOK para q completes las redes sociales ;) bye

  10. miguel: Hola!!! Gracias por los buenos deseos a este proyecto, estraía genial que me enseñeras tus proyectos!! ;)
    Sobre tu sugerencia, te lo agradezco y te tome la palabra jajaja, acabo de abrir la cuenta facebook, en estos días subo un link para que
    me encuentren, tienes razón con el blog, twitter, ahora facebook esta casi completo el círculo, solo falta mi sitio portafolio y tutoriales. Pero bueno ahí vamos.

    Saludos!!! :D

Escribe un comentario