O documento apresenta uma introdução ao videografismo, definindo-o como uma vertente do design gráfico que combina princípios de design e cinema. Explica também as etapas de pré-produção, produção e pós-produção necessárias para criar um produto audiovisual, incluindo pesquisa, planificação, escrita de sinopse e guião, e composição final com After Effects.

1. UFCD 9394 (25h)
Videografismo
e composição
PARTE I
[introdução e conceitos]

2. PARTE I
Objetivos:
Conceber a identidade visual do produto videográfico que assegure uma
coerência final entre elementos gráficos, vídeo e áudio.

3. [Introdução]

4. UFCD 9394 - Videografismo e composição
O QUE É VIDEOGRAFISMO?
VIDEO
GRAPHICS
MOTION
DESIGN
MOTION
GRAPHICS
Conhecida também como Design de animação, é uma
vertente do design gráfico que mescla princípios de design
e cinema.
Envolve a criação de composições audiovisuais ricas
que podem combinar na mesma cena vários vídeos,
imagens, textos, sons e animações gráficas.
O videografismo é um recurso audiovisual atrativo,
excelente para comunicar ideias abstratas, captar
atenção de audiências, criar vídeos que ajudem a
fornecer algum tipo de informação visual extra, entre
outros.
GRÁFICOS EM
MOVIMENTO

5. UFCD 9394 - Videografismo e composição

6. UFCD 9394 - Videografismo e composição
Onde encontramos o Videografismo?
● Desde abertura de programas, novelas e séries de TV,
● documentários, cinema de ficção, trailers de filmes,
● nos títulos e créditos finais de produção,
● elementos de tradução,
● nas legendas para os nomes das pessoas, mapas,
infográficos, diagramas, gráficos, desenhos, pinturas,
animação,
● Vídeos instrutivos para explicar conceitos complicados
● Apresentações animadas
● Animações de logótipos
● publicidades e micro-anúncios (15 a 30segundos)
● Vídeos curtos explicativos
Videografismo,
uma linguagem
audiovisual

7. 1. legendas de música: This Feeling
https://www.youtube.com/watch?v=zc8EAZutHOs
Vamos ver exemplos
UFCD 9394 - Videografismo e composição
2. apresentação de marca: Design42Day
https://player.vimeo.com/video/14954197
3. anúncio: Eu e o cancro
https://www.youtube.com/embed/zEa3oKKnfGE
diferentes estilos, objetivos, audiências e diferentes abordagens

8. [Design e Videografismo]

9. UFCD 9394 - Videografismo e composição
A LINHA
GRÁFICA
dum produto
audiovisual
O videografismo esboça o que está por vir nas suas legendas
ou nos títulos, e podem ter uma importância maior como
enfatizar momentos do vídeo ou atribuir sentimento e
ritmo ao conjugar elementos gráficos com músicas e som.
O grafismo e o design gráfico deve ser cuidadosamente
planeado para criar uma identidade visual coerente.
Primeiramente deve-se conceituar, planear e organizar as
imagens que chegam até os espetadores com o design do
videografismo para criar esta ligação visual forte.

10. UFCD 9394 - Videografismo e composição
COMPONENTES
GRÁFICOS
dum produto
audiovisual
Entre outros:
● tipografia,
● cores,
● ilustrações, desenhos geométricos, ou
formas abstratas,
● sons sincronizados,
● músicas,
● animações
Tudo isto serve à identificação dos conceitos e tornam
a sua mensagem compreensível e que, em conjunto,
irão formalizar a personalidade visual.

11. UFCD 9394 - Videografismo e composição
Documentário “No direction home Bob Dylan”
(Nenhuma direção para a casa de Bob Dylan),
de Martin SCORSESE, EUA. 2005, bigografia do
mito musical de Bob Dylan, que se tornou a voz de
uma geração e influenciou a cultura americana.
EXERCÍCIO A Identidade de um produto audiovisual
O título do filme e a identidade visual tem uma tipografia grotesca,
pesada, em caixa alta, bastante irregular, nas cores preta e azul,
dando contraste cromático e boa legibilidade.
Segundo o autor, a cor azul foi escolhida para enfatizar “o caminho do
infinito, onde o real se transforma em imaginário”, que talvez tenha
sido esse o destino de Bob Dylan, o real que se tornou uma
verdadeira lenda do rock n'roll para ficar no imaginário dos seus fãs.
Ver a capa: amazonaws.com/files/artwork/b/Bob-Dylan-No-Direction-Home-2005.jpg
Ver o trailer: imdb.com | youtube.com/embed/q0BJFkKzXw4
Considere o grafismo do trailer.
Comente sobre os grafismos desenvolvidos previamente e o que
poderia ser melhorado no trailer.

12. [Etapas para criar um
produto audiovisual]

