Artigo incide:
Este tutorial de chris zwar é um pouco de um truque pônei, Mas é um truque que é vale saber. Engrenagens e de artes estão olhando agradável desenho elementos e são populares em todo o tipo de fundo. Se você fizer uma pesquisa na internet, é fácil encontrar uma variedade de técnicas para criar engrenagens no Photoshop e ilustrador, Ilustrador e ainda vem com um pequeno número incluído.
Há um pequeno apanhado para quem o tentou animar engrenagens e de artes em After Effects.
A fim de duas engrenagens de trabalhar em conjunto, Os dentes devem ser do mesmo tamanho e têm o mesmo espaçamento - independentemente da dimensão das engrenagens.
Então, se temos uma grande roda dentada com 36 dentes em que, E queremos uma menor cog quarto do tamanho de ativá-la, Não podemos simplesmente escala de maior dimensão cog para baixo - porque isso também escalas o tamanho eo espaçamento dos dentes. Se você tentar e escala uma imagem de um barco de pesca para lhe dar tamanhos diferentes, Em seguida, os dentes não malha corretamente.
Pequenos dentes de engrenagens precisam menos do mesmo tamanho - e não a mesma dentes reduzida.
E isto quando o nosso truque vem em ...
Mediante a criação de dentes de engrenagens utilizando nosso texto, (a letra v), Podemos controlar o tamanho eo espaçamento dos dentes utilizando o caminho texto efeito. E porque estamos a criar o nosso engrenagens e de artes em AE, Que podemos utilizar todos os efeitos e filtros, temos de fazer uma ampla gama de grande procura de artes, Todos os quais irão malha perfeitamente e combinam para formar realmente impressionantes animações.
--- existem algumas peças para este tutorial ---
Em parte uma, Olharmos para trás o conceito básico de engrenagens no After Effects, Usando o caminho texto efeito. Isto irá demonstrar nosso "truque" em detalhe.
Na parte dois, Olharmos para a forma como podemos alargar esta base técnica para produzir mais interessante olhar engrenagens, Utilizando texturas facilmente encontradas na internet.
Na parte três, Estendemos as mesmas técnicas para a construção de uma engrenagem sem fim.
E parte quatro demonstra como podemos usar as expressões simples para criar animações incríveis utilizando as peças que criamos em peças 1, 2 & 3.
RequiSitos --- ---
Este tutorial foi concebida e escrita em After Effects versão 5.5, No entanto os princípios básicos podem ser usados em qualquer versão do After Effects.
Este tutorial é fonte dependente. Eu escolhi Arial Black porque era a única fonte eu poderia pensar de que é nativo para ambas as MAC e Windows máquinas. Você pode usar qualquer fonte que você gosta - Eu acho que gill sans ultra bold funciona melhor para mim, Mas isso dependerá do que você tem.
Se você estiver em uma Windows máquina, Ou se o seu MAC não tem Arial Black, Então você pode utilizar qualquer outro tipo de letra, mas você terá de ajustar os números yourself.
--- Parte 1: Simples criação de engrenagens e de artes.---
Começar por abrir After Effects, E criando uma nova composição, que é de 200 x 200 pixels de tamanho. Os frames por segundo, não importa, porque não estamos fazendo qualquer animação, Mas garantir que você está usando o quadrado pixels.
Adicionar um novo sólido para o comp que é o tamanho da comp, E aplicar o caminho texto efeito. A cor dos sólidos não importa, Porque o caminho texto torna o efeito sólida transparente.
Irá aparecer uma janela onde você digita o texto. Tipo em 24 vs carta (maiúsculas), E selecione a fonte Arial Black.
Por que?
Se você olhar para qualquer engrenagens, Você verá que os dentes são ligeiramente cónica. Queremos que o poder ea flexibilidade da ferramenta caminho texto, Mas porque é projetado para o texto que necesSita para criar os nossos dentes usando letras. A letra V é a letra mais semelhante à que os dentes em uma roda dentada.
é claro, Isso é totalmente até você - você também pode usar a letra I, U ou um, E ele realmente depende do tipo de letra. Originalmente, Eu costumava brânquias sans ultra bold porque o fosso entre os dois lados é tão pequena. Você vai ver como é que isso é uma vantagem mais tarde.
Neste caso, Estou usando o Arial Black porque ele está disponível em ambos os Windows e MAC máquinas, Mas a escolha é realmente até você. Se você tiver alguma fontes Dingbat com triângulos, então eles também podem ser muito eficazes.
Sua composição janela agora irá procurar algo parecido com isto, Portanto precisamos de ajustar algumas definições.
A primeira coisa que precisamos fazer é mudar a forma de "círculo". Para que possamos rodar o círculo em torno do centro da composição, Definir o vértice aponta para o meio - neste caso, 100,100.
A tangente valor determina o tamanho do círculo, E é mais fácil de se ajustar um dos eixos é alinhado com o centro da comp. X assim definir o valor da tangente a 100, bem.
Nossa janela agora é algo como este - ainda não muito como uma roda dentada. Portanto, vamos virar a nossa volta vs, Utilizando o caractere rotação definição.
Alterá-lo a 180 graus.
Agora que a nossa carta v's são capotou, Arrastar o valor de y pela tangente até que comece a receber algo que parece utilizável. Porque a nossa composição é de 200 pixels de largura, Eu defini o y tangente a 190, Assim as letras não são executados fora da composição janela.
Com o diâmetro e, portanto, o tamanho do conjunto roda dentada (pela tangente valor), Temos de encontrar uma gama de font-size definições que nós gostamos do olhar de, Esteticamente, E que irá funcionar quando vamos para animar o cog mais tarde,. Notar na imagem acima como há sobreposição de dentes na parte inferior do círculo -, temos de encontrar o tamanho certo eo espaçamento dos dentes são tão uniformemente posicionados ao redor do círculo.
Este é o lugar onde o poder do caminho texto efeito realmente vem a calhar.
Após um pouco de tentativa e erro - é realmente muito divertido - Eu encontrei um monte de números que me dê o aspecto estou após.
Definir o tamanho da fonte para 32, E do monitoramento de 2.4.
Definir a escala horizontal para 85%, E a escala vertical a 125%.
E mudar a cor do texto para branco.
Notar como todos os dentes são uniformemente espaçados. Isso é absolutamente vital.
Tudo o que precisamos fazer agora é para preencher o meio e temos uma simples cog. A mais flexível forma de fazer isso é adicionar uma máscara, E aplicar o efeito AVC.
Premindo Apple -Shift-N Cria uma nova máscara, E pressionar "m" irá revelar a máscara propriedades no cronograma. Se você clicar em "forma", Surgirá uma caixa que lhe permite alterar a forma de uma oval.
A máscara limites agora aparecer na composição Windows.
Clique duplo sobre uma máscara vértice, Que lhe permitirá dimensionar a máscara. , mantenha pressionada a tecla shift -, A máscara é limitado a um círculo perfeito, E também por baixo da exploração Apple -chave, A máscara é dimensionada a partir do centro, Não o canto.
Escala a máscara para baixo até que ela está dentro das letras, E aplicar o efeito AVC.
Aumentar a dureza escova de 100%, E aumentar o tamanho do pincel até que você esteja feliz com o resultado. Você pode querer alterar o tamanho da máscara, bem.
E aí temos que - nossa primeira cog.
A fim de demonstrar quão essencial texto efeito é o caminho para o processo de animação, Nós vamos seguir exatamente o mesmo procedimento para criar outro cog.
Para manter as coisas organizadas, Alterar o nome dessa composição para "cog 1 .-24. dentes", E criar uma nova composição - chamada "cog 2 .-12. dentes". Será um menor cog, Assim as dimensões podem ser 160 x 160.
Adicionar um sólido do tamanho do comp, Em seguida, voltar a nossa primeira composição e copie o caminho texto efeito.
Quando você voltar para a nova composição e cole o caminho para nosso novo texto efeito sólidos, Abre a janela para você digitar no seu novo texto.
Tipo em 12 capitais vs - tendo a certeza que você está usando a mesma fonte como o primeiro comp.
Porque temos copiado e colado o efeito, Todas as configurações estão lá desde a nossa primeira cog.
Estes são os nossos números de magia, Que têm determinado o tamanho eo espaçamento dos dentes. Não podemos mudar esses números ou nosso engrenagens não malha juntamente corretamente.
Contudo, Nós obviamente não tem um cog, Portanto precisamos de alterar o tamanho do círculo.
Basicamente, O tamanho da nossa carta vs está definido. E nós decidimos que este cog terá 12 dentes. A única variável para a esquerda para alterar o tamanho do círculo, Que é determinado pelo valor da tangente y deslizante.
Começar pela centralização do círculo em nossa composição - mudar todos os 100s a 80s. Nossa composição é de 160 x 160, De modo que o centro é a metade - 80 x 80.
Experimento com diferentes valores tangente até o espaçamento das letras é mesmo.
é importante efeito texto com o caminho para garantir a camada é definido como "melhor qualidade", E quando você ajustar o seu valor tangente, Zoom para 200% pode ajudar. Neste caso, Após a ampliação em 200% eu podia ver que era necessário um ligeiro ajustamento.
Assim y alterar o valor da tangente a 125.
Agora que as nossas letras são uniformemente espaçados, Nós podemos adicionar uma máscara e acidente vascular cerebral que a preencher o cog.
Exactamente como fizemos no passado com os nossos cog, Adicione uma máscara e alterá-lo para uma forma oval.
Escala da máscara - mantendo-a circular e centrada, mantenha pressionada a mudança e Apple teclas enquanto scaling - até que ela se encontra no interior do corpo da roda dentada.
Mais uma vez, Aplicar os tempos e definir o efeito escova dureza a 100%.
Então experimentar com diferentes configurações até que você esteja feliz com o resultado.
Neste caso, Uma escova tamanho de 14 funcionou bem, Mas vai depender do tamanho da sua máscara. Incidentalmente, Na imagem acima da escova dureza é de 99%. Isso é um erro, Mas isso não fará muita diferença.
Este é o nosso segundo cog - com 12 dentes.
Agora vem a parte divertida - animating eles.
Criar uma nova composição, que é grande o suficiente para caber tanto engrenagens. Usei o PAL configurações de 768 por 576, Mas isto é overkill.
Arraste em ambas as engrenagens que acabou de criar, E posicionar-los para os seus dentes malha.
Na linha do tempo, Keyframes para definir a rotação de ambas as engrenagens - no início, Que tanto pode ser de 0.
Ir para a segunda marca de dez, E defina a rotação da maior roda dentada (24 dentes) a 1, Assim ele faz uma rotação completa ao longo dos dez segundo.
Como os pequenos dentar possui metade do número de dentes, Ela vai fazer o dobro das revoluções, Na direção oposta. Assim definiu a sua rotação a -2.
E voila! Aí temos que - animating engrenagens.
--- acabado aqui? Avançar para a próxima parte ---
Se você acha que essas engrenagens olhar um pouco ordinário, E, depois, avançar para a próxima fase, Onde usamos exatamente as mesmas técnicas para tornar mais decorativo procurando engrenagens.
Em parte uma, Olharmos para trás o conceito básico de engrenagens no After Effects, Usando o caminho texto efeito. Isto irá demonstrar nosso "truque" em detalhe.
Na parte dois, Olharmos para a forma como podemos alargar esta base técnica para produzir mais interessante olhar engrenagens, Utilizando texturas facilmente encontradas na internet.
Na parte três, Estendemos as mesmas técnicas para a construção de uma engrenagem sem fim.
E Parte quatro Mostra como podemos usar as expressões simples para criar animações incríveis utilizando as peças que criamos em peças 1, 2 & 3.
