Partitura gráfica - PUC | Disciplina Projeto de Conclusão Para o Projeto de Conclusão foi abordado como tema o estudo da relação da música com o design, focando na transliteração do sonoro para o visual. Através de referências como Kandinsky, Paul Klee, Kiko Farkas, Norman McLaren, Stephen Malinowski, Matteo Negrin, entre outros, foi possível buscar os elementos gráficos que passam essa sensação de ritmo e musicalidade. O Projeto Final foi concluído com uma “Partitura Gráfica”. Ou seja, uma representação visual da música Viva La Vida do Coldplay, utilizando a sua própria partitura como base para a transposição do sonoro para o visual. A intenção foi transformar a partitura tradicional em uma partitura diferenciada, onde as notas são representadas por elementos gráficos que são definidos por atributos e parâmetros sonoros. Os elementos gráficos foram fundamentados, relacionando cores, linhas, pontos e espessuras conforme o tom, o ritmo, as notas, o instrumento e a intensidade da música. Por exemplo: o violino foi representado por uma linha delgada e fina na cor azul, por ser um instrumento que produz sons mais suaves e agudos. A representação do tambor foi feita por um ponto pequeno (mais escuro e central) e outro ponto maior e mais claro envolvendo o primeiro, pois é um instrumento no qual a “baqueta” é tocada em seu centro, produzindo um som breve e definido; e o ponto expandido mais claro significa a propagação limitada desse som. A guitarra é uma linha fina e curvilínea, por ser um instrumento que produz sons mais oscilantes e fluidos. O comprimento de cada elemento gráfico é determinado pela duração da sua nota e seu posicionamento é determinado pelo tom e escala, baseando-se na partitura original . Depois de finalizada, a partitura gráfica foi transformada em uma animação, na qual os elementos gráficos foram sincronizados com suas respectivas notas. Assim, passando o espírito da música de maneira gráfica.

1. Tutor: João Leite
Orientadora: Roberta Portas
Fernanda Costa Rangel Chaves

2. Tema | oportunidade
_ música e design
_ partitura | distribuição de elementos gráficos
_ musicalidade
_ sensação de ritmo
_ linguagem visual + linguagem sonora
partitura de chorinho
“tico-tico no fubá”
partitura de valsa
“valsa das bonecas”

3. Objetivo
_ como a música e o design se influenciam
_ como é transmitida a sensação de musicalidade
_ quais são os atributos sonoros
_ como é feita essa transposição

4. Referências
Kandinsky | Ponto e Linha sobre Plano
_ relação entre cores e sons
_ simbolismo e psicologia
_ termos musicais
_ arte abstrata
cede infinitas possibilidades de forma
_ musicalidade
_ cada elemento possui uma sonoridade
“A renúncia à figuração
exterior permite o
aparecimento das
riquezas interiores.
Na arte figurativa
a sonoridade do
elemento é reprimida.”
(Kandinsky | Ponto e linha sobre plano)

6. Referências
Paul Klee | Sobre a arte moderna e outros ensaios
_ inspiração na música
_ relações entre linha melódica e linha da pintura
_ compor artes abstratas
_ palavras ou notações musicais
_ título | onomatopéias | imagem “A arte não
reproduz o
visível, mas
torna visível.”
(Paul Klee)

8. Referências
Kiko Farkas | Cartazes musicais
_ elementos figurativos e abstratos
_ escala, forma, padrão, textura, linha, cor, tensão e força
_ repercutem sons, remetem sequências rítmicas e tonais

9. Referências
Pas-de-deux
(Maclaren)
Fantasia
(Disney)
Clair de lune
(Malinowski)
Music Painting
(Matteo Negrin)
Compositions
(Hoagy Houghton)
Música Gráfica
(Renan Araujo)

10. Oportunidade | Partitura Gráfica
_ transformar a partitura tradicional
_ notas e instrumentos = elementos gráficos e cores
_ atributos sonoros segundo estudos teóricos
_ transposição da linguagem musical para a linguagem visual
_ animação dos elementos em sincronia com a música
_ transmitir o espírito da música de maneira gráfica

11. Desenvolvimento
_ levantamento de músicas instrumentais e com letras
_ estudo das partituras
Over the Rainbow | O Mágico de Oz
teste partitura gráfica| Over the Rainbown
ponto = piano
linha = violino

12. Desenvolvimento
_ diferentes técnicas
_ explorar formas

13. Desenvolvimento
_ poucos instrumentos = menos formas
Viva La Vida | Coldplay
_ descobrir instrumentos
_ definifir atributos sonoros
_ 5 linhas da partitura tradicional como base
_ elementos posicionados nas suas respectivas notas
_ música = diversas camadas de instrumentos que se sobrepõem
_ uma camada para cada instrumento
_ evitar cores

14. Atributos sonoros
violino:
“(..) o violino, a flauta e o flautim produzem
uma linha bem delgada (...) chegamos,
pelos sons mais graves do contrabaixo
e da tuba, às linhas mais espessas.”
(Kandinsky)
violoncelo:
guitarra:

15. Atributos sonoros
tambor:
“O ponto pode corresponder à breve
percurssão do tambor (...) quanto ao
piano, ele só possibilita composições
completas pela montagem e
seqüência de pontos sonoros”.
(Kandinsky)
baixo:
piano:

16. Atributos sonoros
voz:
sino:
partitura gráfica
em A3

17. Desenvolvimento
“Os graus de intensidade de uma música, representadas pelos
termos do “pianissimo” ou “fortissimo”, podem encontrar seu
equivalente no crescimento ou decrescimento da linha.”
(Kandinsky)
partitura gráfica em rolo
(bobina de fax e xerox)

18. Desenvolvimento
_ computador | agilizar o processo
violino violoncelo
tambor baixo
piano
voz
sino
guitarra

19. Desenvolvimento

20. Desenvolvimento

22. Desenvolvimento
_ teste vídeo
_ partitura gráfica em sincronia com a música
_ visualizar ajustes

24. Estudo de cor | Kandinsky
Triângulo - ângulo agudo = amarelo.
Quadrado - ângulo reto = vermelho.
Círculo - ângulo obtuso = azul.
“Quanto mais o ângulo é agudo, mais se
aproxima do calor, e inversamente, após
o ângulo reto (vermelho), o calor diminui
progressivamente, tendendo cada vez mais
ao frio, até a obtenção do ângulo obtuso
(círculo), tipicamente azul.”
(Kandinsky)
Amarelo
Fig. 30.
Ângulo agudo
Vermelho
Fig. 31.
Ângulo reto
Azul
Fig. 32.
Ângulo obtuso

25. tambor baixo tvioloncelo tvoztsino tviolino
Teste de cor | Kandinsky

26. Estudo de cor | formulário
Violoncelo
marrom = 22 pessoas
roxo = 18 pessoas
verde musgo = 4 pessoas
vinho = 4 pessoas
bege = 4 pessoas
azul escuro = 3 pessoas
laranja = 2 pessoas
vermelho = 2 pessoas
preto = 1 pessoa
amarelo = 1 pessoa
Violino
marrom = 20 pessoas
roxo = 6 pessoas
vinho = 6 pessoas
azul = 5 pessoas
vermelho = 4 pessoas
verde claro = 4 pessoas
bege = 3 pessoas
amarelo = 3 pessoas
laranja = 2 pessoas
rosa = 2 pessoas
lilás = 1 pessoa
prata = 1 pessoa
Resultado:
Baixo
preto = 17 pessoas
azul / marinho = 14 pessoas
verde = 7 pessoas
marrom = 6 pessoas
cinza = 4 pessoas
vinho = 3 pessoas
vermelho = 3 pessoas
amarelo = 2 pessoas
roxo = 1 pessoa
Guitarra
vermelho = 36 pessoas
amarelo = 8 pessoas
laranja = 4 pessoas
azul = 2 pessoas
roxo = 2 pessoas
verde = 2 pessoas
rosa = 1 pessoa
marrom = 1 pessoa
prata = 1 pessoa
Tambor
bege = 15 pessoas
branco = 10 pessoas
amarelo = 7 pessoas
marrom = 9 pessoas
laranja = 5 pessoas
verde = 3 pessoas
preto = 2 pessoas
vermelho = 2 pessoas
azul escuro = 2 pessoas
cinza = 1 pessoa
roxo = 1 pessoa
Piano
preto = 31 pessoas
branco = 11 pessoas
azul = 8 pessoas
marrom = 3 pessoas
marinho = 1 pessoa
verde = 1 pessoa
lilás = 1 pessoa
muitas cores = 1 pessoa
Sino
amarelo/ dourado: 46 pessoas
prata = 5 pessoas
vermelho: 1 pessoa
cinza: 1 pessoa
laranja = 1 pessoa
verde limão = 1 pessoa
roxo = 1 pessoa
“flashes” = 1 pessoa
Voz
azul = 16 pessoas
branco = 14 pessoas
vermelho = 6 pessoas
rosa = 4 pessoas
amarelo = 4 pessoas
muitas cores = 4 pessoas
cinza = 3 pessoas
transparente = 2 pessoas
lilás = 1 pessoa
verde = 1 pessoa
laranja = 1 pessoa
roxo = 1 pessoa

