SlideShare una empresa de Scribd logo
1 de 94
Descargar para leer sin conexión
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
O que é uma
narrativa?
O que é uma
narrativa
VISUAL?
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.
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.
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!!!
VAMOS CONHECER ALGUNS
CONCEITOS IMPORTANTES
PROGRESSÃO VISUAL
CONTRASTE e AFINIDADE
PROGRESSÃO visual
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.
CONTRASTE e afinidade
CONTRASTE = DIFERENÇA
AFINIDADE = SEMELHANÇA
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.
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...)
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!
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...
ESPAÇO e profundidade
Como transformar um espaço bidimensional
em um espaço tridimensional?
PERSPERCTIVA
Busca criar uma profundidade
ilusória para uma tela plana.
>>> PONTO DE FUGA
Ponto de Fuga (PF)
Linha do Horizonte (LH)
(PF) e (LH)
Ponto de Vista (PV)
Perspectiva de 2 pontos de fuga
Inspirado no livro
“A Narrativa Visual: criando a
estrutura visual para cinema,
TV e mídias digitais”
Autor: Bruce Block
Ed. Campus
Narrativas Visuais
Progressão Visual
Contraste x Afinidade
CECOTEG
Curso técnico em Comunicação Visual
Disciplina: Narrativas Visuais
Instrutor: Angélica Ferraz
2013

Más contenido relacionado

La actualidad más candente

Oficina de pintura em tela
Oficina de pintura em telaOficina de pintura em tela
Oficina de pintura em tela
pibidletrasifpa
 
Linguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensionalLinguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensional
Kadu Sp
 
Técnicas de pintura e desenho
Técnicas de pintura e desenhoTécnicas de pintura e desenho
Técnicas de pintura e desenho
Isabella Silva
 
Plano anual de arte 1º ano
Plano anual de arte 1º anoPlano anual de arte 1º ano
Plano anual de arte 1º ano
Nildemar Lago
 

La actualidad más candente (20)

Oficina de pintura em tela
Oficina de pintura em telaOficina de pintura em tela
Oficina de pintura em tela
 
Projeto Fazendo Arte
Projeto Fazendo ArteProjeto Fazendo Arte
Projeto Fazendo Arte
 
Textura aula 7 ano- CBG
Textura  aula 7 ano- CBGTextura  aula 7 ano- CBG
Textura aula 7 ano- CBG
 
História da arte__ pintura
História da arte__ pinturaHistória da arte__ pintura
História da arte__ pintura
 
Elementos visuais I
Elementos visuais IElementos visuais I
Elementos visuais I
 
Artes visuais
Artes visuaisArtes visuais
Artes visuais
 
Elementos visuais - Artes 1º ano
Elementos visuais - Artes 1º anoElementos visuais - Artes 1º ano
Elementos visuais - Artes 1º ano
 
Aula 3 - Direção de Arte
Aula 3  - Direção de ArteAula 3  - Direção de Arte
Aula 3 - Direção de Arte
 
Linguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensionalLinguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensional
 
Arte de nosso tempo 3º ano 2021
Arte de nosso tempo   3º ano 2021Arte de nosso tempo   3º ano 2021
Arte de nosso tempo 3º ano 2021
 
Técnicas de pintura e desenho
Técnicas de pintura e desenhoTécnicas de pintura e desenho
Técnicas de pintura e desenho
 
Texturas
TexturasTexturas
Texturas
 
Plano anual de arte 1º ano
Plano anual de arte 1º anoPlano anual de arte 1º ano
Plano anual de arte 1º ano
 
Graffiti 2C12
Graffiti 2C12Graffiti 2C12
Graffiti 2C12
 
Slide autorretrato
Slide autorretratoSlide autorretrato
Slide autorretrato
 
Psicologia das cores
Psicologia das coresPsicologia das cores
Psicologia das cores
 
Questões simulado
Questões simuladoQuestões simulado
Questões simulado
 
ARTES VISUAIS – Elementos Visuais as cores e as linhas.ppt
ARTES VISUAIS – Elementos Visuais as cores e as linhas.pptARTES VISUAIS – Elementos Visuais as cores e as linhas.ppt
ARTES VISUAIS – Elementos Visuais as cores e as linhas.ppt
 
Aula 2 composição visual
Aula  2 composição visualAula  2 composição visual
Aula 2 composição visual
 
Introdução a Arte
Introdução a ArteIntrodução a Arte
Introdução a Arte
 

Similar a Narrativas Visuais | Progressão Visual | Contraste e Afinidade

Feelinks Identidade
Feelinks IdentidadeFeelinks Identidade
Feelinks Identidade
Carlos Silva
 

Similar a Narrativas Visuais | Progressão Visual | Contraste e Afinidade (13)

Sixtaxe linguagem visual exercícios
Sixtaxe linguagem visual exercíciosSixtaxe linguagem visual exercícios
Sixtaxe linguagem visual exercícios
 
Aula 3 - Comunicação Gráfica e Design
Aula 3 - Comunicação Gráfica e Design Aula 3 - Comunicação Gráfica e Design
Aula 3 - Comunicação Gráfica e Design
 
Estética da linguagem áudio visual 2
Estética da linguagem áudio visual 2Estética da linguagem áudio visual 2
Estética da linguagem áudio visual 2
 
Produção publicitária em tv
Produção publicitária em tvProdução publicitária em tv
Produção publicitária em tv
 
