X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Acesso Premium Free

Acesso a nossa biblioteca completa de artigos Hub Premium, arquivos de projeto e os primeiros 10% de cada Tutorial-Video da Biblioteca Tutorial on-line .

Criar sua conta gratuita agora!

Projetando terceiro lugar mais baixos no After Effects, estilo de documentário
Traduzido pelo Google Translate

"Lower terceiro" é o termo comum de vídeo broadcast para algo que você viu centenas de vezes: um elemento de animação gráfica que aparece na parte inferior do quadro de vídeo (geralmente no terço inferior da tela, daí o nome), contendo texto que explica ou identifica a ação na tela. Você vê-los regularmente em noticiários ou programas de documentário, onde se identificar um alto-falante, e eles tipicamente consistem de um grande elemento superior com o nome do orador, e um menor elemento de menor com mais informações sobre o alto-falante: "Charles Morris", no topo , e "diretor de vendas" abaixo dele, por exemplo. Procurando por "terço inferior" no YouTube vai revelar muitos exemplos e mostrar-lhe a enorme variedade de estilos em uso agora.

Neste Tutorial Feature, vamos mostrar a você como montar um básicos notícias estilo de animação terço inferior em After Effects . Vamos começar.


Passo 1 - Configurar o projeto After Effects

Primeiro, crie um 640x480 composição de 10 segundos, com um fundo cinzento para torná-lo mais fácil de ver nossos elementos:

gray background


(Nós vamos trabalhar com essa resolução padrão inferior aqui para fazer capturas de nossa tela um pouco mais administrável, mas você pode facilmente ampliar o que eu vou lhe mostrar a todo o formato HD.)

Certifique-se de ligar o Título / Ação guias seguros para o seu comp, precisamos manter nosso texto terço inferior dentro da área Title segurança para garantir que ele será visto:

Turn on Title/Action safe guides


Passo 2 - Adicionar o primeiro elemento

Em seguida, crie um novo sólido, 450 x 50 pixels, e torná-la um vermelho escuras (você pode usar qualquer cor que você gosta, é claro, mas não deve ser muito clara ou brilhante):

Create a new solid, 450x50 pixels


Posição do sólido no terço inferior do quadro, bem acima da guia Título interna de segurança, e alinhá-lo para o lado esquerdo do quadro:

align to left side of frame


Passo 3 - Máscara de o primeiro elemento

Em seguida vamos adicionar uma máscara simples para a barra vermelha para cortar um ângulo em sua ponta, o que nos dará mais de um sentido de movimento quando animar o bar. Assim, com o sólido selecionado, clique duas vezes na ferramenta Retângulo:

Double-click rectangle tool


Isto irá adicionar uma máscara retangular para o sólido inteiro. Em seguida, selecione a Pen Tool (G) e clique com ela na borda inferior da máscara, talvez em 50 pixels da borda direita da máscara, para adicionar mais um ponto para a máscara:

Adding another point to the mask


Escolha a ferramenta de seleção novamente (V), clique no ponto mais baixo da máscara direita, e pressione Delete para remover esse ponto - o sólido agora terá uma borda frontal angular:

The lower-third now has an angled edge


Finalmente, selecione o sólido no painel Layer, tipo T para Opacity solo, e definir a opacidade do sólido para 60%. Queremos ter certeza de que podemos ver o vídeo subjacente através do terço inferior:

Set the opacity to 60%


Passo 4 - Animar o primeiro elemento

Em seguida vamos para animar o sólido na tela. Tipo de solo para P Posição do sólido

Agora selecione os dois keyframes posição você acabou de criar, Control-clique em um, e escolha Assistente Keyframe

[Vídeo id = "8352"]


Passo 5 - Animar o primeiro elemento de texto

Nosso próximo passo é animar no nosso primeiro elemento de texto, o nome de nosso assunto, para o qual vamos usar uma predefinição de Animação. Então, selecione a Horizontal Type Tool (Command-T), e na paleta Caractere, escolha uma fonte sans-serif forte, torná-lo branco ou cinza claro, e

Using an Animation preset


Em seguida, abra ou antecipar os efeitos

[Vídeo id = "8356"]


Agora, por padrão, o Mova Suave Na animação é um pouco lento demais, então vamos ajustar os quadros-chave a velocidade em tudo. Com a camada de texto selecionada, U tipo de solo para todos os seus keyframes de animação. Selecione a segunda keyframes (os de 2:20) para Posição inicial, dimensionar, inclinar e opacidade (todas as propriedades em Intervalo Selector 1), arrastando uma seleção de moldura ao seu redor, em seguida, arraste-os todos para a esquerda para sobre o 01:15 ponto na linha do tempo. Que pré-visualização, e você deve ver uma animação de texto muito mais rápido:

[Vídeo id = "8354"]


Passo 6 - Adicione uma sombra para o Elements

Em seguida, basta adicionar um pouco de profundidade para a animação, vamos adicionar uma sombra a ambos os sólidos e do texto. Assim, com o sólido selecionado, escolha Efeito

[Vídeo id = "8353"]


Passo 7 - Criar os elementos secundários Lower Third

Tudo bem, estamos no innings final do nosso tutorial Lower Third. A última coisa que precisamos fazer é criar os elementos secundários da nossa animação e completar o nosso terço inferior. Para fazer isso, ao invés de começar do zero, vamos duplicar e modificar nossos elementos existentes. Então, selecione o texto e camadas sólidas e tipo Command-D para duplicá-los. Por agora, desligue a visibilidade da camada de texto duplicado.

Em seguida, selecione a camada duplicada sólida e escolha Camada

Changing the duplicated lower third's solid settings


Agora mova a sua frente para CTI 00:20, posição de solo para o sólido duplicado (o que eu vou ligar para a camada de laranja a partir de agora), e ajustar tanto os valores X e Y para o sólido de forma que seja, logo abaixo do vermelho camada, e suas linhas de frente em ângulo borda com a borda angular da camada de vermelho:

Adjust X and Y values for the orange layer


Observe o valor da propriedade Y neste ponto; o meu é 389. Em seguida mova o CTI de volta às 00:00, e defina o valor Y naquele quadro-chave para 389 (ou qualquer que seja seu valor precisa ser, de modo que o movimento horizontal será em uma linha reta de novo), e arraste o valor de X para que o camada de laranja é apenas fora do quadro visível. Se você visualizar, você deve agora ver uma animação da camada de laranja movendo-se no mesmo ritmo e tempo como a camada de vermelho, mas logo abaixo:

[Vídeo id = "8355"]


Agora vamos consertar o texto secundário. Ligue-o novamente, desligue a camada de texto original, e com a ferramenta de texto, selecione o texto secundário e alterá-lo para outra coisa. Estou usando o "Diretor de Vendas". Agora mova sua CTI de 01:15, que é onde termina o texto animação, tipo P para a posição de solo para o texto, e arraste o valor Y para baixo para que o texto secundário senta em cima da camada de laranja. Ligue o texto original de novo, e ajustar a posição horizontal do texto secundário para alinhá-lo com o original, devendo todos ser algo como isto:

The final look of the Lower-Third


Passo 8 - ajustar o tempo de animação

E aqui está o passo final: é preciso ajustar o tempo das camadas secundárias de modo que entrar um pouco mais tarde do que os elementos primários. Visualmente, isso só ajuda a enfatizar os elementos primários, e é uma técnica inferior terceiro padrão.

Então, selecione a camada laranja eo Diretor de Vendas camada de texto, mova o CTI para 00:20, e arraste as barras camada vermelha na Linha de tempo para que seus começos começam às 00:20 (certifique-se de arrastar os corpos dos bares si, não o início das barras, ou você vai cortar as camadas em vez de movê-las):

Adjusting the animation timing of both layers


Agora nós temos atrasado as animações para os elementos secundários, e seu resultado final deve ficar assim (eu adicionei uma imagem de um cara que você possa ver a transparência nos elementos terço inferior):

[Vídeo id = "8357"]


E aí está! Como eu mencionei, há uma variedade infinita de terços inferiores: esportes, notícias, realidade, tempo, e moreand este era muito básico. Terços mais baixos nos dias de hoje, na verdade, contêm elementos animados dentro das barras de fundo, e assim levar um pouco mais para configurar. Mas espero que ainda este simples tutorial tenha ajudado a começar na concepção e animação de seus gráficos de movimento próprio. E, como sempre experimento, e se divertir em After Effects !

Richard Lainhart

Richard Lainhart | Articles by this author

Richard Lainhart is an award-winning composer, filmmaker, and author. His compositions have been performed in the US, Europe Asia, and Australia, and recordings of his music have appeared on the Periodic Music, Vacant Lot, XI Records, Airglow Music, Tobira Records, Infrequency, VICMOD, and ExOvo labels. His animations and short films have been shown in festivals in the US, Europe, and Asia, and online at ResFest, The New Venue, The Bitscreen, and Streaming Cinema 2.0. He has authored over a dozen technical manuals for music and video hardware and software, served as Contributing Editor for Interactivity and 3D Design Magazines, and contributed to books on digital media production published by IDG, Peachpit Press, McGraw Hill, and Miller Freeman Books. Previously an Adobe Certified Expert in After Effects and Premiere, a demo artist for Adobe Systems, and co-founder of the official New York City After Effects User Group, he was, from 2000-2009, Technical Director for Total Training Productions, an innovative digital media training company based in New York and California.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link