O que você estará criando
1. Criando o modelo de relógio em Photoshop
Passo 1
Abra o Photoshop . Importar o
BG.jpg arquivo que tenha sido fornecido com o tutorial. Fiz este modelo para a referência que ajudam na tomada de o relógio.
Passo 2
Pressione Shift-Ctrl-N para criar uma nova camada. Renomeie esta camada comoBG .
Passo 3
Com o Letreiro Elíptico ferramenta selecionada, desenhe uma seleção circular.
Passo 4
Preencha cor branca dentro da seleção.
Passo 5
Selecione Texto ferramenta e digite 12 na cor preta. Mantenha-o alinhado com o pico de fundo.
Passo 6
Seguindo a mesma maneira, digitar todos os dígitos e colocá-los em conformidade.
Etapa 7
Pressione Shift-Ctrl-N para criar uma nova camada. Renomeie esta camada comoponteiro dos minutos .
Passo 8
Com o Rectângulo Marquee Tool , desenhe uma seleção minuto mão e preencha com a cor preta.
Passo 9
Com a mão Minuto camada selecionada, pressione Ctrl + J para fazer uma camada duplicada dele. Renomeie esta camada como horas de mão .
Passo 10
Com a camada de horas de mão selecionado, pressione Ctrl-T para a Free Transform . Gire o ponteiro das horas e alinhá-lo para 3.
Passo 11
Com a ajuda de Free Transform , encurtar o comprimento do ponteiro das horas.
Passo 12
Com a BG camada selecionada, clique em Adicionar um estilo de camada ícone(fx) na parte inferior. Escolha um curso opção no menu de voar para fora.
Passo 13
Ela abre a Layer Style janela. Selecione a cor desejada e largura para o acidente vascular cerebral. Ele cria a fronteira em torno do relógio.
Passo 14
Adicionar um Bevel and Emboss estilo de camada também e siga as configurações mostradas na imagem a seguir.
Passo 15
Salve o arquivo como
clock.psd . Salvar um arquivo em PSD formato assegura que você pode controlar todos e cada camada em After Effects . Por favor, note que esta é uma configuração muito simples e básico relógio apenas para fins de demonstração. Você pode adicionar detalhes e torná-lo mais sofisticado como por sua necessidade.
2. Criando relógio de animação em After Effects
Passo 1
Abra After Effects . Importar o
clock.psd arquivo.
Passo 2
Importá-lo como uma composição com Estilos de mesclagem da camada para opção Footage.
Passo 3
A composição contém todas as camadas na ordem tal como no Photoshop.
Passo 4
Abertas rotação propriedades de ambos os minutos e as mãos hora.
Passo 5
Eu quero que o ponteiro dos minutos devem controlar o ponteiro das horas. Com atecla Alt pressionada, clique sobre a Rotação cronômetro. Ele abre o editor de expressão. Aqui escrever,
thiscomp.Camada ("Minuto Hand"). transform.rotation
O caminho alternativo é clicar sobre o chicote picareta da Mão Hour 's rotação e solte-o à mão Minute 'rotação s.
Passo 6
Agora, quando o ponteiro dos minutos gira 360 graus ou executa uma rotação completa, o Mão Hour gira apenas como aquele. Eu quero que o ponteiro dos minutos para girar 360 graus e a Mão horas deve girar apenas 30 graus. No editor de expressão, dividir a expressão por 12 .
Etapa 7
Ele é feito. Animar o ponteiro dos minutos e ver. Quando o ponteiro dos minutos executa uma rotação completa, as mudanças manuais horas formar um dígito para o outro. Apenas animar valor de rotação do ponteiro dos minutos eo ponteiro de horas irá girar automaticamente.
Conclusão
Eu espero que você deve ter gostado do tutorial. As expressões podem fazer milagres e salvar o seu muito tempo. Você pode fazer incrível e complexo trabalha facilmente com a ajuda de expressões.
Via Tuts+
0 comentários:
Postar um comentário