- O documento discute o processo de elaboração de peças gráficas, incluindo briefing, definição de formato, layout, tipografia, imagem, cores e editoração eletrônica. - A editoração eletrônica refere-se à produção de layouts e arquivos finais usando software gráfico. - Uma etapa importante no processo é o fechamento do arquivo, onde é gerado um arquivo compatível com o destinatário final considerando aspectos como cores e fontes.

1. 1
EDITORAÇÃO ELETRÔNICA
– AULA 02 -
- UNIDADE I -
INTRODUÇÃO A LINGUAGEM
GRÁFICA
Processo de Elaboração de Peças Gráficas

2. SUMÁRIO
2
 Processo de Elaboração de Peças Gráficas
 Briefing
 Definição de formato
 Layout e uso do Grid
 Tipografia / Imagem / Uso de cores
 Editoração Eletrônica
 Fechamento de Arquivo

3. PROCESSO DE ELABORAÇÃO DE
3
PEÇAS GRÁFICAS
 Etapas para elaboração de uma peça gráfica
1) Leitura e entendimento do briefing
2) Definição do formato
3) Layout e o uso do grid
4) Tipografia / Imagem / Uso de cores
5) Produção do layout -> AQUI COMEÇA A
EDITORAÇÃO ELETRÔNICA
6) Fechamento do arquivo – Envio para a gráfica

4. 4
BRIEFING

5. DEFINIÇÃOBriefing
5
 São todas as informações preliminares contendo
todas as instruções que o cliente fornece à agência
para orientar os seus trabalhos.
 Um resumo com indicações precisas do que
pretende o cliente. É a hora da verdade.
 Nada pode ser emitido

6. FINALIDADE Briefing
6
 O objetivo do briefing pode ser estabelecido como
uma forma de organizar a passagem da
informação certa.
 Encontrar e sistematizar a informação.

7. REGRAS BÁSICAS Briefing
7
 Obtenha as informações de briefing das
pessoas certas
 Organize o menor número possível de
reuniões
 Programe para que a participação de cada
integrante seja realmente necessária

8. REGRAS BÁSICAS Briefing
8
 Associe o briefing ao planejamento de
propaganda desde o início
 Verifique se o procedimento adotado é
adequado às necessidades do cliente

9. ROTEIROBriefing
9
 PERGUNTAS PARA ROTEIRO PARA
ELABORAÇÃO DO BRIEFING?
1) O QUE ESTAMOS VENDENDO?
2) A QUEM ESTAMOS VENDENDO?
3) ONDE ESTAMOS VENDENDO?
4) COMO ESTAMOS VENDENDO?

10. BRIEFING (Ex: ANÚNCIO)
10

11. PROCESSO DE ELABORAÇÃO DE
11
PEÇAS GRÁFICAS
 Etapas para elaboração de uma peça gráfica
1) Leitura e entendimento do briefing
2) Definição do formato
3) Layout e o uso do grid
4) Tipografia / Imagem / Uso de cores
5) Produção do layout -> AQUI COMEÇA A
EDITORAÇÃO ELETRÔNICA
6) Fechamento do arquivo – Envio para a gráfica

12. 12
FORMATO

13. DEFINIÇÃO DO FORMATO
13
 O formato para a elaboração de qualquer peça
gráfica dependerá de várias fatores:
1) O uso junto ao mercado
2) A escolha correta do formato resultará em melhor
aproveitamento do papel, ou seja, ECONOMIA.
3) Deverá estar alinhado com o briefing para poder
compor o número de informações a serem
utilizadas na peça gráfica.

14. PROCESSO DE ELABORAÇÃO DE
14
PEÇAS GRÁFICAS
 Etapas para elaboração de uma peça gráfica
1) Leitura e entendimento do briefing
2) Definição do formato
3) Layout e o uso do grid
4) Tipografia / Imagem / Uso de cores
5) Produção do layout -> AQUI COMEÇA A
EDITORAÇÃO ELETRÔNICA
6) Fechamento do arquivo – Envio para a gráfica

15. 15
LAYOUT / GRID

16. LAYOUT / GRID
16
 É a definição do espaço que iremos compor a peça