13. UFCD 9394 - Videografismo e composição
PRÉ-PRODUÇÃO
PRODUÇÃO
PÓS-PRODUÇÃO
Etapas para criar um produto audiovisual
(um resumo)

14. UFCD 9394 - Videografismo e composição
● PESQUISAR e PLANIFICAR
Pesquisar sobre o assunto/tema e analisar o que já foi feito e
como.
Definir a ideia, identificar estilos, tipografia, paleta de cores,
para dar continuidade de forma harmoniosa e consistente.
Perceber o público a quem se destina o produto final.
Pensar no objetivo do produto audiovisual e numa estratégia
que sirva como fio condutor em todo o processo.
Alocar orçamento.
Procurar locais de filmagem, construção de cenários, criação
de guarda-roupa.
--- NADA DEVE FICAR AO ACASO ---
PRÉ-PRODUÇÃO

15. UFCD 9394 - Videografismo e composição
● ESCREVER a SINOPSE
Resumir as ideias gerais do vídeo a um parágrafo ou dois sem
revelar o final e que crie expectativa.
● ESCREVER o GUIÃO (script)
Redigir os diálogos das personagens, descrever as suas ações e o
ambiente onde se realizam as filmagens. No caso de filmes,
escrever em cada página o correspondente a um minuto.
● ESBOÇAR o STORY BOARD
Exemplificar graficamente os momentos-chave esboçando
grosseiramente os planos e os ângulos da ação.
No caso de animações complexas com muitas imagens, que
necessitam vários layers, com vários elementos que se
movimentam independentemente, criar a cena no
photoshop/illustrator, e que mais tarde irá ser importado para o
After Effects.

16. UFCD 9394 - Videografismo e composição
guião
templates storyboards
sinopse
storyboard

17. UFCD 9394 - Videografismo e composição
● CRIAR / REUNIR OS CONTEÚDOS
Com tudo definido, já conseguimos ter uma perceção clara dos
conteúdos necessários a serem criados/usados tais como:
IMAGENS, MÚSICAS, EFEITOS SONOROS, VÍDEOS, TIPOS
DE FONTES, ÍCONES, VETORES, ...
Elaborar listas de tarefas com datas, assentando os planos de
ação para a sua criação ou obtenção.
Passar à gravação de áudios, narrações e/ou efeitos.
Gravar as cenas em vídeos de acordo com o storyboard,
usando várias câmaras em simultâneo, para as diferentes
posições (que serão montadas intercalarmente).
PRODUÇÃO

18. UFCD 9394 - Videografismo e composição
● FAZER A COMPOSIÇÃO AUDIOVISUAL
Material pronto e organizado, temos agora tudo para avançarmos para
a composição audiovisual. Podemos agora importar os ficheiros para o
Adobe After Effects.
É aqui, onde por fim, o filme receberá um estilo e ritmo único ao se
juntar sons, grafismos, imagens, textos, transições e aplicar efeitos,
animações, transições, …
Nota:
Na maioria das vezes, é necessário editar as gravações de vídeos e áudios antes de se passar à
composição.
No caso dos áudios os ajustes são realizados no Adobe Audition, onde se poderá ajustar volume do
som, remover ecos ou normalizar e adicionar filtros
No caso de vídeos no Adobe Premiere onde se poderá fazer os cortes de filmes, ajustar cores, montar
as sequências bem como sincronizar com o som, entre outros ajustes..
PÓS-PRODUÇÃO

19. UFCD 9394 - Videografismo e composição
EXERCÍCIO
Idealize um produto audiovisual
Considerando as etapas estudadas na primeira parte do módulo,
conceitualize um projeto audiovisual para o qual tenha de ser
feito uma composição com 8 a 15 segundos (no máximo).
Escreva a sinopse e esboce os momentos-chave no artboard,
tendo sempre em mente a identidade visual e a coerência com os
diferentes elementos gráficos.
Sugestão:
Se houver diversos diálogos ou personagens, será util escrever um guião.

20. UFCD 9394 - Videografismo e composição
FIM
Na PARTE II iremos abordar os seguintes objetivos:
Concretizar um produto videográfico adaptando-o às limitações de software e equipamentos.
O Adobe After Effects

21. UFCD 9394 - Videografismo e composição
leituras
Videografismo Desmistificado
Guião Técnico
O que é o Storytelling?
STORYBOARDS no Cinema
STORYBOARD para desenhos animados
Som e Vídeo para Multimédia
Example full script -
DEVIL_WEARS_PRADA [.pdf]
46 Storyboard Examples (with Free
Storyboard Templates)
projetos
Back to Earth - Vídeo-Clip de Animação [.pdf]
Na Cave - Projeto de curta metragem [.pdf]
Projeto de identidade visual aplicado a um
programa de televisão [.pdf]
Processo Criativo e Artístico de Animação [.pdf]
outros
Free Film Festival

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