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

Aula01 editoracao eletronica

  • 1.
    1 EDITORAÇÃO ELETRÔNICA – AULA01 - - 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ÇÃODE 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ÇÃODE 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ÇÃODE 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ÇÃODE 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ÇÃODE 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ÇÃODE PEÇAS 9 GRÁFICAS
  • 10.
    HISTÓRIA DA PRODUÇÃODE 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ÇÃODE 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 paraa 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
  • 19.
  • 20.
    Quais elementos técnicosdo 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écnicosdo Indesign e de diagramação podemos encontrar nessa página?
  • 23.
    Quais elementos técnicosdo 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écnicosdo Indesign e de diagramação podemos encontrar nessa página?
  • 25.
    Quais elementos técnicosdo 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é.
  • 27.
    Olho de matéria:geralmente entre aspas.
  • 31.
    OBRIGADO! 31  PROF. SERGIO XAVIER E-mail: sergiosx@gmail.com Blog: www.profsergioxavier.wordpress.com