gráfica.

17. LAYOUT / GRID
17

18. PROCESSO DE ELABORAÇÃO DE
18
PEÇAS GRÁFICAS
 Etapas para elaboração de uma peça gráfica
1) Leitura e entendimento do briefing
2) Definição do formato
3) Layout e o uso do grid
4) Tipografia / Imagem / Uso de cores
5) Produção do layout -> AQUI COMEÇA A
EDITORAÇÃO ELETRÔNICA
6) Fechamento do arquivo – Envio para a gráfica

19. 19
TIPOGRAFIA/IMAGEM/USO DE
CORES

20. TIPOGRAFIA/IMAGEM/USO DE
20
CORES
 TIPOGRAFIA – É o estudo da composição da escolha
de um determindo tipo (família de letras: Ex: Arial,
Verdana, Times New Roman)
 IMAGEM – Ao utilizar uma imagem deve-se ter o
cuidado com a resolução.
Para gráfica – 300 dpi (dots per inch) – pontos por
polegada que o composta a imagem
Para web – 72 dpi
 CORES – Ao aplicar cores deve-se ter em mente:
Para gráfica - CMYK (cian/magenta/amarelo/preto)
Para web – RGB (vermelho / verde / azul)

21. TIPOGRAFIA/IMAGEM/USO DE
21
CORES

22. TIPOGRAFIA/IMAGEM/USO DE
22
CORES
 IMAGEM – RESOLUÇÃO EM DPI
(DOTCH PER INCH – PONTOS POR POLEGADA

23. TIPOGRAFIA/IMAGEM/USO DE
23
CORES
 DISCO CROMÁTICO
CORES QUENTES
CORES FRIAS

24. PROCESSO DE ELABORAÇÃO DE
24
PEÇAS GRÁFICAS
 Etapas para elaboração de uma peça gráfica
1) Leitura e entendimento do briefing
2) Definição do formato
3) Layout e o uso do grid
4) Tipografia / Imagem / Uso de cores
5) Produção do layout -> AQUI COMEÇA A
EDITORAÇÃO ELETRÔNICA
6) Fechamento do arquivo – Envio para a gráfica

25. 25
EDITORAÇÃO ELETRÔNICA

26. EDITORAÇÃO ELETRÔNICA
26
 “O ramo da computação gráfica para a produção
de peças gráficas e editorias, tais como: jornais,
revistas, livros, catálogos, folhetos, etc” (FALLEIROS,
Dario Pimentel. O mundo gráfico da informática. São
Paulo: Ed. Futura, 2003).
 A etapa do processo de criação onde são
produzidos layouts e arquivos finalizados, podendo
incluir peças publicitárias, tais como: anúncios,
outdoor, cartazes, mídia externa, etc.

27. EDITORAÇÃO ELETRÔNICA
27

28. EDITORAÇÃO ELETRÔNICA
28

29. EDITORAÇÃO ELETRÔNICA
29

30. PROCESSO DE ELABORAÇÃO DE
30
PEÇAS GRÁFICAS
 Etapas para elaboração de uma peça gráfica
1) Leitura e entendimento do briefing
2) Definição do formato
3) Layout e o uso do grid
4) Tipografia / Imagem / Uso de cores
5) Produção do layout -> AQUI COMEÇA A
EDITORAÇÃO ELETRÔNICA
6) Fechamento do arquivo – Envio para a gráfica

31. 31
FECHAMENTO DE ARQUIVO

32. FECHAMENTO DE ARQUIVO
32
 É um processo muito importante para a redução de
erros e problemas que podem prejudicar o projeto.
 Corresponde a uma impressão virtual, onde não é
impresso no papel, mas é gerado um arquivo.
 Deve ser compatível com o destinatário final a arte,
as cores e as fontes.

33. FECHAMENTO DE ARQUIVO
33
 Para cada software gráfico terá um procedimento
a ser executado. (*)
(*) Nas próximas aulas será explicado detalhamento
para cada software gráfico.

34. OBRIGADO!
34
 PROF. SERGIO XAVIER
E-mail:
sergiosx@gmail.com
Blog:
www.profsergioxavier.wordpress.com