produÇÃo publicidade & grÁfica...

USCS - Universidade de São Caetano do Sul - Curso de Comunicação Social - Habilitação em Publicidade - Disciplina Produção Gráfica - Prof. Ms. Paulo Alves de Lima

PRODUÇÃO GRÁFICA

PUBLICIDADE &PROPAGANDA

Thursday, February 28, 2013

Sistemade

avaliação

• Prova Semestral --> 50% da nota final.

• Atividades em laboratório --> 25% da nota final – Exercícios de práticos feitos nos Laboratórios de informática.

• PI (Projeto Integrado): --> 25% da nota final - Uso dos recursos desenvolvidos na disciplina nos trabalhos apresentados; - Participação do professor na banca.



• As relações da disciplina com o PI - Projeto Integrado;• Estratégias de organização da produção gráfica para o PI;• Trabalhando com o Adobe Illustrator;• Explorando os recursos criativos do Adobe Illustrator;• A prática do desenho vetorial;• Trabalhando com o Adobe Photoshop;• Explorando os recursos criativos do Adobe Photoshop;• Prática de trabalhos com imagens Bitmap;• Trabalhando com o Adobe InDesign;• O PDF na finalização dos processos de produção gráfica;•.Suporte na finalização dos trabalhos do PI - Projeto Integrado

Temas dadisciplina



XXXQuais são as

relações da disciplinacom o PI?




A disciplina de Produção Gráfica têm entre seus objetivos fornecer suporte técnico no desenvolvimento de materiais gráficos criados pelos alunos para o Projeto Integrado, ao mesmo tempo que participará da banca avaliando o uso dos recursos de produção trabalhados na disciplina e utilizados pelos grupos em seus Projetos Integrados.


A apresentação doProjeto Integrado




Faça slides interessantes;

Não é preciso ler a íntegra dos slides, faça de um modo que o slide e a fala do grupo sejam complementares;

Tente calcular o número de slides adequados ao tempo de exposição.

VVV


XXXSobre formatação

dos arquivos e das mídias:




Faça sua apresentação no software PowerPoint, no Keynote ou no Prezi, mas ao final lembre-se de salvar uma cópia no formato PDF para ser entregue aos professores.

Lembre-se de gerar um arquivo de projeção final SWF para anexar ao CD.

Todos os filmes

produzidos também devem

ser entregues em uma versão

final pronta para projeção.

Arquivos de texto, gráficos, planilhas

tabelas , layouts de campanhas,

produtos e embalagens

devem ser exportados em

formato PDF para entrega aos

professores.

Formate sua mídia, seja CD ou DVD, no formato ISO 9660, rotule

e teste todos os discos que serão entregues.


Formate a mídia no Padrão ISO 9660;

Textos, layouts de peças, relatórios e tabelas devem ser consolidados em um só documento no formato PDF;

Arquivos fonte (abertos) não precisam ser entregues;

Gere uma cópia de sua apresentação no formato PDF;

Organize os arquivos por tipo em diferentes diretórios dentro da mídia.

VVVV


VThursday, February 28, 2013

XXX

Sobre aapresentação

(Física)dos trabalhos do PI:




O foco central do layout das capas e embalagens deve ser a campanha e não o grupo ou o cliente;

Atenção para as embalagens e etiquetas, lembre-se sempre de indicar o grupo ou o(s) autores do trabalho;

Organize os arquivos digitais dentro da mídia, teste-a antes de entregar;

VVV


XXX

Sobre as estratégiasde organização

da produção gráficapara o PI



É básico mas precisa ser dito:Começe sempre pelo começo!

Antes de iniciar a produçãode qualquer trabalho

PLANEJE



DESLIGUE O COMPUTADOR

ESCUTE O BRIEFING

Imagem obtida em: http://www.hypnopuncture.co.uk/images/ear4.jpg



http://www.hypnopuncture.co.uk/images/ear4.jpg

http://www.hypnopuncture.co.uk/images/ear4.jpg

XXX

Liste todas as peçasque deverão ser

produzidase avalie as etapas

de desenvolvimentode cada uma delas



PRODUZINDO PARA:

• WEB• TV + VÍDEO

• MÍDIAS MÓVEIS(Celulares, Tablets)

• MÍDIAS EXTERNAS(Banners, BackLight)• MÍDIAS IMPRESSAS

(Jornais, Revistas,Folhetos e Folders)

• EMBALAGENS



Poster

DVD

Rótulo + Embalagem

Camiseta

Banner Web

VVVVV




