Este documento fornece instruções sobre como startups residentes na Fábrica de Startups podem modificar templates de vídeo comprados no site VideoHive usando o software Adobe After Effects. Explica o processo de aquisição do template, introduz conceitos básicos do After Effects e fornece um exemplo prático de como personalizar um template para a Fábrica de Startups.

1. Tutorial
After Effects | Video Hive
talk@fabstart.pt
Copyright Fábrica de Startups 1

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

3. Processo para aquisição video
Copyright Fábrica de Startups 3

4. 1) Abrir a página www.videohive.net
Copyright Fábrica de Startups 4

5. 2) Seleccionar menu After Effects Projects
Files
Copyright Fábrica de Startups 5

6. 3) Escolher um Template
Copyright Fábrica de Startups 6

7. 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.
Copyright Fábrica de Startups 7

8. 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
Copyright Fábrica de Startups 8

9. 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.
Copyright Fábrica de Startups 9

10. 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.
Copyright Fábrica de Startups 10

11. 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.
Copyright Fábrica de Startups 11

12. Identificação Campos Dashboard
Composição
Informação
Projecto
Propriedades
Linha de Tempo
Copyright Fábrica de Startups 12

13. 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
Copyright Fábrica de Startups 13

14. 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.
Copyright Fábrica de Startups 14

15. 1 - Criar nova composição
Copyright Fábrica de Startups 15

16. 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.)
Copyright Fábrica de Startups 16

17. 1 - Exemplo do Preset que devemos escolher
Copyright Fábrica de Startups 17

18. 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.
Copyright Fábrica de Startups 18

19. 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.
Copyright Fábrica de Startups 19

20. 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.
Copyright Fábrica de Startups 20

21. 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.
Copyright Fábrica de Startups 21

22. 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
Copyright Fábrica de Startups 22

23. 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.
Copyright Fábrica de Startups 23

24. Exemplo Prático
(Video Fábrica de Startups)
http://vimeo.com/48219313
Copyright Fábrica de Startups 24

25. 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.
Copyright Fábrica de Startups 25

26. 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.
Copyright Fábrica de Startups 26

27. 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).
Copyright Fábrica de Startups 27

28. 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.
Copyright Fábrica de Startups 28

29. 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.
Copyright Fábrica de Startups 29

30. 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.
Copyright Fábrica de Startups 30

31. 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.
Copyright Fábrica de Startups 31

32. 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.
Copyright Fábrica de Startups 32

33. Cursos Online
• Manual Help Adobe After Effects (Em anexo)
• Mini-Curso Online
• http://www.youtube.com/watch?v=5ADOrLLpLA4
(Parte1)
Copyright Fábrica de Startups 33