lab. de produção gráfica e imagem aula 001 o processo de percepção

Lab. de Produção Gráfica e Imagem

Aula 001O processo de percepção

A percepção

• Percepção visual (subjetivo)

• Percepção conceitual (objetivo)


A percepção


A percepção

• Na estética, entende-se por percepção visual um conhecimento teórico, descritivo, relacionado à forma e suas expressões sensoriais.

• É o produto final da visão consistindo na habilidade de detectar e interpretar as consequências do estímulo luminoso, do ponto de vista estético e lógico.


A percepção

• O maior porém no estudo da percepção visual não é exatamente o que as pessoas vão ver, enxergar, e sim uma tradução da imagem ou composição a ser interpretada em questão.


A percepção

• O que está envolvido quando o ser humano é estimulado?

Ao provocar uma reação psicológica que vai influenciar o ser humano, vai existir a formação do conceito no cérebro (para gerar um feedback).


A percepção

• A análise de qualquer peça codificada por meio de ícones, símbolos e imagens passa pelo fenômeno conhecido como percepção.

Enfim, a percepção é uma operação complexa e ativa, que algumas vezes pode não refletir a realidade, pois o meio contribui decisivamente para a formação de conceitos.


A percepção

• Ela não reflete normalmente a realidade e pode sofrer várias influências de concepção, tendo a atenção como fator predominante.

• É importante frisar que a percepção está ligada a experiências que o ser humano traz dentro de si (lembranças, desejos e consciência).


A percepção

• A Atenção.


A percepção

• A Lembrança.



A percepção

• O desejo.

A percepção

• A Consciência.


O processo de Percepção

• O processo de percepção se inicia quando o ser humano decide a forma da qual a mensagem vai ser absorvida pelo público-alvo.



Aula 002Conceitos Preliminares da Produção Gráfica

Objetivo

• Propiciar um panorama sobre a produção gráfica e sua contextualização nas etapas de prática publicitária, contribuindo para o conhecimento de técnicas que auxiliam no desenvolvimento dos fundamentos da produção gráfica na rotina do publicitário, alinhando-se com outras áreas da comunicação.


Práticas Publicitárias

• A publicidade ver a relação entre produtos e marcas com seus públicos de interesse.

• O publicitário é a ferramenta de novas linguagens, do novo, é responsável por capturar a atenção do receptor.


Práticas Publicitárias

• O importante não são apenas as reações inconsciente proporcionadas pelos anúncios.

• O que importa é o entendimento do receptor, que o anúncio “fale” com ele, de forma simples, dando a entender que o produto anunciado é de prestígio.


Produção Gráfica

• Conjunto de processo e atividades para reproduzir, em qualquer número, materiais impressos a partir de uma matriz.

• Avaliação de fornecedores para preparação de qualquer processo de impressão.


Produção Gráfica - Agência

• Viabilização, acompanhamento e fiscalização do processo de uma peça gráfica desde sua criação até a impressão.


Produtor Gráfico

• Coordenar e executar peças gráficas (conhecimento técnico), para avaliar o sistema de impressão, cores, tipo de papel e fornecedor.• Relacionamento com fornecedores gráficos (gráficas, fotógrafos, “birôs”, ilustradores).• Contato direto com atendimento e Diretor de Arte.• Buscar rentabilidade dos serviços (qualidade x preço)


Etapas da Produção Gráfica

• Criação / projetação gráfica (agência);• Pré-impressão (birô / gráfica rápida);• Impressão (gráfica);• Acabamento / Pós-impressão (a própria gráfica / terceirizado).


Etapas da Produção GráficaCriação / Projetação gráfica

• Preparação do arquivo para saída (de acordo com o tipo de impressão);• Arte – final;• Especificações técnicas: cores, resolução, tipografia, formatos, dobras, cortes, uso de facas, efeitos de impressão.• Reproduzir fielmente o layout.


Etapas da Produção GráficaPré-Impressão

• Concretização da criação, transformação do arquivo digital em arquivo físico.

• Protótipo a ser veiculado futuramente impressora industrial (gráfica).


