Cria concepção artística visual de uma peça publicitária, criando um padrão estético específico, passando assim a mensagem da melhor forma possível ao target.

Em outras palavras, exercer o design (forma + função).

O diretor de arte deve ter conhecimentos e ferramentas necessárias para desenvolver seu trabalho em sua plenitude.

direção de arte

Como conhecimentos alguns são mais importantes e se tornam essenciais no exercício da função. Dentre eles estão:

- Estudo e aplicabilidade de cores

- Tipologia

- Manipulação de imagens digitais

- Funcionalidade e aplicabilidade de mídias

- Relação de elementos gráficos (hierarquia de elementos, estrutura e equilíbrio)

conhecimentos de direção de arte

estudo e aplicabilidade de cores

Cores frias Cores quentes

estudo e aplicabilidade de cores

Cores análogas

Cores complementares

estudo e aplicabilidade de cores em publicidade

Combinações sugeridas - Kulerkuler.adobe.com/

Dica: Cada elemento tem uma cor, mas o todo, o resultado final deve ser levado em consideração para a harmonia da peça.

estudo e aplicabilidade de cores em publicidade

Exemplos anúncios - Harmonia

Cores complementares

Cores análogas

estudo e aplicabilidade de cores em publicidade

Exemplos anúncios - Chamativo

Cores Quentes e Análogas

estudo e aplicabilidade de cores em publicidade

Exemplos anúncios - Tecnológico

Cores Frias e Análogas

tipologia

Um dos elementos de maior importância para o entendimento da mensagem.

Dependendo da utilização tem peso maior ou menor na peça, no entanto, é de grande valia para se passar um conceito, sensação e também dando maior unidade nas campanhas.

Para qualquer diretor de arte que se preze é essencial possuir um banco de fontes para cada uso. Além das divisões tradicionais (manuscritas, serifadas, sem serifa, fantasia) geralmente se utiliza na prática 2 tipos de divisões:

- Fontes funcionais

- Fontes características

tipologia

- Fontes funcionais

As fontes funcionais como o próprio nome sugere, são utilizadas em diversas ocasiões, inclusive em textos corridos e são as fontes mais importantes pois tem uso eclético.

Fontes funcionais Tradicionais Fontes funcionais Diferenciadas

IMPORTANTE: Mesmo as fontes funcionais requerem moderação em seu uso, principalmente as diferenciadas.

tipologia

- Fontes características

As fontes características tem um uso mais limitado, porém fornece exclusividade à peça.

Fontes características

IMPORTANTE: Geralmente as fontes características são utilizadas em títulosOu logos, e selos.

tipologia

Exemplos Anúncios – All type

O texto assume a forma, se tornando uma imagem.

tipologia

Exemplos Anúncios – Fonte funcional diferenciada

O anúncio assumiu a fonte baseada no tipo do cliente.

tipologia

Exemplos Anúncios – Fonte característica – All Type

O anúncio utilizou uma fonte característica e ao lado do packshot uma fonte funcional.

tipologia

Exemplos Logos – Fonte funcional

Os logos utilizam fontes funcionais como base.

tipologia

Exemplos Logos – Fonte característica

Os logos utilizam fontes características como recurso de diferenciá-las.

manipulação de imagens

É preciso saber manipular imagens no Photoshop para criar e conseguir materializar uma idéia, da mais simples a mais elaborada.

Para isso, além do conhecimento básico do software, e seus recursos, é preciso conhecer alguns pontos antes de começar uma manipulação.

- Ter uma idéia do resultado final (pré visualizar antes de começar)- Planejamento de tempo (por não sermos estúdio de manipulação, precisamos

prever o tempo que utilizaremos, otimizando-o)- Fonte de imagens, texturas, referências, filtros e brushes- Boa noção de iluminação- Treino, tutoriais, e muito treino

manipulação de imagens

Exemplos:

manipulação de imagens

Exemplos:

manipulação de imagens

Exemplos:

ATENDIMENTO:

As manipulações são demoradas! Para fazer um teste, sente um dia ao lado de um diretor de arte e acompanhe uma do início ao fim.

Cada meio tem suas particularidades, tempo de leitura, quantidade de informações e formatos . Conhecer cada um deles é de extrema necessidade para que se consiga atingir o objetivo de conseguir comunicar com o público sem ruídos.

Como campanha geralmente temos alguns meios pré definidos que serão listados abaixo de acordo com cada um dos quesitos mencionados:

funcionalidade e aplicabilidade de mídias

Tempo de leitura:

Outdoor/front < Cartaz < Anúncio Jornal/Revista < Folder

O tempo médio de leitura dos meios, influencia diretamente no próximo item, quantidade de informação.

Quantidade de informação

Outdoor/front < Cartaz/Anúncio Jornal/Revista < Folder

funcionalidade e aplicabilidade de mídias

Exemplos práticos – O que não fazer

fail

Chegamos ao ponto mais crítico e talvez um dos mais importantes quando falamos em direção de arte. Ter todos os elementos gráficos, conseguir harmonizá-los de forma a guiar o olhar do público 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 série de fatores que facilitam na hora de diagramar/criar a peça em questão.

- Organização de elementos- Re-organização de elementos (adaptação de formatos)- Unidade de campanha (peças)- Harmonia e equilíbrio- Quantidade do texto- Leitura do texto

relação de elementos gráficos

Organização de elementos

Um layout com seus elementos organizados e alinhados traz respiro, leveza e se torna agradável. Variando a estrutura do layout, sempre começando da esquerda para a direita. Geralmente os elementos que compõem o layout são:

- Imagem- Texto (título e informação complementar)- Assinatura/Packshot

relação de elementos gráficos

relação de elementos gráficos

Imagem/fundo

Geralmente a proporção do fundo segue um padrão 4:3, para facilitar sua adaptação nas demais peças.

IMPORTANTE:Toda imagem tem um foco principal, dividindo-se em vários focos principais de atenção em relação ao fundo. Na imagem acima, a casa.De preferência, não utilizar mais que 2 focos para dispersar a visão;

foco principal

relação de elementos gráficos

Adaptações de fundo

Anuncio Revistapágina dupla

IMPORTANTE:Toda imagem tem um foco principal, dividindo-se em vários focos principais de atenção em relação ao funo. Na imagem acima, a casa.De preferência, não utilizar mais que 2 focos para dispersar a visão;

relação de elementos gráficos

Adaptações de fundo

Anuncio Revistapágina simples

IMPORTANTE:Toda imagem tem um foco principal, dividindo-se em vários focos principais de atenção em relação ao funo. Na imagem acima, a casa.De preferência, não utilizar mais que 2 focos para dispersar a visão;

relação de elementos gráficos

Adaptações de fundo

Anuncio de Jornal ½ página

IMPORTANTE:Toda imagem tem um foco principal, dividindo-se em vários focos principais de atenção em relação ao funo. Na imagem acima, a casa.De preferência, não utilizar mais que 2 focos para dispersar a visão;

relação de elementos gráficos

Adaptações de fundo

Outdoor / Front

IMPORTANTE:Toda imagem tem um foco principal, dividindo-se em vários focos principais de atenção em relação ao funo. Na imagem acima, a casa.De preferência, não utilizar mais que 2 focos para dispersar a visão;

relação de elementos gráficos

Texto

É sempre bom estar em sintonia com o redator, pois o texto interfere diretamente a direção de arte, o preenchimento e distribuição dos espaços.

IMPORTANTE:Se não for trabalhar com uma fonte funcional, evite utilizar fontes que dificultem a leitura, principalmente em peças com menor tempo de visualização. (texto corrido)

relação de elementos gráficos

Texto

Muitas vezes nos deparamos com conflitos entre fundo e texto, visualização.

Existem recursos básicos que podem solucionar os problemas, além do contraste.

REGRA: FUNDO CLARO > FONTE ESCURA

FUNDO ESCURO > FONTE CLARA

relação de elementos gráficos

Strip

Para limpar área da peça, tanto para texto quanto para assinatura.

IMPORTANTE:Toda imagem tem um foco principal, dividindo-se em vários focos principais de atenção em relação ao funo. Na imagem acima, a casa.De preferência, não utilizar mais que 2 focos para dispersar a visão;IMPORTANTE:Evite utilizar strip em peças sem muita área vertical, como por exemplo outdoors e fronts.

relação de elementos gráficos

Box

Também limpa a área do anúncio, porém há possibilidade de se trabalhar com espaço menor, sem afetar a assinatura.

IMPORTANTE:Toda imagem tem um foco principal, dividindo-se em vários focos principais de atenção em relação ao funo. Na imagem acima, a casa.De preferência, não utilizar mais que 2 focos para dispersar a visão;IMPORTANTE:Evite utilizar muitos boxes para não ´varejar´ a peça. De preferência sempre tente limpar a imagem de fundo para maior contraste com o texto.

relação de elementos gráficos

Assinatura

O objetivo final da leitura da peça. De nada adianta a peça ficar boa e não 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 aplicações.

IMPORTANTE 2:Em campanhas de lançamento da marca, use sempre a versão original, mesmo que tenha que utilizar box ou strip.

relação de elementos gráficos

Aplicações sobre fundo

IMPORTANTE:Toda imagem tem um foco principal, dividindo-se em vários focos principais de atenção em relação ao funo. Na imagem acima, a casa.De preferência, não utilizar mais que 2 focos para dispersar a visão;

relação de elementos gráficos

Imagem/fundo Texto Assinatura

IMPORTANTE:Todos os elementos trabalham juntos para dar equilíbrio a peça, assim como a imagem que geralmente se equilibra com o texto.

relação de elementos gráficos

Estudos de organização de elementos – Leitura em “\”

O título e subtítulo pesam na área superior esquerda, guiando até a parte inferior direita se utilizando da imagem.

relação de elementos gráficos

Estudos de organização de elementos – Leitura em “L” 1

zA imagem equilibra o layout, dando peso na área inferior esquerda

relação de elementos gráficos

Estudos de organização de elementos – Leitura em “L” 2

z

A imagem participa ativamente na leitura, guiando sempre até a assinatura.

relação de elementos gráficos

Estudos de organização de elementos – Leitura em “Z”

z

O título segue até o final da página e a imagem participa da leitura até o canto inferior direito (assinatura).

relação de elementos gráficos

Estudos de organização de elementos – Leitura Centralizada

Com a centralização dos elementos, leva-se em consideração também a simetria dos lados, e geralmente é utilizado em anúncio página simples, e não dupla.

Adaptações de formato | Organização dos elementos

Todo layout possui uma estrutura básica e já definida. Possui também os elementos que dão unidade a campanha. Para se adaptar bem as peças, otimizando todo o espaço é preciso compreender bem os dois pontos anteriormente citados, respeitando-os e realizando as alterações necessárias, de acordo com o meio, com a necessidade.

relação de elementos gráficos

- Em ´Z´- Foco na imagem da casa

- Tipologia- Filtro e cor do fundo

Estrutura Elemento de unidade

relação de elementos gráficos

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

Não tem como um piloto ser campeão e não conhecer o carro.

Não tem como um D.A. ser bom sem saber mexer bem com os softwares desktop.

Além de trabalhar bem com AI, OS, ID, o diretor de arte deve ter um vasto banco dados e referências, de preferência organizado. Lembrando que, referência se usa para sacar tendências, SE INSPIRAR, e não COPIAR.

- Texturas- Fotos em alta- Fotos em média com variedade de opção- Vetores- Logos e marcas- Fontes- Tutoriais- Referências Anúncios- Referências Filmes- Perguntar quando não souber

ferramentas de direção de arte

Obrigado pela atenção