1. Preparação de Texto: técnicas, etapas e níveis de intervenção.
2. Tipologia. Legibilidade e Leiturabilidade.
3. Objetos impressos e Design: (livros, catálogos, folders, manuais, convites etc..).
4. Editoração Eletrônica: (Softer Indesign, Page Maker e Photoshop).
5. Diagramação e Paginação de texto e imagem.
6. Matérias – primas para impressão: características e adequações.
7. O papel e a imagem: natureza, história e procedimentos.
8. Processos de pré-impressão, impressão e acabamento.
9. O Livro – suporte de muitas artes.
10. O desenvolvimento da Linguagem gráfica na história da Arte.

E esta, a bibliografia em Editoração:

1. ARAÚJO, Emanuel. A Construção do Livro. Rio de Janeiro/Brasília, Nova Fronteira/INL. 1986
2. ARHEIM, Rudolf. Arte e Percepção Visual: Psicologia da Visão Criadora. São Paulo, Pioneira, 1994.
3. BAER, Lorenzo. Produção gráfica. São Paulo, Senac, 1995.
4. BRINGHURST, Robert. Elementos do Estilo Tipográfico. São Paulo, CosacNaif, 2004.
5. CRAIG, James. Produção Gráfica. 2.ed., São Paulo, Mosaico/EDUSP, 1980.
6. HANDEL, Richard. O Design de Livro. São Paulo Ateliê, 2007
7. MARTINS, Nelson. A Imagem Digital na Editoriação: Manipulação, Conversão e Fechamento de Arquivos. São Paulo, Senac, 2003
8. SALOMON, Martin. The Art Typography. New York, Watson-Guptill Publications. 1986. 240p.
9. SWANN, Alan. How to Design Grids and Use them Effectively. Oxsford, Phaidon. 1989. 144p.

Essa abordagem é muito antiquada. Ela imita a montagem manual de jornais nos anos 80: os pedacinhos de texto fotocomposto eram colados à mão numa folha de montagem em papel gessado. A metáfora deste tipo de montagem foi adotada pelo PageMaker em 1986, e levou anos para que os programas de editoração desistissem dessa mania.

Como NÃO fazer quadros de texto para notícias

Os problemas que essa abordagem causa são a falta de produtividade e a falta de precisão na montagem. Isto porque um diagramador, “a olho”, demora muito ou nem consegue ter precisão na colocação destes elementos. Os parágrafos, em programas de editoração, têm atributos de espaço em cima e embaixo que agilizam o posicionamentos dos textos. No entanto, isso só funciona se os elementos estiverem todos em um único quadro de texto.

Os melhores programas, como o Corel Ventura, exigem que se abra apenas um quadro de texto e se jogue todo o texto dentro. Os títulos, no Ventura já têm o atributo “ignorar as colunas do quadro”. Então, a cartola, o título e o subtítulo entram “de fora a fora”, ocupando toda a largura do quadro, enquanto que o texto da matéria corre pelas colunas, obedecendo às divisões. Pá, pum, foi!

Outros programas (PageMaker, InDesign, QuarkXpress, Scribus), inexplicável e burramente, ainda exigem que se abra um quadro para os títulos e outro quadro para as colunas de texto. Criei script noScribus que já faz a diagramação de matérias automaticamente , depois que o diagramador especifica tamanhos de títulos e quantidades de colunas. Estou estudando InDesign para fazer o mesmo com ele.

Maneira produtiva de fazer notícias com texto em blocos

Pior ainda é quando os diagramadores se dão ao trabalho de abrir coluna por coluna de texto. Essa abordagem “PageMaker” não deve mais ser usada, pelo perda de produtividade e falta de precisão. Por exemplo, se a foto aumenta ou diminui, o diagramador tem de ajustar todas as colunas manualmente. Se todo o espaço da matéria é modificado, então, todas as colunas têm de ser modificadas.

Hoje, o bom diagramador abre um quadro para o título, um quadro para o texto e divide este quadro em quantas colunas quiser. Já as fotos devem ter o aributo de afastar o texto automaticamente (text wrap, no InDesign).