Etapas da Produção GráficaPré-Impressão

• Digitalização de Imagens;• Edição de imagens;• Fotolitos (filmes) / placas utilizadas para gravar as matrizes de impressão;• Provas: Analógicas e Digitais.


Etapas da Produção GráficaImpressão

• Encurta o fluxo produtivo;• Aproximam o criador do produto final;

* Existem 4 processos (da pré-impressão a impressão).



Processo (a): Computer- to-Film

• Uso de Imagesseters, sensibilizam um filme fotossensível, o fotolito. Este é revelado e utilizado na gravação de matrizes de impressão.



Processo (a): Computer- to-Film



Processo (b): Computer- to-Plate (CTP)

• Elimina o fotolito;• Gravação feita direta na chapa;• Controle antes da gravação;• Alto custo.



Processo (b): Computer- to-Plate (CTP)



Processo (c): Computer- to-Press

• Gravação direta na chapa com laser;• Sem revelação;• Alto custo;• Pequenas tiragens.



Processo (c): Computer- to-Press



Processo (d): Computer- to-Print (Impressão Digital)

• Sem fotolito nem chapa;• Sem matriz;• Qualidade baixa;• Pequenas tiragens – custo proporcional à quantidade.




• Provas de revisão (texto);• Provas de imposição (tamanho maior / boneca);• Provas de cor / provas de contrato (cor).


Etapas da Produção GráficaImpressão – Sistemas de Impressão

01. Tipografia

• Baseada na prensa de Gutenberg;• Tipos imprimem textos;• Matriz em alto relevo, impressão direta;• Impressão e secagem lentas;• Baixa qualidade.



01. Tipografia


Cartões de visita, convites, cartões comemorativos, notas fiscais ...


02. Rotogravura

• Cilindros com sulcos de tinta;• Impressão direta;• O valor depende do trabalho, é necessário a análise criteriosa para ser utilizada;• Grandes tiragens.



02. Rotogravura


Embalagens, revistas de alta tiragem, papel de decoração ...


03. Flexografia

• Baseada do exemplo 01 (tipografia);• Matriz em alto relevo;• Chapas de fotopolímeros (borracha);• Impressão direta em suportes flexíveis.



03. Flexografia


Embalagens, rótulos, sacolas plásticas ...


04. Offset

• Baseado na repulsão água / tinta, isto é, áreas a imprimir recebem tinta, outras a água (repelir a tinta);• Impressão indireta (fotolito ou chapa);• Média e altas tiragens;• Impressão em papel, PVC e poliestireno.



04. Offset


Materiais promocionais, revistas, embalagens ...


05. Serigrafia / Silk Screen

• Impressão direta através de telas vazadas nas áreas de impressão (tela de nylon, seda, poliéster);• Pressão de rodo (o puxador faz a tinta passar);• Variação de suportes;• Pequena e médias tiragens.



05. Serigrafia / Silk Screen


Embalagens, bonés, calçados, brinquedos, brindes, camisetas ...

Produção Gráfica

Cores

• 2 escalas padrão: CMYK | Pantone• CMYK – separação das cores, isto é, todas as cores são formadas a partir de 4 cores básicas (porcentagem de cada uma)• Pantone – cores com nomes. Existe uma tabela com fórmulas para criar a cor (um filme para cada uma).


Produção Gráfica

Papel

• A sua escolha é fundamental para o bom resultado de um trabalho.

• Um detalhe importantíssimo é que nem todos podem ser usados em alguns sistemas de impressão


Produção Gráfica

Características de Papel

• Gramatura – peso de uma folha de 1m²;• Cor – pode ou não influencia na criação;• Textura – liso ou não;• Brilho ou Fosco;• Tamanho – importante no aproveitamento.


Produção Gráfica

Tamanhos de Papel


Produção Gráfica

Tipos de Papel

• Couché: liso e resistente, ótma qualidade de impressão.

Ex.: Cartões de visita, folders, flyers, panfletos, tags, encartes, cartazes, etc.


Produção Gráfica

Tipos de Papel

• Offset: fosco e encorpado, resistente à umidade, qualidade ideal para escrever.

Ex.: Receituários, papel timbrado, livros.


Produção Gráfica

Tipos de Papel

• Duplex: famoso papelão, duas camadas de papel, uma branca e lisa, outra bege ou cinza, rígido.

Ex.: Calendários de parede, sacolas de papel, caixas, embalagens.


Produção Gráfica

Tipos de Papel

• Supremo: resistente, mais liso, alta qualidade, frente e verso branco.

Ex.: Calendários de mesa.



Aula 003Produção e Leitura da Imagem

Definição

Quando se olha para uma obra de arte, assiste um filme, lê-se um livro, observa-se uma pintura ou escultura, cria-se na mente uma série de pensamentos que podem ser diferentes a cada vez que se repete a mesma atividade de ver e observar um determinado material. Ao ato de observar e produzir pensamentos novos pode ser chamado de Leitura de Imagem.


Definição

Percebe-se também que cada pessoa, de acordo com seu repertório e seu modo de vida consegue ver o mesmo filme por exemplo, e interpretá-lo de forma totalmente diferente de uma outra pessoa. Além disso, essa mesma pessoa assistindo o mesmo filme no dia seguinte ou em outro momento, produz uma descrição com idéias bem diferentes das que produziu quando o viu pela primeira vez.


Definição

Existe a preocupação na organização e disposição dos elementos, utiliza-se dos mesmos princípios estudados pela Gestalt, desde os estudos sobre a perspectiva e a hierarquização visual dos componentes, podendo os valorizar, dar-lhes destaque ou delegando-os a segundo plano, tendo como resultado na obra final um papel destacado, logo percebido pelo espectador, ou secundário no complemento da cena.


Hierarquização visual

Como criar hierarquia na página?• Distribuição do espaço gráfico e dos elementos dentro deste espaço gráfico;• Adição de elementos gráficos (imagem, box, linha fina);• Área destinada à imagem;• Peso da fonte utilizada no título;• Bloco de texto.


Hierarquização visual


Definição

Qual o poder das imagens? Como elas influenciam nosso comportamento? Como ocorre seu processo de leitura? Quais as forças e elementos visuais e como operam?


Definição

Enxergamos o mundo e toda sua riqueza imagética obedecendo as limitações do nosso campo de visão, ou seja, dentro de uma moldura orgânica delimitada naturalmente. Ao observarmos imagens específicas como livros, fotografias ou pinturas nos deparamos com outro tipo de moldura, uma “moldura mecânica”, formada por limites de linhas ou cores.


Definição

Dentro dessas molduras nosso olhar percorre um caminho de leitura semelhante àquela empregada nos textos. Assim, podemos dividir a estrutura de uma imagem em partes como: introdução, desenvolvimento, clímax e fim.


Definição


Definição

• Sistema de leitura ocidental (centro óptico, centro geométrico, zona principal e zonas mortas da página).

• A força visual dos blocos de leitura do layout.

• A hierarquia visual e o entendimento da mensagem.

• Os elementos na página e a integração entre texto e imagem.


Leitura Ocidental

Zonas de visualização na mídia impressa:

1. principal ou primária;

2. secundária;

3 e 4. morta;

5. centro ótico;

6. centro geométrico.


Leitura Ocidental


1. Principal ou primária: deve conter um elemento forte – como uma imagem, um grande título, um grafismo – para atrair o interesse do leitor.


Leitura Ocidental


2. Secundária: deve conter elementos para finalizar a página que ajudem a compreender a mensagem da página como um todo.


Leitura Ocidental


3 e 4. Morta: o projeto gráfico deve atentar-se para as zonas mortas da página e preenchê-las com elementos de grande atração visual para conduzir a leitura de forma confortável e rápida.


Leitura Ocidental


5. Centro ótico: está situado um pouco acima do centro geométrico* e deve apresentar aspectos atrativos para que a leitura se torne ordenada e racional.

* Ou é o primeiro visual apreendido por quem manipula uma peça impressa e possibilita o “deslocamento do olho” dentro de um layout.


