direo de arte

Cria concepo artstica visual de uma pea publicitria, criando um padro esttico
especfico, 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 desenvolver seu
trabalho em sua plenitude.

conhecimentos de direo de arte

Como conhecimentos alguns so mais importantes e se tornam essenciais no exerccio

da funo. Dentre eles esto:

- Estudo e aplicabilidade de cores

- Tipologia
- Manipulao de imagens digitais
- Funcionalidade e aplicabilidade de mdias
- Relao de elementos grficos (hierarquia de elementos, estrutura e equilbrio)

estudo e aplicabilidade de cores

Cores frias

Cores quentes

estudo e aplicabilidade de cores

Cores
anlogas
Cores
complementares

estudo e aplicabilidade de cores em publicidade

Combinaes sugeridas - Kuler

kuler.adobe.com/

Dica: Cada elemento tem uma cor, mas o todo, o resultado

final deve ser levado em considerao para a harmonia da
pea.

estudo e aplicabilidade de cores em publicidade

Exemplos anncios - Harmonia
Cores complementares

Cores anlogas

estudo e aplicabilidade de cores em publicidade

Exemplos anncios - Chamativo
Cores Quentes e Anlogas

estudo e aplicabilidade de cores em publicidade

Exemplos anncios - Tecnolgico
Cores Frias e Anlogas

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 grande
valia para se passar um conceito, sensao e tambm dando maior unidade nas
campanhas.
Para qualquer diretor de arte que se preze essencial possuir um banco de fontes para
cada uso. Alm das divises tradicionais (manuscritas, serifadas, sem serifa, fantasia)
geralmente se utiliza na prtica 2 tipos de divises:

- Fontes funcionais
- Fontes caractersticas

tipologia
- Fontes funcionais

As fontes funcionais como o prprio nome sugere, so utilizadas em diversas ocasies,

inclusive em textos corridos e so as fontes mais importantes pois tem uso ecltico.

Fontes funcionais Tradicionais

IMPORTANTE:
Mesmo as fontes funcionais requerem moderao em seu uso,
principalmente as diferenciadas.

Fontes funcionais Diferenciadas

tipologia
- Fontes caractersticas

As fontes caractersticas tem um uso mais limitado, porm fornece exclusividade pea.
Fontes caractersticas

IMPORTANTE:
Geralmente as fontes caractersticas so utilizadas em ttulos
Ou logos, e selos.

tipologia
Exemplos Anncios All type

O texto assume a forma,

se tornando uma imagem.

tipologia
Exemplos Anncios Fonte funcional diferenciada

O anncio assumiu a
fonte baseada no tipo do
cliente.

tipologia
Exemplos Anncios Fonte caracterstica All Type

O anncio utilizou uma

fonte caracterstica e ao
lado do packshot uma
fonte funcional.

tipologia
Exemplos Logos Fonte funcional

Os logos utilizam fontes

funcionais como base.

tipologia
Exemplos Logos Fonte caracterstica

Os logos utilizam fontes

caractersticas como recurso
de diferenci-las.

manipulao de imagens
preciso saber manipular imagens no Photoshop para criar e conseguir materializar uma
idia, da mais simples a mais elaborada.
Para isso, alm do conhecimento bsico do software, e seus recursos, preciso conhecer
alguns 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, precisamos
prever o tempo que utilizaremos, otimizando-o)
- Fonte de imagens, texturas, referncias, filtros e brushes
- Boa noo de iluminao
- Treino, tutoriais, e muito treino

manipulao de imagens
Exemplos:

manipulao de imagens

Exemplos:

manipulao de imagens
Exemplos:

ATENDIMENTO:
As manipulaes so demoradas!
Para fazer um teste, sente um dia
ao lado de um diretor de arte e
acompanhe uma do incio ao fim.

funcionalidade e aplicabilidade de mdias

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 de
conseguir comunicar com o pblico sem rudos.
Como campanha geralmente temos alguns meios pr definidos que sero listados abaixo de
acordo com cada um dos quesitos mencionados:

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

funcionalidade e aplicabilidade de mdias

Exemplos prticos O que no fazer

relao de elementos grficos

Chegamos ao ponto mais crtico e talvez um dos mais importantes quando
falamos em direo de arte. Ter todos os elementos grficos, conseguir
harmoniz-los de forma a guiar o olhar do pblico alvo.

Balancear e equilibrar os elementos. Saber qual o meio e conseguir utilizar

os recursos de cor, tipologia, imagem trazendo unidade e o mais importante,
comunicando de forma unificada.
Existe no entanto uma srie de fatores que facilitam na hora de
diagramar/criar a pea em questo.
- Organizao de elementos
- Re-organizao de elementos (adaptao de formatos)
- Unidade de campanha (peas)
- Harmonia e equilbrio
- Quantidade do texto
- Leitura do texto

relao de elementos grficos

Organizao de elementos
Um layout com seus elementos organizados e alinhados traz respiro, leveza e se
torna agradvel. Variando a estrutura do layout, sempre comeando da esquerda
para a direita. Geralmente os elementos que compem o layout so:
- Imagem
- Texto (ttulo e informao complementar)
- Assinatura/Packshot

relao de elementos grficos

foco
principal
Imagem/fundo
Geralmente a
proporo do fundo
segue um padro
4:3, para facilitar
sua adaptao nas
demais peas.

IMPORTANTE:
Toda imagem tem um foco principal, dividindo-se em vrios focos
principais de ateno em relao ao fundo. Na imagem acima, a casa.
De preferncia, no utilizar mais que 2 focos para dispersar a viso;

relao de elementos grficos

Adaptaes de fundo
Anuncio Revista
pgina dupla

IMPORTANTE:
Toda imagem tem um foco principal, dividindo-se em vrios focos
principais de ateno em relao ao fundo. Na imagem acima, a casa.
De preferncia, no utilizar mais que 2 focos para dispersar a viso;

relao de elementos grficos

Adaptaes de fundo
Anuncio Revista
pgina simples

IMPORTANTE:
Toda imagem tem um foco principal, dividindo-se em vrios focos
principais de ateno em relao ao fundo. Na imagem acima, a casa.
De preferncia, no utilizar mais que 2 focos para dispersar a viso;

relao de elementos grficos

Adaptaes de fundo
Anuncio de Jornal pgina

IMPORTANTE:
Toda imagem tem um foco principal, dividindo-se em vrios focos
principais de ateno em relao ao funo. Na imagem acima, a casa.
De preferncia, no utilizar mais que 2 focos para dispersar a viso;

relao de elementos grficos

Adaptaes de fundo
Outdoor / Front

IMPORTANTE:
Toda imagem tem um foco principal, dividindo-se em vrios focos
principais de ateno em relao ao funo. Na imagem acima, a casa.
De preferncia, no utilizar mais que 2 focos para dispersar a viso;

relao de elementos grficos

Texto
sempre bom estar em
sintonia com o redator, pois o
texto interfere diretamente a
direo de arte, o
preenchimento e distribuio
dos espaos.

IMPORTANTE:
Se no for trabalhar com uma fonte funcional, evite utilizar fontes que
dificultem a leitura, principalmente em peas com menor tempo de
visualizao. (texto corrido)

relao de elementos grficos

Texto
Muitas vezes nos deparamos com
conflitos entre fundo e texto,
visualizao.
Existem recursos bsicos que
podem solucionar os problemas,
alm do contraste.

REGRA:

FUNDO CLARO > FONTE ESCURA

FUNDO ESCURO > FONTE CLARA

relao de elementos grficos

Strip
Para limpar rea da pea,
tanto para texto quanto para
assinatura.

IMPORTANTE:
Toda imagem tem um foco principal, dividindo-se em vrios focos
IMPORTANTE:
principais de ateno em relao ao funo. Na imagem acima, a casa.
Evite
utilizar boxs
em
peasmais
semque
muita
rea vertical,
como por
exemplo
De preferncia,
no
utilizar
2 focos
para dispersar
a viso;
outdoors e fronts.

relao de elementos grficos

Box
Tambm limpa a rea do
anncio, porm h
possibilidade de se
trabalhar com espao
menor, sem afetar a
assinatura.

IMPORTANTE:
Toda imagem tem um foco principal, dividindo-se em vrios focos
IMPORTANTE:
principais de ateno em relao ao funo. Na imagem acima, a casa.
Evite
utilizar muitos
boxes para
a pea.
De preferncia
De preferncia,
no utilizar
maisno
quevarejar
2 focos para
dispersar
a viso;
sempre tente limpar a imagem de fundo para maior contraste com o texto.

relao de elementos grficos

Assinatura
O objetivo final da leitura da
pea. De nada adianta a pea
ficar boa e no saber de
quem .
A premissa a mesma do
texto, no que se diz respeito
ao 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.

relao de elementos grficos

Aplicaes sobre fundo

relao de elementos grficos

Imagem/fundo

Texto

IMPORTANTE:
Todos os elementos trabalham juntos para dar equilbrio a pea,
assim como a imagem que geralmente se equilibra com o texto.

Assinatura

relao de elementos grficos

Estudos de organizao de elementos Leitura em \
O ttulo e subttulo
pesam na rea superior
esquerda, guiando at a
parte inferior direita se
utilizando da imagem.

relao de elementos grficos

Estudos de organizao de elementos Leitura em L 1

A imagem equilibra o
layout, dando peso na
rea inferior esquerda

relao de elementos grficos

Estudos de organizao de elementos Leitura em L 2
A imagem participa
ativamente na leitura,
guiando sempre at a
assinatura.

relao de elementos grficos

Estudos de organizao de elementos Leitura em Z
O ttulo segue at o final
da pgina e a imagem
participa da leitura at o
canto inferior direito
(assinatura).

relao de elementos grficos

Estudos de organizao de elementos Leitura Centralizada
Com a centralizao dos
elementos, leva-se em
considerao tambm a
simetria dos lados, e
geralmente utilizado
em anncio pgina
simples, e no dupla.

relao de elementos grficos

Zonas de leitura

1 - zona primaria
2 - zona secundria
3 e 4 - zona morta
5 - centro tico
6 - centro geomtrico

relao de elementos grficos

Adaptaes de formato | Organizao dos elementos
Todo layout possui uma estrutura bsica e j definida. Possui tambm os
elementos que do unidade a campanha. Para se adaptar bem as peas,
otimizando todo o espao preciso compreender bem os dois pontos
anteriormente citados, respeitando-os e realizando as alteraes necessrias, de
acordo com o meio, com a necessidade.

Estrutura
- Em Z
- Foco na imagem da casa

Elemento de unidade
- Tipologia
- Filtro e cor do fundo

relao de elementos grficos

IMPORTANTE:
Geralmente o texto alterado de uma pea para outra, se reduz
por exemplo para outdoor, e se adiciona para folder.

ferramentas de direo de arte

No tem como um piloto ser campeo e no conhecer o carro.

No tem como um D.A. ser bom sem saber mexer bem com os softwares desktop.
Alm de trabalhar bem com AI, OS, ID, o diretor de arte deve ter um vasto banco dados e
referncias, de preferncia organizado. Lembrando que, referncia se usa para sacar
tendncias, SE INSPIRAR, e no COPIAR.
-Texturas
- Fotos em alta
- Fotos em mdia com variedade de opo
- Vetores
- Logos e marcas
- Fontes
- Tutoriais
- Referncias Anncios
- Referncias Filmes
- Perguntar quando no souber

fim