COMO O TRABALHO SERÁIMPRESSO OU VEICULADO?• A resposta lhe dará algumas dicas importantes:• Qual a escala e perfil de cores adotar.• Que resolução devem ter as imagens;• Qual a estratégia de produção adotar;• Qual ou quais softwares deverão ser utilizados;• Quais os prazos técnicos devem ser somados aos prazos de criação;

COMEÇE FAZENDO A SEGUINTE PERGUNTA


ATENÇÃO PARA A RESOLUÇÃO

MÍDIA IMPRESSA

ESCALA DE COR CMYK

RESOLUÇÃO 300 DPI

MÍDIAS DIGITAIS

ESCALA DE COR RGB

RESOLUÇÃO 72 / 96 DPI



LEMBRE-SE:Cada processo

de produção, impressão ou veiculação é baseado em

um sistema cromático específico.



XXX

Cada arquivo deve tersua escala de cores

ajustada para o processo de impressão ou

veiculação.



XXXAs cores mudam

ao serem convertidasde um sistema cromático

para outro.



XXXA resolução

das imagens para mídia impressa e digital são

diferentes.



XXX

OsSistemas

de Cor



VERMELHOPrimária

AMARELOPrimária

AZULPrimária

LARANJASecundária

VIOLETASecundária

VERDESecundária

Terciária

TerciáriaTerciária

Terciária Terciária

Terciária

USCS - Universidade de São Caetano do Sul - Curso de Comunicação Social - Computação Gráfica (Núcleo Comum) - Prof. Ms. Paulo Alves de Lima

O PRIMEIRO E MAIS COMUMESQUEMA DE

CLASSIFICAÇÃO


USCS - Universidade de São Caetano do Sul - Curso de Comunicação Social - Computação Gráfica (Núcleo Comum) - Prof. Ms. Paulo Alves de LimaUSCS - Universidade de São Caetano do Sul - Curso de Comunicação Social - Computação Gráfica (Núcleo Comum) - Prof. Ms. Paulo Alves de Lima

LABO sistema LAB corresponde ao espectro visível, gama que os seres humanos são capazes de enxergar.

Adobe RGBÉ o gama RGB desenvolvido pela Adobe System embora mais amplo não é padrão entre os dispositivos RGB.

sRGBEmbora menor é o gama RGB padrão utilizado pela ampla maioria dos monitores e softwares do mercado.

CMYKBaseado em pigmentos é a escala utilizada nos processos de impressão embora seja o de menor gama,


XXX

LEMBRE-SE:AS CORES ESTÃO SUJEITAS

AO CONTEXTOA percepção das cores é sujeita ao contexto onde a cor se apresenta, ou seja, a cor além de possuir um valor absoluto que determina seu matiz ela também está sujeita a um valor relacional de modos que dependendo de seu contexto ela

pode ser percebida de modo diferente. O fenômeno CONTRASTE DE VALOR demonstra essa afirmação.



A COR E SEU CONTEXTO

O CONTRASTE DE VALOR



XXX

SÍNTESE ADITIVA

RGBO sistema de cores LUZ é chamado de RGB, trata-se de um sistema onde todas as cores são produzidas pela luz. A soma

de todas as cores desse sistema produz a luz branca, conforme demonstrou no século XVII o disco de Newton.

O sistema ADITIVO é baseado na fusão da 3 cores primarias, VERMELHO (Red) o VERDE (Green) e o AZUL (Blue) daí a

sigla RGB.



XXXA SÍNTESE ADITIVA - 2

As combinações dos tons no sistema RGB mais a variação da intensidade de 0 (Preto) a 255 (Branco) permitem a formação de até 16.700.000 cores. Quantidade que é

bastante superior as possibilidades perceptivas do olho humano.




Acima uma das mais antigas imagens produzidas pelo sistema RGB (início do século XX)


XXX

SÍNTESE SUBTRATIVA

CMYKAs cores desse sistema são baseadas Pigmentos/Tintas -

portanto é um sistema baseado em cores refletidas por determinadas tintas aplicadas sobre uma superfície branca. Esse sistema está baseado na cores Azul (Cyan), Magenta, Amarelo (Yellow) e o Preto (Black) que possui a função de

regular a saturação e o brilho das outras três.



Uma das primeiras impressões em CMYK

(USA) 1902.



XXX

SISTEMA DE TINTAS SÓLIDAS

PANTONEO PANTONE é um sistema de cores baseado em tintas sólidas

que têm a suas tonalidades decompostas em valores das escala RGB e CMYK. Esse sistema é destinado a criar uma

uniformização cromática em processos de impressão e veiculação de materiais coloridos garantindo qualidade e

