Você está na página 1de 190

Maria Fernanda Gonçalves

ARTE DIGITAL E DESIGN

Adobe After Effects

1ª Edição

Rio de Janeiro
Maria Fernanda Gonçalves
2013
Todos os direitos reservados e protegidos por lei. É proibida a reprodução total ou parcial do conteúdo
desta obra em qualquer meio de comunicação, eletrônico ou impresso sem prévia autorização por
escrito do autor. Esta publicação é de inteira responsabilidade do Grupo Seven e protegida pela Lei de
Direitos Autorais.

Gonçalves, Maria Fernanda


Arte Digital e Design: Adobe After Effects
Maria Fernanda Gonçalves / Adobe After Effects - Rio de Janeiro,
2013.
111 p. : il.

ISBN 978-85-66993-00-4

Treinamento de After Effects - Grupo Seven


1. Interface 2. Área de trabalho 3. Composição 4. Timeline
5. Canal Alpha 6. Blend e Track 7. Camadas 8. Animação
9. Máscaras 10. Efeitos 11. Luz 12. Render
After Effects Seven Computação Gráfica

Sumário

AULA 19
Câmera Track...............................................................................9
1. Camera Tracker............................................................................. 11
1.1. Dicas complementares................................................................. 14

AULA 18
Track Motion..............................................................................19
1. Track Motion.................................................................................. 21
1.1. Dicas complementares................................................................. 27

AULA 17
Vetor em 3D...............................................................................31
1. Vetor em 3D.................................................................................. 33
1.1. Dicas complementares................................................................. 37

AULA 16
Chromakey.................................................................................41
1. ChromaKey.................................................................................... 43
1.1. A sensibilidade das cores :........................................................... 43
1.2. Dicas complementares................................................................. 46

AULA 1
Manipulação de Keyframes.........................................................51
1. Manipulação de keyframes............................................................ 53
1.1. Dicas complementares................................................................. 55

AULA 14
Cores - correção.........................................................................61
1. Efeitos Correção de cores.............................................................. 63
1.1. Dicas complementares................................................................. 69

AULA 13
Iluminação.................................................................................73
1. Iluminação.................................................................................... 75
1.1. Dicas complementares................................................................. 78

AULA 12
Composições em 3D...................................................................83
1. Composições em 3D....................................................................... 85
1.1. Dicas complementares................................................................. 88

AULA 11
Estilo de camadas.......................................................................93

www.sevencg.com.br 3
After Effects Seven Computação Gráfica

1. Estilo de camadas.......................................................................... 95
1.1. Dicas complementares................................................................. 98

AULA 10
Texto com Shape......................................................................103
1. Texto com shape......................................................................... 105
1.1. Dicas complementares............................................................... 107

AULA 9
Texto........................................................................................111
1. Texto........................................................................................... 113
1.1. Animações de texto................................................................... 113
1.2. Dicas complementares............................................................... 118

AULA 8
Menu Layer...............................................................................123
1. Menu Layer.................................................................................. 125
1.1. Dicas complementares............................................................... 127

AULA 7
Mascaramento..........................................................................131
1. Mascaramento............................................................................. 133
1.1. Dicas complementares............................................................... 139

AULA 6
Resolução de cores...................................................................143
1. Resolução de cores e Grade de transparecia................................ 145
1.1. Dicas complementares............................................................... 147

AULA 5
Animação.................................................................................151
1. Animação..................................................................................... 153
1.1. KeyFrames sem interpolação...................................................... 155
1.2. Dicas complementares............................................................... 157

AULA 4
Propriedades - Layer e animação.............................................161
1. Propriedades das layer e animação............................................. 163
1.1. Dicas complementares............................................................... 165

AULA 3
Composição..............................................................................169
1. Criando Composição e entendendo suas propriedades................ 171
1.1. Dicas complementares............................................................... 172

AULA 2
O Programa..............................................................................177

4 www.sevencg.com.br
After Effects Seven Computação Gráfica

1. Conhecendo o Programa.............................................................. 179


2. Composição................................................................................. 180
3. Sistema de trabalho..................................................................... 181
4. Ambiente de trabalho.................................................................. 182
4.1. O Motion Blur .......................................................................... 186
5. Timeline ou Linha do tempo......................................................... 186
5.1. Dicas complementares............................................................... 187

www.sevencg.com.br 5
After Effects
Nome:

Turma:

UNIDADE III - ADOBE


AFTER EFFECTS

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 7
After Effects
Nome:

Turma:

AULA 19
Câmera Track

Tópicos da • Câmera Track

Aula

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 9
After Effects Seven Computação Gráfica

Data:

Professor:

1. Camera Tracker

Mais uma novidade que faz toda a diferença no mundo da pós pro-
dução nos acabamos de ver o motion track, porem esta apesar de
ser considerado a evolução do track motion, não a subistitui 100%
pois este recurso é para inserir um obejto no cenario, e não em um
personagem como foi feito. Vamos ver agora como isso vai funcio-
nar.
No track moiton nos temos que determinar os pontos que iram
abranger nossa composição.
Primeiro clicando com o botão direito na nossa camada.

Apos o sistema começara a fazer o calculo frame a frame e captu-


rando todos os pontos de contraste que a imagem terá, não sera
necessário fazer esse sistema manual já que o camera track já faz
isso.
Depois da análise ele da uma camera solving que ira suavizar todos
os pontos para serem exibido assim:

www.sevencg.com.br 11
After Effects Seven Computação Gráfica

Os pontos coloridos exibidos são exatamente os pontos de contraste


que teríamos que achar manualmente depois de muitos testes ate
conseguir.

A partir de agora o o resto é bem simples, no momento que você


posiciona o seu mouse sobre um ponto ele exibe um alvo, que sera
o local aonde nos teremos nosso objeto na cena.

12 www.sevencg.com.br
After Effects Seven Computação Gráfica

Porem o mais indicado é você fazer um triangulação dos ponto para


ter o alvo no plano correto, segurando shift e ir clicando você vai
selecionando os pontos formando o alvo da maneira correta, você
também pode mover seu alvo para dentro de qualquer área de se-
leção apenas clicando no centro e arrastando. Não deixe de notar
que o alvo serve não só para saber aonde o objeto ficara mas tam-
bém para saber o plano corretamente.

Após isso vamos colocar um texto no video, clicando com botão di-
reito do mouse nos colocaremos na opção, Create Text and camera.
Assim o texto vai ser gerado dentro do alvo e uma câmera também
sera gerada para seguir o movimento da camera real.

Teremos um resultado assim, o texto já seguindo o movimento da


câmera.
Caso você queira colocar mais de um objeto no track, faça um obje-
to nulo e faça o parente no objeto.

www.sevencg.com.br 13
After Effects Seven Computação Gráfica

Caso você queira um resultado de texto mais real com sombra e luz
clique em Create shadow catcher, camera and light, que irar gerar
camada de luz, outra só para a sombra dando muito mais realismo
a cena. Se você disponibiliza de uma maquina poderosa, eu faço um
desafio para você fazer um track com uma camada shape em 3d *--
*

1.1. Dicas complementares

Livros:

Outdoors
Design Instrucional contextualizado
Sites:

www.portaldasartesgráficas.com.br
www.centraldeoutdoor.com.br

14 www.sevencg.com.br
After Effects Seven Computação Gráfica

Exercício 1

Muitas propagandas em outdoor são feitas com uma má


comunicação, refaça o outdoor com conceitos corretos.

Exercício 2
Criar um outdoor para ficar na beira de estrada, para vender restau-
rante.

Visto:

www.sevencg.com.br 15
After Effects Seven Computação Gráfica

Desafio

Criar um outdoor para ficar dentro da cidade, para vender


academia (malhação).

Pergunta
1. Como devem ser apresentadas as informações visuais?
2. Cite dois obstáculos para a comunicação do outdoor

16 www.sevencg.com.br
After Effects
Nome:

Turma:

UNIDADE III - ADOBE


AFTER EFFECTS

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 17
After Effects
Nome:

Turma:

AULA 18
Track Motion

Tópicos da • Track Motion

Aula

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 19
After Effects Seven Computação Gráfica

Data:

Professor:

1. Track Motion

Track motion é a solução para uma dos principais problemas que te-
mos quando falamos de efeitos especiais ou rotoscopia de objetos.
Quando filmamos a mão, sempre estaremos em movimento de uma
forma ou de outra, é impossivel você estabilizar uma camera com as
mãos e isso nos causa problemas de estabilidade. Um exemplo.
Imagine uma produção na qual o grupo não despõe de grande verba
para produção da maquiagem de uma especie de zumbie. Qual seria
a solução?
A solução seria produzier tudo através de CG, porem como foi dito.
Precisamos criar toda uma maquiagem virtual e fazer que aqueles
obejtos acompanhem o movimento do personagem e é através do
track motion que estaremos a resolver isso deixado um video assim:

Lembre-se de um detalhe isso


não é uma simples fotográfia e
sim um video aonde o persona-
gem se movimenta.
Então vamos la importaremos
nossos arquivos e faremos uma
composição em 1920/1080 pois
o recurso de track motion exigi
uma boa resolução para facilitar
o track.
Tendo importado nosso arquivo
para time line nos teremos de
ativar o recurso de tracker indo
em Menu Window> Tracker. O
recurso ira aparecer do lado in-
ferior direito da tela. Deveremos

www.sevencg.com.br 21
After Effects Seven Computação Gráfica

ativar estar com nossa camada selecionada e clicar em Track Motion.


Nos sera exibido na tela um ponto e a tela de visualização de cama-
da. Este ponto é referente a posição, nos deveremos nas opções de
track selecionar tambem “rotation” e nos teremos nossa tela assim.

22 www.sevencg.com.br
After Effects Seven Computação Gráfica

O track point 1 é referente a posição e o 2 a rotação.


Agora preste atenção, o recurso de track é um tanto problematico,
temos que ter pratica e paciencia para fazer um perfeito. Os pontos
de track funcionam com se fossem pontos ancoras que faram todo
o ratreamento do obejto da cena. Para que isso ocorra nos devere-
mos posicionalos em pontos de contraste para que eles não se per-
cam no meio do caminho, pois sera uma análise frame a frame e
devemos nos preocupar em ter um bom ponto de contraste, se ne-
cessario marque na cena na hora de gravar.

Os pontos de contraste não necessarimente os mais claros, eles po-


dem ser qualquer cor que se destaque de todas as demais da cena,
como na cena a cima, decidir colocar em ponto mais escuros para
fazer o rastreamento. Tendo posicionado o pontos nos podemos
apertar o play para fazer o rastreamento, lembrese de apertar o
play do track e não do preview.

A análise pode ser feita tanto de tras para frente quando de frente
para tras, isso vai depender da sua intenção.
Ao final da rastreamento ou quando você apertar o stop, você pode-
ra ver todos os frames que foram gerados e analizados em pouco

www.sevencg.com.br 23
After Effects Seven Computação Gráfica

tempo através do track, aperto U com a camada selecionada para


ver os keyframes.

Porem isso não foi o suficiente para fazer o track, o calculos esta fei-
to, agora nos teremos que encorporar ele em alguma coisa, e para
isso nada é melhor do que o Null Object que servira como corpo para
nossa rotoscopia. Então vamos em Menu Layer> New> Null Object.
Como o objeto nulo criado nos iremos agora aplicar todas as infor-
mações nele.
Nas configurações de track motion vamos em edit target. E aponte
para o Objeto Nulo.

Agora aplicando as configurações. Clicando em Apply.

24 www.sevencg.com.br
After Effects Seven Computação Gráfica

Aplicar para eixos X e Y sim.


Agora seu objeto nulo esta com todas as informações do track, to-
dos os frames calculados agora estão dentro do obejto nulo. Agora
nos podemos fazer qualquer objeto seguir os olhos do nosso per-
sonagem. Pode ser feito tanto no photoshop, quanto pelo próprio
after effects. Não vou dar enfase a criação de um objeto pois não é
o foco da aula.
Nesta sequencia apenas criei solidos e camadas de ajustamento
para fazer os olhos. Mas o que importa é como iremos fazer eles
acompanharem o obejto nulo.
Nos teremos que dizer para as camadas que o nulo sera pai delas e
elas seram as filhas parientado elas. vejamos

www.sevencg.com.br 25
After Effects Seven Computação Gráfica

Temos o olho posicionado porem se o personagem se mexer. Os


olhos sairam da posição

Com o olhos posicionados na posição certas como mostra primeira


imagem faremos o seguinte.

Pegando na ferramenta parent ou pick whip no fazemos um link, dos


objetos de qu queremos para seguir o movimento com com nulo e
assim toda a camada linkada representara a sua camada pai. Que
no nosso caso é a null Object.

26 www.sevencg.com.br
After Effects Seven Computação Gráfica

Ajuste as cores e mecha nos filtros para da um tom mais sinistro.

1.1. Dicas complementares

Livros:

Outdoors
Design Instrucional contextualizado
Sites:

www.portaldasartesgráficas.com.br
www.centraldeoutdoor.com.br

Exercício 1

Muitas propagandas em outdoor são feitas com uma má


comunicação, refaça o outdoor com conceitos corretos.

Exercício 2
Criar um outdoor para ficar na beira de estrada, para vender restau-
rante.

Visto:

www.sevencg.com.br 27
After Effects Seven Computação Gráfica

Desafio

Criar um outdoor para ficar dentro da cidade, para vender


