Tutorial After Effects - Fernando Moreira

Tutorial After Effects | Video Hive

1 Copyright Fábrica de Startups

[email protected]

Introdução

• Este documento foi criado na necessidade de

explicar todo o processo de implementação de

videos para as startups residentes na Fábrica

de Startups, atráves da utilização de templates

de videos do site VideoHive(www.videohive.net).

A modificação do template necessita de um

software de edição de video denominado Adobe

After Effects.

Copyright Fábrica de Startups 2

http://www.videohive.net/

Processo para aquisição video


1) Abrir a página www.videohive.net


2) Seleccionar menu After Effects Projects

Files


3) Escolher um Template


4), 5) e 6 - Informar, Comprar e Disponibilizar

• Deverão informar verbalmente ou por e-mail a

Fábrica de Startups do template que querem

comprar. A equipa da Fábrica de Startups

procede à compra e disponibiliza o template à

startup correspondente.


7) Ligar o computador disponibilizado pela Fábrica de Startups

8) Abrir a aplicação Adobe After Effects


Computador a utilizar para a edição do video

Icone a seleccionar no ambiente de trabalho do computador

9) Seguir User’s Manual

• Todos os videos adquiridos no VideoHive tem

um User’s Manual associado. A seguir irá ser

explicado todos os passos importantes que

deverão ter em conta no Adobe After Effects.


Edição do Template VideoHive

• Depois da compra do template no VideoHive, já é possível começar a editar o template através do software Adobe After Effects.

Nos slides seguintes é apresentada uma introdução ao After Effects com os aspectos mais importantes a considerar na modificação e edição do template. De notar que estes conteúdos são muito vagos, pois a ferramenta tem caracteristicas complexas, que para o caso não são necessárias dominar.Para uma utilização mais avançada poderão consultar o ficheiro Help fornecido pela Adobe.


Introdução ao After Effects

• Adobe After Effects é um programa de criação de gráficos com movimento e efeitos

visuais da empresa Adobe Systems. É extensamente usado em pós-produção de

vídeo, filmes, DVDs e produções da plataforma Flash.


Identificação Campos Dashboard

Projecto

Linha de Tempo

Composição Informação

Propriedades


Esclarecimentos Necessários

• Aspectos teóricos:

• 1- Composição

• 2 - Tamanho da tela

• 3 - Pixel Aspect Ratio

• 4 - Frame Rate

• 5 - Projeto e Organização

• Exemplo Prático


1 - Composição

• A composição é a principal tela de trabalho. Situa-se na janela central do After Effects e possui duas dimensões; a horizontal (X) e vertical (Y). Este campo também poderá conter a terceira dimensão (Z).

• Na parte inferior da zona composição está situada linha a do tempo, que mede a duração de cada segmento do vídeo.

• Para criar uma composição deverá ser acessado o menu Composition > New Composition ou o ícone New Composition na janela Projeto.


1 - Criar nova composição


1 - Composição - Presets

• Na abertura de uma nova Composição, há

várias especificações que deverão ser definidas.

• Para uma utilização simples de iniciação, a

especificação mais importante a ter em conta é

o Preset*

• O Preset é função que define o tamanho do

ecrã.

• O After Effects oferece diversos Presets, neste

caso devem utilizar apenas o modo 720p.

*Presets são modelos de exportação de vários tipo de video (720p, 1080p, etc.)



1 - Exemplo do Preset que devemos escolher

2 – Tamanho da tela

• Tal como definido no Preset, o modo 720p

deverá ser adoptado. Este modo traduz-se

numa dimensão de 1280 por 720 pixeis.

• Este formato é adoptado por ser compatível com

as plataformas de carregamento e leitura de

video Youtube e Vimeo.


3 – Pixel Aspect Ratio

• A opção Pixel Aspect Ratio serve para ajustar

a precisão do pixel para definição da imagem.

• Este valor deverá situar-se sempre em 1,0.


4 – Frame Rate

• O Frame Rate é a taxa que determina a

velocidade de imagens por segundo que

compõe o vídeo.

• O valor do Frame Rate que deverão utilizar é o

24 ou 29,97. Este valor poderá estar já estar

pré-definido.


5 – Projeto e Organização

• Do lado superior esquerdo do dashboard poderá encontrar-se o Projects.

Neste diretório estão todos os conteúdos referentes a esta composição, tais

