HeyBrowser para After Effects por R$ 97,00 · pagamento únicoVer oferta
HEYBROWSER PARA AFTER EFFECTS

Qualquer site vira camada. Pronta para animar.

Abra a página no Chrome, clique uma vez e ela é reconstruída no After Effects. Texto vira texto, botão vira forma, ícone vira vetor, e a animação do site vira keyframe.

01Abra o site
no Chrome
02Um clique
na extensão
03Camadas editáveis
na composição
SIMULAÇÃO DA INTERFACE · SITE DE EXEMPLO
EM VÍDEO / HEYBROWSER

Veja o HeyBrowser em ação.

Do site aberto no Chrome à composição pronta no After Effects, em poucos segundos.

Vídeo em breve Estamos gravando a demonstração do HeyBrowser.
01 / ESCOLHA SEU FLUXO

Precisa animar um site? Pare de redesenhar do zero.

Print, guias, medir no olho, achar a fonte, recortar cada imagem.
O HeyBrowser lê o que o navegador desenha e entrega tudo em camadas.

02 / OFERTA

Uma licença. Todo site que você abrir.

O painel do After Effects e a extensão do Chrome, juntos.
Pague uma vez e receba as próximas versões sem custo.

Pagamento único · Atualizações sem custo · After Effects 16.0 ou mais recente · Google Chrome

03 / COMO FUNCIONA

Do navegador à composição.
Sem print, sem redesenho.

Você deixa a página do jeito que quer. O resto acontece sozinho.

heyforge.net
HeyForgeContato
FERRAMENTAS PARA VÍDEOMenos atrito.
Mais criação.
Ver plugins
A aba aberta, com o seu login, do jeito que você deixou.
HeyBrowserAfter Effects conectado
Página inteiraSó a tela

Rola o site todo e traz de cima a baixo.

1920 × 10801920 × 13501440 × 9001280 × 720Personalizado
Imagens originais
Enviar para o After Effects
Dois modos, tamanho num menu e imagens originais em uma pílula.
HeyBrowserAfter Effects conectado
Página inteiraSó a tela
1920 × 1350Imagens originais
Enviar para o After Effects

Lendo a página… 196 camadas

Sem console, sem arquivo no meio: vai direto para o painel.
HeyBrowserconectado
heyforge.net 196 camadas · 1920 × 1350
Texto 90Formas 55Imagens 28Vetores 23

Fonte que falta: Söhne Breit

SeçõesImagens originais
O painel segue a aparência do After Effects: escuro, médio ou claro.
heyforge.net0:00:00:00
  1. SEÇÃO · Topo
  2. ANIM · cartão
  3. Menos atrito. Mais criação.
  4. Botão · Ver plugins
  5. Ícone · anel
  6. plugin-01.webp
  7. SEÇÃO · Plugins
  8. Vídeo · trocar material
Um Null por seção. Cada animação ganha o seu “ANIM”, com Posição, Escala e Rotação.
SIMULAÇÃO DA INTERFACE DO HEYBROWSER 1.0 · SITE DE EXEMPLO

SEM HEYBROWSER

  • Tirar print da página e usar como referência chapada
  • Redesenhar caixa por caixa com guias e réguas
  • Descobrir a fonte, o tamanho e o espaçamento no olho
  • Baixar e recortar cada imagem e cada ícone
  • Refazer tudo quando o site muda

COM HEYBROWSER

  • Abrir o site no Chrome, do jeito que ele está agora
  • Clicar uma vez na extensão
  • Receber texto, forma, vetor e imagem como camadas
  • Usar a fonte do site, com aviso das que faltam
  • Capturar de novo em segundos quando algo muda
04 / O QUE VOCÊ RECEBE

Do site aberto
direto para a sua composição.

O que entra, como entra e as respostas que todo motion designer quer antes de comprar.

01

Cada elemento, no tipo certo

Nada de imagem achatada. O HeyBrowser lê o que o navegador desenha e escolhe a camada nativa do After Effects para cada coisa.

  • TextoCamada de textouma por trecho de cor, alinhada pela linha de base
  • Botão e caixaCamada de formacanto arredondado canto a canto
  • Ícone e SVGCaminho vetorialinclusive em sprite, máscara e componente
  • Foto e miniaturaArquivo de imagemconvertida quando o After não abre o formato
  • VídeoRetângulo no tamanhopara você trocar pelo seu material
02

Página inteira ou só a tela