academia (malhação).

Pergunta
1. Como devem ser apresentadas as informações visuais?
2. Cite dois obstáculos para a comunicação do outdoor

28 www.sevencg.com.br
After Effects
Nome:

Turma:

UNIDADE III - ADOBE


AFTER EFFECTS

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 29
After Effects
Nome:

Turma:

AULA 17
Vetor em 3D

Tópicos da • Vetor 3D

Aula

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 31
After Effects Seven Computação Gráfica

Data:

Professor:

1. Vetor em 3D

O Adobe After Effects na sua nova versão cs6 vem com inumeras no-
vidades que ajudam a maximizar nossas composições em 3D. Nesta
nova versão podemos da extrusão em nossas mascaras vetoriais.
Assim tambem como podemos importar um arquivo de photoshop
ou illustrator e transformalos em camadas de mascaras vetoriais e
aplicando as extrusões.
Para acompanharmos este processo nos vamos começar criando
uma composição em 1280/720 uma composição em HD, e faremos
uma mascara vetorial usando a pentool ou qualquer ferramenta de
forma.
Tendo feito sua forma nos precisamos alterar nosso Objeto para

uma camada 3D ( caso ainda não saiba o 3D volte, ate o capitulo de


camada e 3D e revise o conteudo). Tendo nossa camada em 3D te-
mos que alterar a modo de trabalho de render da composição de
Classic3D para Ray-Traced 3D
Lembrando que, se você não despõe de uma boa maquina, reduza
sua resulução para quarter, pois o Ray-traced 3D toma uma grande
parte da memoria e do processamento da máquina.

www.sevencg.com.br 33
After Effects Seven Computação Gráfica

Agora temos nosso Ob-


jeto e nosso espaço
preparados para traba-
lharmos com a masca-
ra vetorial em 3D, após
ter feito isso, nas pror-
priedades da camada
aparecerar uma nova
configuração que era a
qual sera responsavel
por fa extrusão em
nossas formas veto-
riais, que sera a Geo-
metry Options que dentro dela deveremos mudar o bevel style para
concave e aumetar o extrusion depth que sera responsavel por adi-
cionar profundidade a nossa camada. Tendo feito isso, apenas rota-
ciona a sua imagem no eixo “Y” para ver a profundidade da sua
camada.

Apesar de já termos nossa extrusão o grau de realismo do objeto


fica comprometido pois não nenhum tipo de luz aplicada sobre ele,

34 www.sevencg.com.br
After Effects Seven Computação Gráfica

que sera exatamento nosso próximo passo. ( Se ainda não luzes,


volte a te a aula de light e revise o conteudo.)
Tambem podemos explorar mais a fundo ainda as configurações
material que tambem ajudara no realismo da composição.

Isso não é tudo, vamos pegar agora uma documento do adobe Illus-
trator e gerar um mascara vetorial 3D a parti dele.
Então vamos lá, importe seu documento .AI jogue na timeline, cli-
cando com o botaão direito
clique em “Create Shapes from Vector Layer”, o after vai pegar fa-
zer uma camada com a forma transformadoa em uma camada de
mascara vetorial. A partir desse instante seu documento illustrator
já não sera mais necessario e deverar ser removido da area de ca-
madas. Após tudo feito basta repitir o processo e e ver sua arte .AI
em uma camada 3D dentro do after effects.

www.sevencg.com.br 35
After Effects Seven Computação Gráfica

36 www.sevencg.com.br
After Effects Seven Computação Gráfica

1.1. Dicas complementares

Livros:

Outdoors
Design Instrucional contextualizado
Sites:

www.portaldasartesgráficas.com.br
www.centraldeoutdoor.com.br

Exercício 1

Muitas propagandas em outdoor são feitas com uma má


comunicação, refaça o outdoor com conceitos corretos.

Exercício 2
Criar um outdoor para ficar na beira de estrada, para vender restau-
rante.

Visto:

www.sevencg.com.br 37
After Effects Seven Computação Gráfica

Desafio

Criar um outdoor para ficar dentro da cidade, para vender


academia (malhação).

Pergunta
1. Como devem ser apresentadas as informações visuais?
2. Cite dois obstáculos para a comunicação do outdoor

38 www.sevencg.com.br
After Effects
Nome:

Turma:

UNIDADE III - ADOBE


AFTER EFFECTS

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 39
After Effects
Nome:

Turma:

AULA 16
Chromakey

Tópicos da • Chromakry

Aula

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 41
After Effects Seven Computação Gráfica

Data:

Professor:

1. ChromaKey

Quem hoje em dia nunca assistiu um make-off de um filme e não viu


algumas cenas filmadas dentro de um estúdio com fundo verde? É
uma técnica de efeito visual que consiste em colocar uma imagem
sobre uma outra através do anulamento de uma cor padrão, como
por exemplo O verde ou o azul.
É uma técnica de processamento de imagens cujo objetivo é elimi-
nar o fundo de uma imagem para isolar os personagens ou objetos
de interesse que posteriormente são combinados com uma outra
imagem de fundo.
O efeito ou técnica Chroma Key é utilizado em vídeos em que se de-
seja substituir o fundo por algum outro vídeo ou foto. Você já deve
ter visto nos telejornais quando vão anunciar a previsão do tempo,
atrás da pessoa que apresenta há um mapa do local, para fazer esse
efeito foi utilizada a técnica Chroma Key ou Keying, na qual se filma
em um fundo de cor sólida, geralmente azul e verde e hoje se usam
até o vermelho, e depois se substitui essa cor.

1.1. A sensibilidade das cores :

A técnica de chroma key melhorou muito desde suas primeiras apli-


cações. Mas ela ainda é instável devido a mudanças na luminosida-
de do fundo, como sombras e reflexos. A parte mais difícil de usar o
azul ou o verde são as sombras, porque em um pequeno trecho da
tela a sombra pode escurecer o fundo, tornando aquela cor de fundo
uma cor mais escura, portanto reconhecida como outra tonalidade,
dificultando o software a reconhecer o fundo.
O azul é preferido para mapas do tempo e efeitos especiais de filmes
porque é uma cor complementar a da pele humana e consequen-
temente é fácil de aplicar achroma key. Porém, em muitos casos o
verde é preferido porque câmeras digitais retêm mais detalhes no
canal de cor verde e ele necessita de menos luz do que o azul. Em-
bora essas cores sejam as mais utilizadas, atualmente pode-se usar
qualquer cor. Ocasionalmente um fundo magenta pode ser usado.
O sistema de Chroma é a solução para nossa cede da fantasia e para
o bolso dos produtores, pois um mundo inteiro pode ser simulado
por um Chroma.

www.sevencg.com.br 43
After Effects Seven Computação Gráfica

Tendo tais conhecimentos vamos ver as 3 opções mais usadas nas


produções hoje em dia, e as mais poderosas dentro do after effects,
apesar de terem nomes diferentes, todas tem a mesma funcionali-
dade.

Temos agora duas imagens, um T-rex no fundo verde e uma planice


qualquer, onde nosso objetivos sera, colocar o t-rex na dentro da
imagem da planície.

Abra o after effects e faça uma pre composição de 720/480, expor-


te as imagens.Tendo importando a imagem para área de camadas
vamos verificar a grade de transparência e nos certificar que eles
esta ativada, para vermos de primeira mão o que esta acontecendo.
Agora vamos aplicar o efeito de key light que o after nos disponibili-
za, que irar nos da o poder de remover todo o fundo verde.
Selecione a camada, va em Menu effect>keying>keylight

44 www.sevencg.com.br
After Effects Seven Computação Gráfica

Observe as configurações do key, onde nos temos screen color, te-


mos o padrão a cor preta e ao lado um conta gotas, e sera a quele
conta gotas que vai definir a cor de contraste que sera removida,
então vamos la, clique no conta gotas depois clica na tela verde do
T-rex, procure clicar o mais próximo possível do personagem.

No momento em que você clicar na cor verde, ele removera toda a


quele fundo e se a grade de transparência estiver ativada, nos vere-
mos que realmente apenas nosso personagem esta na cena.
Agora vamos posicionar um fundo adequado para nosso T-rex.
Importe a imagem da campina para baixo da camada do T-rex.

Sendo assim basta reposiciona o t-rex de maneira que ele se adeque


ao nosso cenario.
Lembre-se do que foi falado sobre correção de cores, uma boa mon-
tagem de composição, tudo tem que ser pensado, o filtro de uma
imagem tem que esta sempre adequado uma a outra para que não
perca realismo, faça a correção de cor e tenha um resultado brilhan-
te.

Lembrem-se, não basta apenas ter um fundo verde e sair filman-


do achando que você vai conseguir remover tudo rápido e bonito
, quando filmar em chroma devemos pensar toda a iluminação do
ambiente, como a luz vai ser projetada, nos devemos manter dois

www.sevencg.com.br 45
After Effects Seven Computação Gráfica

metros de distancia do chroma para que não ocorro da luz rebater


no chroma e causar o reflexo verde na nossa pele, no que resultara
que o personagem ficara transparente.
Dica: use três pontos de iluminação, um alto que sera a luz mais
potente, um a esquerda um poucos mais em embaixo e aluz mais
fraca e outro a direita para matar a sombra gerada pelas outras
luzes.

1.2. Dicas complementares

Livros:

Outdoors
Design Instrucional contextualizado
Sites:

www.portaldasartesgráficas.com.br
www.centraldeoutdoor.com.br

Exercício 1

Muitas propagandas em outdoor são feitas com uma má


comunicação, refaça o outdoor com conceitos corretos.

Exercício 2
Criar um outdoor para ficar na beira de estrada, para vender restau-
rante.

Visto:

46 www.sevencg.com.br
After Effects Seven Computação Gráfica

Desafio

Criar um outdoor para ficar dentro da cidade, para vender


academia (malhação).

Pergunta
1. Como devem ser apresentadas as informações visuais?
2. Cite dois obstáculos para a comunicação do outdoor

www.sevencg.com.br 47
After Effects Seven Computação Gráfica

48 www.sevencg.com.br
After Effects
Nome:

Turma:

UNIDADE III - ADOBE


AFTER EFFECTS

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 49
After Effects
Nome:

Turma:

AULA 1
Manipulação de Keyframes

Tópicos da • Manipulação de Keyframes

Aula

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 51
After Effects Seven Computação Gráfica

Data:

Professor:

1. Manipulação de keyframes

No after effects quando falamos animação obrigatoriamente temos


que falar de key frames que são exatamente os quadros chaves que
vão definir o curso de nossa animação.
O processo de animação do after effects é de velocidade constante
que nunca muda sua velocidade
porem o tipo de movimento constante entre os tipos de movimentos
é o mais irreal que temose devemos abominar tudo que seja fora do
realismo dos nossos olhos.
Nos podemos definir que o keyframe tem duas partes, um começo
que chamamos de IN e final que chamamos de OUT. O in é a anima-
ção que acontece antes do key frame e a out que acontece depois
dele, não se desespere pois entenderemos tudo isso na pratica.
Em uma animação nos podemos ter 4 tipos mais importantes de key
frames
Linear Frame – é o keyframe padrão do after effects sem alteração
de velocidade de trajetória, seu movimento é constante até o final.
FreezeFrame – é uma key frame que ira congelar toda a cena de
acordo aonde esteja a agulha do tempo. E para gerar um freeze-
frame, mova a agulha para o momento que você deseja congelar,
botão direito na layer Time> FreezeFrame.
AutoBezier – o auto bezier vai suavizar o movimento da nossa ani-
mação deixado-a menos robótica e para gerar um AB clique com
Ctrl em qualquer keyframe em sua time line, ou clique com botão di-
reito Keyframe Interpolation > Temporal Interpolation> AutoBezier.
Easy Ease – o “ee” tem uma forte suavização pois ela leva seu IN
ao zero absoluto e depois volta a acelerar de novo, como uma pe-
dra que é lançada ao ar, que vai subindo subindo e quando perde a
força sua velocidade chega a 0 para depois começar a cair. Esse é o
easy ease. Para gerar o keyframe “ee” você seleciona um key frame
e pressiona F9 ou, botão direito do mouse no keyframe Keyframe
assist > easy ease.
Os keyframes podem ser exibidos em gráficos para termos uma
noção melhor do que pode ser uma suavização e ainda podemos
manipular ainda mais a animação desses keyframes.

www.sevencg.com.br 53
After Effects Seven Computação Gráfica

Vamos supor uma animação de uma bola que sobe e desce. Duas
vezes elas teriam por padrão os keyframes de posição animados
dessa forma.

Por padrão como foi dito os keyframes gerados foram lineares, va-
mos ver como eles são compostor dentro do gráfico de keyframes.

Todos os keyframes lineares não tem nenhuma suavização, são


sempre retos.
Agora vamos observar como seriam eles todos em AutoBezier.

A suavização não é tão constante porem da podemos ver um certa


diferença.

54 www.sevencg.com.br
After Effects Seven Computação Gráfica

Por último vamos ver como EasyEase funciona.


Observe que o tipo de suavização levando os valores a zero em bem
visível.
Não deixe de observar as alças de ajustamento que podemos alterar
manualmente para gerar o tipo de animação ao nosso desejo.

Explore todas as opções as possibilidades e análise como se posi-


cionar os keyframes de maneira exata e manipular da maneira que
você acha mais substancial.

1.1. Dicas complementares

Livros:

Outdoors
Design Instrucional contextualizado
Sites:

