Visuais reativos a áudio — onde gráficos pulsam, crescem, mudam ou dançam com o som — são base de music videos, motion graphics e visuals ao vivo. After Effects torna isso possível através do efeito Audio Amplitude e expressions. Aqui está o workflow completo da importação ao render.
1. Importar e Preparar Áudio
- File → Import → seu áudio (WAV, AIFF, MP3).
- Arraste para nova composição (duração correspondente).
- Mute a camada de áudio (ícone speaker) se não quer no render final — os dados ainda alimentam expressions.
2. Aplicar Efeito Audio Amplitude
- Selecione a camada de áudio.
- Effects → Expression Controls → Audio Amplitude.
- Em Effect Controls, abra: verá Left Channel, Right Channel, Both Channels (média).
- Saída valores 0–100 (ou mais) baseados em amplitude RMS.
3. Controlar Propriedades Visuais com Expressions
Alt-click (Option-click) no cronômetro de qualquer propriedade para adicionar expression. Referencie valores do Audio Amplitude.
Pulso de Scale (Básico)
// Na propriedade Scale de shape/texto/solid amp = thisComp.layer("Audio Amplitude").effect("Both Channels")("Slider"); // Mapeia áudio 0-100 para scale 100%-200% [linear(amp, 0, 100, 100, 200), linear(amp, 0, 100, 100, 200)]
Fade de Opacidade
amp = thisComp.layer("Audio Amplitude").effect("Both Channels")("Slider"); linear(amp, 0, 50, 0, 100) // Fade in em volumes baixos
Rotação Reativa
amp = thisComp.layer("Audio Amplitude").effect("Both Channels")("Slider"); amp * 3.6 // 100 amp = 360° rotação
Shift de Cor por Amplitude
amp = thisComp.layer("Audio Amplitude").effect("Both Channels")("Slider"); // Mapeia amplitude para hue (0-360) hue = linear(amp, 0, 100, 0, 360); hslToRgb([hue/360, 1, 0.5]) // Retorna array [r,g,b,1]
Wobble de Posição
amp = thisComp.layer("Audio Amplitude").effect("Both Channels")("Slider"); wiggle(amp/10, amp/2) // Frequência e amplitude ligadas ao áudio
4. Reação Específica por Frequência (Avançado)
Audio Amplitude dá loudness broadband. Para separação bass/mid/treble:
Opção A: Bandas de Frequência via Effects (Nativo)
- Duplique efeito Audio Amplitude 3x na camada de áudio.
- Renomeie: "Bass", "Mid", "Treble".
- Cada efeito analisa espectro completo — não bandas verdadeiras. Limitado.
Opção B: Trapcode Sound Keys (Plugin Pago — Melhor)
- Analisa espectro FFT → output keyframes para ranges de frequência específicos.
- Bass (20–250 Hz), Mid (250–4000 Hz), Treble (4000–20000 Hz) — totalmente ajustáveis.
- Output keyframes → use
valueAtTime(time) em expressions.
Opção C: FFT Baseado em Expression (Complexo, Sem Plugin)
Use sampleImage() em spectrum visualization pré-renderizado, ou escreva script para assar dados FFT em keyframes via ExtendScript/JSX. Não é real-time.
5. Workflow Completo de Exemplo
- Crie Comp: 1920×1080, 30fps, duração = duração da música.
- Importe áudio → adicione à comp → aplique Audio Amplitude.
- Crie Shape Layer: Elipse (círculo), centralizada.
- Adicione expressions nas propriedades do Shape Layer:
- Scale: Bass-driven (via Sound Keys ou Both Channels)
- Fill Color: Treble-driven hue shift
- Stroke Width: Mid-driven
- Rotation: Amplitude overall
- Duplique shape layer 5x, offset em tempo/posição, varie multiplicadores das expressions.
- Adicione solid background, vignette, efeitos glow.
- Preview (Spacebar) — ajuste ranges das expressions (linear/clamp) ao gosto.
- Render: Composition → Add to Render Queue → H.264 High Bitrate ou ProRes.
Performance e Otimização
- Pre-compose grupos audio-reactive → reduz recálculo de expressions.
- Cache Audio Amplitude: Converta para keyframes (Keyframe Assistant → Convert Audio to Keyframes) — mais rápido que eval live de expression, mas assa valores.
- Reduza Frequência de Expressions:
posterizeTime(12) dentro da expression limita eval a 12fps. - Proxy: Para comps 4K, use proxies 1080p durante design.
- Evite
thisComp.layer("name") em loops — guarde referência em variável.
Ideias Criativas
- Barras equalizador: Rectangle shape × 32, cada uma driven por banda Sound Keys.
- Taxa de nascimento de partículas: Trapcode Particular → emitter rate ligado à amplitude.
- Offset de caracteres de texto: Animator → Range Selector → Amount ligado ao áudio.
- Shake de câmera 3D: Expression de Position com
wiggle() driven por bass. - Desenho de waveform:
createPath() expression sampleando array de amplitude de áudio.
Comece simples: um shape, uma expression, um track de áudio. Domine as funções de mapeamento linear() e clamp(). Depois adicione camadas de complexidade. O melhor trabalho audio-reactive parece inevitável — como se os visuais fossem o som.