Produção Audiovisual - A função do som pdf
Produção Audiovisual - A  função do som pdfProdução Audiovisual - A  função do som pdf
Produção Audiovisual - A função do som pdf
 
Eav 4 edição de audio e audacity
Eav 4 edição de audio e audacity Eav 4 edição de audio e audacity
Eav 4 edição de audio e audacity
 
Vestindo os diferentes tipos físicos
Vestindo os diferentes tipos físicosVestindo os diferentes tipos físicos
Vestindo os diferentes tipos físicos
 
A dinâmica do contraste
A dinâmica do contrasteA dinâmica do contraste
A dinâmica do contraste
 
1-aulateoriadascores-.pdf
1-aulateoriadascores-.pdf1-aulateoriadascores-.pdf
1-aulateoriadascores-.pdf
 
Feelinks Identidade
Feelinks IdentidadeFeelinks Identidade
Feelinks Identidade
 
Percepção + Elementos Básicos - Ling. Visual
Percepção + Elementos Básicos - Ling. VisualPercepção + Elementos Básicos - Ling. Visual
Percepção + Elementos Básicos - Ling. Visual
 
Aula 1 a 6 6º ano
Aula 1 a 6    6º anoAula 1 a 6    6º ano
Aula 1 a 6 6º ano
 
Percepcao e comunicacao_visual
Percepcao e comunicacao_visualPercepcao e comunicacao_visual
Percepcao e comunicacao_visual
 

Más de angelicaferraz (14)

Composição: USO DO CONTRASTE
Composição: USO DO CONTRASTEComposição: USO DO CONTRASTE
Composição: USO DO CONTRASTE
 
04 narrativas visuais_criacaodenarrativas_d
04 narrativas visuais_criacaodenarrativas_d04 narrativas visuais_criacaodenarrativas_d
04 narrativas visuais_criacaodenarrativas_d
 
03 narrativas visuais_pictograma_infografia
03 narrativas visuais_pictograma_infografia03 narrativas visuais_pictograma_infografia
03 narrativas visuais_pictograma_infografia
 
Composicao 1 Simetria
Composicao 1 SimetriaComposicao 1 Simetria
Composicao 1 Simetria
 
Composição I Equilibrio
Composição I EquilibrioComposição I Equilibrio
Composição I Equilibrio
 
Abstracao imagens
Abstracao imagensAbstracao imagens
Abstracao imagens
 
Cartazes Bauhaus TCV 64
Cartazes Bauhaus TCV 64Cartazes Bauhaus TCV 64
Cartazes Bauhaus TCV 64
 
DP2 Identidade Visual CORES
DP2 Identidade Visual CORESDP2 Identidade Visual CORES
DP2 Identidade Visual CORES
 
Cartazes Bauhaus TCV65
Cartazes Bauhaus TCV65Cartazes Bauhaus TCV65
Cartazes Bauhaus TCV65
 
Cartazes bauhaus66
Cartazes bauhaus66Cartazes bauhaus66
Cartazes bauhaus66
 
Cartazes bauhaus TCV61
Cartazes bauhaus TCV61Cartazes bauhaus TCV61
Cartazes bauhaus TCV61
 
Plakatstil
PlakatstilPlakatstil
Plakatstil
 
Revolução Industrial, Neoclassicismo, Estilo Vitoriano e Panorama de estilos
Revolução Industrial, Neoclassicismo, Estilo Vitoriano e Panorama de estilosRevolução Industrial, Neoclassicismo, Estilo Vitoriano e Panorama de estilos
Revolução Industrial, Neoclassicismo, Estilo Vitoriano e Panorama de estilos
 
Definições contemporâneas de design
Definições contemporâneas de designDefinições contemporâneas de design
Definições contemporâneas de design
 

Narrativas Visuais | Progressão Visual | Contraste e Afinidade

  • 1. CECOTEG Curso técnico em Comunicação Visual Disciplina: Narrativas Visuais Instrutor: Angélica Ferraz “Narrativas Visuais Progressão Visual Contraste x Afinidade” 2013
  • 3. O que é uma narrativa?
  • 4. O que é uma narrativa VISUAL?
  • 5.
  • 6. 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.
  • 7. 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.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27. 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!!!
  • 28. VAMOS CONHECER ALGUNS CONCEITOS IMPORTANTES PROGRESSÃO VISUAL CONTRASTE e AFINIDADE
  • 30. 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.
  • 31.
  • 32.
  • 33.
  • 34.
  • 37. 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.
  • 38. 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...)
  • 39.
  • 40. 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!
  • 41. 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...
  • 43. Como transformar um espaço bidimensional em um espaço tridimensional?
  • 44. PERSPERCTIVA Busca criar uma profundidade ilusória para uma tela plana. >>> PONTO DE FUGA
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60. Perspectiva de 2 pontos de fuga
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78.
  • 79.
  • 80.
  • 81.
  • 82.
  • 83.
  • 84.
  • 85.
  • 86.
  • 87.
  • 88.
  • 89.
  • 90.
  • 91.
  • 92.
  • 93. Inspirado no livro “A Narrativa Visual: criando a estrutura visual para cinema, TV e mídias digitais” Autor: Bruce Block Ed. Campus
  • 94. Narrativas Visuais Progressão Visual Contraste x Afinidade CECOTEG Curso técnico em Comunicação Visual Disciplina: Narrativas Visuais Instrutor: Angélica Ferraz 2013