www.portaldasartesgráficas.com.br
www.centraldeoutdoor.com.br

Exercício 1

Muitas propagandas em outdoor são feitas com uma má

www.sevencg.com.br 55
After Effects Seven Computação Gráfica

comunicação, refaça o outdoor com conceitos corretos.

Exercício 2
Criar um outdoor para ficar na beira de estrada, para vender restau-
rante.

Visto:

56 www.sevencg.com.br
After Effects Seven Computação Gráfica

Desafio

Criar um outdoor para ficar dentro da cidade, para vender


academia (malhação).

Pergunta
1. Como devem ser apresentadas as informações visuais?
2. Cite dois obstáculos para a comunicação do outdoor

www.sevencg.com.br 57
After Effects
Nome:

Turma:

UNIDADE III - ADOBE


AFTER EFFECTS

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 59
After Effects
Nome:

Turma:

AULA 14
Cores - correção

Tópicos da • Cores e correção

Aula

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 61
After Effects Seven Computação Gráfica

Data:

Professor:

1. Efeitos Correção de cores

Em toda produção que vemos, independente de ser um grande filme


ou apenas um comercial de televisão antes do video ser lançado ele
passa por todo um processo de tratamento para que o video tenha
uma vida a mais e a qualidade do trabalho fica de grande escalão.
Nunca esqueça, toda produção que você participar, ela devera pas-
sar pela correção de cor. Nesta próxima etapa iremos ver os efeitos
aplicados para resolvermos inúmeros problemas de imperfeições no
nosso video.
A primeira coisa a ser falada é que a propriedade principal das cores
a serem editadas é o contraste que é oposição de tons entre luz e
sombra. Não importa a qualidade da nossa tomada fotográfica ela
sempre poderá ser melhorada.
A segunda seria falar de saturação, que é referente a potencia que
a nossa cor tem, se é uma vermelho muito forte, ela terá muita
saturação e for um vermelho mais fraco que dizer que ela tem pouca
saturação.
A primeiro instante veremos uma foto com uma qualidade baixa e a
partir dela vamos corrigindo seu contraste mostrando toda o pro-
cesso e citando as ferramentas mais usadas.
Temos uma seguinte foto que
esta com a tonalidade de co-
res fora de ordem, que pode
ter sido danificado pelo tempo
nosso objetivo agora sera fazer
uma restauração total da foto,
lembrando que nos nunca va-
mos melhorar a qualidade da
foto em pixels, nossos efeitos
de CC ( colorCorrection) vão
camuflar os defeitos.
Então com o projeto criado,
com nossa foto já posicionada
em uma camada daremos ini-
cio ao processo de tratamento.
Selecione a camada da foto e
vá em Menu effects > Color-
Correction

www.sevencg.com.br 63
After Effects Seven Computação Gráfica

Neste diretório haverá todas os efeitos responsáveis por todo o


processo de CC, dentre todos os efeitos eu citarei os mais usados
em produções, porem você terá o livre arbítrio e dever de explorar
o restante.
Dentre nossa grande variedades de efeitos nos temos:
Brightness & Contrast – Brilho e contraste irar nos dar o poder para

alterar brilho e o contraste da imagem atraves de valores exatos.


Um detalhe a ser dito é que todos os efeitos tem o stopwatch ao
lado e isso que dizer que todos os valores podem ser animados.

(sem B&C) (com B&C)

64 www.sevencg.com.br
After Effects Seven Computação Gráfica

Change to color – Trocar para a cor nos dará o poder de mudar os


tons de uma cor para outra cor a através do prefixo “FROM” e “TO”,
que no caso no from você ira escolher a tonalidade que sera mudada
e na to você escolhera para qual tonalidade ela sera mudada.

Tome muito cuidado ao usar o CTC


pois a funcionalidade dele principal
não é mudar a cor de maneira drástica
como foi feito, do vermelho para o ver-
de, sua funcionalidade principal é para
dar mais tonalidade aos tons mortos
da sua composição. As vezes você tem
um cor vermelha que esta um sem sa-
turação, então você corrigi isso usan-
do o CTC.
Equalize – O equalizar é um sistema
para dar enfase a iluminação para re-
moção da sombra, Muito cuidado ao
usar o equalize, sempre em valores mais baixos para que não ocorra
a deformação dos pixeis.

Hue/Saturation – Matriz e Saturação vai nos dar o poder de alterar


a cor da nossa composição junto com a saturação, tudo através de
valores exatos.

www.sevencg.com.br 65
After Effects Seven Computação Gráfica

Sempre deixar a caixa colorize selecionada e alterar os valores de


Colorize Hue para alterar a cor no colorize Saturation para mudar a
força da cor.
Expousure – Exposição é um recurso usado para contraste sendo
ele alterado tanto na coloração master ( todas as cores RGB) ou
em coloração por cada canal independente, tudo através de valores
exatos. De acordo com o valor do expousure você terá iluminação
ou sombreamento. Se o valor foi positivos nos vamos clarear, se
negativo, vamos escurecer.

Explore bastante o recurso de mudando de master para individual


channels para fazer alteração em cada canal de cor RGB.
Levels – O níveis é um sistema controlado por um histogram para
níveis de luminosidade da composição, também podendo ser altera-
do em todos os canais de cores (RGB)

66 www.sevencg.com.br
After Effects Seven Computação Gráfica

Tint – O corretor de cor tint é uns dos mais simples porem mais efi-
cazes corretores de cor que temos no After, o tint vai remover toda
a saturação da foto e ajustá-la, através de níveis de porcentagem.
Muito útil para estabilizar o filtro da imagem.
Com 100% de tint a coloração fica preto e branco as níveis mais a
baixo nos teremos a composição menos saturada.
Curves – Agora falando do mais poderoso corretor de cor que temos
disponível em todos os programas da adobe, que é controlado por

curvas dentro de uma tabela que se assemelha a um plano cartesia-


no. O curves é o único efeito que é independente de todos os outros,
ele faz tudo que todos os controladores de cor fazem porem com um
grau de dificuldade maior e por isso temos outros para auxiliá-lo,
aliás trabalho em grupo não é um bom trabalho.
O curves usa 4 tipo de controladores essenciais, sendo o controlador
de cores master (RGB) que vai nos alterar o contraste da imagem.
O outros 3 são o controladores individuais, RED,GREEN ou BLUE que
você poderá esta alterando cada um de maneira independente.

www.sevencg.com.br 67
After Effects Seven Computação Gráfica

Como este gráfico é possível criar vários pontos para termos todo
tipo de alteração de cor que podemos imaginar dentro das cores
RGB. Sendo assim vou deixar uma dica para vocês sobre como dei-
xar um boa cor em suas produções.
O tipo de cor mais usado no cinema é um sistema de filtro com cores
mais frias ou seja um ambiente um pouco azulado. E para isso co-
meçaremos a da um contraste melhor a nossa composição usando
o “Contraste S” no sistema de cores do curves em RGB.

O contraste mais comum e com um grande resultado para dar vida


a composição, após mude de RGB para Red.
Nos sistema de cor em vermelho, quando você alterar os ponto para
uma parte superior do gráfico a cor ficara uma cor mais avermelha-
da, um cor quente, se botarmos o ponto para baixo a cor ficará mais
fria, ou seja ficara ao contrario da cor vermelha e sera exatamente
o que faremos, criaremos um ponto e deixaremos ele um pouco a
baixo da metade.

Sendo assim vamos finalizar mudando para o sistema de cor azul


para deixar a core mais azulada.

Não costumamos muito usar o sistema verde, pois o contraste de


suas cores nos levarão ao amarelo, verde e roxo, que no nosso
caso só usaremos em necessidade para filtros fantasiosos, como se
na cena você estivesse representando um sonho de alguém ou algo
do tipo.
Para finalizar quero deixar essa ultima dica,não é obrigado mais sim

68 www.sevencg.com.br
After Effects Seven Computação Gráfica

indicado. Todos os efeitos de correção de cor devem ser aplicados


em uma camada de ajustamento para alterar todas as demais.

1.1. Dicas complementares

Livros:

Outdoors
Design Instrucional contextualizado
Sites:

www.portaldasartesgráficas.com.br
www.centraldeoutdoor.com.br

Exercício 1

Muitas propagandas em outdoor são feitas com uma má


comunicação, refaça o outdoor com conceitos corretos.

Exercício 2
Criar um outdoor para ficar na beira de estrada, para vender restau-
rante.

Visto:

www.sevencg.com.br 69
After Effects Seven Computação Gráfica

Desafio

Criar um outdoor para ficar dentro da cidade, para vender


academia (malhação).

Pergunta
1. Como devem ser apresentadas as informações visuais?
2. Cite dois obstáculos para a comunicação do outdoor

70 www.sevencg.com.br
After Effects
Nome:

Turma:

UNIDADE III - ADOBE


AFTER EFFECTS

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 71
After Effects
Nome:

Turma:

AULA 13
Iluminação

Tópicos da • Iluminação

Aula

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 73
After Effects Seven Computação Gráfica

Data:

Professor:

1. Iluminação

Apos ter arrumado todas as camadas para simular uma sala, nos
iremos aplicar uma iluminação e para isso precisamos saber o que
cada é capaz de nos oferecer.
Crie uma Luz em Menu layer> new > Light. (Ctrl+shift+L)
a primeira opção é a Parallel Light ou Luz Paralela que é uma das
mais comuns usadas entre a luzes sendo do after ou de qualquer
outro programa que nos dar poder sobre uma luz.
O seu próprio nome já indica sua funcionalidade, ela se propaga
através de raios de luzes posicionado de maneira paralela e deter-
minamos o inicio desses raios sobre a posição da luzes e de destino
sera o seu ponto de interesse que é a segunda propriedade da luz
paralela, não se assunte, pois manipular a luz paralela não é um
tarefa muito simples, um detalhe importante a falar é que a luz pa-
ralela causa sombra, então no momento em que você compor a luz
sera importante você selecionar a caixa cast shadows se for de seu
interesse porem isso não é o suficiente, você tera que entrar nas
propriedades da camada que você quer que gera sombra ativar a
opção accepts shadow.

(Parallel light)

www.sevencg.com.br 75
After Effects Seven Computação Gráfica

(Propriedade da parallel light)

(Configuração para objeto receber e emitir sombra.)


As vezes estamos em ambiente nenhuma ponto de luz exato, ape-
nas a iluminação do sol que entra pelas janelas ou qualquer outro
tipo de entrada e isso é o suficiente para ilumina todo o ambiente e
é exatamente sobre essa luz que vamos falar agora, Ambient Light,
ou Luz ambiente que é a mais comum por sempre ser por ela que
começamos a iluminar um ambiente na maioria das vezes, por pa-
drão ela vem em intesidade 100% e de cor branca,a intensidade
pode ate ficar negativa que isso nos levaria a remover a intensidade
das demais luzes que estiverem na composição e é importante dizer
que a ambient light é a única luz que não produz sombra.

76 www.sevencg.com.br
After Effects Seven Computação Gráfica

Em sequencia temos a minha favorita que é a Point Light ou Luz


pontual que propaga a luz em todas as direções através de um pon-
to e o diferencia deste tipo de iluminação é que nos podemos con-
trolar a Difusão da sombra para suavizá-la.

(Sem diffusion) (Com 53 de difusion)

(Configuração da point light)


Para finalizar o nosso conceito de luz vamos com a ultima forma que
se chama Spot Light que dentre todas as luzes é a mais complexa,
pois temos os raios de luz direcional assim como na paralell light
porem o seu alcance é determinado pela posição assim como na
Point Light

No spot podemos controlar o radius do cone de luz a angulação do


conce e também o ponto de interesse do canhão de luz, podemos
também suavizar tanto a sombra do cone utilizando o feather quan-
do a sombra do objeto que faz a sombra.

www.sevencg.com.br 77
After Effects Seven Computação Gráfica

Obs: é importante lembrar a você que as luzes só causam influencia


em objetos 3D.

Agora com todos os conceitos que temos podemos terminar a con-


clusão sobre o ambiente 3D e animar a câmera para que ela faça
qualquer tipo de movimento mostrando vários ângulos diferentes.

Qualquer ângulo que queria estará disponível com a manipulação de


câmera, qualquer tipo de iluminação e sombreamento.

1.1. Dicas complementares

Livros:

Outdoors
Design Instrucional contextualizado
Sites:

www.portaldasartesgráficas.com.br
www.centraldeoutdoor.com.br

78 www.sevencg.com.br
After Effects Seven Computação Gráfica

Exercício 1

Muitas propagandas em outdoor são feitas com uma má


comunicação, refaça o outdoor com conceitos corretos.

Exercício 2
Criar um outdoor para ficar na beira de estrada, para vender restau-
rante.

Visto:

www.sevencg.com.br 79
After Effects Seven Computação Gráfica

Desafio

Criar um outdoor para ficar dentro da cidade, para vender


academia (malhação).

Pergunta
1. Como devem ser apresentadas as informações visuais?
2. Cite dois obstáculos para a comunicação do outdoor

80 www.sevencg.com.br
After Effects
Nome:

Turma:

UNIDADE III - ADOBE


AFTER EFFECTS

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 81
After Effects
Nome:

Turma:

AULA 12
Composições em 3D

Tópicos da • Composições em 3D

Aula

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 83
After Effects Seven Computação Gráfica

Data:

Professor:

1. Composições em 3D

