1. Criar composição
Abra os efeitos após os efeitos e configure um comp com cerca de 30 segundos, e dimensões cerca de 2x a saída final pretendida (isso nos permitirá ampliá -lo mais tarde, escondendo quaisquer bordas rasterizadas feias).



2. Crie algum texto
Esse efeito parece melhor quando aplicado a pedaços de texto curtos. Eu vou usar o Ferramenta do tipo horizontal pressionando cmd+t (mac) ctrl+t (pc) e crie uma única palavra agradável e ousada.



3. Pré-compor o texto
Para obter melhores resultados, o texto que estamos distorcendo precisa ir direto para as bordas de seu comp, por isso precisamos “pré-complicar” o texto clicando com o botão direito do mouse e selecionando Pré-composição, ou pressionando CMD+Shift+C (Mac) ou Ctrl+Shift+C (PC).



Eu vou chamá -lo texto para fixar. Abra este novo comp.
4. Corte o pré -compo
No texto para fixar Composição, clique Região de interesse (nos widgets inferiores do painel do visualizador).



Clique em+arraste para qualquer lugar do espectador para iniciar firmemente o enquadramento do texto. Escala esse quadro o mais firmemente possível em torno do seu texto. Cuidado com cartas como O ou U, pois suas curvas às vezes esgueiram-se um pouco mais altas do que outros personagens de “topo plano”. Agora vá para o Composição menu na barra superior e selecione Crop Comp para a região de interesse.



5. Aplicar o efeito do pino de energia CC
Retorne à composição principal e selecione sua camada texto para fixar. Do Efeito menu, escolha Distorcer > Pino de energia CC.
Imediatamente, você verá controladores nos quatro cantos do seu texto, com os quais você pode começar a animar, mas, para nos dar mais controle e versatilidade, vamos conectar esses pontos a camadas nulas.
6. Crie nulos de controle
Se você teve um violino com os controles do canto do pino de potência (eu não culpo você, é divertido!), Basta clicar reiniciar sobre o efeito antes de prosseguir.
Precisamos de um nulo na localização de cada canto. Do Camada menu, clique: Novo…> objeto nulo.
Escala um pouco o NULL para que seja fácil selecionar no futuro. A próxima coisa é opcional, mas prefiro centralizar o ponto de ancoragem nos meus nulos: acertar o Y Chave no teclado e enquanto segura CMD (MAC) / CTRL (PC): Clique e arraste o ponto de ancoragem do NULL para o centro.
Segure CMD (MAC) / CTRL (PC) E arraste o nulo para que ele se encaixe no canto superior esquerdo do comp com compacto “Text for pinning”.
Duplicar o nulo.
Segurar CMD (MAC) / CTRL (PC) E arraste para o canto superior direito e repita os dois cantos restantes. Renomeie seus nulos para algo que fará sentido como: Null_topleft etc.



7. Conecte os nulos de controle
Agora precisamos vincular nossos nulos aos controladores de pinos de canto.
Selecione todos os nulos e atinge o P chave para mostrar a posição. Para a melhor versatilidade da animação, devemos separar X e Y nesses valores de posição. Selecione segurando Shift e clicando Cada um dos valores da posição (clique na palavra posição). Clique com o botão direito do mouse e selecione Dimensões separadas.
Na camada “texto para fixar”, gire Efeitos> CC Power Pin E você verá valores para cada um dos cantos. Agora é hora de escrever algumas expressões.
Para cada canto; Precisamos vincular nossa propriedade única aos valores X e Y do nulo correspondente.
A expressão é um pouco avançada porque enfrentamos 2 barreiras:
- A) Nós separamos as dimensões de nossos nulos.
- B) Pino de energia CC trabalha em Espaço de camadaenquanto os nulos existem em Space Comp. A expressão a seguir obterá a posição mundial dos centros nulos e os converterá no local do espaço da camada.
Aplique este código no valor superior esquerdo do pino de energia CC, segurando opt (mac) / alt (pc) e clicando no ícone Stopwatch ao lado do valor, colando este texto no campo de texto que aparece na linha do tempo:
1 |
srcLayer = thisComp.layer("Null_topLeft"); |
2 |
|
3 |
anchorOffset = srcLayer.anchorPoint; |
4 |
|
5 |
srcPos = srcLayer.toComp(anchorOffset); // Get world position of the center |
6 |
|
7 |
fromComp(srcPos) // Convert to layer space |
Repita esse processo para os três valores restantes do canto, alterando o nome da camada na linha 1 para o nome do nulo pelo qual o canto precisa ser controlado.
Agora temos nulos que controlam nossos cantos !! Depois de mover alguns nulos, pode parecer algo assim:



Podemos Keyframe nossos nulos e criar todos os tipos de animações divertidas com elas, mas para obter alguns looks populares usados por marcas como Nike, Spotify & Vice; Leia para as próximas etapas.
8. Parâmetros de pino de potência CC
Se olharmos para as opções do efeito do pino de energia do CC em nossa camada de texto, podemos ver alguns parâmetros, como mencionado anteriormente.
- Perspectiva: Exponencialmente escala as letras, tornando -as menores onde os pinos mais próximos estão juntos e mais largos onde os pinos mais próximos estão distantes. Dependendo do seu design, isso pode ser útil. Mas para a maioria dos tratamentos gráficos, parece melhor definido em 0%: essencialmente desativado (embora, sob o capô; seu processador esteja realmente trabalhando mais contador o efeito natural do alongamento da perspectiva.)
- Unstretch: Este efeito distorce essencialmente sua camada na direção oposta para onde está o seu pino de canto. Ainda estou para encontrar um uso para isso, então continuo desligado.
- Expansão: Escala seu texto enquanto ainda permanece distorcido corretamente. Isso é útil para pequenos ajustes no estágio polonês para garantir que seu trabalho pareça diretamente do ponto de vista do design gráfico.
OK! Vamos acelerar um entalhe nesses próximos passos …
9. Duplicado
Um bloco de texto com marionetes é legal por si só, mas quando combinado com outro texto, esse efeito pode ser realmente dinâmico para liderar o olho do espectador de palavra para palavra, enfatizando duas palavras entre si ou apenas alcançando algo louco que garantirá atrair os olhos.
No Janela do projetoduplique o comp “texto para fixar” usando CMD+D (Mac) / Ctrl+D (PC). Vamos adicionar um “01” para o nome do Comp original e chame este novo “texto para pinning 02”.
Abra a nova duplicata e altere o texto para outra palavra. Ajuste o tamanho do com Região de interesse (Consulte a etapa 4).



10. Expanda o comp para acomodar mais texto
Por enquanto, vamos expandir nosso Comp principal para acomodar a segunda peça de texto.
Com o principal compacto aberto, pres. CMD+K (MAC) Ctrl+K (PC) Para trazer à tona o Configurações de comp. No Avançado guiaaltere a âncora para o quadrado médio para a esquerda para que qualquer escala expanda nossa tela certa. De volta ao Básico guiadobre a largura do seu comp clicando no valor do número e adicionando *2 Depois disso. Pressione Enter e seu COMP deve ter o dobro do tamanho, com o seu compacto de texto original na metade esquerda.
11. Adicione o novo texto de texto
Solte o comp “Texto para fixar 02” em seu compacto principal. Alinhe -o para que sua borda esquerda esteja tocando a borda direita de “Texto para Pinning 01”, segurando CMD (MAC) / CTRL (PC) + arrastando o comp (Não se preocupe com a falta de um espaço entre as palavras, podemos consertar isso mais tarde).
12. Renomeie os nulos existentes
Renomeie “null_topright” e “null_bttmright” como: “null_topmid” e “null_bttmmid”. As expressões devem atualizar automaticamente e ainda terão o mesmo controle de antes.
13. Crie novos nulos
Duplicar “Null_topmid” e “null_bttmmid” pressionando CMD+D (MAC) Ctrl+D (PC). Renomeie -os como: “null_topright” e “null_bttmright”. Arraste-os para o lado direito da nova camada de texto.