Lembre-se de que se um jornal aparece com erro de diagramação, vai parecer que ele erra também na apuração, na redação, na distribuição. Enfim, se há algo desalinhado nas páginas de seu jornal, há algo desalinhado em toda a empresa ou instituição.

Para ajudar os alunos e os funcionários do Jornalismo do IPA envolvidos nas publicações Universo IPA (jornal mural, jornal broadsheet (standard), jornal tablóide, revista, site), resolvi aprender JavaScript para programar o Adobe inDesign, como já faço com o Python e Scribus. Assim surgiu este script para alinhar foto, legenda e crédito da foto.

InDesign pode ser controlado com as chamadas “linguagem script”. São linguagens para se escrever programas, supostamente com rapidez, destinadas a resolver necessidades de outros aplicativos. Por exemplo, todos os navegadores usam JavaScript para controlar as páginas Web. Além dos navegadores, outros programas usam JavaScrip, notadamente o Adobe Acrobat e o Adobe InDesign.

O Adobe InDesign executa programas em três linguagens: Applescript, VBScript e JavaScript. As duas primeiras são exclusivas dos computadores Macintosh e Windows, respectivamente. Então, programar e aprender uma destas linguagens significaria desenvolver programas e comandos para um número mais limitado de pessoas. Resolvi adotar JavaScript, que também é a base da Web atualmente. Assim, os programas que eu desenvolver serão compatíveis com Mac e com Windows.

Como ponto negativo, descobri que JavaScript, por questões de segurança, não tem drivers para bases de dados. Ou seja, não posso consultar textos em bancos de dados e diagramar uma página automaticamente como faço no Scribus. É uma grande falta, porque não posso editar diretamente registros de blogs e CMS para usar como sistema editorial.

Mas, de resto, JavaScript é uma linguagem razoável para uso geral. Scripts InDesign feitos em JavaScript podem rodar sem problema em Windows, Macintosh e talvez até mesmo em Wine no Linux (tenho que testar isso em breve).

O que esse meu script (para download mais abaixo) faz :

1. Pega dois ou três quadros selecionados.
2. Considera o primeiro quadro como foto
3. Monta a legenda
4. Monta o crédito da foto

Coloquei o script na pasta c:\Arquivos de programas\Adobe\Adobe InDesign CS2\Presets\Scripts\ do Adobe InDesign para que ele apareça na paleta de Scripts (Windows > Automation > Scripts):

Menu para a paleta de scripts do InDesign

Seleciono a foto e um quadro qualquer para legenda, e mais um quadro opcional para crédito da foto (ou seja: seleciono dois ou três objetos).

Dois ou três quadros são selecionados

No script, usei comandos “prompt” e “confirm” do JavaScript, que oferecem uma interface com usuário simples mas fácil de ser implementada. Abaixo, resultado obtido com “confirm” e “prompt”:

Diálogo de "Confirm"

InDesign usando o comando "dialog"

O script deixará:

1. Primeiro quadro intacto, mas transformado em quadro de imagem e com o estilo de objeto “Foto“;
2. O segundo quadro vira legenda, formatado com o estilo de objeto “Legenda“;
3. O terceiro quadro, se houver, vira crédito da foto, formatado com o estilo “Crédito da Foto“.

Quadros de diálogo da montagem de fotolegenda e credito

Acima, o resultado final do script: o quadro da foto com um quadro de legenda embaixo e um quadro de crédito na direita, “em pé”. Se os quadros já contiverem texto, o script dará opção de não editá-los, só modificar o tamanho e posição dos quadros.

Se os estilos não existirem ainda, serão criados com as definições default do meu InDesign.

Eu posso mudar as medidas conforme meu projeto gráfico. As variáveis que valem a pena serem modificadas estão no início do script. Mudo conforme a necessidade e dou um nome diferente para os arquivos.

Se os quadros tiverem conteúdo, serão preservados. A foto não será agrupada com a legenda e com o crédito, para que eu possa redimensioná-la se necessário. Só agrupo depois de escolhidas as dimensões finais da foto.

A foto tem text wrap de zero em cima, para ser colocada próximo aos títulos. Nos lados, o text wrap é de 5 mm, e em baixo, de 10 mm para dar espaço à legenda. Estas medidas podem ser modificadas no início do script.