Construir uma cidade com prédios seria possível ser feita no after
effects ? Ou para isso precisaríamos do auxilio de um programa em
3D ??
O after effects tem o seu próprio controlador de camadas em 3D,
que nos da possibilidades incríveis para construção de uma ambien-
te básico em 3D tendo ate mesmo suporte de iluminação e câmera.
Nesta próxima sequencia nos estaremos estudando a fundo, como
obter e como manipular camadas em 3D. Para isso usaremos duas
imagens para a construção do nosso pequeno cenário.

Crie uma composição de tamanho HD (1280/720), importe as ima-


gens disponibilizadas em turma arraste-as para sua timeline, Ante-
riormente foi falado sobre os paineis Toggle Switchs e Modes, aonde
você poderia estar a alternar entre um e outro e para transformar
qualquer que seja nossa camada em 3D sera no painel Toggle e
selecionar opção Make 3D
comp.
Após a alteração, vamos ob-
servar com nosso Anchos
Point da imagem foi modifi-
cado par um pivor com três
eixos, X,Y,Z que é o padrão
para qualquer programa em
3D.
Tendo o achorpoint altera-
do nos já podemos montar
a nossa composição imagem
Grunge 4 sera a imagem para
o chão o a grunge 9 para as
paredes e teto se necessário.

www.sevencg.com.br 85
After Effects Seven Computação Gráfica

A partir daqui podemos começar a manipulação das camadas para


simular o nosso ambiente. Para tal manipulação iremos pegar a fer-
ramenta selectionTool (W) e rotacionar a primeira imagem no eixo X
(seta vermelha) para fazer o chão.
E a mesma coisa sera feita nas seguintes imagens para fazer a pa-
rede, porem essas seriam alteradas no eixo Y (seta verde) a parede
de fundo deve ser manipulada no eixo Z (seta azul) com a selection
tool. Para facilitar o seu trabalho você pode estar a duplicar as ca-
madas com Ctrl+D ou Menu edit> dulplicate.
Algo que não podemos ignorar seria que nas propriedades de posi-
ção nos também agora temos o valor do eixo Z.

Observe que você manipulou as camadas nos eixos desejados e


observou que é um pouco complicado no termos precisão do que
estamos fazendo. Então para visualizar o que exatamente estamos
fazendo, vamos criar um câmera para nos da visualização de todos
os ângulos possíveis.
Então crie uma câmera de de 50mm para começarmos a entender
como manipular essa câmera.
De primeiro instante temos que intender que a câmera é um objeto
que se divide em dois, a própria câmera que sera a nossa visão e o
ponto de interesse que sera o ponto no qual a câmera estará focada
e sabendo disso vem a minha primeira ferramenta de manipulação
que é a Orbit câmera tool, que fara a câmera se movimentar ao re-
dor do ponto de interesse. Do mesmo jeito que a terra gira em torno
do sol, sendo a câmera a terra e o ponto de interesse o sol.

86 www.sevencg.com.br
After Effects Seven Computação Gráfica

Observe que ao clicar e arrastar você ver a previa pontilhada do que


sera exibido e ao soltar você terá um outro ângulo de visualização
da sua composição e lembre-se você não esta movendo as cama-
das, você esta movendo a câmera não deixe de observar que o pon-
to de interesse da câmera por padrão vem ao centro da composição
e isso pode ser alterado nas propriedades da câmera.

A duas próximas ferramentas X,Y camera tool e Z camera tool, são


para movimentar a câmera só no determinado eixo de acordo com
o nome da ferramenta mas a mais usada é a orbit câmera tool e
para facilitar seu trabalho você pode esta alternando entre as ferra-
mentas apertando a tecla “c”, outra dica seria, seria alterar as view
para você ter uma visualização em ângulos diferentes sem alterar a
câmera ou ate mesmo dividir as telas em 4 view ports.
Apos tal conceito, nosso objetivo é posicionar as camada para que
elas pareçam uma sala para que possamos posicionar um texto la
dentro e criar a iluminação.

(Custom view e 4 viewports)6

www.sevencg.com.br 87
After Effects Seven Computação Gráfica

1.1. Dicas complementares

Livros:

Outdoors
Design Instrucional contextualizado
Sites:

www.portaldasartesgráficas.com.br
www.centraldeoutdoor.com.br

Exercício 1

Muitas propagandas em outdoor são feitas com uma má


comunicação, refaça o outdoor com conceitos corretos.

Exercício 2
Criar um outdoor para ficar na beira de estrada, para vender restau-
rante.

Visto:

88 www.sevencg.com.br
After Effects Seven Computação Gráfica

Desafio

Criar um outdoor para ficar dentro da cidade, para vender


academia (malhação).

Pergunta
1. Como devem ser apresentadas as informações visuais?
2. Cite dois obstáculos para a comunicação do outdoor

www.sevencg.com.br 89
After Effects Seven Computação Gráfica

90 www.sevencg.com.br
After Effects
Nome:

Turma:

UNIDADE III - ADOBE


AFTER EFFECTS

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 91
After Effects
Nome:

Turma:

AULA 11
Estilo de camadas

Tópicos da • Estilo de camadas

Aula

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 93
After Effects Seven Computação Gráfica

Data:

Professor:

1. Estilo de camadas

Imagine agora um texto sobre uma textura grunge de uma parede.


O que poderíamos fazer para da uma estilização para uma compo-
sição tão simples?
Dentro do after, assim como no photoshop nos temos estilos de ca-
madas que são usado de maneiras diversas para dar um visual mais
adequado para nossa composição. Usamos muito o estilo de camada
para definir, sombra, iluminação, chanfrados, brilhos e uma serie de
outros atributos para estilizar nossa camada.
Então vamos la, teremos de inicio algo do tipo:

A cor branca do texto na composição é evidentemente comum, sem


estilo, sem forma, algo que vai totalmente contra as leis do desig-
ner, então nosso dever agora
é aplicar os estilos de camada
dar uma aparência mas devi-
da para nossa composição.
Clique com o botão direi-
to do mouse em cima da
camada de texto > Layer
styles>...
Por esse caminho nos iremos
ter em exibição todas os esti-

www.sevencg.com.br 95
After Effects Seven Computação Gráfica

los de camadas possíveis.


Neste momento iremos explicar o que cada um deles estará fazen-
do a principio, mas não se limete ao que sera citado, com todas as
alterações que poderão ser feitas você pode criar coisas que estão
fora dos conceitos iniciais.
Começaremos pelo “drop e inner shadow”. O drop shadow ira
nos gerar uma sombra na camada selecionada e no nosso caso na
camada texto, essa sombra sera aplicada atrás da letra para simular
um sombreamento ao seu texto e assim dando realismo para sua
composição.
Algo interessante a sitar é que para uma bom realismo é interes-
sante estudarmos sombra, iluminação e contraste entre as duas. Já
o inner shadow vai gerar uma sombra interna da camada, gerando
profundidade a camada. Lembre-se que todos os estilos de cama-
das podem ser configurado a gosto do usuário e sem falar que você
pode aplicar mais de um LayerStyles nas camada que você desejas.
Lembre-se que não existe uma receita de bolo correta para gerar
nossos efeitos, use a imaginação não se limite.

(Camada em drop shadow) (Camada em Inner shadow)

O próximo passo seria o “ inner glow e outer glow” Não muito


diferente da shadow o glow vamos estar a usar Brilho. O Inner glow
nos iremos adicionar um brilho interno ao a nossa camada, por pa-
drão o brilho vem de cor amarela e bem fina, mas como já foi dito,
tudo isso pode ser alterado sem limites. Para nossos próximos
exemplos nos escurecemos o fundo e aumentamos um pouco do
size para dar enfase ao brilho. O outer glow já vai edicionar um efei-
to de brilho ao redor da camada na qual aplicamos, que no nosso
caso é a texto, tal brilho também pode ser alterado para mais inten-
so ou mais fraco, cor e etc...

(Camada com inner glow) (Camada em outer glow)

Na sequencia temos o “Bevel and Emboss e Satin” Que são se-


melhantes de maneira surpreendetes criando chanfrados e entra-
lhes nas camadas, mas um detalhe de extrema importância é que o

96 www.sevencg.com.br
After Effects Seven Computação Gráfica

bevel and embos vai gerar uma pequena iluminação nas camadas
simulando um efeito de letra chanfrada porem o satin ira gerar um
tipo de sombreamento para camada que estão em branco, ou seja
não podemos aplicar em uma camada com cor preta.

(camada com satin) (Camada em Bevel and Emboss)

por ultimo vamos finalizar em “Stroke” que pelo próprio nome já


diz. Contorno, o stroke ira nos gerar um contorno ao redor da nossa
camada, semelhante ao inner glow, porem não dara um tom de bri-
lho.

Nos já falamos de inúmeras alterações sobre os estilos de camadas


então para finalizar iremos demonstrar como esta fazendo tais alte-
rações. Quando abrirmos as propriedades de camada, nos sera exi-
bida o LayerStyles e junto ao abrir veja que temos blend modes e
inúmeras outras opções que podemos está a explorar para nos ter-
mos uma melhor estilo de camada. Por tanto explore e pratique.

(Configuração da layer styles)

www.sevencg.com.br 97
After Effects Seven Computação Gráfica

1.1. Dicas complementares

Livros:

Outdoors
Design Instrucional contextualizado
Sites:

www.portaldasartesgráficas.com.br
www.centraldeoutdoor.com.br

Exercício 1

Muitas propagandas em outdoor são feitas com uma má


comunicação, refaça o outdoor com conceitos corretos.

Exercício 2
Criar um outdoor para ficar na beira de estrada, para vender restau-
rante.

Visto:

98 www.sevencg.com.br
After Effects Seven Computação Gráfica

Desafio

Criar um outdoor para ficar dentro da cidade, para vender


academia (malhação).

Pergunta
1. Como devem ser apresentadas as informações visuais?
2. Cite dois obstáculos para a comunicação do outdoor

www.sevencg.com.br 99
After Effects Seven Computação Gráfica

100 www.sevencg.com.br
After Effects
Nome:

Turma:

UNIDADE III - ADOBE


AFTER EFFECTS

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 101
After Effects
Nome:

Turma:

AULA 10
Texto com Shape

Tópicos da • Texto com Shape

Aula

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 103
After Effects Seven Computação Gráfica

Data:

Professor:

1. Texto com shape

Para finalizar essa parte de texto, vamos falar do texto em uma sha-
pe ou em uma forma. Então vamos la.
Em uma composição normal em HD vamos digitar qualquer coisa,
assim criando uma camada de texto e dentro dela criaremos um
shape ou uma forma, no nosso caso sera criado uma shape pois a
forma não sera fechada. Lembre-se que a mascara devera ser cria-
da dentro da camada de texto.

www.sevencg.com.br 105
After Effects Seven Computação Gráfica

Agora eu posso fazer o meu texto seguir esse caminho. Vamos abrir
a propriedade de texto text > path options e também deixar aberto
o more options.

No path option vamos indicar que o texto deve seguir a mascara 1


e teremos isso podemos animar nosso texto para ele percorrer todo
esse caminho, apenas animando nosso First Margin ou LastMargin.

106 www.sevencg.com.br
After Effects Seven Computação Gráfica

1.1. Dicas complementares

Livros:

Outdoors
Design Instrucional contextualizado
Sites:

www.portaldasartesgráficas.com.br
www.centraldeoutdoor.com.br

Exercício 1

Muitas propagandas em outdoor são feitas com uma má


comunicação, refaça o outdoor com conceitos corretos.

Exercício 2
Criar um outdoor para ficar na beira de estrada, para vender restau-
rante.

Visto:

www.sevencg.com.br 107
After Effects Seven Computação Gráfica

Desafio

Criar um outdoor para ficar dentro da cidade, para vender


academia (malhação).

Pergunta
1. Como devem ser apresentadas as informações visuais?
2. Cite dois obstáculos para a comunicação do outdoor

108 www.sevencg.com.br
After Effects
Nome:

Turma:

UNIDADE III - ADOBE


AFTER EFFECTS

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 109
After Effects
Nome:

Turma:

AULA 9
Texto

Tópicos da • Texto

Aula

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 111
After Effects Seven Computação Gráfica

Data:

Professor:

1. Texto

Olha que ótimo, concluímos boa parte de funcionalidade do after,


com tudo que vimos até agora temos possibilidades ilimitadas para
o que pode ser feito. A partir de agora nesta a postila veremos ain-
da mais funcionalidades com todos os detalhes já visto ao decorrer
do curso. Para o que vamos ver de agora em diante eu peço a vo-
cês estarem familiarizados com tudo o que foi falado anteriormente
nesta apostila e caso não se sinta segura retorne pois agora iremos
navegar por mares mais profundos.

1.1. Animações de texto

Então vamos começar a ver animações de texto através de presets


já prontos dentro do after effects.
As animações são de extrema importância para fazer uma boa vi-
nheta ou uma boa introdução das suas produções e outro detalhe
é que você sempre tenha suas introduções para causar impacto em
seu cliente de primeira impressão, pois essa é a que ficara pelo resto
do seu trabalho. Outro detalhe é que você use e abuse de efeitos
sonoros quando falando de um boa vinheta. Então sem mais delon-
gas vamos la:
Crie uma composição de resolução em HD 1280/720 com a duração
de 10 segundos.
Após crie uma camada de texto e digite o nome da sua marca, ou
que você desejar.
Uma dica que deixo é: Sempre use fontes encorpadas, fontes com
uma boa visualização para dar enfase ao escrito.