14. Adicione o Pin Power CC ao novo texto
Repita a etapa 7 na nova camada, tomando cuidado para vincular os nulos certos aos cantos correspondentes.Agora você terá um compacto divertido, onde poderá mover os nulos do meio de um lado para o outro, para dar a cada palavra mais espaço na tela.
Experimente os pais null_bttmmid para null_topmid, então você só precisa animar um nulo para obter um grande efeito. Você pode ajustar as configurações de expansão (%) nas configurações de pino de energia CC de cada camada para fornecer um espaço entre as palavras.



Ok, vamos bananas!
15. Criar uma nova composição
Agora que estabelecemos as técnicas e expressões de que precisamos para esse efeito, podemos começar a realmente colocar as coisas.
Crie um novo comp. Para tornar este amigável à mídia social, vamos fazer 9:16. Vou fazer meu comp 4320p x 7680p para garantir nenhuma pixelação na exportação final, mas se você estiver em uma máquina mais lenta; Você pode começar pequeno e usar essas dimensões: 1080 x 1920.



16. Importação do primeiro comp
Shift + Selecione Tudo, desde o nosso compacto principal original. Copie e cole nesse novo usando cmd+c & CMD+V (MAC) / CTRL+C & CTRL+V (PC).



17. Crie um “azulejo do meio”
Crie um novo comp chamado “Middle Tile”, faça -o quadrado e cerca de metade do tamanho como o “GOBANANAS”. Adicione algum texto (ou talvez um logotipo) a este comp e insira -o em nosso comp com compacto “gobananas”.



18. Reposicionar pontos de âncora
Agora vamos clicar e arrastar nossas camadas nulas (enquanto segura CMD (MAC) / CTRL (PC)então eles se encaixam na posição) e reposicionam -os para que nosso texto original envolva os lados superior e direito do ladrilho.
Podemos usar o Alinhar Painel para alinhar nossos anúncios aos cantos do comp.



19. Adicione mais alguns nulos
Precisamos de mais dois nulos para nos dar todo o controle de que precisamos. Adicione um novo ao canto inferior esquerdo do azulejo do meio e o canto inferior esquerdo da composição. Agora renomeie os nulos para que eles façam sentido para você em suas novas posições.
Chamei meus nulos da seguinte forma:



19. Aplique o Pin Power CC no azulejo do meio
Aplique o Pino de energia CC Efeito na camada de “azulejo do meio” e use a expressão novamente da Etapa 7 para vincular seus cantos aos nulos correspondentes. Certifique -se de definir perspectiva para 0% no Pino de energia CC efeito.
20. Duplicar as camadas de texto
Duplique as camadas “Texto para Pinning 01” e “Texto para Pinning 02”.
Edite os anúncios do alvo nas expressões nessas camadas duplicadas, ligando os cantos aos nulos correspondentes, para que eles preencham o espaço em branco na parte inferior e à direita do comp.
Ajuste a expansão em cada camada, para dar um pouco de espaço ao seu texto.
21. Controle mestre nulo
Crie um único nulo no centro do comp e do pai, os quatro nulos do Centro para este “mestre controle nulo”, segurando Mudança e selecionando todos eles. Em seus Pai e link Dropdowns, escolha o novo “Master Control NULL”.



22. Animar!
Defina os quadros -chave nas propriedades de rotação, posição e/ou escala do controle de controle mestre, segurando opt (mac) / shift+alt (pc) e pressionando o P, r e/ou S chaves.
Ajuste esses valores ao longo do tempo, usando o marcador do régua de tempo em sua linha do tempo e veja que tipo de efeitos você pode obter dessas técnicas. Vamos nos lembrar do que fizemos:
Isso é um envoltório!
Espero que você tenha gostado deste tutorial de efeitos após os efeitos! Texto cinético, tipo elástico (como você deseja defini -lo) está tendo um momento agora, então pratique e veja o alongamento criativo que você pode fazer com ele! Confira estes cursos e artigos aqui na Envato: