SlideShare une entreprise Scribd logo
1  sur  31
Télécharger pour lire hors ligne
1




EDITORAÇÃO ELETRÔNICA
– AULA 01 -

- UNIDADE I -
INTRODUÇÃO A LINGUAGEM
GRÁFICA
Peças gráficas de Comunicação
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
3




    HISTÓRIA DA PRODUÇÃO DE PEÇAS
               GRÁFICAS
HISTÓRIA DA PRODUÇÃO DE PEÇAS
4
    GRÁFICAS


                                     Papiro ano 932


    Pergaminho ano 975   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.
HISTÓRIA DA PRODUÇÃO DE PEÇAS
5
    GRÁFICAS
                                       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.
        Livro das Horas séc XV e XVI
                                       Exemplos: códices realizados nos
                                       monastérios.
HISTÓRIA DA PRODUÇÃO DE PEÇAS
6
    GRÁFICAS
                                 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
HISTÓRIA DA PRODUÇÃO DE PEÇAS
7
    GRÁFICAS


                Logo começaram a aparecer
                imprensas que reproduziam todo tipo
                de obras, cada vez mais elaboradas.
HISTÓRIA DA PRODUÇÃO DE PEÇAS
8
    GRÁFICAS


                 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.
HISTÓRIA DA PRODUÇÃO DE PEÇAS
9
    GRÁFICAS
HISTÓRIA DA PRODUÇÃO DE PEÇAS
10
     GRÁFICAS

       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
HISTÓRIA DA PRODUÇÃO DE PEÇAS
11
     GRÁFICAS

                  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
12




     ELEMENTOS ESSENCIAIS PARA A
       EDITORAÇÃO ELETRÔNICA
Elementos essenciais para a
13
     Editoração Eletrônica
              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.
14




          TRANSFORMAÇÃO DA
     INFORMAÇÃO EM COMUNICAÇÃO
TRANSFORMAÇÃO DA
15
     INFORMAÇÃO EM COMUNICAÇÃO
            ANTES   DEPOIS
TRANSFORMAÇÃO DA
16
     INFORMAÇÃO EM COMUNICAÇÃO

       ANTES          DEPOIS
TRANSFORMAÇÃO DA
17
     INFORMAÇÃO EM COMUNICAÇÃO
18




     ANÁLISE DE PROJETOS DE
     EDITORAÇÃO ELETRÔNICA
InDesign e
estudo de
diagramação
Quais elementos técnicos do Indesign e
 de diagramação podemos encontrar
           nessa página?
1                         Quais elementos técnicos do Indesign e
                           de diagramação podemos encontrar
                                     nessa página?

                      3
                          1. Montagem fotográfica no Header
                          2. Efeito Feather ou Gradient
                             Feather
                          3. Box vertical da Beija-flor
            11            4. Divisão em duas colunas de
                             texto
                          5. Título centralizado em caixa alta
                          6. Subtítulo
                 10       7. Nome de sessão e página
2
                             (Página Mestre)
        5                 8. Linha divisora de assinatura
                          9. Assinatura em itálico (só o
    6                        nome em negrito)
                          10.Detalhe diagonalizado do
        4                    pedestal
                          11.Motivo da matéria (Roberto
                 8
            9                Carlos) centralizado na página
                 7
Quais elementos técnicos do Indesign e
 de diagramação podemos encontrar
           nessa página?
Quais elementos técnicos do Indesign e
                     de diagramação podemos encontrar
                               nessa página?

1
                    1. Montagem fotográfica no Título.
                    2. “Chamada” centralizada.
                    3. Texto em duas colunas
            2          empurrado (distorcido) por uma
                       imagem.
                    4. Foto de matéria com legenda
                       (vermelha)
                    5. Ilustração de matéria.
        3
                4


    5
Quais elementos técnicos do Indesign e
 de diagramação podemos encontrar
           nessa página?
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é.
Olho de matéria: geralmente entre aspas.
OBRIGADO!
31


        PROF. SERGIO XAVIER

         E-mail:
         sergiosx@gmail.com

         Blog:
         www.profsergioxavier.wordpress.com

Contenu connexe

Tendances

Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramação
aulasdejornalismo
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramação
Luciana Santini
 
PLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICAPLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICA
aulasdejornalismo
 

Tendances (20)

Diagramação 01.3
Diagramação 01.3Diagramação 01.3
Diagramação 01.3
 
Aula 5 - Comunicação Gráfica e Design
Aula 5   - Comunicação Gráfica e DesignAula 5   - Comunicação Gráfica e Design
Aula 5 - Comunicação Gráfica e Design
 
Palestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de CasoPalestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de Caso
 
DIAGRAMAÇÃO DE JORNAIS
DIAGRAMAÇÃO DE JORNAISDIAGRAMAÇÃO DE JORNAIS
DIAGRAMAÇÃO DE JORNAIS
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramação
 
Aula02 editoracao eletronica
Aula02 editoracao eletronicaAula02 editoracao eletronica
Aula02 editoracao eletronica
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramação
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
PLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICAPLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICA
 
Tipografia
TipografiaTipografia
Tipografia
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
 
Diagramação de revistas
Diagramação de revistasDiagramação de revistas
Diagramação de revistas
 
Princípios de design
Princípios de designPrincípios de design
Princípios de design
 
Materiais e processos gráficos
Materiais e processos gráficosMateriais e processos gráficos
Materiais e processos gráficos
 
Tipografia
Tipografia Tipografia
Tipografia
 
Diagramação de Jornais
Diagramação de JornaisDiagramação de Jornais
Diagramação de Jornais
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Diagramação na Produção Gráfica
Diagramação na Produção GráficaDiagramação na Produção Gráfica
Diagramação na Produção Gráfica
 

En vedette

Aula 01 e 02 editoração eletrônica
Aula 01 e 02   editoração eletrônicaAula 01 e 02   editoração eletrônica
Aula 01 e 02 editoração eletrônica
Anice
 
Conceitos de Imagem digital
Conceitos de Imagem digitalConceitos de Imagem digital
Conceitos de Imagem digital
Marco Pinheiro
 

En vedette (20)

Editoracao eletrônica e design gráfico
Editoracao eletrônica e design gráficoEditoracao eletrônica e design gráfico
Editoracao eletrônica e design gráfico
 
Aula 01 e 02 editoração eletrônica
Aula 01 e 02   editoração eletrônicaAula 01 e 02   editoração eletrônica
Aula 01 e 02 editoração eletrônica
 
Editoracao e design - Layout
Editoracao e design - LayoutEditoracao e design - Layout
Editoracao e design - Layout
 
Conceitos de Imagem digital
Conceitos de Imagem digitalConceitos de Imagem digital
Conceitos de Imagem digital
 
Aula10 editoracao eletronica
Aula10 editoracao eletronicaAula10 editoracao eletronica
Aula10 editoracao eletronica
 
Aula06 midia digital
Aula06 midia digitalAula06 midia digital
Aula06 midia digital
 
Aula01 - Estudo de Novas Mídias Digitais
Aula01 - Estudo de Novas Mídias DigitaisAula01 - Estudo de Novas Mídias Digitais
Aula01 - Estudo de Novas Mídias Digitais
 
Você está preparado para ser um profissional 3.0?
 Você está preparado para ser um profissional 3.0? Você está preparado para ser um profissional 3.0?
Você está preparado para ser um profissional 3.0?
 
Aula05 prod grafica
Aula05 prod graficaAula05 prod grafica
Aula05 prod grafica
 
Aula03 prod grafica
Aula03 prod graficaAula03 prod grafica
Aula03 prod grafica
 
Aula06 webdesign
Aula06 webdesignAula06 webdesign
Aula06 webdesign
 
Aula01 prod grafica
Aula01 prod graficaAula01 prod grafica
Aula01 prod grafica
 
Manual de Identidade Visual - Agência Unique
Manual de Identidade Visual - Agência UniqueManual de Identidade Visual - Agência Unique
Manual de Identidade Visual - Agência Unique
 
PRODUÇÃO GRÁFICA - AULA 14 - Acompanhamento e Orçamento
PRODUÇÃO GRÁFICA - AULA 14 - Acompanhamento e OrçamentoPRODUÇÃO GRÁFICA - AULA 14 - Acompanhamento e Orçamento
PRODUÇÃO GRÁFICA - AULA 14 - Acompanhamento e Orçamento
 
Aula07 midia digital
Aula07 midia digitalAula07 midia digital
Aula07 midia digital
 
Aula13 editoracao eletronica
Aula13 editoracao eletronicaAula13 editoracao eletronica
Aula13 editoracao eletronica
 
Manual de identidade visual choco one utilizado como trabalho de faculdade
Manual de identidade visual choco one utilizado como trabalho de faculdadeManual de identidade visual choco one utilizado como trabalho de faculdade
Manual de identidade visual choco one utilizado como trabalho de faculdade
 
Aula05 webdesign
Aula05 webdesignAula05 webdesign
Aula05 webdesign
 
Aula04 prod grafica
Aula04 prod graficaAula04 prod grafica
Aula04 prod grafica
 
Manual de identidade visual Atelier Comunicação
Manual de identidade visual Atelier ComunicaçãoManual de identidade visual Atelier Comunicação
Manual de identidade visual Atelier Comunicação
 

Similaire à Aula01 editoracao eletronica

Exercicios word extra 2
Exercicios word extra 2Exercicios word extra 2
Exercicios word extra 2
filipereira
 
Como elaborar um trabalho escrito
Como elaborar um trabalho escritoComo elaborar um trabalho escrito
Como elaborar um trabalho escrito
Leonor Alves
 
Guião.como elaborar um trabalho de pesquisa.
Guião.como elaborar um trabalho de pesquisa.Guião.como elaborar um trabalho de pesquisa.
Guião.como elaborar um trabalho de pesquisa.
BibJoseRegio
 

Similaire à Aula01 editoracao eletronica (11)

Livro jornalismo - infografe - mário kanno
Livro   jornalismo - infografe - mário kannoLivro   jornalismo - infografe - mário kanno
Livro jornalismo - infografe - mário kanno
 
Manual da arte
Manual da arteManual da arte
Manual da arte
 
Curso pratico de web designer
Curso pratico de web designerCurso pratico de web designer
Curso pratico de web designer
 
Exercicios word extra 2
Exercicios word extra 2Exercicios word extra 2
Exercicios word extra 2
 
Apresentação final
Apresentação finalApresentação final
Apresentação final
 
Apresentação o cinefilo
Apresentação o cinefiloApresentação o cinefilo
Apresentação o cinefilo
 
Como elaborar um trabalho escrito
Como elaborar um trabalho escritoComo elaborar um trabalho escrito
Como elaborar um trabalho escrito
 
A segunda edição do fanzine Foi à Feira
A segunda edição do fanzine Foi à FeiraA segunda edição do fanzine Foi à Feira
A segunda edição do fanzine Foi à Feira
 
Revista Layout
Revista LayoutRevista Layout
Revista Layout
 
Conceituando Editoração Eletrônica
Conceituando Editoração EletrônicaConceituando Editoração Eletrônica
Conceituando Editoração Eletrônica
 
Guião.como elaborar um trabalho de pesquisa.
Guião.como elaborar um trabalho de pesquisa.Guião.como elaborar um trabalho de pesquisa.
Guião.como elaborar um trabalho de pesquisa.
 

Plus de IBMR Laureate International Universities

Plus de IBMR Laureate International Universities (17)

Palestra como_criar_uma_logo_no_illustrator
 Palestra como_criar_uma_logo_no_illustrator Palestra como_criar_uma_logo_no_illustrator
Palestra como_criar_uma_logo_no_illustrator
 
A visão das redes sociais como ferramenta de ampliação de negócios nas empresas
A visão das redes sociais como ferramenta de ampliação de negócios nas empresasA visão das redes sociais como ferramenta de ampliação de negócios nas empresas
A visão das redes sociais como ferramenta de ampliação de negócios nas empresas
 
Aula03 editoracao eletronica
Aula03 editoracao eletronicaAula03 editoracao eletronica
Aula03 editoracao eletronica
 
Aula05 midia digital
Aula05 midia digitalAula05 midia digital
Aula05 midia digital
 
Aula04 midia digital
Aula04 midia digitalAula04 midia digital
Aula04 midia digital
 
Aula03 midia digital
Aula03 midia digitalAula03 midia digital
Aula03 midia digital
 
Aula02 midia digital
Aula02 midia digitalAula02 midia digital
Aula02 midia digital
 
Aula01 midia digital
Aula01 midia digitalAula01 midia digital
Aula01 midia digital
 
Aula08
Aula08Aula08
Aula08
 
Aula02 prod grafica
Aula02 prod graficaAula02 prod grafica
Aula02 prod grafica
 
Aula07
Aula07Aula07
Aula07
 
Aula06
Aula06Aula06
Aula06
 
