Criar um traço no After Effects é uma das primeiras técnicas que muitos aprendem ao começar a usar o software. Mas e se você quiser transformar esse traço simples em uma linha pontilhada ou tracejada no After Effects? Neste artigo, vamos mostrar como criar uma linha tracejada ou pontilhada no After Effects, personalizar o visual, animar e até mesmo testar outra maneira de criar e animar linhas que quem sabe você goste mais fora do AE. Parte 1. Como Criar Linhas Tracejadas e Pontilhadas no After Effects Criar qualquer tipo de traço, incluindo linhas tracejadas ou pontilhadas, no After Effects começa pelo uso da Ferramenta Caneta dentro de uma camada de formas. É aqui que você desenha sua linha, aplica o traço e depois anima usando o Trim Paths. Neste tutorial, vamos seguir o guia criado pela Ben & Jack Studio usando After Effects 2020. No entanto, os mesmos passos valem para outras versões do After Effects, então acompanhe sem se preocupar com a versão. Passo 1. Crie uma Camada de Forma e um Caminho Selecione a Ferramenta Canetaferramenta Caneta (ou pressione G) e desenhe seu caminho na janela de visualização. Assim que clicar, o After Effects automaticamente cria uma camada de forma. Clique uma vez para colocar o primeiro ponto e depois clique de novo para criar o segundo. O After Effects conecta ambos com uma linha reta. Dica: Se quiser criar um caminho curvo, clique e arraste ao posicionar o segundo ponto, em vez de só clicar. Isso faz com que apareçam as alças de bezier para moldar a curva do jeito que quiser. Passo 2. Adicione uma Linha Tracejada ou Pontilhada No painel da timeline, abra sua camada de forma e navegue até Conteúdo > Forma 1 > Preenchimento 1. Defina a Opacidade como 0% para remover a cor de preenchimento. Assim, só o traço fica visível, o que é essencial para criar uma linha tracejada ou pontilhada. Depois, vá até Conteúdo > Forma 1 > Traço 1. Procure pela seção Traços nas configurações do traço e clique no + ícone para criar a linha tracejada no After Effects. Ajuste o valor do Traço para definir o visual. Valores menores geram mais traços ou pontos. Use o controle de Offset para ajustar a posição do traço ao longo do caminho. Para criar linha pontilhada no After Effects: Na seção Traços, clique no + ícone de novo para adicionar a propriedade Espaço. Ajuste o valor do Valor de Espaço para controlar a distância entre os pontos. Valores menores aproximam os pontos, enquanto valores maiores os afastam. Defina a opção de Cap do traço para Arredondado para que as extremidades do traço fiquem mais suaves. Defina o valor de Traço como 0, isso transforma cada traço em um ponto perfeito. Você também pode personalizar mais sua linha tracejada ou pontilhada definindo a Cor do Traço e ajustando a Espessura do Traço para destacar o visual do jeito que quiser. Passo 3. Anime a Linha Tracejada com Trim Paths Para fazer a animação da linha tracejada se movimentando pelo caminho, adicione a animação Trim Paths à sua camada de forma. Com a camada de forma selecionada, clique em Adicionar > Trim Paths. Expanda o menu Trim Paths e verá dois controles: Início e Fim. Eles controlam quanto da linha fica visível. Defina Início em 0% e Fim em 0%. Clique no ícone de quadro-chave ao lado de Fim para criar o primeiro quadro-chave. Avance no timeline até o ponto em que quer terminar a animação, e ajuste o valor de Fim de 0% para 100%. Reproduza sua composição. Você verá a linha tracejada desenhando-se suavemente pelo caminho. Os mesmos passos servem para criar animação de linha pontilhada no After Effects. Observação: Este tutorial foca em fazer a linha se desenhar sozinha (de invisível para visível). Se quiser criar o efeito inverso, em que a linha vai sumindo, basta trocar os quadros-chave. Defina o valor de Fim como 100% no início e 0% no final. RELACIONADOS: Efeito Pincel Animar texto em caminho Parte 2. Problemas Comuns e Como Resolver Você teve problemas ao criar ou animar sua linha tracejada no After Effects? Reunimos alguns dos erros mais comuns com traços e caminhos no AE, junto com soluções fáceis para resolver rápido. 1. A linha tracejada fica pixelada ao renderizar Se a linha tracejada ou pontilhada que você criou fica borrada ou serrilhada depois de exportar, geralmente é porque a resolução da composição está baixa ou porque você aumentou o tamanho do traço de uma camada pequena. Solução rápida: No painel de visualização, coloque a Resolução em Completa antes de renderizar. Evite aumentar o tamanho da camada de forma toda. Em vez disso, aumente a Espessura do Traço ou refaça o caminho no tamanho correto. Na exportação, escolha bitrate mais alto ou um formato sem perdas como QuickTime Animation, ProRes 4444 ou AVI (Sem Compressão), para preservar a nitidez das bordas. 2. O caminho não mostra traços Não aparece nenhum padrão de traço ou ponto mesmo depois de adicionar o traço no After Effects? Veja se o preenchimento ainda está ativo ou se as configurações não foram aplicadas direito. Solução rápida: Abra as configurações da camada de formas e veja se a Opacidade do Preenchimento está em 0% para deixar o traço visível. Vá em Conteúdo > Forma 1 > Traço 1 e confirme que os valores de Traço e Espaço foram adicionados. Outro motivo pode ser que o caminho usado não está numa camada de formas, mas sim numa máscara. O efeito de traço para máscaras não suporta traço ou espaço. Traços no After Effects só aparecem quando o caminho está na camada de formas, com o traço próprio. Solução rápida: Copie o caminho da máscara e cole numa camada de formas. Siga os passos para criar linha tracejada ou pontilhada no After Effects acima. 3. Traços se movem rápido ou devagar demais na animação Se sua animação da linha tracejada parece com velocidade excessiva ou lenta, o problema normalmente está na distância entre os quadros-chave ou no valor de Offset das opções do traço. Solução rápida: Abra as configurações do Trim Paths na sua camada de formas. Aproxime os quadros-chave para acelerar, ou afaste para desacelerar. Use oEditor de Gráficos para suavizar as curvas de velocidade e deixar a animação mais natural. 4. Bordas ficam rígidas ou serrilhadas Se as bordas da sua linha tracejada ou pontilhada ficam ásperas, normalmente é por baixa configuração de antialiasing ou preview. Aumentar muito a camada de formas também causa artefatos. Solução rápida: Ative o Rasterizar Contínuo (o ícone de solzinho) na camada para manter linhas nítidas em qualquer tamanho. No painel de preview, coloque a qualidade em Melhor, em vez de Rascunho. Ajuste a espessura do traço se precisar da linha mais grossa, em vez de aumentar diretamente a camada. Se as bordas ainda ficarem ruins, aplique um efeito de Blur Gaussiano com valor pequeno para suavizar levemente. Parte 3. Maneira Fácil de Criar e Animar Linhas Tracejadas Sem After Effects Quer algo mais simples e fácil que o After Effects? Você pode criar animações de linhas tracejadas direto num editor de vídeo como Wondershare Filmora. O Filmora oferece um jeito intuitivo de desenhar caminhos personalizados e transformá-los em animações dinâmicas sem setups complexos. Teste grátis Teste grátis Baixar o APP Escaneie e pegue o Filmora App Instale o Filmora grátis Instale o Filmora grátis Download seguro Você não precisa ficar só com linhas pontilhadas simples — Com o Ferramenta CanetaFilmora, é fácil transformar o caminho criado em trilha brilhante, animação de fogo ou até fazer um objeto seguir o caminho com alguns cliques. É simples para iniciantes e ainda flexível para resultados impressionantes. Por que recomendamos o Filmora: Aplique estilos e efeitos como brilho, fogo ou blur nas suas linhas tracejadas ou pontilhadas para mudar o visual na hora. Anexe qualquer objeto (ou use padrão pronto) para acompanhar a animação da sua linha suavemente pelo caminho. Curta uma interface intuitiva, perfeita para iniciantes e muito mais fácil de navegar que o After Effects. Como Criar Linhas Tracejadas ou Pontilhadas no Filmora Passo 1 Desenhe um Caminho Customizado Usando a Ferramenta Caneta Abra um novo projeto no Filmora, vá até a Ferramenta de Desenho e escolha a Ferramenta CanetaFerramenta Caneta para começar a criar seu caminho personalizado. Clique em qualquer ponto na janela de preview para definir o primeiro ponto. Clique de novo para conectar outro ponto e formar uma linha reta. Para curva, clique e arraste antes de soltar. Quando terminar, pressione Esc no teclado para finalizar o caminho e sair do modo de desenho. Passo 2 Refine e Estilize Seu Caminho Depois de desenhar o caminho, acesse as configurações de Traço > Efeitos no painel de propriedades e altere o Estilo to Linha tracejada. Pronto, sua linha tracejada está feita! Você pode personalizar ainda mais mudando o Cap e o Junção, ou ajustando a Espessura para deixar a linha mais fina ou grossa. Passo 3 Anime a Linha Tracejada Usando Trim Path Para animar sua linha tracejada percorrendo o caminho, use o recurso Trim Path no Filmora. Posicione a linha do tempo no início. Defina Início e Fim como 0%. Adicione um quadro-chave na propriedade Fim para marcar o começo da animação. Vá até onde quer terminar a animação, mude Fim para 100% e adicione outro quadro-chave. Ao reproduzir, a linha tracejada se desenha suavemente do início ao fim. Passo 4 Faça um Objeto Seguir o Caminho Se quiser que um objeto se mova ao longo do caminho desenhado, ative a opção Seguir Caminho. Escolha o objeto que deseja anexar. Dá para usar presets, importar arquivo próprio ou pegar da timeline. Quando estiver satisfeito, clique em Aplicar para confirmar. O objeto segue automaticamente o movimento do caminho na reprodução. RELACIONADOS: Rotas de voo animadas Vídeo de mapa de viagem animado Bônus: Use Stickers de Linha Tracejada Prontos Para Animação Instantânea Se você não quiser desenhar caminhos, o Filmora tem vários presets de sticker de linha tracejada e pontilhada que você aplica direto no vídeo. Perfeito para quem quer uma animação rápida e bonita sem perder tempo criando caminhos personalizados. Basta arrastar e soltar o sticker na timeline. Personalize tamanho, cor e velocidade da animação conforme seu projeto. Combine com efeitos como brilho, fogo ou blur de movimento para um visual mais dinâmico. Ótimo para posts, intros ou motion graphics onde a velocidade é essencial. Linha Pontilhada 1 Prévia Teste grátis Teste grátis Teste grátis Teste grátis Linha Pontilhada 2 Prévia Teste grátis Teste grátis Teste grátis Teste grátis Linha Pontilhada 3 Prévia Teste grátis Teste grátis Teste grátis Teste grátis Linha Pontilhada 4 Prévia Teste grátis Teste grátis Teste grátis Teste grátis Linha Pontilhada 5 Prévia Teste grátis Teste grátis Teste grátis Teste grátis Linha Pontilhada 6 Prévia Teste grátis Teste grátis Teste grátis Teste grátis Conclusão Agora que você aprendeu como criar linha tracejada e pontilhada no After Effects, hora de aplicar essa técnica nos seus projetos! Use linhas tracejadas para destacar rotas em mapas, dar movimento em infográficos ou adicionar ritmo em transições animadas. E como desenhar e animar caminhos personalizados não é algo que só dá para fazer no After Effects, você pode criar o mesmo efeito no Filmora — mas com uma experiência muito mais simples. Filmora APP & Software de Edição de Vídeo com IA Teste grátis Teste grátis Baixar o APP Escaneie e pegue o Filmora App A melhor ferramenta para criar vídeos onde quiser, ideal para todos os criadores! Seu Primeiro Vídeo Editado Perfeito Começa Aqui – Não Precisa de Experiência Instale o Filmora grátis Instale o Filmora grátis Download seguro
