Talvez você saiba que temos vários projetos em diferentes nichos, um dos quais é o projeto VideosMile.ru. É dedicado ao tópico de vídeo (instalação, efeitos especiais, 3D, etc.) e se desenvolve pela nossa equipe desde 2011.

Eu sei que, entre o meu público, há pessoas interessadas, então perguntei aos caras com vídeos de videos para se preparar para os meus assinantes uma série de lições sobre o programa de processamento de vídeo mais popular - Adobe After Effects. Este é um tipo de "Photoshop" no mundo do vídeo.

Decidimos que deveria ser lições práticas, depois de estudar qual pessoa pode fazer alguns elementos animados úteis para seu vídeo. Essa série de lições foi criada com sucesso e hoje estou feliz em apresentá-lo a você.

Conhecimento S. Depois dos efeitos.

No primeiro vídeo, você se familiarizará com os recursos do After Effects e descobrirá onde ele pode ser baixado.

Criando 4 screensavers espetaculares. Parte 1

Nesta lição, você se familiarizará com a interface do programa, configurará o espaço de trabalho, aprenderá os painéis principais do programa. Também aqui você cria seu projeto e a primeira composição dentro deste projeto.

Criando 4 screensavers espetaculares. Parte 2

Aqui você continuará a criação de vários creme de startup screensaver e no processo. Explore algumas ferramentas de programa de efeitos mais importantes.

Transições e interrupção

Neste vídeo, você aprenderá como fazer transições de alta qualidade a partir do protetor de tela inicial para o próprio vídeo, e também implementar várias interrupções que serão ótimas para você ao instalar. Além disso, você aprenderá como usar transições padrão que estão no programa After Effects inicialmente.

Terços inferiores e prato

Muito provavelmente, você notou que os mortes animados aparecem em vários rolos envolvendo pessoas, em que o nome e o sobrenome de uma pessoa e o nome de sua empresa e o tipo de atividade são exibidos. Essas matelas são facilmente criadas em efeitos depois, e nesta lição você aprenderá a fazê-las a si mesmo.

Elementos de texto animado

Na lição final deste minibar, você aprenderá como criar blocos animados de texto com os quais você pode adicionar qualquer informação de texto importante aos seus vídeos.

A primeira coisa que passaremos em direção ao desenho mudará o espaço de trabalho na pintura.

Pintar, pincéis e painéis de camada apareceram. O painel de pintura é projetado para especificar os parâmetros de desenho. Nós escolheremos o tamanho e a rigidez da escova no painel Escovas. Como é impossível desenhar diretamente no painel de composição, para isso usaremos o painel da camada. É melhor desenhar em escala de 100%. Para fazer isso, use o tamanho máximo do quadro / restauração no painel do menu lateral, ou visitando o cursor. Pressione a tecla<~> no teclado.
Crie uma camada branca sólida. Será nossa tela em que praticaremos. Selecione a ferramenta Brush Tool Tool. Desenhe uma caneca pequena.

Este efeito significa que aplicamos desenho a essa camada. O elemento desenhado à mão é exibido nas propriedades da camada como o sublayer de escova 1. DoriSuing para a nossa caneca de pétalas e caule, para que a flor acabasse.

Dê uma olhada nas propriedades da camada.

Como você pode ver para cada elemento de desenho, temos um sublayer separado. Se destacarmos uma das camadas e desenharmos algo, o novo elemento substituirá o selecionado. Acontece conveniente se você está tentando desenhar algo definido. Você pode dar o nome a cada elemento para não confundi-los. Selecione um elemento, pressione a tecla ENTER, insira um novo nome e pressione novamente ENTER.

A primeira característica do efeito de desenho que vemos pintura de transparente. É comum a todos os elementos. Se você colocá-lo na posição "ON", a camada de fundo desaparecerá e apenas o plano de fundo na forma de células de xadrez permanecerá (se eles não forem exibidos com você, clique no botão Toggle Transparency Grid, é tanto no Painel de composição e no painel da camada).

Agora vamos enviar um dos elementos. Aqui vemos dois grupos de propriedades: Transform (Propriedades de Transformação), Stoke Options, bem como uma propriedade de caminho animado. Vamos implantar opções de stoke. Se você deseja corrigir os parâmetros de desenho para um item já desenhado, ele deve ser feito aqui, no painel de pintura especificando os parâmetros apenas para elementos de desenho subseqüentes.

Animize a propriedade Iniciar. Mova a linha de edição para 2 segundos e clique no ícone do cronômetro. Criado primeiro chave. Pressione a tecla Home Crie uma segunda chave. Mas mude seu valor em 100%. Executar pré-visualização No painel de composição da visualização. O elemento é gradualmente desenhado, mas na direção oposta. Para que ele tenha se aproximado enquanto você pintou, animando a propriedade End sozinha (não se esqueça de cancelar a animação da propriedade Iniciar).
No grupo Opções Stoke, podemos mudar a cor da escova (cor), diâmetro (diâmetro), rigidez (dureza), redondeza, intervalo, opacidade (opacidade) e fluxo (fluxo). Como você pode notar, todas essas propriedades podem ser animadas. Agora mudando a cor para cada elemento para colorir nossa flor.

Outra ferramenta de desenho é uma borracha (borracha). Semit este elemento.O painel de pintura torna-se o item disponível, que especifica o item Apagar.

Você pode usar a borracha não apenas para apagar itens desenhados, mas também para remover o fundo.
Finalmente, gostaria de descrever o método, permitindo que você desenhe uma linha perfeitamente reta. Para isso, precisamos de um governante. Execute o comando View-\u003e Show Ruler Menu. Duas escalas apareceram no painel da camada: vertical e horizontalmente.
Agora levamos o cursor em uma das linha. O cursor deve assumir o tipo de flechas de duas vias. Braçadeira botão esquerdo Ratos e mova o cursor para o lugar onde queremos localizar a linha.

Às vezes, há uma necessidade de desenhar algo sobre o arquivo de vídeo, é possível simplesmente criar um vídeo engraçado ou para algum projeto sério. Neste pequeno "manual", é isso que vou te contar.

Então, vamos começar:

1. Crie uma nova composição (se você não estiver familiarizado com os fundamentos dos robôs no Adobe After Effects, então você pode ler sobre a criação de uma nova composição).

2. "Acha" na janela do projeto Adobe After Effects, e depois na própria composição, o vídeo no qual vamos desenhar (em este caso Este é nature.mp4):

3. Agora, duas vezes "clique" por arquivo de vídeo da camada e vá para a janela desta camada separada (neste caso, é camada: nature.mp4), onde vamos desenhar:

4. Quando mudamos para a janela acima, simplesmente escolhemos a ferramenta Ctrl + B). Também no canto inferior direito, vemos a barra de ferramentas de pintura, onde você pode configurar muitos parâmetros diferentes.desenho:

5. Agora você pode tentar desenhar algo. eu sou skouring Hand Desenhou a baliza da raiz :)

Eu gostaria de observar o fato de que cada linha de desenho individual é criada no novo"Substrators" dentro de uma camada de arquivo de vídeo. Você pode flexivelmentepersonalize cada camada (escova 1, escova 2 ... escova n) exibindo, por exemplo, o tempo de cada uma das partes do desenho, bem como muitos outros parâmetros.Para fazer isso, você deve implantar uma camada de arquivo de vídeo \u003d\u003e efeitos \u003d\u003e tinta.

Eu, em geral, descrevi o processo de desenho em programa da Adobe. After Effects, então tudo depende da sua imaginação. By the way, se houver problemas com salvamento (renderização) do vídeo pronto no Adobe After Effects, eu recomendo que você se familiarize com naquela Material.

De agosto de 2016, eu estudo AE, comecei a trabalhar no campo do design de Moure, além das ilustrações.

Eu preparei uma lição de blog com simples animação de figuras e linhas. Esta lição é projetada para aqueles que são mais ou menos orientados em efeitos depois, por isso, se parece difícil de você, recomendo assistir as aulas básicas na rede. Por exemplo, este mini curso: Illustrator + After Effects introdutório.

Mais recentemente, terminei e postei um projeto com linhas de escalada animadas (callouts), e na minha lição eu vou te dizer como eu fiz no muito exemplo simples.

1. Crie B. Adobe Illustrator. Arquivo de vetor com padrão. Nós temos callout. Todas as linhas sem preenchimento, apenas acidente vascular cerebral. Faça como na figura para torná-lo mais claro para realizar animação. Salve o arquivo B. ai. formato.

2. Importar em efeitos após. Existem várias maneiras. Clique duas vezes na janela Projeto. E selecione o arquivo na janela suspensa. Através do condutor - selecione o arquivo e arraste o mouse na janela Projeto.. Você ainda pode B. Arquivo de menu\u003e Importar\u003e Arquivoe escolha nosso arquivo. Observação! Deve ficar imagens de vídeo. no campo Importar como. E nós não colocamos nenhum carrapato.

3. Crie uma nova composição em efeitos após. Ctrl + n. ou através do menu Composição\u003e Nova Composição. Especificamos as configurações - escreva um nome, temos 30 quadros (taxa de quadros) e 15 segundos (duração) a duração da animação, também especificamos o tamanho da composição da própria composição de 1920x1080. Clique OK.

