94
CECOTEG Curso técnico em Comunicação Visual Disciplina: Narrativas Visuais Instrutor: Angélica Ferraz “Narrativas Visuais Progressão Visual Contraste x Afinidade” 2013

Narrativas Visuais | Progressão Visual | Contraste e Afinidade

Embed Size (px)

Citation preview

Page 1: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

CECOTEG Curso técnico em Comunicação Visual

Disciplina: Narrativas Visuais Instrutor: Angélica Ferraz

“Narrativas Visuais

Progressão Visual Contraste x Afinidade”

2013

Page 2: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

NARRATIVAS VISUAIS

Page 3: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

O que é uma

narrativa?

Page 4: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

O que é uma

narrativa

VISUAL?

Page 5: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 6: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

Toda imagem é composta de narrativa, elementos visuais e,

algumas vezes, sons.

• Narrativa: Partes fundamentais de trama, personagens e

diálogos.

• Som: Partes fundamentais de diálogos, efeitos sonoros e

músicas.

• Elementos visuais: Quais são as partes fundamentais dos

elementos visuais? Cenários? Acessórios? Figurinos? Essas

respostas são muito limitadas – as partes fundamentais de

todos os elementos visuais são os componentes visuais

básicos.

Page 7: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

COMPONENTES VISUAIS BÁSICOS

• Espaço

• Linha e forma

• Tonalidade

• Cor

• Movimento

• Ritmo

Um componente visual transmite estados de ânimos,

emoções, ideias e, mais importante ainda, proporciona

estrutura visual de imagens.

Page 8: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 9: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 10: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 11: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 12: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 13: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 14: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 15: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 16: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 17: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 18: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 19: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 20: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 21: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 22: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 23: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 24: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 25: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 26: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 27: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

O público reage emocionalmente ao que vê e ouve,

seja um personagem, uma história, um som ou um

componente visual.

É possível escolher não usar (não trabalhar) os

componentes visuais na composição?

NÃO! SE VOCÊ IGNORAR OS COMPONENTES

VISUAIS, ELES NÃO VÃO SUMIR!!!

Page 28: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

VAMOS CONHECER ALGUNS

CONCEITOS IMPORTANTES

PROGRESSÃO VISUAL

CONTRASTE e AFINIDADE

Page 29: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

PROGRESSÃO visual

Page 30: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

Uma coisa se transforma em outra, normalmente indo

de uma coisa simples para uma coisa complexa.

A ideia de narrar dialoga com a progressão pois pode

mostrar como o fato se desenvolve.

Page 31: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 32: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 33: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 34: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 35: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

CONTRASTE e afinidade

Page 36: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

CONTRASTE = DIFERENÇA

AFINIDADE = SEMELHANÇA

Page 37: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

CONTRASTE X AFINIDADE

• Espaço

• Linha e forma

• Tonalidade

• Cor

• Movimento

• Ritmo

Todos estes elementos podem ser tratados

considerando a ideia de contraste e afinidade.

Page 38: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

CONTRASTE = maior intensidade visual

AFINIDADE = menor intensidade visual

A intensidade visual provoca as reações emocionais do público,

seja lendo um livro, ouvindo uma música ou vendo uma

imagem.

Normalmente, quanto mais intenso o estímulo visual, mais

intensa a reação do público.

• Pode ser uma reação emocional (expressa pelo choro, riso ou espanto...)

• Pode ser uma reação física (contração de músculo, cobrir os olhos, dormir...)

Page 39: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 40: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

1 2 3 4

5 6 7 8

Pense nisto como um storyboard...

Contrastes intensos demais podem tornar a

sequência impossível de assistir!

Page 41: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

1 2 3 4

5 6 7 8

Pense nisto como um storyboard...

Quando nada muda, a sequência fica

monótona, chata, sem dinâmica visual...

Page 42: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

ESPAÇO e profundidade

Page 43: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

Como transformar um espaço bidimensional

em um espaço tridimensional?

Page 44: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

PERSPERCTIVA

Busca criar uma profundidade

ilusória para uma tela plana.

>>> PONTO DE FUGA

Page 45: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

Ponto de Fuga (PF)

Page 46: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

Linha do Horizonte (LH)

Page 47: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

(PF) e (LH)

Page 48: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

Ponto de Vista (PV)

Page 49: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 50: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 51: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 52: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 53: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 54: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 55: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 56: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 57: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 58: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 59: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 60: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

Perspectiva de 2 pontos de fuga

Page 61: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 62: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 63: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 64: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 65: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 66: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 67: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 68: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 69: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 70: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 71: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 72: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 73: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 74: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 75: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 76: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 77: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 78: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 79: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 80: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 81: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 82: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 83: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 84: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 85: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 86: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 87: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 88: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 89: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 90: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 91: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 92: Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Page 93: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

Inspirado no livro

“A Narrativa Visual: criando a

estrutura visual para cinema,

TV e mídias digitais”

Autor: Bruce Block

Ed. Campus

Page 94: Narrativas Visuais | Progressão Visual | Contraste e Afinidade

Narrativas Visuais Progressão Visual

Contraste x Afinidade

CECOTEG Curso técnico em Comunicação Visual

Disciplina: Narrativas Visuais

Instrutor: Angélica Ferraz

2013