como arquivos importados, composições, vídeos, música, imagens etc.


• Para importar conteúdos de vídeo, música, fotos ou mesmo documentos

Adobe Photoshop (formato .PSD) ou Adobe Illustrator (formato .AI),

deverão ir a File > Import > Seleccionar o Ficheiro


5 - Importar Arquivos

Exemplo Prático

• Nos slides seguintes irá ser explicado o

exemplo sobre a implementação do vídeo da

Fábrica de Startups.

• Para a realização do mesmo foi considerado o

“user’s manual” que o autor enviou na compra

do vídeo. Este livro de instruções é

normalmente claro e simples de forma a que só

é necessário inserir conteúdos configurando

pormenores sem dificuldade.


Exemplo Prático (Video Fábrica de Startups)


http://vimeo.com/48219313

Exemplo – Parte 1

Normalmente o video é enviado com duas versões: Um video mais curto (+- 20 segundos), e a versão normal 1min30seg

Normalmente, quando existem comandos mais técnicos que têm de utilizar, o autor do template fornece print screens das acções que tem de realizar.


O font, é o tipo de letra que o projeto irá utilizar e poderão não ter instalado no computador. Segue sempre o link do website onde poderão fazer o download, seguindo de uma instalação do font. Para isso basta abrir o ficheiro de download e carregar no botão instal, a partir da qual a font ficará instalada no computador.


O autor também fornece uma descrição de como o projeto está criado (indíce), sendo desta forma fácil interagir rapidamente com as caracteristicas do video.

Como referido no ultimo ponto começarão pelo 1) – Fazer o setup do

personagem (Ex. Colocar gravata, chapeu, bigode, etc.) , e para isso basta desmarcar

as “check box” para não ver aquela caracteristica do personagem, ou

marcarmos as “check box” para as ver. As check box estão mencionadas pelo autor

a marcador vermelho.

Exemplo – Parte 2

Para colocar o logo do projeto basta seguir as instruções. (É aconselhavel que utilizem uma extenção .png (formato de imagem sem fundo) ).

Os media files são fotos, sons ou imagens que poderão querer utilizar no projeto. Procedem à importação, e arrastam esses ficheiros para a composição. Reparem que se for video ele refere uma duração máxima de 7 segundos (neste caso).


Exemplo – Parte 3

O esquema de cores é muito importante. Normalmente vêm associado a cada template um conjunto de cores, isto é, poderá existir 5 projetos diferentes (em termos de cores) para um unico template.

Se procederem à alteração do esquema de cores muito provavelmente terão de mudar a cor do tipo de letra. Exemplo: Se predefinido, o fundo for preto e as letras brancas e quiserem um fundo branco, vai haver sobreposição de cores. Desta forma é que procedem à mudança do tipo de fonte.


Exemplo – Parte 4

Para modificarem o som ou musica do projeto importam um ficheiro do vosso computador (atenção aos direitos de autor), ou poderão comprar uma musica livre de direitos de autor na plataforma audioJungle, explicada no fim do tutorial.


Exemplo – Parte 5

Já modificaram tudo o que queriam do vosso projeto e composição? Então falta a exportação final do video. Para isso vão a File -> Export -> Output module -> Escolher a versão H.264

Observação: Alguns videos que ajudam a compressão de videos para utilizarem na internet.


Exemplo – Parte 6

Comprar músicas

• Se existir a necessidade de

comprar um conteudo na forma

de música o Audiojungle é um

marketplace onde é possível

vender e comprar a preços

acessíveis loops ou músicas para

projetos, sejam eles sites, vídeos,

etc. Para a compra das musicas o

processo de aquisição é o mesmo

que o do VideoHive.

http://audiojungle.net/


http://audiojungle.net/

Precisam de Ajuda?

• No caso de dúvidas ou precisarem de ajuda

poderão contactar a Catarina Lowndes Faria ou

a Designer residente da Fábrica de Startups. No

caso de nenhuma estar disponível contactem

por favor a equipa da Fábrica de Startups.


Cursos Online

• Manual Help Adobe After Effects (Em anexo)

• Mini-Curso Online

• http://www.youtube.com/watch?v=5ADOrLLpLA4

(Parte1)


http://www.youtube.com/watch?v=5ADOrLLpLA4

Education

Tutorial After Effects - Fernando Moreira