aula01 editoracao eletronica
DESCRIPTION
TRANSCRIPT
![Page 1: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/1.jpg)
EDITORAÇÃO ELETRÔNICA
– AULA 01 -
- UNIDADE I -
INTRODUÇÃO A LINGUAGEM
GRÁFICA
Peças gráficas de Comunicação
1
![Page 2: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/2.jpg)
SUMÁRIO 2
História da Produção de Peças Gráficas
Elementos essenciais para a Editoração Eletrônica
Transformar a Informação em Comunicação
Análise de Projetos de Editoração Eletrônica
![Page 3: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/3.jpg)
HISTÓRIA DA PRODUÇÃO DE PEÇAS
GRÁFICAS
3
![Page 4: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/4.jpg)
HISTÓRIA DA PRODUÇÃO DE PEÇAS
GRÁFICAS
Como suporte físico, 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 expressão às obras escritas e composições artísticas.
4
Pergaminho ano 975
Papiro ano 932
![Page 5: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/5.jpg)
HISTÓRIA DA PRODUÇÃO DE PEÇAS
GRÁFICAS 5
Nesta época alguns artistas desenvolveram pesquisas representar uma composição harmoniosa e equilibrada, já que com isso acreditavam ser possível aliar comunicação, clareza e beleza.
Exemplos: códices realizados nos monastérios.
Livro das Horas séc XV e XVI
![Page 6: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/6.jpg)
HISTÓRIA DA PRODUÇÃO DE PEÇAS
GRÁFICAS 6
Johann Gutenberg, em 1450, inventou
a imprensa (prensa tipográfica),
artefato capaz de reproduzir um
original em grandes quantidades.
Prensa tipográfica de
Gutemberg 1450-55
![Page 7: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/7.jpg)
HISTÓRIA DA PRODUÇÃO DE PEÇAS
GRÁFICAS 7
Logo começaram a aparecer
imprensas que reproduziam todo tipo
de obras, cada vez mais elaboradas.
![Page 8: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/8.jpg)
HISTÓRIA DA PRODUÇÃO DE PEÇAS
GRÁFICAS 8
Graças a Revolução Industrial
intensificou-se o comércio e a
concorrência entre empresas
por uma parte do mercado.
Com isso, se desenvolveu a
publicidade.
![Page 9: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/9.jpg)
HISTÓRIA DA PRODUÇÃO DE PEÇAS
GRÁFICAS 9
![Page 10: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/10.jpg)
HISTÓRIA DA PRODUÇÃO DE PEÇAS
GRÁFICAS 10
Na segunda metade do século XX, surgiram os
computadores e máquinas inicialmente
destinadas a um grupo reduzido de técnicos 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
![Page 11: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/11.jpg)
HISTÓRIA DA PRODUÇÃO DE PEÇAS
GRÁFICAS 11
Na década de 1980 o Desktop Publish passou a fazer parte do âmbito da área de comunicação;
Na década de 1990 a World Wide Web se consolidou como um meio eficiente de comunicação aumentando o acesso de diversos públicos às informações
![Page 12: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/12.jpg)
ELEMENTOS ESSENCIAIS PARA A
EDITORAÇÃO ELETRÔNICA
12
![Page 13: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/13.jpg)
Elementos essenciais para a
Editoração Eletrônica 13
No processo de elaboração da EDITORAÇÃO ELETRÔNICA
de um projeto utilizam-se diferentes elementos gráficos:
Elementos gráficos simples: pontos, linhas e planos de todo tipo (grafismos, linhas retas e/ou curvas, etc.)
Elementos geométricos, com ou sem contorno: polígonos, círculos, elipses, ovais, etc.
Tipos: letras de diferentes formas e estrutura, utilizadas para apresentar mensagens textuais.
Gráficos variados: logotipos, ícones, símbolos, sinais, etc.
Ilustrações
Fotografias e etc.
Servem para dar forma à comunicação, busca-se unir as
idéias essenciais da mensagem de forma que seu público
alvo possa compreendê-la com eficácia.
![Page 14: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/14.jpg)
TRANSFORMAÇÃO DA
INFORMAÇÃO EM COMUNICAÇÃO
14
![Page 15: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/15.jpg)
TRANSFORMAÇÃO DA
INFORMAÇÃO EM COMUNICAÇÃO 15
ANTES
DEPOIS
![Page 16: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/16.jpg)
16
TRANSFORMAÇÃO DA
INFORMAÇÃO EM COMUNICAÇÃO
ANTES DEPOIS
![Page 17: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/17.jpg)
17
TRANSFORMAÇÃO DA
INFORMAÇÃO EM COMUNICAÇÃO
![Page 18: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/18.jpg)
ANÁLISE DE PROJETOS DE
EDITORAÇÃO ELETRÔNICA
18
![Page 19: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/19.jpg)
InDesign e estudo de diagramação
![Page 20: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/20.jpg)
Quais elementos técnicos do Indesign e
de diagramação podemos encontrar
nessa página?
![Page 21: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/21.jpg)
Quais elementos técnicos do Indesign e
de diagramação podemos encontrar
nessa página?
1. Montagem fotográfica no Header 2. Efeito Feather ou Gradient
Feather 3. Box vertical da Beija-flor 4. Divisão em duas colunas de
texto 5. Título centralizado em caixa alta 6. Subtítulo 7. Nome de sessão e página
(Página Mestre) 8. Linha divisora de assinatura 9. Assinatura em itálico (só o
nome em negrito) 10.Detalhe diagonalizado do
pedestal 11.Motivo da matéria (Roberto
Carlos) centralizado na página
1
2
4
11
5
6
7
8 9
3
10
![Page 22: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/22.jpg)
Quais elementos técnicos do Indesign e
de diagramação podemos encontrar
nessa página?
![Page 23: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/23.jpg)
Quais elementos técnicos do Indesign e
de diagramação podemos encontrar
nessa página?
1. Montagem fotográfica no Título. 2. “Chamada” centralizada. 3. Texto em duas colunas
empurrado (distorcido) por uma imagem.
4. Foto de matéria com legenda (vermelha)
5. Ilustração de matéria.
1
2
3
4
5
![Page 24: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/24.jpg)
Quais elementos técnicos do Indesign e
de diagramação podemos encontrar
nessa página?
![Page 25: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/25.jpg)
Quais elementos técnicos do Indesign e
de diagramação podemos encontrar
nessa página?
1. Título de sessão. 2. Fotografia no topo. 3. Título de matéria. 4. Subtítulo. 5. Assinatura da matéria. 6. Capitulação. 7. Textos em duas colunas. 8. Foto empurrando texto. 9. Página e sessão no rodapé.
![Page 26: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/26.jpg)
![Page 27: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/27.jpg)
Olho de matéria: geralmente entre aspas.
![Page 28: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/28.jpg)
![Page 29: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/29.jpg)
![Page 30: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/30.jpg)
![Page 31: Aula01 editoracao eletronica](https://reader031.vdocuments.pub/reader031/viewer/2022020105/546bd3f3af795985298b4d98/html5/thumbnails/31.jpg)
OBRIGADO!
PROF. SERGIO XAVIER
E-mail:
Blog:
www.profsergioxavier.wordpress.com
31