27. Testes de cor | formulário

28. Estudo de cor
_ formulário: cor do próprio instrumento
_ conceito adotado:
sons mais vibrantes = cor quente
sons mais suaves = cor fria
_ transparência = camadas e volume
_ fundo preto

29. Referências | animação
_ tornar fluido e dinâmico
_ efeitos para a animação:
fade | deelay | rastro | blur |câmera
zoom out | entrada de cada elemento

30. Desenvolvimento | animação
_ after effects cs5.5
_ plugin sound keys
_ frequência das notas
_ primeiro teste : plugin sound keys

32. Desenvolvimento | animação
_ rever entrada
_ concentrar animação no meio
_ efeitos muito gestuais
_ conceito das notas
_ segundo teste: plugin sound keys

34. Desenvolvimento | animação
_ rever entrada
_ rever espessuras
_ plugin sound keys não era o ideal
_ seguir o conceito dos tons das notas
_ usar a partitura gráfica como storyboard
_ fazer animação frame a frame
_ sincronizar nota por nota / elemento por elemento
_ terceiro teste

36. Desenvolvimento | animação
_ aperfeiçoar a sincronia
_ efeito fade na voz
_ quarto teste

38. Desenvolvimento | animação
_ violoncelo com piano - encaixar no quadro o compasso mais alto
sincronizar melhor no tempo 00:20
_ voz - sincronizar melhor no tempo 00:18 e no tempo 01:06
_tambor - ponto no meio | efeito | voltar no tempo 00:44 | mudar a cor
_baixo - sincronizar melhor | mudar a cor

39. Animação Final
especificações:
_ 1280 x 720 pixels
_ HDV / HDTV
_ Duração 1:49
00:00 00:13
introdução
00:40
1ª parte
2ª parte
01:09 01:36
refrão
01:49
solo guitarra
02:17
repete
1ª parte
02:59
repete
refrão repete 2ª
parte e refrão
04:00

40. Animação Final
efeitos e cores definidas:
_ violino: linha fina e definida | pouco “blur | azul
_ violoncelo: linha espessa, contínua e geométrica | roxo
_ tambor: círculo | efeito pulsante | laranja
_ piano: ponto | efeito escala | grafite
_ baixo: ponto oval | efeito discreto | verde musgo
_ sino: triângulo | efeito brusco | amarelo
_ voz: linha pontas redondas | efeito leitura | branco
_ guitarra: linha oscilante | efeito fluido | vermelha

42. Conclusão
_ diversas relações entre música e design
_ paralelos entre o gesto gráfico e o gesto musical
_ experiências sinestésicas
_ entender como se estabelece os atributos sonoros
_ compreender a relação das estruturas da imagem e da música
_ possíveis formas de transposição
_ como imagens abstratas podem passar uma linguagem musical.
_ refletir sobre o ritmo, freqüência e musicalidade em imagens

43. “Eu disse em algum lugar
que não era bastante
ouvir música, mas que ela
também devia ser vista.”
(Igor Stravinsky | Poética Musical em 6 Lições)

44. Bibliografia
sites
http://benzaitenbrasil.blogspot.com/2009/01/transliteracaovisual-sonora.html
http://www.slideshare.net/fegrneto/kandinsky-511612
http://www.infoescola.com/artes/kandinsky-/
http://www.kandinsky.hpg.ig.com.br/index.htm
http://colunistas.ig.com.br/jorgedacunhalima/2009/10/16/kandinsky-no-guggenheim/
http://musicaparaservista.blogspot.com/2011_01_01_archive.html
http://www.pintoresfamosos.com.br/?pg=kandinsky
http://www.polemica.uerj.br/pol20/cimagem/p20_rita.htm
http://cutter.unicamp.br/document/?code=vtls000430424&opt=1
livros
_ Mitchell, W.J - Iconollogy
_ Kandisnky, Wassily - Ponto e Linha sobre plano
_ Arnhein, Rudolf - Arte e Percepção Visual
_ Farkas, Kiko - Cartazes Musicais
_Klee, Paul- Sobre a arte moderna e outros ensaios