Leitura Ocidental


5. Centro ótico:


Leitura Ocidental


6. Centro geométrico: é o ponto de cruzamento das diagonais. A partir desse ponto passamos a dispor os elementos que irão compor o layout, de forma que os pesos da composição estejam balanceados e seu equilíbrio possa ser mostrado ao traçar uma linha imaginária exatamente sobre este centro dividindo-a em duas partes exatamente iguais.


Leitura Ocidental


6. Centro geométrico:



Aula 004Direção de Arte na Propaganda

Direção de Arte - Definição

• 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 público.• 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 - Conhecimentos

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;• Conhecimento em Tipografia; • Manipulação de imagens digitais;• Funcionalidade e aplicabilidade de mídias; • Relação de elementos gráficos (hierarquia de elementos, estrutura e equilíbrio).



• Estudo e aplicabilidade de cores.





Cores análogas

Cores complementares




Cores quentes e análogas


• Conhecimento em Tipografia

• 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.




• Há seis maneiras claras e diferentes de contrastar a tipologia:

• Tamanho; • Forma;• Peso; • Direção;• Estrutura; • Cor.




• Além das divisões tradicionais (manuscritas, serifadas, sem serifa, fantasia) geralmente se utiliza na prática 2 tipos de divisões:

- Fontes funcionais (textos longos | uso eclético)

- Fontes características (uso mais limitado | tem personalidade)



• Conhecimento em Tipografia – funcionais

Tradicionais

Diferenciadas



• Conhecimento em Tipografia – características



• Manipulação de imagens digitais

• Ter uma idéia do resultado final;• Planejamento de tempo;• Fonte de imagens, texturas, referências, filtros e brushes;• Boa noção de iluminação*;• Treino e tutoriais.



• Manipulação de imagens digitais



• Funcionalidade e aplicabilidade de mídias

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.



• Funcionalidade e aplicabilidade de mídias

Tempo de leitura: Outdoor/front < Cartaz < Anúncio Jornal/Revista < Folder

Quantidade de Informação:Outdoor/front < Cartaz < Anúncio Jornal/Revista < Folder



• Relação de elementos gráficos

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; • Adaptação de formatos; • Unidade de campanha (peças); • Harmonia e equilíbrio; • Quantidade do texto; • Leitura do texto.




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: a imagem, o texto (título e informação complementar) e a assinatura. Vamos ver:



Aula 005 e 006Psicodinâmica das Cores na Comunicação


Psicodinâmica das Cores na Comunicação

As cores podem produzir impressões, sensações e reflexos sensoriais de grande importância, porque cada uma delas tem uma vibração determinada em nossos sentidos e podem atuar como estimulante ou perturbador na emoção, na consciência e em nossos impulsos e desejos.



Sabemos que o principal papel da publicidade é vender. Somos alvos de bombardeios constantes dos meios de comunicação para nos chamar a atenção. É quase um vale tudo entre eles.

E nesse vale tudo, a cor é um fator predominante nessa batalha, exatamente pela influência psicológica que exerce sobre nós.



Os consumidores (independentes do seu perfil) compram pela razão e pela emoção. A compra pela emoção é aquela em que o consumidor é surpreendido. Já a compra pela razão é aquela compra mais planejada.



Por isso, que o estudo das cores na comunicação e no marketing permite conhecer sua potência psíquica e aplicá-la como poderoso fator de atração e sedução para identificar as mensagens publicitárias sob todas as formas:



• apresentação de produtos; • embalagens;

• logotipos; • cartazes;

• comerciais; • anúncios; etc.



A cor de apresentação deve estar de acordo com o caráter e a qualidade do conteúdo/conceito e deve ser ajustado com os requerimentos psicológicos e culturais do público a que se destina. A linguagem da cor é um meio atrativo que atua sobre o subconsciente dos consumidores, permitindo sua utilização alinhada com os objetivos estratégicos dos produtos e das empresas.



Sobre o indivíduo que recebe a comunicação visual, a cor exerce uma ação tríade:

• impressionar (estímulo visual);• expressar (provoca uma emoção);• construir (tem um significado próprio).



