O documento fornece uma introdução ao software Adobe After Effects, descrevendo suas principais ferramentas e funcionalidades para a criação de vídeos e animações, como a adição de efeitos, animação de imagens e texto, e composição de projetos. Inclui instruções sobre como importar arquivos, trabalhar na timeline, criar animações com keyframes, ajustar easing, e exportar o projeto finalizado.

1. UFCD 9394 (25h)
Videografismo
e composição
PARTE II
[Adobe After Effects - introdução]

2. PARTE II
Objetivos:
Concretizar um produto videográfico adaptando-o às limitações de software e
equipamentos.
Adobe After Effects - introdução

3. UFCD 9394 - Videografismo e composição
ADOBE AFTER EFFECTS
[Introdução]

4. UFCD 9394 - Videografismo e composição
ADOBE AFTER EFFECTS
permite:
● adicionar a vídeos efeitos
audiovisuais ao estilo de Hollywood
● animar imagens estáticas e gráficos
● adicionar textos, legendas, títulos,
sons, músicas criando movimento e
animações sincronizadas
Tudo isto ajuda a criar composições e
videografismos profissionais e envolventes.

5. UFCD 9394 - Videografismo e composição
Interface / workspace
A. Barra de Menu
B. Barra de Ferramentas
os Painéis de trabalho:
1. Project Panel
importar para aqui e organizar os ficheiros que
serão usados
2. Preview Panel
Prever o projeto à medida que se vai criando as
animações
3. Timeline Panel
Arranjar e editar os ficheiros para criar a animação
do projeto em layers
os painéis podem ser modificados no tamanho, movidos,
colocados lado a lado, ou juntar a outro - tudo para facilitar
o seu trabalho
A
2
3
B
1

6. UFCD 9394 - Videografismo e composição
Barra de Menu
Os atalhos são
grandes aliados que
ajudam a completar
ações repetitivas e
encurtam o tempo de
trabalho
aprenda e use-os!
aprender +atalhos:
keyboard shortcuts[.jpg]
AE-CheatSheet [.pdf]

7. UFCD 9394 - Videografismo e composição
os primeiros passos - obtenha ajuda do After Effects
Ao abrir pela primeira vez o After Effects, terá
acesso a tutoriais básicos e aos respetivos
ficheiros de introdução ao programa (all in app)
Abrir a partir do menu superior:
window > workspace > learn (atalho shift+F11)
os ficheiros estarão disponíveis no seu computador (caminho relativo):
C:UsersPublicDocumentsAdobeAfter Effects 2022Learn
Panelproject-payloadsplaylist_the-basicsfootage
Para repor o ambiente de trabalho
window > workspace >
● default (atalho shift+F10)
● standard (atalho shift+F12)

8. UFCD 9394 - Videografismo e composição
Aprenda o Básico do After Effects em 5 Minutos!
https://youtu.be/SP0387hmlF8?t=21

9. UFCD 9394 - Videografismo e composição
v - ferramenta seleção
w - rodar
q - formas e máscaras
y - posicionar o Pan
ctrl+t - texto
u/uu- mostra/esconde as propriedades das
animações e keyframes
animar/mostrar animações:
s - dimensões
t - transparência
a - ancora/pan
r - rotação
m - máscaras
p - position
f9 - adicionar easy ease às keyframes selecionadas
ATALHOS BÁSICOS
0/espaço - prever a animação
home/end - mover a timeline início/fim
ctrl + dir/esq - avançar frame a frame
alt + dir/esq - reduzir/aumentar o tempo (selecionar todas
as keyframes, fazer a ação na última)
ctrl+shift+d - cortar filme
ctrl+shift+c - nova pré-composição (a partir de layers
selecionadas na timeline)
ctrl+alt+home - centralizar o ponto âncora
ctrl+home - centralizar na composição

10. UFCD 9394 - Videografismo e composição
Composições dentro de outras composições?
Uma composição poderá ter sub-composições, isto é
pré-composições, com propriedades, resolução de canvas e
linha de tempo independentes, bem como conter outras
sub-composições que agregam vários vídeos/áudios e as quais
podem ser usadas múltiplas vezes.
Exemplo:
criar uma animação básica simulando o andar de uma pessoa,
em loop, que vai ser usada noutra composição posicionando-a
num contexto e que pode também ser alvo de efeitos,
redimensionamento animado, etc.
CONCEITOS BÁSICOS
??
?
aprender mais:
The Power of Precomps - applied to an animated
background (video)