4. Arraste o arquivo de vetor importado com a janela da janela Projeto. no linha do tempo - Seção inferior do espaço de trabalho, onde, de fato, vamos animar nossas linhas.

5. Selecione uma camada com um arquivo. Vá para o menu Efeito\u003e Gerar\u003e Preencher.

Cor Escolha Branco.

6. A camada é destacada. Em seguida, clique no ícone da segunda conta Rasterize. Ao lado do nome da camada (se você não vê os ícones, então não há roupa de cama Alternar Swiches / Modos - Pressione e look layer - os ícones aparecerão à direita).

Agora nossas linhas são claramente visíveis. Precisa perguntar a eles Escala escala. Você pode revelar a camada e nos parâmetros Transformar\u003e escala. Digite o valor, coloquei 450 por 450. ou chave quente S. - Exibe imediatamente apenas uma escala de todos os parâmetros da transformação do objeto. As teclas quentes estão em todas as funções e é muito conveniente. Sim, cada camada ou objeto pode ser transformado e essas configurações estão em cada camada.

7. Em seguida, coloque nosso callout no centro. Como na ilustr: primeira arrogância Ferramenta de seleção (v)e, em seguida, mova o objeto.

8. Alocamos nossa camada, vá para o menu Camada\u003e Criar formas de camada de vetor.

E depois desta ação, teremos 2 camadas. Nossa primeira camada de vetor original que podemos deletar. Selecione e chave Excluir.. Não se esqueça de manter o projeto - Ctrl + shift + s. Dica - periodicamente pressione magia Ctrl + S..

9. Agora precisamos dividir uma camada em alguns - porque temos várias linhas. Você pode manualmente, mas é longo e chato. Melhor download e instalar o script livre Zi_explodshapeslayers. (Melhorado uma nova versão). Nós destacamos a camada e vamos como no ilustrador Arquivo\u003e Scripts.. Clique no botão Explodir.!

Todas as camadas caíram separadamente e você pode excluir novamente nossa camada original, é o menor. E manualmente teria que copiar (copiar a camada - Ctrl + D.) Uma camada tantas vezes quantas sublayers são linhas, então remova subterlayers extras de uma nova camada copiada e renomear.

Para mais detalhes, quem não encontrou ou não queria baixar o script:
Temos 4 sublayers, então você precisa de mais 3 cópias, faça-as. Em seguida, a primeira camada remove 2,3,4 grupos. E depois por analogia. Em seguida, renomeado - selecione a camada - Digite - Digite o novo nome - insira ou em um local vazio Clique. Deve haver 4 camadas com linhas separadas.

10. Você pode colocar uma camada em ordem de animação - primeiro um círculo, depois linhas, depois o quadrado. E você pode deixar muito, de acordo com o seu desejo. Bem, todas as cozinhas estão acabadas. Agora o mais interessante é a animação do vetor. Vamos começar com um círculo - do marcador de callout.

A propósito, conselhos! Aplicar - Remova os objetos de objetos na janela Objetos (tal Ctrl + - não funciona aqui, e Ctrl 0 também) ou escolhendo a escala na janela Composição - Relação de ampliação pop-up (É aí que os números são com porcentagem e arrogante para baixo). E a composição pode ser navegada ao longo da janela, a mesma mão (como no candelabro). Também ao animar um objeto, preste atenção ao ponto de ancoragem central Ponto de ancoragem. Deve estar no centro do objeto, caso contrário, a animação ocorrerá a partir daí, onde é um ponto, e neste caso é necessário do centro. Como corrigir - pressione a tecla de atalho Y.E puxe o ponto, coloque no lugar certo. Bem, vamos.

11. Animação do círculo. Anime. Escala.
Você pode ligar o solo na camada, então apenas um círculo será visível (ícone ou ponto de caneca). Em seguida, coloque as chaves - esta será a nossa animação. Mova o indicador de tempo (esta linha com uma ponta azul - Indicador de tempo atual.) por 0 segundos 15 quadros e colocar a tecla - clique no cronômetro ao lado Escala, Deixo o valor (eu tenho 450).

Mova-se para o início da música em zero - e altere o valor para zero (diretamente, acione o tamanho do tamanho e a nova chave é automaticamente afixada). Em seguida, vamos por 3 segundos - 450, por 3 segundos de 15 quadros - 300, após outros 5 quadros - serão 3 segundos de 20 quadros - 450, e novamente repetimos em 6 segundos, 6.15 e 6.20 - nós colocamos o mesmos significados - 450/300/450. Então também em 9 e 12 segundos na mesma distância. Agora fazemos atenuação no final da composição - 14 segundos de 15 quadros - 450, por 15 segundos no final - 0. Clique em F9. - Suaviza as chaves.

