Visão geral de camadas de forma, caminhos e gráficos vetoriais

Os gráficos vetoriais são compostos por linhas e curvas definidas por objetos matemáticos chamados de vetores, que descrevem uma imagem de acordo com suas características geométricas. Exemplos de elementos gráficos vetoriais no After Effects incluem caminhos de máscara, formas em camadas de forma e texto em camadas de texto.

As imagens rasterizadas (às vezes chamadas de imagens de bitmap) usam uma grade retangular de elementos de imagem (pixels) para representar imagens. É atribuído a cada pixel um local específico e um valor de cor. A gravação de vídeo, as sequências de imagens transferidas de filme e muitos outros tipos de imagens importadas para o After Effects são imagens rasterizadas.

Os gráficos vetoriais possuem bordas nítidas e preservam os detalhes quando redimensionados pois não dependem da resolução. Essa independência da resolução torna os gráficos vetoriais uma boa escolha para elementos visuais, como logotipos, em diversos tamanhos.

As imagens rasterizadas consistem em um número fixo de pixels e são consequentemente dependentes da resolução. As imagens rasterizadas podem perder detalhes e parecerem irregulares (pixeladas) se forem aumentadas.

Algumas imagens são criadas como gráficos vetoriais em outro aplicativo, mas são convertidas em pixels (rasterizadas) quando importadas para o After Effects. Quando uma camada é rasterizada continuamente, o After Effects converte novamente os gráficos vetoriais em pixels quando ela é redimensionada, preservando as bordas nítidas. Os gráficos vetoriais de arquivos SWF, PDF, EPS e do Illustrator podem ser rasterizados continuamente.

Sobre caminhos

Vários recursos do After Effects – incluindo máscaras, formas, traçados de tinta e caminhos de movimento – baseiam-se no conceito de um caminho. As ferramentas e técnicas para criar e editar esses vários tipos de caminho são sobrepostas, mas cada tipo de caminho tem seus aspectos exclusivos.

Um caminho é composto por segmentos e vértices. Os segmentos são as linhas e curvas que conectam vértices. Os vértices definem onde cada segmento de um caminho inicia e termina. Alguns aplicativos da Adobe usam os termos ponto de ancoragem e ponto de caminho para fazer referência a um vértice.

É possível alterar a forma de um caminho arrastando seus vértices, as alças de direção no final das linhas de direção (ou tangentes) de cada vértice, ou o próprio segmento de caminho.

Como em um caminho existe um vértice, o ângulo e comprimento da linha de direção de saída desse vértice determinam o caminho. À medida que o caminho se aproxima do próximo vértice, o caminho é menos influenciado pela linha de direção de saída do vértice anterior e é mais influenciado pela linha de direção de entrada do próximo vértice.

Os caminhos podem ter dois tipos de vértices: pontos de vértice e pontos suaves. Em um ponto suave, os segmentos do caminho são conectados por meio de uma curva suave: as linhas de direção de entrada e saída ficam na mesma linha. Em um ponto de canto, o caminho muda repentinamente de direção: as linhas de direção de entrada e saída ficam em linhas diferentes. É possível desenhar um caminho usando qualquer combinação de pontos de vértice e pontos suaves. Se você desenhar o tipo errado de ponto, é possível alterá-lo mais tarde.

Quando você move a linha de direção em um ponto suave, as curvas dos dois lados do ponto se ajustam simultaneamente. Pelo contrário, ao mover uma linha de direção em um ponto de vértice, só é ajustada a curva do mesmo lado do ponto que a linha de direção.

O caminho pode ser aberto ou fechado. Um caminho aberto tem um ponto de partida diferente do seu ponto final; por exemplo, uma linha reta é um caminho aberto. Um caminho fechado é contínuo e não tem início nem fim; por exemplo, um círculo é um caminho fechado.