Aula04
Aula04Aula04
Aula04
 
Aula05
Aula05Aula05
Aula05
 
Aula03 webdesign
Aula03 webdesignAula03 webdesign
Aula03 webdesign
 
Aula02 webdesign
Aula02 webdesignAula02 webdesign
Aula02 webdesign
 
Aula01 webdesign
Aula01 webdesignAula01 webdesign
Aula01 webdesign
 

Aula01 editoracao eletronica

  • 1. 1 EDITORAÇÃO ELETRÔNICA – AULA 01 - - UNIDADE I - INTRODUÇÃO A LINGUAGEM GRÁFICA Peças gráficas de Comunicação
  • 2. 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
  • 3. 3 HISTÓRIA DA PRODUÇÃO DE PEÇAS GRÁFICAS
  • 4. HISTÓRIA DA PRODUÇÃO DE PEÇAS 4 GRÁFICAS Papiro ano 932 Pergaminho ano 975 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.
  • 5. HISTÓRIA DA PRODUÇÃO DE PEÇAS 5 GRÁFICAS 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. Livro das Horas séc XV e XVI Exemplos: códices realizados nos monastérios.
  • 6. HISTÓRIA DA PRODUÇÃO DE PEÇAS 6 GRÁFICAS 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
  • 7. HISTÓRIA DA PRODUÇÃO DE PEÇAS 7 GRÁFICAS Logo começaram a aparecer imprensas que reproduziam todo tipo de obras, cada vez mais elaboradas.
  • 8. HISTÓRIA DA PRODUÇÃO DE PEÇAS 8 GRÁFICAS 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.
  • 9. HISTÓRIA DA PRODUÇÃO DE PEÇAS 9 GRÁFICAS
  • 10. HISTÓRIA DA PRODUÇÃO DE PEÇAS 10 GRÁFICAS 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
  • 11. HISTÓRIA DA PRODUÇÃO DE PEÇAS 11 GRÁFICAS 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
  • 12. 12 ELEMENTOS ESSENCIAIS PARA A EDITORAÇÃO ELETRÔNICA
  • 13. Elementos essenciais para a 13 Editoração Eletrônica 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.
  • 14. 14 TRANSFORMAÇÃO DA INFORMAÇÃO EM COMUNICAÇÃO
  • 15. TRANSFORMAÇÃO DA 15 INFORMAÇÃO EM COMUNICAÇÃO ANTES DEPOIS
  • 16. TRANSFORMAÇÃO DA 16 INFORMAÇÃO EM COMUNICAÇÃO ANTES DEPOIS
  • 17. TRANSFORMAÇÃO DA 17 INFORMAÇÃO EM COMUNICAÇÃO
  • 18. 18 ANÁLISE DE PROJETOS DE EDITORAÇÃO ELETRÔNICA
  • 20. Quais elementos técnicos do Indesign e de diagramação podemos encontrar nessa página?
  • 21. 1 Quais elementos técnicos do Indesign e de diagramação podemos encontrar nessa página? 3 1. Montagem fotográfica no Header 2. Efeito Feather ou Gradient Feather 3. Box vertical da Beija-flor 11 4. Divisão em duas colunas de texto 5. Título centralizado em caixa alta 6. Subtítulo 10 7. Nome de sessão e página 2 (Página Mestre) 5 8. Linha divisora de assinatura 9. Assinatura em itálico (só o 6 nome em negrito) 10.Detalhe diagonalizado do 4 pedestal 11.Motivo da matéria (Roberto 8 9 Carlos) centralizado na página 7
  • 22. Quais elementos técnicos do Indesign e de diagramação podemos encontrar nessa página?
  • 23. Quais elementos técnicos do Indesign e de diagramação podemos encontrar nessa página? 1 1. Montagem fotográfica no Título. 2. “Chamada” centralizada. 3. Texto em duas colunas 2 empurrado (distorcido) por uma imagem. 4. Foto de matéria com legenda (vermelha) 5. Ilustração de matéria. 3 4 5
  • 24. Quais elementos técnicos do Indesign e de diagramação podemos encontrar nessa página?
  • 25. 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é.
  • 26.
  • 27. Olho de matéria: geralmente entre aspas.
  • 28.
  • 29.
  • 30.
  • 31. OBRIGADO! 31  PROF. SERGIO XAVIER E-mail: sergiosx@gmail.com Blog: www.profsergioxavier.wordpress.com