Vale ressaltar que a cor é uma linguagem individual. O receptor reage a ela subordinado as suas condições físicas (sensação) e às suas influência culturais (percepção). Ela possui uma sintaxe que pode ser transmitida, isto é, ensinada.



Significado das coresDerivando de hábitos sociais estabelecidos durante longo espaço de tempo, fixam-se atitudes psicológicas que orientam inconscientemente inclinações individuais.

OBS.: A INTERPRETAÇÃO DA COR PODE SER UMA REFERÊNCIA



Significado das coresCOR OBJETO SIGNIFICADO

Branco Vestido de noiva Pureza

Preto Noite Desconhecido

Cinza Fumaça Tristeza

Vermelho Sangue Excitação

Rosa Vestido feminino Graça, Ternura

Azul Enxoval bebê (M) Pureza, fé, honra



Significado das coresEsses significados ficam de tal forma enraizados na cultura que vemos o emprego de sensações visuais para definir estados emocionais ou situações vividas pelo indivíduo.



Significado das coresPara analisar os efeitos de sentido provocado pelas cores, é preciso ter em conta que elas provocam sensações polarizadas (positivas ou negativas).



Comunicação / PublicidadeA determinação do uso da cor na publicidade está relacionada à persuasão do consumidor e à psicologia da cor. Cada cor possui uma expressividade que remete ao observador alguma coisa. O uso da cor está relacionado à mensagem que o produto/serviço tem a oferecer. As cores possuem como princípio a qualidade de captar a atenção imediata do consumidor.



É a Psicologia da Cor, isto é, as sensações percebidas por nós quando a vemos isolada ou combinada.



• Produz diversas mudanças corpóreas (aumento involuntário da respiração e do fluxo sanguíneo; influencia no estado de espírito, de humor e de saúde);



• Produz mudanças em nosso comportamento e atitudes;



• Pode ser associada a diversos simbolismos e códigos de expressão artística e de comunicação visual, num processo de caráter universal.



Resumindo, as cores podem ter significados e provocar sensações diferentes.



Parâmetros básicos da corMatiz: refere-se à identidade essencial de uma cor – vermelho, violeta, laranja, amarelo, etc.



Parâmetros básicos da corSaturação: descreve sua intensidade. Uma cor saturada é muito mais intensa ou vibrante. Cores com menor saturação são entendidas como opacas ou atenuadas.



Parâmetros básicos da corValor: É a quantidade de luminosidade presente na cor. Adiciona-se a escala acromática (escala dos cinzas).



Parâmetros básicos da corLuminosidade Mais Luminosidade + Mais Positividade nas Sensações

Mais Sombra + Sensações menos positivas



Parâmetros básicos da corTemperatura: Sensação transmitida pela cor, dando a impressão de ser:



Parâmetros básicos da corTemperatura: Quentes:Possuem uma vibração muito intensa;Tendem a avançar (saltar) e vibrar;Compostas pela derivação do laranja, vermelho e amarelo.



Parâmetros básicos da corTemperatura: Frias:Quando predominam, dá um caráter emotivo a imagem;Tendem a retrair (encolher);Compostas pela derivação do azul, roxo e verde.



Parâmetros básicos da corTemperatura: Neutras:Não há predomínio de tonalidades quentes ou frias;Compostas pela mistura com o preto, branco, cinza.



Parâmetros básicos da corTemperatura:



Parâmetros básicos da corContraste



Significado das coresDIMENSÃO

(porque aumenta e diminui, aparentemente, os ambientes).

PESO (porque torna, aparentemente, os volumes mais leves ou pesados).

ILUMINAÇÃO (porque absorve uma parte da luz recebida e reflete outra).



Significado das coresTEMPERATURA (porque imprime a ideia subjetiva de “quente” e “frio”).

SIMBOLISMO (porque se relaciona com as tradições).

EMOÇÃO (porque se associa diretamente ao nosso psiquismo).


Download

estudiomultifoco.com.br/ftc

lab. de produção gráfica e imagem aula 001 o processo de percepção

Documents