Você pode desenhar caminhos em formas geométricas comuns, incluindo polígonos, elipses e estrelas, com as ferramentas de forma ou utilizar a ferramenta Caneta para desenhar seu próprio caminho. Os caminhos desenhados com a ferramenta Caneta são caminhos de Bézier manual ou caminhos de RotoBézier. A principal diferença entre caminhos de RotoBézier e de Bézier manual é que as linhas de direção são calculadas automaticamente em caminhos de RotoBézier, tornando-os mais fáceis e rápidos de se desenhar.

Ao usar as ferramentas de forma (Retângulo, Retângulo arredondado, Elipse, Polígono ou Estrela) para desenhar um caminho de forma em uma camada de forma, é possível criar dois tipos de caminho: um caminho de forma paramétrica ou caminho de forma de Bézier.

É possível vincular caminhos de máscara, caminhos de traçado de tinta e caminhos de forma de Bézier por meio de expressões. Você também pode copiar e colar caminhos de máscara, caminhos de traçado de tinta, caminhos de forma de Bézier, caminhos de movimento e caminhos no Adobe Illustrator e no Photoshop.

Para caminhos de forma, utilize a operação Mesclar caminhos (semelhante aos efeitos do Pathfinder no Adobe Illustrator) para reunir vários caminhos em um mesmo caminho.

Quando você deseja que um texto ou um efeito siga um caminho, este deve ser um caminho de máscara.

Um caminho em si não tem uma aparência visual na saída renderizada. Trata-se basicamente de uma coleção de informações sobre como posicionar ou modificar outros elementos visuais. Para tornar um caminho visível, aplique um traçado a ele. No caso de um caminho de máscara, é possível aplicar o efeito Traçado. No caso do caminho de um objeto de camada de forma, o padrão é criar o caminho com um grupo de propriedades de traçado (atributo) depois do conjunto de propriedades de caminho no painel Linha do tempo.

Uma cor ou um gradiente aplicado a área dentro da delimitação de um caminho é um preenchimento.

Sobre formas e camadas de forma

As camadas de forma contêm objetos gráficos vetoriais chamados formas. Por padrão, uma forma é composta por um caminho, um traçado e um preenchimento.

Você pode criar camadas de forma desenhando-as no painel Composição com as ferramentas de forma ou com a ferramenta Caneta.

Os caminhos de forma têm duas variedades: caminhos de forma paramétricos e caminhos de forma Bézier. Os caminhos de forma paramétrica são definidos numericamente por propriedades que você pode modificar e animar após desenhar no painel Linha do tempo. Os caminhos de forma de Bézier são definidos por uma coleção de vértices (pontos de caminho) e segmentos que você pode modificar no painel Composição. Trabalhe com caminhos de forma Bézier da mesma forma que trabalha com caminhos de máscara. Todos os caminhos de máscara são caminhos de Bézier.

Para modificar um caminho de forma, é possível aplicar operações de caminho, como Chocalhar caminhos e Dobrar e inchar. É possível aplicar um traçado a um caminho ou preencher a área definida por um caminho com cores utilizando as operações de pintura.

Os caminhos de forma, as operações de pintura e as operações de caminho para formas são coletivamente denominados atributos de forma. Adicione atributos de forma por meio do menu Adicionar no painel Ferramentas ou no painel Linha do tempo. Cada atributo de forma é representado por um grupo de propriedades no painel Linha do tempo, com propriedades que você pode animar assim como qualquer outra propriedade de camada. Saiba mais sobre animação, quadros-chave e expressões.

A profundidade de bits de cor de uma camada de forma é a mesma que a do projeto como um todo: 8, 16 ou 32 bpc.

As camadas de forma não são baseadas em itens de gravação. As camadas que não são baseadas em itens de gravação são às vezes chamadas de camadas sintéticas. As camadas de texto também são camadas sintéticas e são compostas também por objetos gráficos vetoriais, por isso muitas das regras e diretrizes aplicadas a camadas de texto também se aplicam às camadas de forma. Por exemplo, você não pode abrir uma camada de forma no painel Camada, assim como não pode abrir uma camada de texto em um painel Camada.

Grupos e ordem de renderização de formas e atributos de forma

