Upload
claudemberg-silva
View
217
Download
0
Embed Size (px)
Citation preview
7/26/2019 Aula 1_diagramao e Direo de Arte
1/47
7/26/2019 Aula 1_diagramao e Direo de Arte
2/47
Cria concepo artstica visual de uma pea publicitria, criando um padro estticoespecfico, passando assim a mensagem da melhor forma possvel ao target.
Em outras palavras, exercer o design (forma + funo).
O diretor de arte deve ter conhecimentos e ferramentas necessrias para desenvolvtrabalho em sua plenitude.
direo de arte
7/26/2019 Aula 1_diagramao e Direo de Arte
3/47
7/26/2019 Aula 1_diagramao e Direo de Arte
4/47
estudo e aplicabilidade de cores
Cores frias Cores que
7/26/2019 Aula 1_diagramao e Direo de Arte
5/47
estudo e aplicabilidade de cores
Cores
anlogas
Cores
complem
7/26/2019 Aula 1_diagramao e Direo de Arte
6/47
estudo e aplicabilidade de cores em publicidade
Combinaes sugeridas - Kuler
kuler .adobe.com/
Dica: Cada elemento tem uma cor, mas o todo, o resultadofinal deve ser levado em considerao para a harmonia dapea.
7/26/2019 Aula 1_diagramao e Direo de Arte
7/47
estudo e aplicabilidade de cores em publicidade
Exemplos anncios - Harmonia
Cores comple
Cores anlog
7/26/2019 Aula 1_diagramao e Direo de Arte
8/47
estudo e aplicabilidade de cores em publicidade
Exemplos anncios - Chamativo
Cores Quente
7/26/2019 Aula 1_diagramao e Direo de Arte
9/47
estudo e aplicabilidade de cores em publicidade
Exemplos anncios - Tecnolgico
Cores Frias e
7/26/2019 Aula 1_diagramao e Direo de Arte
10/47
tipologia
Um dos elementos de maior importncia para o entendimento da mensagem.
Dependendo da utilizao tem peso maior ou menor na pea, no entanto, de granvalia para se passar um conceito, sensao e tambm dando maior unidade nascampanhas.
Para qualquer diretor de arte que se preze essencial possuir um banco de fontes cada uso. Alm das divises tradicionais (manuscritas, serifadas, sem serifa, fantasgeralmente se utiliza na prtica 2 tipos de divises:
-Fontes funcionais
-Fontes caractersticas
7/26/2019 Aula 1_diagramao e Direo de Arte
11/47
7/26/2019 Aula 1_diagramao e Direo de Arte
12/47
7/26/2019 Aula 1_diagramao e Direo de Arte
13/47
tipologia
Exemplos AnnciosAll type
O texto assume a for
se tornando uma ima
7/26/2019 Aula 1_diagramao e Direo de Arte
14/47
7/26/2019 Aula 1_diagramao e Direo de Arte
15/47
tipologia
Exemplos AnnciosFonte caractersticaAll Type
O anncio utilizou umfonte caracterstica e lado do packshot umafonte funcional.
7/26/2019 Aula 1_diagramao e Direo de Arte
16/47
7/26/2019 Aula 1_diagramao e Direo de Arte
17/47
7/26/2019 Aula 1_diagramao e Direo de Arte
18/47
manipulao de imagens
preciso saber manipular imagens no Photoshop para criar e conseguir materializa
idia, da mais simples a mais elaborada.
Para isso, alm do conhecimento bsico do software, e seus recursos, preciso coalguns pontos antes de comear uma manipulao.
-Ter uma idia do resultado final (pr visualizar antes de comear)-Planejamento de tempo (por no sermos estdio de manipulao, precisamoprever o tempo que utilizaremos, otimizando-o)
-Fonte de imagens, texturas, referncias, filtros e brushes-Boa noo de iluminao-Treino, tutoriais, e muito treino
7/26/2019 Aula 1_diagramao e Direo de Arte
19/47
7/26/2019 Aula 1_diagramao e Direo de Arte
20/47
manipulao de imagens
Exemplos:
7/26/2019 Aula 1_diagramao e Direo de Arte
21/47
manipulao de imagens
Exemplos:
ATENDIMENTO:
As manipulaes so demoradas!Para fazer um teste, sente um diaao lado de um diretor de arte eacompanhe uma do incio ao fim.
7/26/2019 Aula 1_diagramao e Direo de Arte
22/47
Cada meio tem suas particularidades, tempo de leitura, quantidade de informaes e formatos.Conhecer cada um deles de extrema necessidade para que se consiga atingir o objetivo deconseguir comunicar com o pblico sem rudos.
Como campanha geralmente temos alguns meios pr definidos que sero listados abaixo deacordo com cada um dos quesitos mencionados:
funcionalidade e aplicabilidade de mdias
Tempo de leitura:
Outdoor/front < Cartaz < Anncio Jornal/Revista < Folder
O tempo mdio de leitura dos meios, influencia diretamente no prximo item, quantidade de informao.
Quantidade de informao
Outdoor/front < Cartaz/Anncio Jornal/Revista < Folder
7/26/2019 Aula 1_diagramao e Direo de Arte
23/47
7/26/2019 Aula 1_diagramao e Direo de Arte
24/47
7/26/2019 Aula 1_diagramao e Direo de Arte
25/47
Organizao de elementos
Um layout com seus elementos organizados e alinhados traz respiro, leveza e setorna agradvel. Variando a estrutura do layout, sempre comeando da esquerdapara a direita. Geralmente os elementos que compem o layout so:
-Imagem-Texto (ttulo e informao complementar)-Assinatura/Packshot
relao de elementos grficos
7/26/2019 Aula 1_diagramao e Direo de Arte
26/47
relao de elementos grficos
Imagem/fundo
Geralmente aproporo do fundosegue um padro4:3, para facilitarsua adaptao nasdemais peas.
IMPORTANTE:Toda imagem tem um foco principal, dividindo-se em vrios focosprincipais de ateno em relao ao fundo. Na imagem acima, a casa.
De preferncia, no utilizar mais que 2 focos para dispersar a viso;
foco
principal
7/26/2019 Aula 1_diagramao e Direo de Arte
27/47
7/26/2019 Aula 1_diagramao e Direo de Arte
28/47
relao de elementos grficos
Adaptaes de fundo
Anuncio Revistapgina simples
IMPORTANTE:Toda imagem tem um foco principal, dividindo-se em vrios focosprincipais de ateno em relao ao fundo. Na imagem acima, a casa.
De preferncia, no utilizar mais que 2 focos para dispersar a viso;
7/26/2019 Aula 1_diagramao e Direo de Arte
29/47
7/26/2019 Aula 1_diagramao e Direo de Arte
30/47
relao de elementos grficos
Adaptaes de fundo
Outdoor / Front
IMPORTANTE:Toda imagem tem um foco principal, dividindo-se em vrios focosprincipais de ateno em relao ao funo. Na imagem acima, a casa.
De preferncia, no utilizar mais que 2 focos para dispersar a viso;
7/26/2019 Aula 1_diagramao e Direo de Arte
31/47
relao de elementos grficos
Texto
sempre bom estar emsintonia com o redator, pois otexto interfere diretamente adireo de arte, opreenchimento e distribuiodos espaos.
IMPORTANTE:Se no for trabalhar com uma fonte funcional, evite utilizar fontes quedificultem a leitura, principalmente em peas com menor tempo de
visualizao. (texto corrido)
f
7/26/2019 Aula 1_diagramao e Direo de Arte
32/47
relao de elementos grficos
Texto
Muitas vezes nos deparamos comconflitos entre fundo e texto,visualizao.
Existem recursos bsicos quepodem solucionar os problemas,alm do contraste.
REGRA:FUNDO CLARO > FONTE ESCURA
FUNDO ESCURO > FONTE CLARA
l d l t fi
7/26/2019 Aula 1_diagramao e Direo de Arte
33/47
relao de elementos grficos
Strip
Para limpar rea da pea,tanto para texto quanto paraassinatura.
IMPORTANTE:Toda imagem tem um foco principal, dividindo-se em vrios focosprincipais de ateno em relao ao funo. Na imagem acima, a casa.
De preferncia, no utilizar mais que 2 focos para dispersar a viso;IMPORTANTE:Evite utilizar boxs em peas sem muita rea vertical, como por exemplo
outdoors e fronts.
l d l t fi
7/26/2019 Aula 1_diagramao e Direo de Arte
34/47
relao de elementos grficos
Box
Tambm limpa a rea doanncio, porm hpossibilidade de setrabalhar com espaomenor, sem afetar aassinatura.
IMPORTANTE:Toda imagem tem um foco principal, dividindo-se em vrios focosprincipais de ateno em relao ao funo. Na imagem acima, a casa.
De preferncia, no utilizar mais que 2 focos para dispersar a viso;IMPORTANTE:Evite utilizar muitos boxes para no varejara pea. De preferncia
sempre tente limpar a imagem de fundo para maior contraste com o texto.
l d l t fi
7/26/2019 Aula 1_diagramao e Direo de Arte
35/47
relao de elementos grficos
Assinatura
O objetivo final da leitura dapea. De nada adianta a peaficar boa e no saber dequem .
A premissa a mesma dotexto, no que se diz respeitoao contraste com o fundo
IMPORTANTE 1:Seguir sempre o Manual de Identidade Visual da Marca para aplicaes.
IMPORTANTE 2:Em campanhas de lanamento da marca, use sempre a verso original,
mesmo que tenha que utilizar box ou strip.
7/26/2019 Aula 1_diagramao e Direo de Arte
36/47
relao de elementos grficos
7/26/2019 Aula 1_diagramao e Direo de Arte
37/47
relao de elementos grficos
Imagem/fundo Texto Assin
IMPORTANTE:
Todos os elementos trabalham juntos para dar equilbrio a pea,
assim como a imagem que geralmente se equilibra com o texto.
7/26/2019 Aula 1_diagramao e Direo de Arte
38/47
relao de elementos grficos
Estudos de organizao de elementosLeitura em \
O ttulo e subttulopesam na rea suesquerda, guiandoparte inferior direitutilizando da imag
7/26/2019 Aula 1_diagramao e Direo de Arte
39/47
7/26/2019 Aula 1_diagramao e Direo de Arte
40/47
7/26/2019 Aula 1_diagramao e Direo de Arte
41/47
relao de elementos grficos
7/26/2019 Aula 1_diagramao e Direo de Arte
42/47
relao de elementos grficos
Estudos de organizao de elementosLeitura Centralizada
Com a centralizaelementos, leva-seconsiderao tamsimetria dos ladosgeralmente utilizem anncio pginasimples, e no dup
relao de elementos grficos
7/26/2019 Aula 1_diagramao e Direo de Arte
43/47
relao de elementos grficos
Zonas de leitura
1 - zona primaria2 - zona secundria3 e 4 - zona morta5 - centro tico
6 - centro geomtrico
f
7/26/2019 Aula 1_diagramao e Direo de Arte
44/47
Adaptaes de formato | Organizao dos elementos
Todo layout possui uma estrutura bsica e j definida. Possui tambm oselementos que do unidade a campanha. Para se adaptar bem as peas,otimizando todo o espao preciso compreender bem os dois pontosanteriormente citados, respeitando-os e realizando as alteraes necessrias, deacordo com o meio, com a necessidade.
relao de elementos grficos
- Em Z- Foco na imagem da casa
- Tipologia- Filtro e cor do fundo
Estrutura Elemento de unidade
7/26/2019 Aula 1_diagramao e Direo de Arte
45/47
7/26/2019 Aula 1_diagramao e Direo de Arte
46/47
7/26/2019 Aula 1_diagramao e Direo de Arte
47/47