www.sevencg.com.br 113
After Effects Seven Computação Gráfica

Então teremos mais ou menos isso:

Não esqueça da caixa “Cha-


racter” na qual você poderá
alterar a suas fontes.
Nosso próximo passo seria ir
para a aba Effects $ Presets
para começarmos a aplica os
presets de texto.
Dentro da opção E&P tere-
mos todos os efeitos e pre-
sets do after effects a nossa
disposição porem, siga o ca-
minho que irei amostrar para
nos aplicarmos os efeitos
certos.
Dentro destas opções temos
inúmeros presets que pode-
mos aplicar dentro da nosso
texto, mas não só em texto,

114 www.sevencg.com.br
After Effects Seven Computação Gráfica

você pode aplicar qualquer um destes presets em qualquer objeto


porem o programa indica qual mais indicado a trabalhar e no nosso
caso é o texto.
Para aplicar um present basta você basta esta com sua camada se-
lecionada e dar dois cliques sobre o preset desejado, o problema de
tal metodo é não conseguir visualizar qual efeito sera aplicado no
seu texto. Então o que podemos fazer para ter um previa dos efeitos
aplicados antes de aplicá-los?
Pelo visualizador da adobe, o Bridge. Então vamos la.
Deixe a camada que você ira
aplicar o efeito selecionada,
depois va nesta opção que
nos levara para o Adobe
Bridge.
Nesta janela temos todas as
opções de presets do after,
e ao clicar em algum desses
ícones as janelas ao lado di-
reito irão exibir a previa da
animação que sera aplicada.

Nos temos inúmeros tipos de presets que podemos aplicar, o Brid-


ge estará dentro da pasta do after seja la aonde ela estará em seu
sistema. A prova disso é:
Você pode explorar todos os efeitos dentro do after através destes
paineis.

www.sevencg.com.br 115
After Effects Seven Computação Gráfica

Para aplicar o efeito direto do Bridge basta você esta com a sua ca-
mada no after selecionada e após escolher o efeito desejado dê um
duplo clique para aplicar o efeito no after.

Observe que após o clique duplo, a camada no after sofreu influen-


cia sobre os efeitos, então o que temos a dizer é que, podemos
estar a explorar todos os presets para obter um efeito desejado, um
detalhe interessante é que você pode estar a aplicar vários efeitos
em uma só camada, também observe que foi gerado key frames
automaticamente na camada que o efeito foi aplicado.
Nos já temos nossa animação porem o background (Fundo) da ima-
gem esta em preto e esse preto seria apenas o fundo da composição
em transparência, então nosso próximo passo para finalizar nossa
pequena vinheta seria adicionar um fundo para a nossa composição
e para isso vamos começar a trabalhar com efeitos.
De inicio crie uma camada solida (Ctrl+Y) e não esqueça de posicio-
nar a camada em baixo do da camada de texto para que o texto fi-
que em exibição. Após selecione o solido criado, va em Menu effect
> Generate > Ramp.

116 www.sevencg.com.br
After Effects Seven Computação Gráfica

O Ramp é um modo de colo-


ração em gradiente no qual
podemos escolher as opções
Gradiente Linear ou Radial.
Poderemos alterar a área de
atuação de cada cor e nada
mais justo do que a aplica-
ção de cada cor que farão
parte de tal gradiente. Mas
ate agora o que vimos não
explica como fazer tais alte-
rações dentro de um efeito
ou preset.
No Painel project temos
uma aba ao lado chamada
“Effects Control” e ao clicar
sobre esta aba ira nos exibir
toda a nossa configuração de
todos os efeitos usados den-
tro da camada selecionada.
Um detalhe importante im-
portante é que nem sempre
esta aba vem aberta no nos-
so after effects, por isso dei-
xo o caminho caso a sua aba
não esteja aberta. “Menu
window > Effects Controls” e
assim ative a sua aba.

A principio o nosso Ramp vem com suas configurações padrão do


efeito, com um gradiente Linear e e a cor do preto e branco. Para
fazer alterações deste efeito, clique na aba Efects control para fazer
certas alterações.

www.sevencg.com.br 117
After Effects Seven Computação Gráfica

Nos vamos mudar as opções de linear para radial e mudar as cores


para termos um bom efeito de BG (background). Ao clicar na cor
sera exibida as opções de cores que lhe dará as quase infinitos tons
de cores para usar do jeito que desejar. Por final você pode mexer
na start ou end ramp para determinar a área aonde o centro do gra-
diente vai abranger.

Tendo concluído tais alterações teremos uma interação com um fun-


do adequando e uma boa animação de texto. Para finalizar o nosso
conceito de animação com texto nos podemos mudar também a cor
do nosso texto de diversas maneiras e uma delas seria aplicar outro
efeito.
Então vamos em menu effects > generate > fill. O fill é efeito que
vai gerar uma cor solida a qualquer que seja a camada selecionada.
Por padrão esta cor sera uma vermelho bem berrante, mas não se
preocupe, na aba effects controls e você poderá alterar a cor da
camada selecionada no nosso caso o texto. Não se limite apenas
ao que é falado a que nesta apostila, explore e pratique para aper-
feiçoar e lembre-se o Ramp também pode ser aplicado no texto.
Não existe uma receita para o que podemos fazer dentro da nossa
imaginação.

1.2. Dicas complementares

Livros:

Outdoors
Design Instrucional contextualizado
Sites:

www.portaldasartesgráficas.com.br
www.centraldeoutdoor.com.br

118 www.sevencg.com.br
After Effects Seven Computação Gráfica

Exercício 1

Muitas propagandas em outdoor são feitas com uma má


comunicação, refaça o outdoor com conceitos corretos.

Exercício 2
Criar um outdoor para ficar na beira de estrada, para vender restau-
rante.

Visto:

www.sevencg.com.br 119
After Effects Seven Computação Gráfica

Desafio

Criar um outdoor para ficar dentro da cidade, para vender


academia (malhação).

Pergunta
1. Como devem ser apresentadas as informações visuais?
2. Cite dois obstáculos para a comunicação do outdoor

120 www.sevencg.com.br
After Effects
Nome:

Turma:

UNIDADE III - ADOBE


AFTER EFFECTS

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 121
After Effects
Nome:

Turma:

AULA 8
Menu Layer

Tópicos da • Layer

Aula

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 123
After Effects Seven Computação Gráfica

Data:

Professor:

1. Menu Layer

Apesar de trabalhar com imagens e vídeos de diferentes extensões,


o after effects é capaz de criar seu próprios objetos que dão auxilio
a criação de uma composição, é possível dentro after gerar efeitos
apenas usando seus próprios recursos. Dentre esses recursos temos
no menu layer: text, solid, light, camera, null object, shape layer,
adjustment layer e adobe photoshop file.
Sendo assim vamos estudar cada uma delas de maneira indepen-
dente pois nem todas são dependentes uma da outra.

O primeira opção temos a Layer text que pelo próprio nome já po-
demos ter a certeza do que ela faz.
A text ira criar uma camada de texto vazia para você apenas digitar
seu conteúdo dentro, o mesmo processo ocorre quando na toolbox
( caixa de ferramenta) você a seleciona.
Obs: em qualquer produção que você faça é sempre de extrema im-
portância que você tenha uma bela vinheta para dar impacto a sua
apresentação, seja la qual for a finalidade dela.
Apos a text tenho a camada solide que é uma das mais importantes
dentre todas as demais camadas, pois nela nos podemos criar uma

www.sevencg.com.br 125
After Effects Seven Computação Gráfica

camada dentro da composição com uma cor solida, e fazer qualquer


tipo de alteração ou aplicar qualquer tipo de mascaramento, assim
criando infinitas possibilidades de acordo com a nossa imaginação.
Dentro da camada solid te-
mos opções de criação.
Dentro do solid settings te-
mos o nome que podemos
que podemos dar para a ca-
mada solida que ira se criar.
Temos as opções Width e
Height que ira nos informar
o tamanho que nossa cama-
da solida tera, por padrão
sempre temos o solido do ta-
manho original da composi-
ção, temos as unidades que
sempre devemos manter em
pixels para ter precisão da
composição. Logo após te-
mos o pixel aspect
que são presets já prontos para nos definir as resoluções mais usa-
das. O botão Make comp size ira nos da nossa camada solida, do
tamanho da nossa composição feita e por ultimo a definição da cor
solida que sera gerada.
Caso você queira alterar alguma das configurações depois que você
criou o objeto, va em Menu Layer – Solid settings.

Na próxima opção temos a


camada Light, que iremos
estudá-la a fundo quando
chegarmos na manipulação
de camadas em 3D. Basica-
mente a layer Light vai nos
gerar um tipo de iluminação
para nossas camadas em 3D.
Podemos da um nome para
nossa camada, podemos de-
finir que tipo de luz será, Pa-
rallel Light, Point Light, spot
light ou ambiente light. Na
opção a baixo temos o Inten-
sity aonde podemos alterar a
intensidade da luz que sera
gerada, dependendo da luz
temos a angulação na qual
vai determinar a posição de
uma luz spot light, na opção
fallof seria a area de atua-
ção que essa luz iria receber,
onde temos as opções smoo-
th e inverse, eu eu indicaria
que ficasse em smooth e de acordo com o falloff você vai determinar
tal área. Na ultima opção temos o casts shadows que seria para nos-
sa luz gerar sombras para nossos determinados objetos.
Na próxima opção temos a Layer camera, que ira nos gerar uma

126 www.sevencg.com.br
After Effects Seven Computação Gráfica

camada de camera que sera outra matéria que estudaremos a fundo


no capítulos posteriores.

As opções de câmeras são um tanto complicadas para quem não


tem conhecimento de câmeras reais, pois toda a configuração que
faremos é de acordo com uma câmera real, mas vamos la.
A primeira opção temos o Presets aonde temos os milímetros que
é a abertura que nossa câmera terá as duas mais usadas seriam as
50mm e a 20mm, sempre deixar as opções enable depth of field
selecionadas pois são elas que nos darão um foco melhor a nossa
composição de acordo com a posição da câmera. O blur level sem-
pre em 100% também para ajudar no nosso foco de câmera de
acordo com a posição do objeto no ambiente 3D.
Como falado anteriormente temos uma família de ferramentas que
serão responsáveis pela manipulação da câmera. ( camera tool (C)).
Na próxima opção temos o Null Object, ou Objeto nulo. O que seria
esse objeto nulo ? O próprio nome já diz, é uma objeto sem forma e
sem conteúdo mas que despõe das mesmas propriedades de outros
objetos e que se provara de grande utilidade quando estivermos a
trabalhar com Track Motion.
Por ultimo temos a opção Adjustment Layer ou camada de ajusta-
mento. Como já sabemos o after effects é um programa que tra-
balha por camadas e trabalhão de maneira hierárquica, ou seja a
camada que esta a cima sempre terá prioridade sobre as camadas
que estarão a baixo. E a camada de ajustamento também vem sem
nenhum conteúdo, é como uma camada invisível aonde podemos
fazer qualquer aplicação nela, e ela ira alterar todas as camadas que
em baixo dela estiverem.

1.1. Dicas complementares

Livros:

www.sevencg.com.br 127
After Effects Seven Computação Gráfica

Outdoors
Design Instrucional contextualizado
Sites:

www.portaldasartesgráficas.com.br
www.centraldeoutdoor.com.br

Exercício 1

Muitas propagandas em outdoor são feitas com uma má


comunicação, refaça o outdoor com conceitos corretos.

Exercício 2
Criar um outdoor para ficar na beira de estrada, para vender restau-
rante.

Visto:

128 www.sevencg.com.br
After Effects Seven Computação Gráfica

Desafio

Criar um outdoor para ficar dentro da cidade, para vender


academia (malhação).

Pergunta
1. Como devem ser apresentadas as informações visuais?
2. Cite dois obstáculos para a comunicação do outdoor

www.sevencg.com.br 129
After Effects
Nome:

Turma:

UNIDADE III - ADOBE


AFTER EFFECTS

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 131
After Effects
Nome:

Turma:

AULA 7
Mascaramento

Tópicos da • Mascaramento

Aula

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 133
After Effects Seven Computação Gráfica

Data:

Professor:

1. Mascaramento

A mascara no after effects é uma trajetória ou um contorno que é


usado para modificar efeitos de layers. As mascaras são comumente
usada para alterar o canal alpha de uma layer, A mascara é formada
por seguimentos de linhas e vértices que definem suas curvas com
alças de ajuste.
Uma mascara pode ser um trajetória aberta ou fechada. A trajetória
aberta é quando a mascara tem um inicio e um fim, quando seus
pontos iniciais e final não se encontram, já a a fechada não tem ini-
cio nem fim ou seja o seu ponto final se encontra o inicial exibindo
apenas o que está dentro da mascara e ocultando o que está fora.
Trabalhar com mascaras abertas ou fechadas tem funcionalidades
diferentes, mas eu uma coisa eu me atrevo a dizer que, o proces-
so de mascaramento é uma dos métodos mais poderosos do after
effects quando sabemos usar de maneira correta e com bastante
criatividade.
De inicio iremos acompanhar o processo de mascaramento fechado
e ver todas as suas propriedades.
Ferramentas para mascaramento temos a pentool e as famílias de
shapes que são incluídas a rectangle tool, rounded rectangle tool,
elipse tool,polygon tool e star tool.
Para o que iremos fazer vamos usar a pentool que irar criar um con-
torno ao redor da nossa imagem.
Vamos imaginar um comercial de concessionaria de carros ou o co-
mercial de da ricardo eletro que os carros em modo de imagem vem
batendo na tela e os preços aparecendo com o narrador de fundo.
Cada foto de carro é uma imagem, cada preço que aparece também
é uma imagem que provavelmente foi feita no photoshop ou illus-
trator.