Embora o padrão seja uma forma composta por um caminho, um traçado e um preenchimento, organizados de cima para baixo no painel Linha do tempo, boa parte da utilidade e flexibilidade das camadas de forma advém da capacidade de adicionar e reordenar atributos de forma e criar formas mais complexas.

É possível agrupar as formas ou atributos de forma que estejam no mesmo nível de agrupamento em uma única camada de forma.

Um grupo é uma coleção de atributos de forma: caminhos, preenchimentos, traçados, operações de caminho e outros grupos. Cada grupo tem seu próprio modo de mesclagem e seu próprio conjunto de propriedades de transformação. Ao montar formas em grupos, é possível trabalhar com várias formas simultaneamente – como redimensionar todas as formas no grupo pelo mesmo valor ou aplicar o mesmo traçado a cada forma. Você pode até mesmo colocar formas individuais ou atributos de forma individuais em seus próprios grupos para isolar transformações. Por exemplo, você pode redimensionar um caminho sem redimensionar seu traçado, agrupando o caminho sozinho.

Quando você adiciona um atributo de forma por meio do menu Adicionar no painel Ferramentas ou no painel Linha do tempo, o atributo é adicionado dentro do grupo selecionado. É possível arrastar grupos e atributos para reordená-los no painel Linha do tempo. Ao reordenar e agrupar formas e atributos de forma, é possível alterar a ordem de renderização com relação a outras formas e atributos da forma.

Ordem de renderização de formas em uma camada de forma

As regras para renderizar uma camada de forma são semelhantes às regras para renderizar uma composição que contém composições aninhadas:

• Dentro de um grupo, a forma na parte inferior da ordem de empilhamento do painel Linha do tempo é renderizada primeiro.

• Todas as operações de caminho em um grupo são executadas antes das operações de pintura. Isso significa, por exemplo, que o traçado segue as distorções no caminho feitas pela operação de caminho Chocalhar caminhos. As operações de caminho dentro de um grupo são executadas de cima para baixo.

• As operações de pintura dentro de um grupo são executadas de baixo para cima na ordem de empilhamento do painel Linha do tempo. Isso significa, por exemplo, que um traçado é renderizado sobre (na frente de) um traçado que aparece depois dele no painel Linha do tempo. Para ignorar esse comportamento padrão em um preenchimento ou traçado específico, escolha Acima do anterior no mesmo grupo para a propriedade Composto do preenchimento ou traçado no painel Linha do tempo.

As operações de caminho e operações de pintura se aplicam a todos os caminhos acima dele no mesmo grupo.

Propriedades de transformação de grupos de formas e caminhos de forma

Cada grupo tem seus próprios grupos de propriedades de Transformação. Esse grupo de propriedades de Transformação é representado no painel Linha do tempo por um grupo de propriedades chamado Transformar: [nome do grupo] e no painel Composição por uma caixa tracejada com alças. É possível agrupar um caminho sozinho e transformar apenas o caminho por meio do novo grupo de propriedades de Transformação.

Inserir um grupo de propriedades de Transformação adicional em um caminho é útil, por exemplo, para criar movimentos complexos, como a rotação sobre um ponto de ancoragem acompanhada por uma revolução ao redor de uma órbita. As transformações de um grupo afetam todas as formas no grupo. Esse comportamento é o mesmo que o uso de camadas principais e secundárias.

Cada caminho de forma também tem propriedades intrínsecas que afetam a posição e a forma do caminho. Para caminhos de forma paramétricos, essas propriedades (como Posição e Tamanho) são parâmetros visíveis no painel Linha do tempo. Para caminhos de forma de Bézier, essas propriedades são definidas para cada vértice, mas contidas na propriedade Caminho. Modificar um caminho de Bézier por meio da caixa delimitadora de transformação livre altera as propriedades intrínsecas dos vértices que compõem esse caminho.

Agrupar formas ou atributos de forma

Ao agrupar formas, o ponto de ancoragem do grupo é colocado no centro da caixa delimitadora para o grupo.

Desagrupar formas ou atributos de forma

Criar um grupo de formas vazio