uniformidade na composição visual.



WEBSAFE COLORS


Os números e letras que acompanham cada uma das cores da tabela ao lado referem-se aos valores hexadecimais do código HTML destinado a criar cores padronizadas para a Internet.


PDF com imagem em alta resolução disponível



XXX

A SEGUIR ALGUNS EXEMPLOS DE PRODUTOS E AS RESPECTIVAS

ESCALAS DE CORADOTADAS EM SEUS

PROCESSOS DE PRODUÇÃO:



XXX

Sistema Subtrativo (CMYK)

Geralmente nesse modo as imagens Bitmap devem estar

em alta resolução

300 DPI




Jornais, Revistas, Folhetos (Offset)




Capas de CDs e DVDs (Offset) Etiqueta (Silk Screen ou Inkjet)




Rótulos e Etiquetas Adesivas (Offset)




Outdoors




Banners Sinalização externa (Pigmentos por Jato de tinta)


ATENÇÃO:No geral esse processo de impressão trabalha com escala CMYK no entanto há equipamentos que trabalham com uma escala especial de até 6 pigmentos, por isso é recomendável consultar o fornecedor antes de gerar o arquivo final



Transfers (Pigmentos por Jato de tinta / Sublimação)



XXX

Sistema Aditivo (RGB)Geralmente nesse modo as

imagens Bitmap devem estar em baixa resolução

72 ou 96 DPIIMPORTANTE: Esses números estão mudando rapidamente pois o sistema Retina Display lançado

pela Apple trabalha com resoluções acima de 220 DPI, o que em breve significará que todos os sistemas deverão passar a operar em alta resolução, 300 DPI ou até mais em alguns casos.




Mídias digitais Móveis

Sistema Aditivo (RGB)



Mídias digitais Fixas




Mídias digitais –> INTERNET




Mídias Externas produzidas por sistemas fotográficos



XXX

Trabalhando com o Adobe Illustrator




= =


XXX

Adobe IllustratorEXERCÍCIOS DE

ILUSTRAÇÃO VETORIAL

[1] e [2]



XXX



XXX

Trabalhando com o Adobe Photshop




= =


XXX

Adobe PhotoshopEXERCÍCIOS COM IMAGENS BITMAP

[1] e [2]



XXX



XXX

Trabalhando com o Adobe InDesign




= =


XXX

Trabalhando com o Adobe ACROBAT (PDF)



XXX

O PDF na finalização dos processos de produção gráfica



XXX

Adobe InDesignEXERCÍCIO DE

MONTAGEM ARQUIVOSPARA PRODUÇÃO

[1]



XXX




ALGUNS LINKS COM MATERIAIS DE CONSULTA E REFERÊNCIA

SISTEMAS DE IDENTIFICAÇÃO DE FONTES

My Fontes - WhatTheFonthttp://www.myfonts.com/WhatTheFont/What the font!http://www.whatfontis.com/

FONTES GRATUITAS (Mais de 4 mil fontes)

FontZonehttp://www.font-zone.com/

TABELAS DE COR

Escala com 1728 cores CMYKhttp://garagedigital.com.br/SITE/wp-content/uploads/2013/02/GUIA-DE-CORES-CMYK.pdf

Conversão Pantone® para CMYKhttp://garagedigital.com.br/SITE/wp-content/uploads/2013/02/PANTONE_TO_CMYK_Reference.pdf

SISTEMAS DE CORhttp://garagedigital.com.br/SITE/wp-content/uploads/2013/02/COLOR_THEORY.pdf


http://www.myfonts.com/WhatTheFont/

http://www.myfonts.com/WhatTheFont/

http://www.font-zone.com

http://www.font-zone.com

http://garagedigital.com.br/SITE/?p=948


http://garagedigital.com.br/SITE/wp-content/uploads/2013/02/GUIA-DE-CORES-CMYK.pdf

http://garagedigital.com.br/SITE/wp-content/uploads/2013/02/GUIA-DE-CORES-CMYK.pdf



XXX


IMPORTANTE!O material didático contido nessa apresentação é de autoria do Professor Paulo Alves de Lima

e é destinado exclusivamente aos meus alunos de graduação nos cursos de Comunicação Social da USCS.

Esse material não pode ser comercializado nem distribuído, individualmente ou em partes,seja de forma paga ou gratuita.

Sua utilização no âmbito acadêmico é permitidadesde que sejam feitas referências claras sobre o autor do material.

O autor pode ser contatado pelo e-mail:[email protected]


produÇÃo publicidade & grÁfica...

Documents