Tutorial Clásico: Bandera Ondeante en AE

tutorial-bandera-after-effectsUsando los efectos Ruido Fractal y Mapa de Desplazamiento se puede dar la apariencia de bandera ondeante a cualquier gráfica en After Effects. Esta técnica es ideal para mostrar un plano de detalle de una bandera, un escudo o texto. Video con el resultado, tutorial completo y vínculos a tres tutoriales sobre Mapa de Desplazamiento a continuación

1. Importa el gráfico de tu bandera o crea tu diseño en una composición de 5 segundos y llámala ¨Gráfica¨.

Tutorial Clásico: Bandera Ondeante en After Effects 01

 2. Crea otra composición de 5 segundos de duración. Asegúrate que tenga el mismo tamaño de tu bandera. Lláma a esta composición ¨Mapa¨.

Tutorial Clásico: Bandera Ondeante en After Effects 02

3. Crea un nuevo sólido del tamaño de la composición y aplícale el efecto Ruido fractal. Menú Efecto/ Ruido y Granulado/ Ruido fractal.

Tutorial Clásico: Bandera Ondeante en After Effects 03

4. En las propiedades del efecto, modifica el ancho de la escala a 4000 y la Altura a 2000.

Tutorial Clásico: Bandera Ondeante en After Effects 04

5. Anima la propiedad Turbulencias de desplazamiento de 0, 0 a 2000, -500.

Tutorial Clásico: Bandera Ondeante en After Effects 05

6. Anima Evolucion de 0x +0° a 3x +0°.

Tutorial Clásico: Bandera Ondeante en After Effects 06

7. Importa ¨Gráfica¨ y ¨Mapa¨ a una nueva composicion. Ubica ¨Mapa¨ en la capa Superior (#1) y modifica su modo de fusión a Multiplicar. Menú Capa/ Modo de fusión/  Multiplicar.

Tutorial Clásico: Bandera Ondeante en After Effects 07

8. Aplica el efecto Mapa de desplazamiento a ¨Gráfica¨. Modifica la propiedad Capa de desplazamiento a 1.mapa.

Tutorial Clásico: Bandera Ondeante en After Effects 08

9. Selecciona Luminancia en la propiedad Usar para desplazamiento horizontal y modifica a 50 el Desplazamiento horizontal máximo.

Tutorial Clásico: Bandera Ondeante en After Effects 09

10. Repite estos mismos valores para el desplazamiento vertical. Seleciona Ajuste automático de píxeles en Comportamiento de borde.

Tutorial Clásico: Bandera Ondeante en After Effects 10

Para el video final cambié las dos capas a 3D y agregé una luz para resaltar la impresión de tridimensionalidad. Si bién el efecto obtenido es bastante realista es conveniente omitir los bordes y sobre todo las esquinas, ya que estas no responden de manera realista a como lo haría una bandera real izada verticalmente de un asta.

Si quieres aprender en detalle sobre Mapa de desplazamiento, Aharon Rabinowitz de Creative Cow tiene tres excelentes tutoriales sobre todas las propiedades de este efecto.

This entry was posted in tutorial and tagged , , . Bookmark the permalink. Both comments and trackbacks are currently closed.

11 Comments

  1. Sebastian
    Posted January 4, 2009 at 8:50 pm | Permalink

    Una maravilla! porque no necesita plugin adema de lo bien hecho que está

  2. xai
    Posted January 5, 2009 at 5:46 pm | Permalink

    Muy bueno tio como siempre, pero me ha dejado un regusto amargo: ¿como podriamos ver todos los bordes y verla ondear?
    gracias y saludos crack

    • Posted January 5, 2009 at 6:08 pm | Permalink

      3ds max !
      No se si existe un plugin 3d para esto en AE.
      Gracias.

  3. José
    Posted January 6, 2009 at 2:12 pm | Permalink

    Hey! Muy buen tutorial como siempre, ya le voy agarrando la mano al After.

    Te molesto con una consulta: hace unas semanas entré a Inerxia y había un link a un site de Royalty Free Music, no puedo encontrarlo y estaba muy bueno (en el momento me olvidé de marcarlo, ejej).

    Saludos.

  4. José
    Posted January 6, 2009 at 8:40 pm | Permalink

    Hey! Gracias como siempre por responder, no podía encontrarlos.

    Saludos.

  5. Posted January 12, 2009 at 6:54 am | Permalink
    • Posted January 12, 2009 at 11:56 am | Permalink

      Gracias Cuesco, ya estoy bajando el demo para probarlo.

  6. Posted January 21, 2009 at 9:48 pm | Permalink

    para ver la bandera ondeando hay un tutorial aquí aunque se encuentra en inglés

    http://library.creativecow.net/articles/lindeboom_kathlyn/flag_freeform.php

    • Posted January 22, 2009 at 6:14 pm | Permalink

      Ese plugin se parece mucho al deformador bezier, dificil animar eso manualmente!

      Gracias Ronaldinho.

  7. Posted February 17, 2009 at 4:02 pm | Permalink

    thank you very much for sharing this tutorial!
    :-)