O quadro de legenda e crédito ignoram o text wrap, para que o texto apareça. Eles também têm o text wrap de zero, apenas o suficiente pra não ficarem em cima de texto nenhum.

Para completar a automação, atribuí este script às teclas SHIFT+CTRL+ALT+F. E manualmente setei os estilos de frames determinando o estilo de parágrafo. Por exemplo, o frame de estilo “Legenda” formata o texto que contém com o estilo de parágrafo de estilo “Legenda”. Tenho que descobrir como fazer isto pelo próprio script.

O alinhamento de fotos é simples:

1. Redimensiono a foto;
2. Seleciono os quadros da legenda e do crédito, com shift+clic;
3. Teclo o atalho.

Aqui está o script para montar foto, legenda e crédito no InDesign, versão 008.

Bibliografia

1. FLANAGAN, David.  Javascript – The Definitive Guide. 4Th Edition. O’Reilly. Arquivo CHM (html help do Windows).
2. KAHREL, Peter. Scripting InDesign with JavaScript. O’Reilly Media, 2006. ISBN: 0-596-52817-5. Comprado pela O’Reilly em formato PDF.
3. Adobe InDesign CS2 Scripting Guide. Adobe Systems Incorporated, 2006. Documento PDF.
4. JavaScript Tutorial. Site web disponível em: <http://www.w3schools.com/js/default.asp>. Acesso em 10 jul. 2008.

Folha de estilos é o conjunto de formatos pré-programados em um software de editoração. No início da editoração eletrônica, você tinha que marcar texto por texto e aplicar a formatação a cada vez: mudar família tipográfica, mudar tamanho da letra (corpo), mudar estilo (negrito, itálico), mudar o alinhamento (justificado, alinhado à esquerda). Com a folha de estilos, você clica no texto e clica no estilo. Pronto, o texto se formata conforme as especificações do estilo.

A folha de estilos foi uma invenção do Ventura (um dos melhores programas de editoração já feitos, concorrente do PageMaker). Depois, foi incorporado no MS Word e todos os editores de texto e programas de editoração.

Basicamente, a folha de estilos aparece ao usuário como uma lista de nomes como “Título” “Subtítulo”, “Primeiro parágrafo”, “Lista” etc. Ao se clicar num texto e se clicar num nome da lista, o texto se formata conforme as características do estilo.

No velho e obsoleto PageMaker, você podia aplicar estilos apenas a parágrafos. Nos programas modernos, como Corel Ventura, Adobe InDesign, Quark Xpress e Scribus, você pode aplicar estilos a caracteres, a parágrafos e a objetos gráficos.

Entre as vantagens da folha de estilos estão:

1. Rapidez na diagramação. É MUITO mais rápido clicar em um estilo do que mexer em dezenas de especificações em lugares diferentes do programa de editoração.
2. Padronização de formatos conforme o projeto gráfico. O projeto gráfico será respeitado porque já está todo programado na folha de estilos.
3. Possibilidade de reaproveitamento de um projeto gráfico em outra publicação, mudando apenas alguns detalhes como família tipográfica.
4. Maior rapidez na criação de projetos gráficos, porque quando você muda um estilo, todo o texto que está marcado com aquele estilo será modificado. Fica mais fácil fazer estudos gráficos.

Procure aprender mais sobre como criar estilos em seu programa de editoração preferido lendo no “help” (tecla F1). Você economizará muito tempo de formatação.

E da próxima vez que alguém disser que o MS Word é melhor que o BROffice, pergunte o que a pessoa acha do mecanismo de folha de estilos do MS Word. Ela nem vai saber o que é isto, quanto mais saber que o MS Word tem o pior e mais complicado sistema de formatação de estilos do mundo. Pior a cada nova edição deste software fechado.

Leia também o artigo sobre folha de estilos no BROffice.

Powered by ScribeFire.

Ganho de ponto – O ganho de ponto é o aumento na dimensão do ponto de retícula, inerente ao processo mecânico de impressão. A medição desse ganho determina como os pontos estão sendo reproduzidos, informação preciosa para a pré-impressão, que pode então compensar na geração dos filmes ou das chapas (CTP) o ganho de ponto da máquina impressora. Muitos fatores interferem no ganho de ponto, como carga de tinta excessiva, balanço de água/tinta, chapas, condições da impressora, tipo de tinta e de papel. O ganho de ponto deve ser medido em área de retículas e meios tons nos meios tons (retículas) e nos chapados. (ABGT).

Powered by ScribeFire.

Um dos autores que difundiram as ideias de Arnold foi Rafael Sousa Silva em sua dissertação de mestrado “Diagramação: o planejamento visual gráfico na comunicação impressa”. Leia o capítulo Zonas de visualização da página impressa para ver o esquema proposto por Arnold, também apresentado na figura ao lado.

Mas, a partir dos anos 1980 e 1990, estudos mais acurados, que captavam os “caminhos” do olhar sobre uma superfície, demonstraram que idéia de zonas de visualização era mais uma aposta errada do que qualquer outra coisa.

Estudos do russo Alfred Yarbus sobre a maneira como observadores olham para uma obra visual (citado por Julio Plaza em “Videografia em Videotexto”) mostram que o olhar do ser humano segue caminhos variáveis mas fortemente determinados pelos elementos de maior interesse na composição visual. O estudo imprimiu em filme fotográfico o caminho seguido pelo olhar de observadores, por meio de um dispositivo “colado” ao olho por sucção. Um dos campos de provas foi o quadro “O retorno inesperado”, do ucraniano Ilya Repin.

A partir de fotos do estudo, eu montei uma imagem GIF animada (clique na miniatura ao lado para ver a animação) onde pode-se observar que o ser humano parece se interessar muito por rostos. Os riscos mostram o caminho do olhar durante quatro sessões de observação, com alguns dias de diferença entre elas. Nota-se que o olhar percorre a cena à procura de pontos de interesse e tende e se concentrar nestes pontos quando os encontra. Ou seja: quem determina para onde se olha numa composição visual é o artista que criou a composição.

Este fato foi comprovado na composição visual jornalística pelo estudo “Eyes on the news” (Olho na notícia), levado a cabo por Mario Garcia e Pegie Adams em 1990. Os pesquisadores usaram um artefato chamado Eyetrack, que pode-se ver nas ilustrações a seguir.

Ele era composto por duas câmeras de vídeo, uma dirigida a um vidro semi-espelhado em frente aos olhos do observador, e outra apontada diretamente para os olhos deste. As duas imagens eram tratadas e fundidas numa só, onde aparecia a página do jornal fixa com um “cursor” apontando aonde os olhos se fixavam.

Eyes on the news confirmou algumas crenças e desmentiu outras. Confirmou, por exemplo, que a primeira página vista por leitores ocidentais é a da direita. Mas desmentiu totalmente a crença nas zonas de visualização propostas por Arnold. Também descobriu que os anúncios em jornal, no estudo, não foram lidos primeiro nem se houvesse ofertas ou se fosse anúncio colorido.

Garcia e Adams descobriram que a leitura dos jornais foi feita em duas etapas: primeiro, os leitores faziam uma verredura na página (scanning), procurando pontos de interesse. Essa parte durou frações de segundos. Depois, os leitores se fixavam em “pontos de entrada”. Estes pontos — os locais onde os leitores faziam uma visualização mais demorada — eram determinados, entre outros fatores, pelo tamanho das fotos, pelo conteúdo destas, se a foto era coloria ou não.

Veja alguns dos resultados obtidos pela pesquisa Eyes on the news. Por exemplo, o índice de visualização da primeira página de um jornal preparado especialmente para o estudo. Estes números se referem ao “ponto de entrada” na página, ou seja, o ponto em que os leitores começaram a “ler” fotos ou texto.

Os “promo boxes”, chamadas de capa acima dos logotipos dos jornais, tiveram o maior índice de “entrada”.

Outros exemplos de pontos de entrada:

Na última imagem, um resumo do que deve fazer um diagramador:

O que nós exploramos nesta seção deve nos lembrar um simples princípio do design: crie hierarquia. O objeto do bom design de publicaçãoé primeiro atrair o leitor, então guiá-lo através da informação. Muitos jornais abandonam leitores por deixá-los livres para vagar através de campos e florestas do desconhecido. Não admira que tantos leitores fiquem perplexos e eventualmente perdidos. Criando uma hierarquia de movimento através de uma página ou de páginas espelhadas, nós podemos orientá-los e aconselhá-los gentilmente mas efetivamente, estabelecendo uma harmonia de movimento que resulta em compreensão. Para planejar esta viagem para os outros, nós primeiro necessitamos ver o que o leitor vê — neste caso, duas páginas por vez.

Bibliografia

1. GARCIA, Mario; STARK, Pegie. Eyes on the News. St. Petersbourg, Fld. : Poynter Institute for Media Studies, 1991.
2. PLAZA, Julio. Videografia em videotexto. São Paulo : Hucitec, 1986.
3. SILVA, Rafael Souza. Diagramação: o planejamento visual gráfico na comunicação impressa”. São Paulo : Summus Editorial, 1985.
4. YARBUS, Alfred. Eye movements and vision. New York: Plenum Press, 1967.

Os pontos tipográficos, ainda hoje, são usados para designar o tamanho das letras: quando se diz que uma letra está em corpo 12 significa que sua altura tem 12 pontos tipográficos.

Atualmente, pode-se usar sem problemas o sistema métrico decimal. Os programas modernos, como o PageMaker, InDesign, Scribus, QuarkXPress ou Corel Ventura, podem trabalhar com qualquer medida. Para mudar as medidas, clique com o outro botão do mouse nas réguas. As réguas podem ter medidas diferentes na horizontal e na vertical. Tradicionalmente, em jornais, a publicidade mede-se por sua altura em centímetros. Portanto, a régua vertical pode ficar sempre no padrão “milímetros”, enquanto a régua horizontal fica em paicas.

Além disso, o PageMaker, InDesign, Scribus, QuarkXPress ou Corel Ventura permitem ainda que se coloque em praticamente qualquer campo outra medida além da especificada. Por exemplo: se o campo diz “milímetros”, você pode colocar o valor “11p6″, que o programa entenderá que são onze paicas e meia (lembre-se de que a paica tem 12 pontos; portanto, meia paica são 6 pontos). Você também pode colocar a medida em pontos: “24pt” é igual a “2p” (2 paicas).

Melhor ainda: você pode colocar cálculos em vários campos do PageMaker, InDesign, Scribus, QuarkXPress ou Corel Ventura e de outros programas de editoração mais modernos: “(23p-1p)/2″ colocaria a medida de 11 paicas (23 paicas menos uma — da valeta –, divididas por 2).

Este é um bom truque para dividir precisamente blocos de texto, na criação de colunas falsas. Colunas falsas são colunas que fogem da colunagem básica do jornal. É conveniente usar colunas falsas em notícias pequenas, para quebrar a monotonia das páginas.

Por exemplo, um título principal é sempre formatado em corpo 48, entrelinha de 48, fonte Impact, alinhado à esquerda, com uma linha fina superior. Para não ter que aplicar toda essa formatação a cada título do jornal, em todas as páginas, edição após edição, você cria um estilo chamado “Título Principal”, com os formatos memorizados. Depois, é só clicar no texto a ser formatado e no nome do estilo. O texto se formatará automaticamente.

Todo o bom programa gráfico, hoje em dia, tem este recurso automatizado: OpenOffice, MS Word, CorelDraw, PageMaker, QuarkXPress, Scribus, Corel Ventura (o melhor programa de editoração que eu já usei). É fundamental que você aprenda a usar a folha de estilo de seu programa preferido.

• Ela vai lhe poupar muito tempo de formatação.
• Vai dar a suas publicações um aspecto profissional, porque todo o trabalho estará com formatação consistente em todas as páginas.
• Facilitará a troca de informações, quando você quiser publicar seu conteúdo em formato diferente. Quando quiser publicar um jornal impresso na internet, por exemplo, será preciso apenas mudar os estilos para tags HTML.
• Vai facilitar a geração de tabela de conteúdo (sumário) em publicação como livros, revistas e Trabalhos de Conclusão de Curso (TCC). Se os títulos do OpenOffice ou Word, por exemplo, estiverem formatados com os estilos “Título”, o sumário é gerado em cerca de 5 a 10 segundos, com todos os números de páginas corretos.

No PageMaker, a palheta com a folha de estilos é ligada ou desligada com as teclas CTRL+B. No Scribus, a tecla é F3. Para criar um novo estilo, você escolhe um nome para ele e modifica alguns de seus atributos. Os principais atributos são os de:

1. CARACTERES. Podem ser aplicados a um único caracter.
2. PARÁGRAFOS. São aplicados a um parágrafo inteiro.

No PageMaker, estes atributos são modificados clicando-se nos botões [Carac...] e [Parágrafo...], depois de se dar dois clics no nome do estilo, na paleta de estilos (CTRL+B). No Scribus, tecle F3 e clique no botão “Editar”.

No campo Nome, você coloca o nome do estilo. Escolha algo que faça sentido para você, mas em geral é bom usar um nome curto. Pode usar espaços e acentos.No campo Base, escreva o estilo que serviu de base ao novo que você está criando. Por exemplo: você está criando um estilo chamado de Título 2 que é igual ao Título 1, mas só muda o tamanho do corpo de letra. Então você cria o Título 2 e diz que a Base é o Título 1. Quando você muda um atributo do Título 1, o Título 2 também muda. Dessa forma, é possível se trocar rapidamente todas as fontes de um projeto gráfico. Basta que os estilos sejam cuidadosamente planejados pra que um estilo seja sempre baseado em outro, a partir de uns três estilos básicos.

No campo Próximo, você deve colocar o estilo que segue aquele que você está criando. Por exemplo: o estilo Antetítulo (que vai antes do título) tem como próximo o estilo Título 1. Assim, quando você começa a escrever um antetítulo, formata-o com o estilo Antetítulo. Quando você der um Enter para escrever o título, o estilo Título 1 será aplicado automaticamente. Isso só funciona se você estiver escrevendo diretamente no PageMaker, como acontece em alguns veículos, principalmente em jornais de assessorias de comunicação.

Importação

A maioria dos programas de editoração aceita importar texto com estilos. No pageMaker, se você importar texto em formato DOC do MS Word, HTML ou RTF, os estilos podem ser incorporados na folha de estilo. Você define isto nos formulários de importação de arquivos dos disversos programas.

No caso do PageMaker, também é possível se importar texto “plano”, sem formatação, importando também os estilos. Basta colocar as marcas como <Título 1> ou <subtítulo> antes dos parágrafos e indicar, durante a importação, que é para ler as marcas. Estes parágrafos entrarão no PageMaker automaticamente formatados. No manual do programa há uma lista com todas as marcas que são aceitas, como negrito, itálico etc.

No Corel Ventura, as marcas no início dos parágrafos são na forma “@Título 1 =”. No QuarkXpress, são: “@Título 1:”

Estilos mais comuns

Abaixo são listados os principais estilos que podem ser tipicamente encontrados em um jornal diário, e a sugestão de formatos que eles podem usar.

Tabela de Estilos

Tabela de estilos de Títulos

1. Seu jornal usa a fonte tipográfica Times New Roman ou similar.
2. Ele não tem personalidade: se alguém olha uma página qualquer, não é capaz de dizer que jornal é.
3. As matérias têm títulos que não se destacam do texto, à primeira olhada.
4. Os título ou fotos são desproporcionais em relação à quantidade de texto da matéria.
5. Você amontoa anúncios na capa, fazendo seu veículo parecer um almanaque de farmácia.
6. Você empilha anúncios no miolo do jornal, em vez de usar a técnica de pirâmide.
7. Você deixa “joelhos” em matérias (colunas que terminam em alturas diferentes).
8. Você não se preocupa com a qualidade dos anúncios produzidos “em casa”.
9. Você investiu no visual de seu veículo menos do que investiu em um computador.
10. Você não investiu na qualificação de seus diagramadores, usou “uma gurizada que mexe com computador, aí”.

Se o seu periódico tem algum destes sintomas, está na hora de contratar um planejamento gráfico ou “newspaper design”.