www.sevencg.com.br 135
After Effects Seven Computação Gráfica

Uma imagem de uma carro aleatório sera usada para começar a


criar um comercial de tv.

Vamos observar que o carro esta com um fundo e não seria ideal
para fazer uma comercial, tínhamos que ter apenas o carro na ima-
gem com fundo em transparência, sera neste instante que o recuso
de mascaramento sera inciado.
Selecione a pentool (G) e comece a demarcar pontos ( vértices) que
serão interligados por linhas criando um contornos para que no final
seja removido apenas o carro da nossa imagem.
Obs: Para criar a mascara no carro é de extrema importância que
você esteja com a layer carro selecionada.

Observe que ao clicar você gera pontos que são ligados por linhas
e observe ainda mais que as curvas são controladas por alças de
ajustamentos e quanto maior a alça mais curvas você irá gerar.
Para controlar as alças independentemente da outra pressione a
tecla ALT para manusear as alçase assim você devera ter muita fa-
cilidade em manusear as alças.
Ao criar o contorno em toda a imagem do carro você tem a obriga-
ção de fechar a sua mascara clicando como ultimo ponto que você

136 www.sevencg.com.br
After Effects Seven Computação Gráfica

irá gerar no primeiro ponto que você clicou e só assim sua mascara
sera fechada.

Ao fechar a sua mascara se sua grade de transparência estiver ati-


vada sera possível analisar que sua mascara fez efeito recortando a
imagem e exibindo a grade de transparência.

Observe que seu carro foi totalmente envolvido sobre a mascara,


porem eu tenho a falar que dizer que eu recortei a imagem é um
modo errado a se referir sobre o que é a funcionalidade da mascara.
A mascara funciona da seguinte maneira. Como nos fizermos o con-
torno ao redor do carro, no momento em que fechamos a mascara
ela passou exibir apenas o que esta dentro da mascara e o que esta
fora da mascara esta sendo ocultado. A imagem não foi recortada,
foi definido apenas uma área de na qual sera exibida apenas o que
estar la dentro.
Tendo esse conceito de mascara nos podemos agora explorar sua
propriedades. Quando criamos qualquer mascara independente de
pentool ou shape nos temos na layer que ela foi criada as opções de
mascara e para abri-las selecione a layer, aperte a tecla “M” para
exibir a mascara feita no carro, se você apertar duas vezes a tecla
M você exibirar todas as propriedades da mascara, sendo elas, Maks
Shape, Mask Feather, Mask Opacity e Mask Expansion. Podemos ver
também as modos de camadas que no nosso caso por padrão esta

www.sevencg.com.br 137
After Effects Seven Computação Gráfica

em “add”.

Observe algo de extrema importância, do lado de todas as proprie-


dades nos temos o stopwatch, e o que isso quer dizer ??? Quer dizer
que todas as nossas propriedades de mascara podem ser animadas
independentemente.
Como foi dito a mascara não corta a imagem . Ela apenas oculta
uma determinada área e exibe a outra, para provar isso podemos
ver a primeira propriedade de mascara que é a Mask Path que é re-
ferente ao caminho que nos fizemos na mascara, cada ponto, cada
alça, cada linda da mascara é referente ao path. Para alterar o path
tenho que clicar uma vez dentro da mascara e assim posso selecio-
nar qualquer ponto e movê-lo do jeito que for necessário.
Observe que se eu movimento um ponto eu vou exibir o que estará
dentro da mascara.

Vamos observar outro detalhe que sera referente a nossa próxima


propriedade. Quando nos usamos a mascara no local da linha aonde
ele define a exibição a cor fica dura o que pode resultar em um corte
mal feito e sem duvidas isso irá comprometer a qualidade do nosso
trabalho.
Veja:

138 www.sevencg.com.br
After Effects Seven Computação Gráfica

As bordas do recorte estão duras, o que pode trazer problemas de-


pendendo da imagem, para resolver isso precisamos, aplicar um
desfoque nas bordas para que nosso corte fique mais suavizado, e
isso é a função do Mask Feather que vai suavizar as bordas da mas-
cara desfocado as bordas.
O feather é uma solução para inúmeros problemas como junção de
composição, cortes de cena e etc... Não ache que o feather é algo
simples, na opinião de vários é uma ferramenta MUITO poderosa.

1. Aplicação de 5 de feather nesta imagem.

As ultimas opções são complementos para as demais, a mask opa-


city, como o próprio nome já diz, é para opacidade, tudo o que esta
dentro da mascara estará com opacidade dependendo do valor da
porcentagem.
Já por ultimo e não menos importante temos a mask expansion que
não ira alterar a a forma da mascara porem ira alterar a área aonde
a mascara abrange. Com o valor positivo a mascara irar abranger
uma area a mais da mascara e com o valor negativo ela fara a mas-
cara entrar dentro dela mesma.

www.sevencg.com.br 139
After Effects Seven Computação Gráfica

(imagem com valor positivo) (imagem com valor negativo)


Tendo entendido as funcionalidades das propriedade das mascaras
podemos passar para os modos de mascara que irão se assemelhar
muito a função de pathfinder do illustrator.
As opções que temos são add, substract, além de ter a intersect e
entre outras, a que vai realmente importar são as add e substract,
que serão usadas consta temente dentro de todos os trabalho, sen-
do para fazer iluminação em uma determinada área ou esconder
certo objeto dentro da cena.
Temos um exemplo outro carro que ocultaremos seu fundo com a
pentool

Agora com a camada selecionada, você pode apertar a tecla “M”


duas vezes para abrir as opções de mascara, ou simplesmente clicar
na seta de exibição que temos ao lado da camada e por padrão nos
temos o modo de camada ativado em modo ADD, que significa que
é um modo de camada aditivo. Agora podemos fazer acontecer a
magica, se eu mudo o modo de add para Substract, a mascara vai
fazer uma subtração na imagem agora revertendo o efeito original
da mascara, se em add a mascara exibi apenas o que esta na parte
de dentro da mascara a substract vai exibir apenas o que esta fora
da camada.

140 www.sevencg.com.br
After Effects Seven Computação Gráfica

“Mascara em modo substract)

1.1. Dicas complementares

Livros:

Outdoors
Design Instrucional contextualizado
Sites:

www.portaldasartesgráficas.com.br
www.centraldeoutdoor.com.br

Exercício 1

Muitas propagandas em outdoor são feitas com uma má


comunicação, refaça o outdoor com conceitos corretos.

Exercício 2
Criar um outdoor para ficar na beira de estrada, para vender restau-
rante.

Visto:

www.sevencg.com.br 141
After Effects Seven Computação Gráfica

Desafio

Criar um outdoor para ficar dentro da cidade, para vender


academia (malhação).

Pergunta
1. Como devem ser apresentadas as informações visuais?
2. Cite dois obstáculos para a comunicação do outdoor

142 www.sevencg.com.br
After Effects
Nome:

Turma:

UNIDADE III - ADOBE


AFTER EFFECTS

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 143
After Effects
Nome:

Turma:

AULA 6
Resolução de cores

Tópicos da • Cores e transparência

Aula

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 145
After Effects Seven Computação Gráfica

Data:

Professor:

1. Resolução de cores e Grade de


transparecia.

Quando trabalhamos com vídeo ou imagens nos trabalhamos com


