Tutorial After Effects - Fernando Moreira

Tutorial
After Effects | Video Hive

talk@fabstart.pt

Copyright Fábrica de Startups 1

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.


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 Icone a seleccionar no ambiente de
do video 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

Composição
Informação

Projecto

Propriedades

Linha de Tempo


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.


5 - Importar Arquivos
• 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


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

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.

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.


Exemplo – Parte 2

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 3

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 4

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 5

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 6
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.


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 http://audiojungle.net/
projetos, sejam eles sites, vídeos,
etc. Para a compra das musicas o
processo de aquisição é o mesmo
que o do VideoHive.


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)


Tutorial After Effects - Fernando Moreira

Mais conteúdo relacionado

Mais procurados (20)

Destaque (20)

Semelhante a Tutorial After Effects - Fernando Moreira (14)

Mais de fabricastartups (20)

Último (20)

Tutorial After Effects - Fernando Moreira