Você pode adicionar a chave a outra maneira - clique em Rhombic ao lado do cronômetro e, em seguida, altere o valor). Você pode se mover na escala de tempo com chaves Subir página. e Página em.. Mova o indicador com cuidado! Não mude a própria camada! Se alguma coisa Ctrl + Z. Para ajudá-lo.

Bem, agora, nosso círculo veio para a vida - aparece no começo, suavemente pisca no processo e desaparece suavemente no final da composição. Para ver, pressione ZERO 0 e para finalizar o visualizador também zero 0.

12. Animação da linha principal.
Nós destacamos a próxima camada com a linha principal. Clique duas vezes VOCÊ. E todo o conteúdo da camada é revelado. Usado quando você precisa abrir os sublayers que foram alterados. Muito confortavelmente. Close - mais uma vez VOCÊ.. No processo de trabalho, você entenderá tudo. Em seguida, destacamos a subloma Grupo 3 - Adicionar Caminho de Trim.

Revele os parâmetros Caminho de acabamento. e definir o valor de Fim.. Eu coloquei 75%. Este indicador é responsável por quanto por cento será exibido na linha de animação: 100% - completamente, 0% - respectivamente, a linha não será exibida. Optimamente de cerca de 50 a 95%. O indicador está no início da composição. Em seguida, animado. Braçadeira Alt. e clique no cronômetro do parâmetro Desvio. (direito sob. Fim.) e inserir a expressão no derrame apareceu - tempo * n. (onde n é um número indicando o número de revoluções ou a velocidade da animação).

Jogue a composição (zero) e veja o que aconteceu. Você pode alterar o valor Fim. E comparar a animação, a expressão não precisa ser alterada. Assim, alcance o resultado mais interessante e ótimo. Agora adicione linhas também aparência e atenuação. Você pode fazer isso com a ajuda da transparência. Opacidade. Selecione uma camada - pressione a tecla T. E por 1 segundo, defina o valor de 100, em zero no início da composição - 0. Em seguida, nos movemos para 14 segundos - 100 e no final da composição que colocamos 0. F9. - suavização. By the way, para que todas as chaves possam selecioná-las imediatamente com o mouse gentilmente e clique em F9. Ou a maneira mais fácil de selecionar o parâmetro em si Opacidade E todas as chaves alocarão imediatamente.

13. Animação da segunda linha.
Agora aprenda a trabalhar com as configurações da própria linha. Vamos fazer do habitual direto linha pontilhada E animando isso. Em dobro VOCÊ. Na camada com a linha, encontramos Golpe. E revelar seus valores clicando na flecha. Encontre um parâmetro Traços. e clique no plus + em dobro. Valores aparecerão Traço (quantidade de pontos), Lacuna. (Distância entre os pontos), Desvio. (Pontos animados). Nós introduzimos, suponho, valores 5 e 5. Agora, novamente Alt. + Clique no cronômetro no parâmetro Desvio. E introduzir tempo * n. (Eu tenho um valor de 35).

Agora selecione. Contensos - Adicionar - Caminho de Trim E por 1 segundo em Fim. Chave 100, em zero 0, por 14 segundos 100 e no final de 0. E nós destacamos as chaves e a suavização F9..

14. Animação do quadrado. Rotação.
Selecione uma camada com uma chave quadrada, quente R (rotação). distribuir rotação e Alt. + Clique no cronômetro. Na linha de inserir expressão, escreva tempo * n. (Eu tenho um valor de 250). É possível e usar as chaves manualmente - no início da chave com valores iniciais zero e no final da chave (nós introduzimos o número de revoluções de 0x e graus +0.0) para permitir 8 revoluções e 360 \u200b\u200bgraus. As expressões facilitam e automatizam o trabalho. Bem, por analogia, adicione transparência no início da aparência (por 1 segundo 100 e em zero 0) e no final da atenuação (por 14 segundos 100 e no final 0) e F9.. Ou fazer a aparência e atenuação através Caminho de acabamento..

Tudo! Animação está pronta! Nosso callout veio para a vida! Agora nós persistimos. Nós renderizamos.
Pressione as teclas de atalho Ctrl + M. (ou vá para o menu).

Clique em contrário Módulo de saída. Logo na seta e escolha o formato MOV + PNG + Alpha (ou MOV + PNG.). E clique Renderizar.Estamos esperando por renderização. Então nós procuramos o resultado. O vídeo será salvo na mesma pasta onde seu projeto.

Oksana Shilova. Especialmente para o blog

Assine nossa newsletter para não perder nada de novo: