workshop básico de direção de arte
DESCRIPTION
Apresentação com algumas dicas para estudantes de comunicação que queiram trabalhar com diereção de arte. Esse material foi feito para um workshop realizado na Mercatto Comunicação. (www.mercattando.com)TRANSCRIPT
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