1

EDITORAO ELETRNICA
AULA 01 - UNIDADE I INTRODUO A LINGUAGEM
GRFICA
Peas grficas de Comunicao

SUMRIO
2

Histria da Produo de Peas Grficas

Elementos essenciais para a Editorao Eletrnica
Transformar a Informao em Comunicao
Anlise de Projetos de Editorao Eletrnica

HISTRIA DA PRODUO DE PEAS

GRFICAS

HISTRIA DA PRODUO DE PEAS

GRFICAS
4

Papiro ano 932

Pergaminho ano 975

Como suporte fsico, foi utilizada

inicialmente a pedra, mas, buscaram-se
outros tipos de materiais que permitiriam
maior facilidade de uso e portabilidade,
como os papiros ou os pergaminhos.
Com o papiro e o pergaminho diferentes
tipos de pigmentos naturais passaram a ser
utilizados para dar um maior colorido e
expresso s obras escritas e composies
artsticas.

HISTRIA DA PRODUO DE PEAS

GRFICAS
5

Nesta poca alguns artistas

desenvolveram pesquisas
representar uma composio
harmoniosa e equilibrada, j que
com isso acreditavam ser possvel
aliar comunicao, clareza e beleza.
Livro das Horas sc XV e XVI

Exemplos: cdices realizados nos

monastrios.

HISTRIA DA PRODUO DE PEAS

GRFICAS
6

Johann Gutenberg, em 1450, inventou

a imprensa (prensa tipogrfica),
artefato capaz de reproduzir um
original em grandes quantidades.
Prensa tipogrfica de
Gutemberg 1450-55

HISTRIA DA PRODUO DE PEAS

GRFICAS
7

Logo comearam a aparecer

imprensas que reproduziam todo tipo
de obras, cada vez mais elaboradas.

HISTRIA DA PRODUO DE PEAS

GRFICAS
8

Graas a Revoluo Industrial

intensificou-se o comrcio e a
concorrncia entre empresas
por uma parte do mercado.
Com isso, se desenvolveu a
publicidade.

HISTRIA DA PRODUO DE PEAS

GRFICAS
9

HISTRIA DA PRODUO DE PEAS

GRFICAS
10

Na segunda metade do sculo XX, surgiram os

computadores e mquinas inicialmente
destinadas a um grupo reduzido de tcnicos e
especialistas, mas que pouco a pouco foram
ganhando popularidade e com o aparecimento
do computador pessoal se estenderam a todos
os ambientes e grupos sociais

HISTRIA DA PRODUO DE PEAS

GRFICAS
11

Na dcada de 1980 o Desktop Publish

passou a fazer parte do mbito da
rea de comunicao;
Na dcada de 1990 a World Wide
Web se consolidou como um meio
eficiente de comunicao aumentando o
acesso de diversos pblicos s
informaes

12

ELEMENTOS ESSENCIAIS PARA A

EDITORAO ELETRNICA

Elementos essenciais para a

Editorao Eletrnica
13

No processo de elaborao da EDITORAO ELETRNICA

de um projeto utilizam-se diferentes elementos grficos:
Elementos grficos simples: pontos, linhas e
planos de todo tipo (grafismos, linhas retas e/ou
curvas, etc.)
Elementos geomtricos, com ou sem contorno:
polgonos, crculos, elipses, ovais, etc.
Tipos: letras de diferentes formas e estrutura,
utilizadas para apresentar mensagens textuais.
Grficos variados: logotipos, cones, smbolos,
sinais, etc.
Ilustraes
Fotografias e etc.
Servem para dar forma comunicao, busca-se unir as
idias essenciais da mensagem de forma que seu pblico
alvo possa compreend-la com eficcia.

14

TRANSFORMAO DA
INFORMAO EM COMUNICAO

TRANSFORMAO DA
INFORMAO EM COMUNICAO
15

ANTES

DEPOIS

TRANSFORMAO DA
INFORMAO EM COMUNICAO
16

ANTES

DEPOIS

TRANSFORMAO DA
INFORMAO EM COMUNICAO
17

18

ANLISE DE PROJETOS DE
EDITORAO ELETRNICA

InDesign e
estudo de
diagramao

Quais elementos tcnicos do Indesign e

de diagramao podemos encontrar
nessa pgina?

Quais elementos tcnicos do Indesign e

de diagramao podemos encontrar
nessa pgina?
3

11

10

5
6
4
9

8
7

1. Montagem fotogrfica no Header

2. Efeito Feather ou Gradient
Feather
3. Box vertical da Beija-flor
4. Diviso em duas colunas de
texto
5. Ttulo centralizado em caixa alta
6. Subttulo
7. Nome de sesso e pgina
(Pgina Mestre)
8. Linha divisora de assinatura
9. Assinatura em itlico (s o
nome em negrito)
10.Detalhe diagonalizado do
pedestal
11.Motivo da matria (Roberto
Carlos) centralizado na pgina

Quais elementos tcnicos do Indesign e

de diagramao podemos encontrar
nessa pgina?

Quais elementos tcnicos do Indesign e

de diagramao podemos encontrar
nessa pgina?
1
1. Montagem fotogrfica no Ttulo.
2. Chamada centralizada.
3. Texto em duas colunas
empurrado (distorcido) por uma
imagem.
4. Foto de matria com legenda
(vermelha)
5. Ilustrao de matria.

3
4
5

Quais elementos tcnicos do Indesign e

de diagramao podemos encontrar
nessa pgina?

Quais elementos tcnicos do Indesign e

de diagramao podemos encontrar
nessa pgina?

1.
2.
3.
4.
5.
6.
7.
8.
9.

Ttulo de sesso.
Fotografia no topo.
Ttulo de matria.
Subttulo.
Assinatura da matria.
Capitulao.
Textos em duas colunas.
Foto empurrando texto.
Pgina e sesso no rodap.

Olho de matria: geralmente entre aspas.

OBRIGADO!
31

PROF. SERGIO XAVIER

E-mail:
sergiosx@gmail.com
Blog:
www.profsergioxavier.wordpress.com