Date post: | 06-Jul-2018 |
Category: |
Documents |
Upload: | carla-teixeira |
View: | 214 times |
Download: | 0 times |
of 97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
1/97
PLANEJAMENTO VISUALGRÁFICO 1
Aula Elementos Básicos da Comunicação VisualProf. Carla Teixeira
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
2/97
A linguagem visual transmite ideias e sensações através desímbolos ou representações que causam um maior impactoe efeito no observador do que a linguagem conceitual (oral eescrita) em alguns momentos.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
3/97
Ela pode ser reduzida aos seus elementos básicos, aquelesque formam a imagem e o modo como a percebemos.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
4/97
PONTO
Primeira unidade da imagem, tendo como característica asimplicidade e irredutibilidade (não pode ser reduzido), nãopossuindo formato nem dimensão.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
5/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
6/97
O ponto indica uma posição no espaço e constrói a imagem efunciona como referência no espaço visual por ter um grandepoder de atração para a visão humana.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
7/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
8/97
Os pontos podem agir agrupados obtendo um expressivoefeito visual com formas ordenadas ou aleatórias em que oolho irá reuni-los em uma única imagem. Uma série de pontosforma uma linha, uma massa de pontos torna-se textura,forma ou plano.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
9/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
10/97
Dependendo de como os pontos são organizados elespodem ser muito expressivos.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
11/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
12/97
LINHA
Quando agrupamos os pontos em uma sequência ordenadauns após os outros, de mesmo tamanho e bem próximos há,para a visão, uma ilusão de direcionamento. Daí a percepçãode que eles são uma linha.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
13/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
14/97
Uma linha pode ser uma marca positiva ou uma lacunanegativa. Aparecem nos limites dos objetos e onde dois
planos se encontram.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
15/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
16/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
17/97
FORMA
Deriva da organização imaginária que damos a um conjuntode linhas que possuem um sentido de orientação espaciale de reconhecimento da imagem representada. A mesmaforma pode se apresentar diferente para nossa observação de
acordo com a referência visual da superfície na qual ela está.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
18/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
19/97
Como herança da Bauhaus pode-se falar de três formasbásicas: o círculo, o quadrado e o triângulo equilátero. Cada
um deles possui características e especificidades, exercendono observador diferentes efeitos visuais e impressões quantoaos seus significados.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
20/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
21/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
22/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
23/97
As formas podem evidenciar potenciais características deacordo com a intenção do criador da imagem e como são
trabalhados os elementos.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
24/97
círculo > movimento
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
25/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
26/97
triângulo > tensão
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
27/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
28/97
quadrado > estabilidade
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
29/97
As formas também podem se dividir em dois grandes grupos:
> Geométricas: figuras ordenadas perfeitamente (formasbásicas, polígonos etc), não tão facilmente reconhecidos nanatureza no seu estado mais puro.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
30/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
31/97
> Orgânicas: formas ordenadas ou aleatórias em estruturasnão geométricas, observadas principalmente na natureza,
daí o seu nome (asa de inseto, folha de árvore, curso eramificações de um rio etc).
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
32/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
33/97
TEXTURA
Qualidade impressa em uma superfície, enriquecendo asimpressões e sentidos que é possível ter de determinadaforma.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
34/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
35/97
A textura pode ser classificada de duas maneiras: quanto àsua natureza e quanto à forma que ela se apresenta.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
36/97
Quanto à natureza:
> Textura tátil - é aquela que podemos tocar e sentirfisicamente a sua característica peculiar pelo tato, como, porexemplo, o reboco granuloso de uma parede, a aspereza deuma lixa, a lisura de uma cerâmica polida;
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
37/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
38/97
> Textura ótica - é aquela existente apenas na ilusão criadapelo olho humano, como, por exemplo, a capa de um livro
que reproduza a imagem de uma parede rebocada ou asimagens impressas num tecido que criam um padrão detextura reconhecido pela visão, mas não sentido pelo tato.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
39/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
40/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
41/97
Quanto à forma que se apresenta:
> Geométrica – a organização de formas geométricas numpadrão dentro de uma área ou superfície acaba dandoa esta a característica de uma textura. Isto acontece porque agrupamos muito próximos visualmente os elementossemelhantes.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
42/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
43/97
> Orgânica – a superfície possui uma aparência de algonatural, iludindo o olho como se pudesse ser percebida pelo
toque.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
44/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
45/97
DIMENSÃO / PLANO
Trabalha em conjunto com a linha e com a forma para iludiro nosso olhar criando um efeito tridimensional na imagem,que está numa superfície bidimensional, uma folha de papel,por exemplo. As três dimensões são: altura, comprimento eprofundidade.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
46/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
47/97
Junto com o elemento da dimensão relacionaremos oconceito de plano numa superfície, que é uma área da
imagem que possui duas dimensões (comprimento e largura)e que, através de sua sobreposição, podemos obter umailusão de uma terceira dimensão (altura).
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
48/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
49/97
A representação de uma terceira dimensão numa superfíciebidimensional vai depender da capacidade que o olho tem de
se iludir quanto ao modo de perceber a imagem.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
50/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
51/97
O principal artifício usado para criar um efeito de profundidadeé a perspectiva, podendo ser intensificado pelos efeitos de
claro-escuro nos diferentes tons da imagem.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
52/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
53/97
A ilusão de perspectiva pode ser causada de duas maneirasno desenho artístico:
> Perspectiva Linear – que tem como referência a linha dohorizonte e um ou mais pontos de fuga localizados nesta linhapara causar o efeito de profundidade.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
54/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
55/97
> Perspectiva Tonal ou Atmosférica – usa diferentestonalidades de cores, graduando conforme a distância que
se quer representar – quanto mais próxima do observador afigura está (1º plano) os tons são mais fortes e quanto maisdistante do observador os tons são mais fracos.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
56/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
57/97
DIREÇÃO
Ao observamos qualquer imagem procuramos sempreorganizá-la e entendê-la visualmente quanto à sua forma,dimensão, tamanho e outros elementos. Também procuramosum sentido para a nossa observação, isto é, a direção quepercebemos na imagem.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
58/97
Podemos fazer relação das direções principais com as trêsformas básicas: quadrado (horizontal e vertical); triângulo
(inclinada); o círculo (curva). Cada direção básica expressaum sentido próprio.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
59/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
60/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
61/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
62/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
63/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
64/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
65/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
66/97
MOVIMENTO
Percorrendo uma imagem com os olhos durante a observaçãoseguindo uma ou várias direções (horizontal, vertical, inclinadoe curva) estamos trabalhando também com o elemento básicodo movimento.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
67/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
68/97
O movimento funciona como uma ação que se realiza atravésda ilusão criada pelo olho humano. Podemos observar
uma imagem estática num papel e parecer que ela está semovimentando para os nossos olhos. Isso acontece devidoà maneira como os elementos básicos são arranjados ecombinados entre si para criar a ilusão do movimento.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
69/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
70/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
71/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
72/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
73/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
74/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
75/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
76/97
ESCALA
Quando trabalhamos com os elementos visuais em umaárea específica bidimensional, devemos prestar atenção narelação entre os tamanhos das imagens. Esta relação entre ostamanhos é a escala, também conhecida como proporção.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
77/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
78/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
79/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
80/97
TOM
A sensibilidade dos olhos para a luz faz com que possamosdiscernir formas, movimentos, texturas, cores e tons. O tomé a quantidade relativa de luz existente em um ambienteou numa imagem, definindo sua obscuridade ou claridade,ausência ou presença de luz.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
81/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
82/97
Temos uma relação de contraste entre o claro-escuro. Semesta relação não veríamos o mundo da maneira que elenos aparenta. A luz natural emitida pelo sol, a luz branca,é refletida, absorvida, circunda e penetra nos objetos que,por sua vez, têm características de absorver ou refletir aluminosidade que recebe.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
83/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
84/97
Assim, podemos enxergar as sombras e perceber o volumedas coisas (elemento da dimensão), o espaço que elasocupam, identificando sua forma, massa, cor, textura, se estáestática ou em movimento etc. As múltiplas gradações entre oclaro e escuro consistem numa escala tonal.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
85/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
86/97
COR
Ao longo da história, teóricos e artistas tentaram explicar anatureza da cor e como o ela ocorre enquanto fenômenopercebido pela visão. Enxergamos graças à presença da luz,e as cores só existem devido à sua presença também.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
87/97
A luz branca pode ser decomposta em milhões de tonalidadesde cores na natureza, mas o ser humano só é capaz deenxergar e identificar uma parte que chamamos de espectroluminoso visível. Estas cores podem ser observadas nanatureza na forma do arco-íris, com as gotículas de águasuspensas na atmosfera funcionando como prismas para adecomposição da luz branca.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
88/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
89/97
De acordo com a percepção, as cores possuem trêsdimensões:
MATIZ ou CROMA é a cor em si, comsuas especificidades individuais. Asaturação é a pureza relativa da cor oua intensidade da sua presença indo da
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
90/97
a intensidade da sua presença indo dapresença máxima do seu matiz até um
tom de cinza (ausência de saturaçãoda cor). É o local da cor no interior doespectro da luz visível pelo olho humano.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
91/97
LUMINOSIDADE ou VALOR da cor é obrilho relativo corresponde ao valor tonaldas gradações entre sua luminosidade
ou obscuridade. Vale destacar que apresença ou ausência de cor não afeta otom, que é constante.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
92/97
SATURAÇÃO ou INTENSIDADE da coré a vivacidade ou o esmaecimento da
mesma. Quando diminuímos a saturaçãode um matiz ele se torna gradativamenteum cinza perdendo toda sua informaçãocromática.
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
93/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
94/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
95/97
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
96/97
REFERÊNCIASSintaxe da linguagem visual, de Donis A. DondisImagens: Behance.net | Pinterest | Flickr
8/18/2019 Aula Elementosbasicosdacomunicacaovisual
97/97
Alguns sites de referência: Tipografia: dafont.com Vetores: freepik.com
Direção de arte, animação, design e mais: behance.net Texturas: cgtextures.comHarmonia de cores e paletas: color.adobeSimbologia das cores: mariaclaudiacortes.com