O site todo, de cima a baixo, ou só o que está visível no tamanho da composição.

Rola o site todo. A altura vem da página.

A composição sai no tamanho escolhido.

  • 1920 × 1080
  • 1920 × 1350
  • 1440 × 900
  • 1280 × 720
  • Livre
04

A animação do site vira keyframe

Deslizar, crescer, girar, aparecer e sumir. Cada elemento animado ganha um Null “ANIM” com Posição, Escala e Rotação, na mesma curva de velocidade do site.

  • Loop vira loop.Animação infinita repete, e vai e volta quando é o caso. Animação em passos vira chave congelada.
Funciona no Mac?

Ainda não. Só Windows.Sim. Windows e macOS.

Qual navegador?

Google Chrome, com a extensão do HeyBrowser.

E as fontes?

Usa a do site quando instalada e avisa as que faltam.

Posso capturar qualquer site?

Só conteúdo seu, de cliente ou com autorização.

05 / O QUE ESTÁ SENDO ELIMINADO

O difícil nunca foi animar.
É remontar o site do zero.

Uma tela de site pode virar uma tarde inteira antes do primeiro keyframe.

Um print achatado

Uma camada só. Para mudar uma palavra ou mexer num botão, você recorta e remenda.

Redesenhar caixa por caixa

Guias, réguas e retângulos desenhados à mão por cima do print, até ficar parecido.

Fonte e medida no olho

A fonte quase igual, o espaçamento quase certo, e o cliente percebe a diferença.

O site mudou. De novo.

Cor nova, botão novo, texto novo, e o trabalho de remontar começa outra vez.

É exatamente esse caminho que o HeyBrowser elimina.

print_site_final2.png
Print · 1 camada achatada
SEÇÃO · Topo
Menos atrito. Mais criação.
Botão · Ver plugins
Ícone · anel
+ 192 camadas
HeyBrowser · 196 camadas editáveis
06 / SEU PRÓXIMO FLUXO COMEÇA AQUI

Você já viu o que o HeyBrowser faz.
Agora coloque no seu workflow.

Menos print, menos redesenho, mais tempo animando.
A mesma oferta apresentada acima, com o valor da sua região.

07 / PERGUNTAS FREQUENTES

Tudo o que você precisa saber antes de comprar.

O que vem na compra?

O painel do HeyBrowser para After Effects e a extensão para Google Chrome, com um passo a passo de instalação. Os dois conversam sozinhos: a extensão captura, o painel monta.

Quais versões do After Effects funcionam?

After Effects 16.0 ou mais recente, no Windows.After Effects 16.0 ou mais recente, no Windows e no macOS.

Funciona no macOS?

Por enquanto, não. O HeyBrowser é só para Windows.Sim. O HeyBrowser funciona no Windows e no macOS.

As animações do site vêm junto?

As animações feitas com CSS, sim: deslizar, crescer, girar, aparecer e sumir viram keyframes, com a mesma curva de velocidade. Ainda não vêm animações feitas por JavaScript, ícones Lottie animados e efeitos de passar o mouse.

E se eu não tiver a fonte do site?

O texto entra com uma fonte substituta e o painel mostra o nome exato das que faltam. Instalando a fonte, o texto sai idêntico ao site.

Vídeos e animações em canvas entram?

Vídeo entra como um retângulo no tamanho e na posição certos, para você trocar pelo seu material. Canvas e WebGL também entram como retângulo, porque não têm equivalente no After Effects.

É assinatura? Como recebo as atualizações?

Não é assinatura: você paga uma vez. Quando sai uma versão nova, você baixa sem custo extra na plataforma em que comprou.

Posso capturar qualquer site?

Tecnicamente, quase qualquer página que o Chrome mostra. Use somente com conteúdo seu, de clientes ou com autorização de quem tem os direitos. A responsabilidade pelo uso é de quem captura.

SEU PRÓXIMO PROJETO

Você ainda vai redesenhar o próximo site na mão?

Pode continuar assim: print, guias, fonte no olho, recortar imagem.
Ou trazer o site inteiro em camadas, num clique.

Quero o HeyBrowser Pagamento único · Atualizações sem custo · WindowsPagamento único · Atualizações sem custo · Windows e macOS
EM BREVE

O HeyBrowser está quase pronto.

Estamos nos últimos ajustes, testando com motion designers antes de abrir as vendas. Muito em breve ele estará disponível aqui.