11. UFCD 9394 - Videografismo e composição
CONCEITOS BÁSICOS
?
qual o Tamanho Certo do vídeo?
Ao escolher o tamanho vídeo é preciso ter em conta
entre outras considerações importantes, onde ele vai
ser mostrado.
Por exemplo,
● É para uma apresentação de alta resolução num
vídeo-projetor?
● É um banner para um site ?
● É um video-curto para uma rede social?
No exercicio 1 vamos levar em conta as diretrizes nos sites:
help.pinterest.com/pt-pt/business/article/video-pins
clipchamp.com/.../guia-definitivo-videos-pinterest
nota:
as redes sociais mudam com alguma frequência os seus requisitos
pelo que convém antes informar-se os requisitos de cada uma.
com que Frame Rate trabalhar?
Ao criar uma composição, certifique-se que a
taxa de quadros/segundos é igual ao do vídeo
que vai importar e animar - senão vai ter
problemas ao exportar!
A taxa comum é de 23.976 a 29.97, se não sabe, inicie
pelo sugerido, ou escolha 24 fps (frames per seconds)
(esta definição influencia a qualidade e o peso final do ficheiro)
Como saber qual é o fps de um vídeo?
ex: utilizar o bridge ou utilizar o vlc player, abrir o ficheiro e clicar na
bolinha amarela i -> ver no tabulador codec

12. UFCD 9394 - Videografismo e composição
Altere as preferências - facilite o seu trabalho
Abrir as Preferências do After Effects
Edit > preferences
coloque o visto em
> general
"Default Spatial Interpolation to Linear."
"Center Anchor Point in New Shape Layers".
> display
“All Keyframes”

13. Também é possível animar áudios, dando-lhes maior ou menor intensidade, seguindo os mesmos princípios acima, mas agora em
vez de transform, temos audio > audio levels.
UFCD 9394 - Videografismo e composição
Animações podem ser feitas por se adicionar keyframes
(diamantes), de início e fim, na timeline, sendo o básico, as
propriedades:
Ponto de Âncora | Tamanho | Posição | Rotação | Transparência
Para adicionar, clicar no preview panel ou na layer do elemento a
animar, abrir as propriedades, e, na timeline, clicar em Transform,
para abrir as propriedades - mas antes - certifique-se que a agulha
de tempo, está no momento correto.
ANIMAÇÕES
keyframes - Como criar a animação
Clicar no relógio da propriedade que se pretende animar
(posição, tamanho, transparência, rotação ou o ponto âncora) a
qual vai receber um diamante na timeline (que se tornará azul
quando estiver selecionado), como no exemplo abaixo, em
position.
Avançar/recuar no tempo, e clicar novamente no relógio ou no
diamante (à esqª), ou, simplesmente alterar a propriedade para
gravar. Na timeline aparecerão dois pontos, indicativos de
alteração da propriedade e que vai criar animação.

14. UFCD 9394 - Videografismo e composição
Os desempenho das animações, podem ser melhorados por se
trabalhar o “easing”.
Easing é a forma como a animação decorre no tempo e entre duas
keyframes (quadros chave de início e fim da animação), que por
default são do tipo linear.
O After Effects permite adicionar com um clique efeitos de easing,
para tal:
1. selecionar as keyframes
2. botão direito do rato > keyframe assistant e escolher uma das
opções (ver fig. ao lado) OU F9 (easy ease)
Tal como se vê na figura, o easing que escolher vai afetar a forma do
seu deslocamento.
KEYFRAMES e EASING
A performance do movimento, a velocidade da animação

15. UFCD 9394 - Videografismo e composição
LINEAR
o default das animações/keyframes - curva direita
EASY EASE (F9 - ANIMAÇÃO BÁSICA)
suaviza todas as mudanças repentinas das keyframes
EASE IN
suaviza o valor de movimento a partir da primeira keyframe
EASE OUT
suaviza o movimento à medida que alcança a segunda keyframe
EASE IN OUT
suaviza entre os movimentos das keyframes
EASING - DIFERENTES TIPOS
Understanding keyframes
Types of keyframes in After Effects
How you can add easing to your keyframes - Youtube
legenda dos ícones de easing:

16. UFCD 9394 - Videografismo e composição
Podemos alterar as configurações de easing no graph editor (1)
Escolha a visualização:
> edit Speed Graph (2)
Clique no elemento e na propriedade que quer alterar (exemplo, o
carro, e a propriedade de position), acedendo assim à visualização
das keyframes no gráfico.
Para alterar, as propriedades, basta clicar na keyframe, e mudar as
configurações das mesmas, usando as alças de bézier (3) em
conjunto com as ferramentas abaixo para alterar o seu tipo (4)
EASING - GRAPH EDITOR
Aprende mais!
Easing Functions - Immensely Useful Tool - Youtube
How you can add easing to your keyframes - Youtube
An In-depth Look at Graph Editor Animation - PDF

17. UFCD 9394 - Videografismo e composição
GRAPH EDITOR
COMO USAR?
Se houver dúvidas, assistir
ao vídeo de apoio
https://www.youtube.com/watch?v=uPbusdC6vcg

18. UFCD 9394 - Videografismo e composição
● Criar novo documento e composição dando a esta o nome de
_ANIMACAO.
● Criar uma solid layer: new > shape layer >
dar o nome de “bg solido verde”, alterar a cor para verde
e escolher: make comp size (vai ficar azul)
para alterar a cor:
menu>layer>solid color - OU - effects & presets > hue/saturation >
[arrastar para cima, colorize:ON e rodar o “colorize hue”]
● constrangir o tempo desta shape layer: arrastar a barra
vermelha para 4segundos
● Vamos animar o sólido, modificando posição, tamanho e
rotação para simular fundo de entrada e saída e como fundo
dos textos dos 0 a 1 segundos e dos 3 a 4 segundos
● Acima desta solid layer crie nova uma layer de texto, centre
em paragraph e escolha uma cor em character. Centre
também no ecrã em align. Anime com transparência a simular
o fade in e out e que se encaixe no tempo da primeira.
TEXTOS, COMPOSIÇÕES e PRÉ-COMPOSIÇÕES
Trabalhando com sólidos e pré-composições para fazer transições animadas
● selecione as duas layers e pré-componha:
direito do rato > pre-compose
dê o nome de texto e escolha a opção:
Adjust composition size…
● no painel dos ficheiros, nesta nova precomp criada,
direito do rato > new composition from selection
● arraste agora esta 2ª precomposição para a timeline e
posicione-a acima da anterior,e num tempo em que inicie
inicie um pouco antes de terminar a anterior.
● duplique estas layers tanto quanto necessário para terminar o
projeto

19. UFCD 9394 - Videografismo e composição
Como EXPORTAR
projeto/animação para vídeo?
1. file>export>Add to Adobe Media Encoder Queue
2. clique em cima do nome [.mp4], e defina o caminho onde quer guardar o
ficheiro ou defina o novo nome
3. clique 2x em cima do ficheiro e defina as seguintes configurações:
formato: H264
codificação de taxa de bits: vbr 2 passagens,
taxa de bits: 12 (nos dois),
enconding settings: software enconding,
utilizar profundidade máxima de renderização
clique em OK
4. para iniciar o processo de exportação clique na setinha verde, no canto
superior direito.
Tenha paciência e aguarde.

20. UFCD 9394 - Videografismo e composição
biblioteca
● Vídeos
Apple Motion Templates
Video Effects
Free video stock footage
Stock Footage
● Áudio
Royalty Free Music
Sound Effects
Best Selling Royalty Free Music
Logic Pro Files
Background Music
bensound
FREE intro music at youtube
motionarray.com/browse/royalty-free-music
audioJungle.net - Royalty Free Music & Audio
Sound Cloud Audio Blocks Pau Mateo
artlist.io/category/62/cinematic
● aprender mais
bringyourownlaptop.com cursos com exercicios
Adobe After Effects Help . PDF (ano:2019, 650pages)
Learn After Effects in 10 Minutes!
● Sons, Jingles
ÁUDIOS + jingles-> LISTA COMPLETA
Sound Effects Free Sound
AE tags:
kinetick |cinematic | Openers | lower thirds

21. UFCD 9394 - Videografismo e composição
fonte:
https://www.youtube.com/watch?v=FYEDXfuu0HM
https://www.youtube.com/watch?v=Q02IIUJj70A
FOTOS 2D PARA 3D + CÂMARAS

22. UFCD 9394 - Videografismo e composição
fonte:
https://www.youtube.com/watch?v=A1j-_LLLjh4
AFTER EFFECTS MAIS RÁPIDO com este PLUGIN GRÁTIS!

23. www.cesae.pt
Elisabete Ramalho
https://linkedin.com/in/eliramalho