modos de cores em RGB ( red, green, blue ou vermelho, verde e
azul. Geralmente usando com a resolução de 8 bits, isso nos permi-
te 256 variações de cor em cada canal, isso equivale a 16.777.216
cores diferentes. Sim é uma grande variedade de cores, porem atu-
almente tendemos a usar ao inves de 8 bits o sistema com 32 bits
por canal, a diferença e pouco perceptivo mas ao longo prazo são
detalhes que sempre vão fazer a diferença entre um bom trabalho
ou um trabalho ruim.
Para aumentar a resolução de cor do seu projeto basta ir em Menu
file – Project settings – Color settings, nesta opção você pode mudar
a resolução das cores do seu projeto entre 8 , 16, e 32 bits. O porem
de mudar as cores é que tornara o seu projeto mais pesado e alguns
pluggins ainda não tem suporte para sistema de 32 bits.

Alem destes dos trés canais RGB temos um quarto canal que se
chama canal ALPHA que é responsável pelo grau de transparecia de
cada pixel do seu projeto.

EX:

www.sevencg.com.br 147
After Effects Seven Computação Gráfica

Para entender aonde queremos chegar temos que ir por etapas, e


quando falo etapas quero dizer que cada componente no iremos
precisar uma hora ou outra então todos os que forem situados são
de extrema importância.
Alem do zoom na composição padrão com o botão scroll do mou-
se ou a lupa(Z) temos as configurações do botão Fit que nos dará
opções de zoom em precisão por porcentagem, as vezes com um
pouco de nossa inexperiência nos podemos perder a composição por
ter dado muito zoom e as vezes sentimos dificuldade de centralizar
a a composição no meio da tela e exatamente por isso que temos a
opção fit up to 100% que irar ajustar sua composição no centro da
tela.
A opção choose grid ou linhas guias no da opção de posicionar nos-
sos objeto através de linhas guias podemos ativar também as ré-
guas para criarmos manualmente essas linhas guias como padrão
da ADOBE com Ctrl+R a opção dentro das choose grid é a title action
safe que no mostra uma janela com o centro em posição e uma
área de segurança, muito usada quando queremos centralizar um
texto.
Ao lado da choose grid temos a também a opção toggle mask and
shap que nos dará a visualização as linhas de mascara e de shapes.
Opção útil para quando estamos trabalhando com muitas mascaras
elas acabam atrapalhando um pouco da visualização da composição.
Mas o que são mascaras? É por isso que estamos vendo detalhes
aos poucos para chegar nas mascaras e tudo sera esclarecido com
um sol nascendo no horizonte as 5:40 da manhã.
Ao lado temos o current time, que nos dará o tempo exato aonde
nossa agulha de tempo esta na timeline, e dando dois cliques sobre
o current time ele abrira uma janela que nos oferece digitar o tempo
exato para aonde queremos ir.
Mais ao lado tempo o SnapShot que irá nos permitir capturar o
frame aonde a agulha do tempo se encontra e logo ao lado temos
o exibidor do snapshot, que ao pressionar o clique ira nos exibir o
snapshot que tiramos independente do lugar onde encontra-se a
agulha do tempo.
Temos os canais de video RGB aonde podemos mudar a visualização
dos sistemas de cores para vermelho, verde ou azul sem falar que
também temos o controle RGB.
O resolution ira nos definir as opções de resolução da nossa compo-
sição para o frame que nos encontramos as opções dentro do reso-
lution são : FULL que vai nos dar total resolução da nossa composi-
ção, mas lembrando que isso irar exigir muito mais do computador,
então se você não despõe de uma boa maquina você pode deixa a
opção no HALF que irá reduzir a resolução dos nossos pixel’s pela
metade ou então as seguintes opções THRID E QUARTER que ira
reduzir nossa resolução a um terço ou um quarto ( 1/3 e ¼).
As vezes quando estamos trabalhando com uma composição com
vários itens nossa vista as vezes não assimila tudo como deveria e
por isso nos temos o próximo botão que se chama region of interest
que nos dará uma região de interesse que aonde foi feito a caixa
deixara a visualização apenas na quele area desejada para nos dar
mais precisão ao trabalho.
Em fim em uma das mais importantes botões que temos na com-
posite view que é o toggle transparecy grid ou apenas Grade de

148 www.sevencg.com.br
After Effects Seven Computação Gráfica

transparência o importante em se não é o botão, mas intender a


funcionalidade do recursos em transparência. Nos temos formatos
de imagens que nos dará transparência na areá que não temos ne-
nhum conteúdo. Como visto na imagem da nossa nave voando para
perto da tela foi comentando que a nave estava em formato PNG
que é o formato que nos dará a transparência do fundo, ou seja a
quela nave pode ser aplicada a qualquer outro fundo para simular
um cenário. Caso nossa imagem não esteja em PNG ela não terá
transparência e sera neste instante que entraremos com o recurso
de mascaramento para remover o fundo da imagem que sera o nos-
so próximo assunto.

1.1. Dicas complementares

Livros:

Outdoors
Design Instrucional contextualizado
Sites:

www.portaldasartesgráficas.com.br
www.centraldeoutdoor.com.br

Exercício 1

Muitas propagandas em outdoor são feitas com uma má


comunicação, refaça o outdoor com conceitos corretos.

Exercício 2
Criar um outdoor para ficar na beira de estrada, para vender restau-
rante.

Visto:

www.sevencg.com.br 149
After Effects Seven Computação Gráfica

Desafio

Criar um outdoor para ficar dentro da cidade, para vender


academia (malhação).

Pergunta
1. Como devem ser apresentadas as informações visuais?
2. Cite dois obstáculos para a comunicação do outdoor

150 www.sevencg.com.br
After Effects
Nome:

Turma:

UNIDADE III - ADOBE


AFTER EFFECTS

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 151
After Effects
Nome:

Turma:

AULA 5
Animação

Tópicos da • Animação

Aula

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 153
After Effects Seven Computação Gráfica

Data:

Professor:

1. Animação

No começo do material nos explicamos um pouco de animação e sua


historia, falamos também já sobre timeline e como ela é composta
por frames e já sabendo de tudo isso ficara bem mais facil entender
como funciona a animação dentro do poderoso Adobe After Effects.
Como falado logo a cima nos temos que identificar quais proprieda-
de pode ser animada ou não pode dentro do after, e para identificar
tais propriedades nos devemos apenas analisar se ela tem ou não
tem um StopWatch.

O stopwatch é um botão que vai determinar um KeyFrame ou um


quadro chave, que indicara o começo de uma animação a partir des-
se momento e toda alteração feita a partir desse momento em tem-
pos diferente irão gerar mais keyframes que irão determinar nossa
animação. Não se assuste ao ler tudo isso é bem mais fácil na pra-
tica do que na teoria.

Começaremos a animar a posição de nossa nave dentro da compo-


sição.

www.sevencg.com.br 155
After Effects Seven Computação Gráfica

Nossa nave esta no canto superior direito da tela e a nossa intenção


sera faze-la voar ate o canto inferior esquerdo da tela. Eu irei posi-
cionar a minha agulha do tempo em 1 segundo e para fazer nossa
nave se mover eu teria que começar a animar a propriedade “posi-
tion” determinando que em 1 segundo seria o meu ponto inicial de
animação e então em 1 segundo eu devo marcar um key frame cli-
cando uma vez no stopwatch referente a posição.

Ao clicar no stopwatch da posição ele irá demarcar um keyframe no


lugar aonde a agulha de tempo estiver. Agora nos devemos avançar
a agulha do tempo para determinar quando tempo irar durar esta
animação.
Supondo que eu defina que a nave irar demora 3 segundos para
chegar ao canto da tela, eu irei mover a minha agulhar para 4se-
gundos e moverei a minha nave para o canto inferior da tela no que
me resultara em outro keyframe. Quando eu soltar a previa desta
composição e a agulha começar a se mover, no instante que a agu-
lha estiver passando pelos dois keyframes a animação irá acontecer.
Preste atenção que só ao movimentar a nave em um tempo dife-
rente gerou automaticamente outro keyframe que gerou uma linha
que indica a trajetória que sua nave fez nesta quantidade de tempo.
Se você quiser ver a previa de animação aperte a tecla 0 (zero) ou
simplesmente clique em Play na janela de preview.
Caso queira aumentar ou diminuir a velocidade na animação apenas
clique e arraste o seu keyframe para perto um do outro.

156 www.sevencg.com.br
After Effects Seven Computação Gráfica

Nesta etapa nos apenas animamos a posição da nossa nave, nos


podemos também animar as demais propriedades para que possa-
mos da mais vida a nossa animação. Um exemplo disso seria animar
a escala da nave para que enquanto ela fosse voando em direção ao
canto inferior esquerdo ela ficasse cada vez maior para que desse a
impressão de que a nave estaria chegando mais perto da tela.

1.1. KeyFrames sem interpolação.

Uma boa maneira de demonstrar o que seria uma animação com


key frames sem interpolação seria pela opacidade.
Digamos que que nos queremos que nossa nave a pareça na cena
com um fade in ( ir aparecendo de maneira gradativa) e no final
suma perdendo sua transparência em um fade out ( sumir gradati-
vamente).

www.sevencg.com.br 157
After Effects Seven Computação Gráfica

De primeiro instante foi demarcado um key frame com 0% de opaci-


dade a agulha foi avançada em alguns frames e após a opacidade foi
alterada para 100% gerando outro key frame, isso já é o suficiente
para gerar uma animação de de fade-in. O porem agora é como
demarcar o momento final para que a nave desapareça apenas no
momento que for definido.
Iremos avançar a agulha para o momento no qual nave deve co-
meçar a desaparecer e demarcar um keyframe sem interpolação,
avançar alguns frames de pois alterar a opacidade para 0 %.
Observe.

Keyframe sem interpolação ( seria o mesmo que copiar o ultimo


keyframe feito em um espaço de tempo diferente.)

Por último um keyframe gerado pela alteração da opacidade que


estava em 100% para 0%..

158 www.sevencg.com.br
After Effects Seven Computação Gráfica

1.2. Dicas complementares

Livros:

Outdoors
Design Instrucional contextualizado
Sites:

www.portaldasartesgráficas.com.br
www.centraldeoutdoor.com.br

Exercício 1

Muitas propagandas em outdoor são feitas com uma má


comunicação, refaça o outdoor com conceitos corretos.

Exercício 2
Criar um outdoor para ficar na beira de estrada, para vender restau-
rante.

Visto:

www.sevencg.com.br 159
After Effects Seven Computação Gráfica

Desafio

Criar um outdoor para ficar dentro da cidade, para vender


academia (malhação).

Pergunta
1. Como devem ser apresentadas as informações visuais?
2. Cite dois obstáculos para a comunicação do outdoor

160 www.sevencg.com.br
After Effects
Nome:

Turma:

UNIDADE III - ADOBE


AFTER EFFECTS

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 161
After Effects
Nome:

Turma:

AULA 4
Propriedades - Layer e animação

Tópicos da • Layer e animação

Aula

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 163
After Effects Seven Computação Gráfica

Data:

Professor:

1. Propriedades das layer e


animação

Uma imagem disponibilizada pelo professor de uma nave em for-


mato em PNG com um fundo em transparência. Iremos explorar a
fundo suas cinco propriedades que são referente a posição, escala,
rotação , opacidade e anchor point.
Quando nosso objeto já esta com uma layer painel de layer teremos
uma botão que irar nos axibir todas as propriedades da nossa com-
posição.

A opção transform nos exibira todas as propriedades da camadas.


Cada propriedade tem seus valores em particular e sempre um sto-
pwatch ao lado, que indica ao usuário que esta é um uma proprie-
dade animável.

www.sevencg.com.br 165
After Effects Seven Computação Gráfica

Anchor Point – A maioria dos programas adobe quando falando de


edição de imagens ou videos sempre são falados sobre pontos anco-
ra ( anchor points). Tanto anchor point como posição, seus valores
são referente ao pixel da composição encontra-se o seu centro. Nos
podemos nos guiar esses valores como se estivéssemos usando um
plano cartesiano. Que pode ser movido no eixos X e Y
sendo que X seria na horizontal e Y na vertical e os valore Positivos
em X seriam para cima e os negativos a baixo do mesmo jeito que
em Y a direito seria positivo e a esquerda negativo.
O ponto ancora é importante pois é de acordo com a sua posição
que todas as propriedades demais serão alteradas, é importante
que nosso ponto ancora sempre esteja bem centralizado em nosso
objeto.

Para movimentar nosso ponto anchor point temo a ferramenta Pan


Behind tool (Y) .

Quando vamos mexer a com a propriedade scale nos podemos alte-


rar o tamanho de todo o objeto, nos podemos controlar a escala a
través dos pontos de vértices no nosso objeto, porem alterando no
valor nos teremos precisão.

Temos na scale a ferramenta constrain proportions que irá alterar


a escala tanto na escala X quando na escala Y. Para a quebra da
corrente, apenas clique na mesma e assim altere a escala sem pro-
porção.
A rotation nos temos o poder de rotacionar nosso objeto em qual-
quer angulação. O rotation possui dois tipos de valores. O 0x repre-
sentado na imagem significa quantas vezes os seu objeto deu uma
volta inteira de 360 º ou seja, se no meu primeiro valor eu tenho

166 www.sevencg.com.br
After Effects Seven Computação Gráfica

o numero 3, significa que o meu objeto de 3 voltas de 360 º. Já no


segundo valor3 eu tenho a angulação exata do objeto porem lem-
brando que quando tal valor chegar a 360 ele sera zerado e no pri-
meiro valor sera alterado para 1.

E por ultimo e não menos importante nos temos a opacidade, que


nos dará o pode de controlar a transparência de nossos objetos,
quando o valor da opacidade esta em 100% nos teremos a imagem
a amostra de maneira normal, mas a partir do momento que esse
valor for reduzido, nos teremos a imagem cada vez mais transpa-
rente, e quando chegar ao 0 % seu objeto terá desaparecido.

1.1. Dicas complementares

Livros:

Outdoors
Design Instrucional contextualizado
Sites:

www.portaldasartesgráficas.com.br
www.centraldeoutdoor.com.br

Exercício 1

Muitas propagandas em outdoor são feitas com uma má


comunicação, refaça o outdoor com conceitos corretos.

Exercício 2
Criar um outdoor para ficar na beira de estrada, para vender restau-
rante.

Visto:

www.sevencg.com.br 167
After Effects Seven Computação Gráfica

Desafio

Criar um outdoor para ficar dentro da cidade, para vender


academia (malhação).

Pergunta
1. Como devem ser apresentadas as informações visuais?
2. Cite dois obstáculos para a comunicação do outdoor

168 www.sevencg.com.br
After Effects
Nome:

Turma:

UNIDADE III - ADOBE


AFTER EFFECTS

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 169
After Effects
Nome:

Turma:

AULA 3
Composição

Tópicos da • Composição e propriedades

Aula

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 171
After Effects Seven Computação Gráfica

Data:

Professor:

1. Criando Composição e
entendendo suas propriedades.

O conceito de composição vem da junção de vários elementos para


compor um só. Então é que faremos agora.
Com o after já aberto clique em Menu Composition – New Composi-
ton ( Ctrl + Shift + N), Uma janela sera aberta.

Nesta janela você estará definindo as configurações para a sua com-


posição primeiro iremos ver os presets que já são os tipos de reso-
luções mais usadas hoje no mercado que por padrão já vem insta-
lados no seu after.
Na próxima temos a resolução que podemos definir manualmente,
e no caso da imagem a cima a composição sera criada em FULL HD
( 1920/1080). Muitos não sabem a diferença entre uma em imagem
em HD para um full HD. Uma imagem em HD só dispõe de 1280/720
e uma full HD como dita logo a cima dispõe de 1920/1080 pixels.
Logo a baixo temos o frame rate que determinara quantos frames

www.sevencg.com.br 173
After Effects Seven Computação Gráfica

nos teremos por segundo, o padrão é 29,97. Em resolution podemos


difinir a resolução do nosso preview, logo a abaixo temos o start
timecode que determinara em quanto tempo a minha timeline vai
ter inicio. O duration temos a duração que a nossa composição tera
o que influirá no tamanho da timeline. O fundo de sempre ficar em
preto que é o padrão. Clique em OK.
Sua tela terá esse formato.Observe que no painel de projetos uma
composição foi criada de acordo com o nome que foi dado para sua
composição.

1.1. Dicas complementares

Livros:

Outdoors
Design Instrucional contextualizado
Sites:

www.portaldasartesgráficas.com.br
www.centraldeoutdoor.com.br

Exercício 1

Muitas propagandas em outdoor são feitas com uma má


comunicação, refaça o outdoor com conceitos corretos.

Exercício 2
Criar um outdoor para ficar na beira de estrada, para vender restau-
rante.

Visto:

174 www.sevencg.com.br
After Effects Seven Computação Gráfica

Desafio

Criar um outdoor para ficar dentro da cidade, para vender


academia (malhação).

Pergunta
1. Como devem ser apresentadas as informações visuais?
2. Cite dois obstáculos para a comunicação do outdoor

www.sevencg.com.br 175
After Effects Seven Computação Gráfica

176 www.sevencg.com.br
After Effects
Nome:

Turma:

UNIDADE III - ADOBE


AFTER EFFECTS

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 177
After Effects
Nome:

Turma:

AULA 2
O Programa

Tópicos da • Conhecendo o programa



Aula

Copacabana | RJ (21) 2548-8989 - Duque de Caxias | RJ (21) 2671 - 3266 - Madureira | RJ (21) 2450-4332
Nova Iguaçu | RJ (21) 2667 - 6815 - Santa Rita | SP (19) 3582 - 5850 - São Gonçalo | RJ (21) 3706-4881
Niterói | RJ (21) 3617-1177 - Campo Grande | RJ (21) 2412-0237 - Belo Horizonte | MG (31) 2514-
7797 - Brasília | DF

www.sevencg.com.br 179
After Effects Seven Computação Gráfica

Data:

Professor:

1. Conhecendo o Programa

O adobe after effects é um programa destribuido pela empresa ado-


be systems e é extremamente usado em Produção de vídeos, fil-
mes, DvD’s e etc...

O after effects é um software muito semelhante ao photoshop, tanto


que tem o apelido de “O photoshop de video”. O after usa um siste-
ma de camadas que é exibido em uma linha do tempo que também
chamamos de timeline aonde são formadas as composições de video
e animação. Todas as propriedades tais como opacidade, posição,
rotação e escala podem ser controladas de maneira independente
por camada. Cada camada podem receber vários efeitos aplicados,
que também poderão ter suas configurações alteradas e animadas
na timeline através da demarcação de key frames.

Embora o After Effects possa criar imagens próprias, ele é geral-


mente utilizado com materiais compostos a partir de outras fontes
para fazer animações gráficas. Por exemplo, com a foto de uma
Nave espacial e a imagem de estrelas no fundo, o After Effects po-
deria ser utilizado para colocar a nave na frente do fundo e animá-la
para através das estrelas.

Configurações de Hardware

O after effects é um programa extenso e necessita de bastante es-


paço no HD para armazenamento de mídias tanto de áudio como
de video e sambem muita memoria RAM para as renderizações em
tempo real ( preview).

• Windows
• Processador Intel® Core™2 Duo ou AMD Phenom® II; re-
quer suporte a 64 bits
• 4 GB de RAM (recomenda-se 8 GB)

www.sevencg.com.br 181
After Effects Seven Computação Gráfica

• 3 GB de espaço livre em disco, mais espaço livre necessário


durante a instalação (não é possível instalar em dispositivos de ar-
mazenamento Flash removíveis)
• Espaço em disco adicional para cache em disco (recomenda-
-se 10 GB)
• QuickTime 7.6.6 necessário para recursos QuickTime
• Opcional: placa GPU certificada pela Adobe para renderiza-
dor 3D com traçado de raios acelerado por GPU*

• Mac OS
• Processador Intel Multicore com suporte a 64 bits
• Os aplicativos da Adobe Creative Suite 5, CS5.5 e CS6 para
Mac OS X v10.6.8 ou v10.7 são compatíveis com o Mac OS X Moun-
tain Lion (v10.8) quando instalados em sistemas baseados em In-
tel.**
• 4 GB de RAM (recomenda-se 8 GB)
• 4 GB de espaço livre em disco para a instalação; será neces-
sário espaço livre adicional durante a instalação (não é possível ins-
talar em um volume que use um sistema de arquivos que diferencia
maiúsculas e minúsculas ou em dispositivos de armazenamento re-
movíveis Flash)
• Espaço em disco adicional para cache em disco (recomenda-
-se 10 GB)
• QuickTime 7.6.6 necessário para recursos QuickTime
• Opcional: placa GPU certificada pela Adobe para renderiza-
dor 3D com traçado de raios acelerado por GPU*

2. Composição

A funcionalidade principal do after são as composições. Mas em fim


o que seria uma composição
Uma composição é o trabalho de reunir diversos objeto, diversos
formatos ou extensões ou formato de conteúdo como arquivos de
imagem em PNG, JPEG, vídeos, objetos 3D sons e ate mesmo outras
extensões da adobe como PSD e AI. É interessante comentar que o
after não se resume ao 2D, dentro do after cs6 já temos opções de
para extrusões de mascaras vetoriais, Adição de material, método
de iluminação e inúmeros outros conteúdos que citaremos ao decor-
rer do nosso material.

Animação é um processo em que cada fotograma de um filme seja


produzido individualmente, para depois ser gerado por computação
gráfica. Imagina um imagem desenhada repetidamente, porem em
cada desenho aja uma pequena alteração e após deste incansável
trabalho, quando essas imagens forem reproduzidas em sequencia
resultara em uma animação. Um exemplo clássico de animação é o
primeiro filme de King Kong, no qual uma escultura articulada do rei

182 www.sevencg.com.br
After Effects Seven Computação Gráfica

kong foi fotografada inúmeras vezes em posições diferentes resul-


tando uma animação que hoje em dia podemos chamar de grotes-
cas, porem na época tal método foi revolucionário.

As técnicas de animação teve origem desde a pré-história aonde o


homem desenhava uma sequencia de acontecimentos que conta-
vam uma historia. Hoje em dia temos as câmeras filmadoras que
nos permitem gravar momentos marcantes de nossas vidas. Mas
uma coisa que não sabemos é. Como a câmera funciona, como ela
consegue capturar tais momentos ?
Uma câmera por padrão captura em 30Fps que significa 30 Frames
por Segundo ou quadros por segundo. E o que seria esses frames
(quadros) ? Quando falando 30 Fps significa que a camera esta
batendo 30 fotos em um segundo e quando essas fotos são execu-
tadas em uma sequencia nos temos nossas cenas. Certas câmeras
tem qualidades maiores e filmam em 60fps ou 120fps, a Super-
-Camera que captura tudo em camera lenta nada mais é por que tal
camera tem um sistema de captura de 200.000fps ( duzentos mil
frames por segundo) ou seja 200.000 fotos em apenas 1 segundo.
Então, ate hoje nos usamos os mesmo conceitos de animação que
foi criando pelo homem da pré-história. Irônico não ?

3. Sistema de trabalho

O after é um programa gráfico de Bitmap e isso permite que ele


possa importar uma variedade muito grande de formatos de video,
som e imagem e ofereça um grade de possibilidades onde pode-
mos aplicar efeitos, tratamentos de video ( correção de cor) porem
quando mais propriedades são acopladas entre as camadas mais
sera exigido do processador da sua maquina e é a partir disto que

www.sevencg.com.br 183
After Effects Seven Computação Gráfica

daremos inicio aos conceitos de renderização e preview.

A renderização é um processo de conversão de todas as camadas


usadas, todos os efeitos, todas as animações, de todos os recursos
utilizados na composição para alguma extensão, sendo ela em vi-
deo ou em imagens, ao contrario dos programas que usam imagens
estática o processo de render em um programa de video costuma
ser demorado.
Sabendo da demora do render para ver o final de sua composição
nos temos o preview que é uma visualização previa de uma com-
posição finalizada, porem a vantagem do preview é que você vê
seu projeto finalizado com uma qualidade menor e sendo assim o a
render em tempo real é mais rápida.

Nos temos os arquivos internos de after que são chamados de mí-


dias externas:
PNG, JPEG,MOV, MPG, MP3 e etc...
Também temos os arquivos do after:
camadas solidas, texto, mascaras vetoriais, textos, luzes, câmeras,
efeitos, presets, objetos nulos e etc.
E por final temos as extensões mais usadas nas renderizações que
são as extensões em video.
AVI, MOV, H.264(mp4), FLV e etc...

4. Ambiente de trabalho

Os principais painéis que por padrão já vem aberto no seu after


effects.

1- O painel Projetct ou painel de projetos é o painel aonde ficam


armazenado todos os arquivos que você importou para o after, mi-

184 www.sevencg.com.br
After Effects Seven Computação Gráfica

dias como videos, imagens, áudios e alguns objetos como o do pró-


prio after, como composições, camadas solidas e etc...
1- Neste painel você pode
visualizar o que o seu objeto
selecionado .
2- Quando se trabalha com
muitos objetos na cena or-
ganização é algo muito im-
portante, sempre ponha
nome em seus objetos para
que possa achá-los rapida-
mente.
3- Falando em organização
você pode agrupar objetos
dentro de um grupo o que
interliga de maneira rápido o
item 3 com o item 6 que é
aonde criamos tal grupo.
4 – Barra de rolagem, quan-
do você trabalha com muitos
objetos você tem a barra de
rolagem a disposição para
exibir mais objetos.
5 - Botão Interpret Footage você usa para manusear as configura-
ções basicas do seu objeto.
7- Botão Create new compositions ( Criar nova composição) este
botão você pode clicar para criar uma composição nova ou simples-
mente arrastar um objeto para dentro dele e criar uma composição
de acordo com seu objeto.
8 – Resolução de cor
9 -Lixeira que é aonde você pode apagar objetos que já não tem
mais utilidades.
2 – Tool Box ou caixa de ferramentas é onde nos encontramos as
principais ferramentas usadas na edição e manipulação da nossas
camadas, como mover, rotação, criação de mascaras, zoom, texto
e etc.

1 Selection tool (V) – Ferramenta para selecionar qualquer objeto


dentro da sua composição
2 Hand toll (H) – Para posicionar a janela de composição, para fa-
cilitar na hora de dar ou tirar o zoom principalmente.
3 Zoom Tool ( Z) Zoom Out (ALT+ Z) Serve para dar ou tirar o
zoom da nossa composição.
4 Rotation tool – (W) Serve para rotacionar qualquer objeto dentro
da composição.
5 Unified Camera tool - (C) A câmera tool serve para movimentar a
câmera com precisão, dentre ela esta a família com as ferramentas
Orbit tool, para rotação de camera.

www.sevencg.com.br 185
After Effects Seven Computação Gráfica

XY camera tool para movimentar a camera apenas para os eixos X


e Y e a Z câmera tool para movimentar a câmera em profundidade.
DICA- para manipulação de camera fique alternando entre as ferra-
mentas com as teclas C.
6 PanBihind tool – serve para movimentar o Anchor point (Ponto
ancora) de sua composição
7 Rectangle tool e sua família de forma, serve para criação de mas-
caras nas suas composições de acordo com sua forma.
8 da mesma maneira que as formas, a pentool serve para criar mas-
caras com a forma que o usuário quiser, muito usado para recorte
de imagens.
9 ferramenta texto- serve para gerar texto tanto na horizontal quan-
do na vertical.
As seguintes ferramentas são idênticas com as ferramentas do pho-
toshop.
10 Brush tool – ferramenta pincel que serve para pintura dentro do
after porem usando de maneira bem rara.
11 Clone Stamp tool ou ferramenta carimbo. Funciona da mesma
maneira do photoshop, aonde você captura uma imagem e cola na
frente da outra. Usada muito para a remoção de objetos indesejados
em uma cena.
As próximas ferramentas são a roto brush e a pupet pentool que
serão citadas a capítulos a frente.
3- Layers Painel ou painel de camada, é a qui que suas camadas
ficaram em exibição que lhe darão acesso as propriedades da cama-
da como posição, rotação, escala e opacidade, entre outras varias
opções que poderão ser adicionadas ao decorrer do seu projeto.

Dentro da timeline temos o habilitar e o desabilitar camada que nos


ajuda, quando temos varias camadas e necessitamos apenas de al-
gumas, ou as vezes para liberar processamento, para certas cama-
das que já foram ajustadas serem ativadas só quando necessário e
da mesma maneira temos o habilitar e desabilitar áudio.
O solo layer é uma botão bem eficaz, pois selecionando ele eu vou
ter a visualização só da quela camada, sendo assim possível fazer

186 www.sevencg.com.br
After Effects Seven Computação Gráfica

ajuste com máximo de precisão possível, principalmente quando


trabalhamos com varias layers.
O bloquear camada sempre esta incluso na maiorias dos progra-
mas que trabalho em tracks ou com layers e o próprio nome já diz,
quando selecionado esse botão a layer selecionada ficara bloqueada
sendo assim impossível fazer qualquer alteração na mesma.
Botão Label é um botão simples que serve para mudar a cor da layer
e tem como objetivo separar cada conjunto de layer de uma cor di-
ferente para melhor organização da composição.
No after effetcts assim como no photoshop ele tem as opções de
blend modes que nada mais é do que um método de mesclagem de
camadas através de diferentes tipos de iluminação.
No painel Blend temos inúmeros métodos de camadas, os mais usa-
dos são o add, screen, multiply, overlay.

As propriedades do painel de camadas não acabada aqui, se obser-


vamos bem o after tem um botão logo a baixo toggle switches /
modes, se clicarmos no botão ele ira alterar entre paineis, ou então
basta apertar o botão F4 você tera esse painel exibido agora.

www.sevencg.com.br 187
After Effects Seven Computação Gráfica

4.1. O Motion Blur

O Motion Blur é um botão que estudaremos mais tarde mas como


previa ele serve para simular borrão de movimento para um deter-
minada cena, sendo ela animada por key frames.

Quando queremos dizer que uma camada é uma camada de ajusta-


mento nos determinamos ela pelo botão adjustment layer, mas tar-
de nos aprenderemos a criar uma layer de ajustamento diretamente
no criador de camadas.
O botão 3D layer seria para transformar uma layer que por padrão
é 2D para uma camada em 3D, estudaremos as camadas 3D a risca
mais a frente, assim como outros componentes como o parent pick
whipe entre outros.

5. Timeline ou Linha do tempo

Na timeline suas camadas ganham corpo em uma linha continua


que da amostra a duração de cada camada que você tem. O tama-
nho da timeline é definido na criação da sua composição que vere-
mos mais tarde.
Como demonstrado na imagem a cima esta timeline tem a duração
de 30 segundos que estão sendo exibidos de 5 em 5 segundos que
foi definido na criação da composição. para termos mais precisão do
que estamos fazendo com as nossas camadas podemos da uma am-
pliação na nossa timeline através do botão Zoom in to frame que
fica localizado a baixo da timeline
Apenas ao clicar e arras a timeline passa a ser visualizada agora de
1 em 1 segundo, porem isso não diminuiu o tamanho da composi-
ção, ela apenas esta sendo visualizada de maneira mais ampliada,
para termos a visualização do restando da composição temos o bo-

188 www.sevencg.com.br
After Effects Seven Computação Gráfica

tão de rolagem, que basta apenas clicar e arrastar.

5.1. Dicas complementares

Livros:

Outdoors
Design Instrucional contextualizado
Sites:

www.portaldasartesgráficas.com.br
www.centraldeoutdoor.com.br

Exercício 1

Muitas propagandas em outdoor são feitas com uma má


comunicação, refaça o outdoor com conceitos corretos.

Exercício 2
• Criar um outdoor para ficar na beira de estrada, para vender
restaurante.

Visto:

www.sevencg.com.br 189
After Effects Seven Computação Gráfica

Desafio

Criar um outdoor para ficar dentro da cidade, para vender


academia (malhação).

Pergunta
1. Como devem ser apresentadas as informações visuais?
2. Cite dois obstáculos para a comunicação do outdoor

Obs: - Desenvolver a prova


- Desenvolver exercícios ou dicas extras com QR-
Code

190 www.sevencg.com.br

Você também pode gostar