Projetos Gráficos para Mídias Impressas

Prévia do material em texto

Projetos Gráficos 
para Mídias Impressas
Material Teórico
Responsável pelo Conteúdo:
Prof. Me. Ivan Ordonha Cechinel
Revisão Textual:
Prof. Me. Claudio Brites
Diagramação de Página na Prática
• Área de trabalho do Adobe InDesign;
• Barra Tools (Barra de Ferramentas);
• Comando Iniciais;
• Formatos de Arquivos;
• Gerenciamento de Páginas;
• Guides (Linhas Guias);
• Ferramentas de Desenho Geométrico;
• Gerenciamento de Cores;
• Pen (caneta);
• Gerenciamento de Texto.
• Auxiliar identifi cação dos recursos iniciais do programa gráfi co Adobe InDesign, 
compreen dendo o software como ferramenta de trabalho para o desenvolvimento 
de material voltado principalmente para a área editorial.
OBJETIVO DE APRENDIZADO
Diagramação de Página na Prática
Orientações de estudo
Para que o conteúdo desta Disciplina seja bem 
aproveitado e haja maior aplicabilidade na sua 
formação acadêmica e atuação profissional, siga 
algumas recomendações básicas: 
Assim:
Organize seus estudos de maneira que passem a fazer parte 
da sua rotina. Por exemplo, você poderá determinar um dia e 
horário fixos como seu “momento do estudo”;
Procure se alimentar e se hidratar quando for estudar; lembre-se de que uma 
alimentação saudável pode proporcionar melhor aproveitamento do estudo;
No material de cada Unidade, há leituras indicadas e, entre elas, artigos científicos, livros, vídeos 
e sites para aprofundar os conhecimentos adquiridos ao longo da Unidade. Além disso, você tam-
bém encontrará sugestões de conteúdo extra no item Material Complementar, que ampliarão sua 
interpretação e auxiliarão no pleno entendimento dos temas abordados;
Após o contato com o conteúdo proposto, participe dos debates mediados em fóruns de discus-
são, pois irão auxiliar a verificar o quanto você absorveu de conhecimento, além de propiciar o 
contato com seus colegas e tutores, o que se apresenta como rico espaço de troca de ideias e de 
aprendizagem.
Organize seus estudos de maneira que passem a fazer parte 
Mantenha o foco! 
Evite se distrair com 
as redes sociais.
Mantenha o foco! 
Evite se distrair com 
as redes sociais.
Determine um 
horário fixo 
para estudar.
Aproveite as 
indicações 
de Material 
Complementar.
Procure se alimentar e se hidratar quando for estudar; lembre-se de que uma 
Não se esqueça 
de se alimentar 
e de se manter 
hidratado.
Aproveite as 
Conserve seu 
material e local de 
estudos sempre 
organizados.
Procure manter 
contato com seus 
colegas e tutores 
para trocar ideias! 
Isso amplia a 
aprendizagem.
Seja original! 
Nunca plagie 
trabalhos.
UNIDADE Diagramação de Página na Prática
Área de trabalho do Adobe InDesign
O Adobe InDesign é um software desenvolvido pela Adobe, voltado especial-
mente para a criação de material editorial (diagramação de páginas), contudo, além 
de livros, revistas, jornais, catálogos, manuais, é possível criar também anúncios, 
embalagens, entre outros. Portanto, o Adobe InDesign é o um software adequado 
para fazer qualquer material editorial com uma quantidade maior de páginas.
Existem ferramentas de desenho no Adobe InDesign para fazermos formas ge-
ométricas básicas, linhas, entre outros.
Sua área de trabalho é constituída principalmente por: menu superior, barra 
principal de ferramentas (lado esquerdo), área de desenho (ou área do documento), 
painéis e janelas. Esses elementos são maleáveis, possibilitando ao usuário modi-
ficar a posição (para isso basta clicar na parte superior de cada painel e arrastar). 
Pode-se ocultar as barras de ferramentas pressionando a tecla TAB (localizada 
acima da tecla Caps Lock – que faz a letra ficar maiúscula).
As figuras 1 e 2 mostram a interface principal (área de trabalho) do InDesign, 
com um documento novo já aberto.
Figura 1
Figura 2
8
9
O menu superior é constituído por abas: File, Edit, Layout, Type, Object, 
 Table, View, Window, Help, como mostra a Figura 3.
Figura 3
Cada aba apresenta um grupo de recursos, e seus respectivos atalhos de teclado para acesso rápido. 
Dentre os mais utilizados, destacam-se:
• FILE (Arquivo)
• New (Novo): Abre um novo documento;
• Open (Abrir): Abre um projeto existente;
• Open recent (Abrir Recente): Reúne os arquivos que foram abertos recentemente;
• Save (Salvar): Guarda o documento que está aberto no momento (se o documento ainda não foi 
salvo nenhuma vez, ao clicar em Save, será solicitado um nome e um diretório para guardar o 
documento. Isso também acontece quando clicamos em Save as). 
• EDIT (Editar)
• Undo (Desfazer): Pode ser acionado também pelo atalho CTRL-Z, utilizado para desfazer ações. 
Para desfazer uma quantidade maior de ações, é necessário pressionar também a tecla ALT;
• Copy (Copiar): Acionado pelo atalho CTRL+C, copia texto e também imagens dentro de 
áreas selecionadas;
• Paste (Colar): “Cola” os elementos que foram copiados, acionado também por CTRL+V.
• LAYOUT
• Margins and Columns (Margens e colunas): Abre janela com opções para ajustes de tamanho das 
margens e quantidades de colunas na página;
• Table of Contents (Sumário): Traz recursos para definir sumário de maneira automática.
• TYPE (Tipo)
• Character (Caractere): Também acionado pelo atalho de teclado Ctrl+T, abre recursos avançados 
de ajustes de texto;
• Change Case: Serve para alternar entre letra maiúscula e minúscula de forma automática.
• OBJECT (Objeto)
• Transforme (Transformar): Reúne diversas opções de redimensionamento da imagem;
• Arrange (Posicionar): Apresenta opções para organizar a hierarquia dos objetos na página.
• TABLE (Tabela)
• Create table (Criar Tabela): Traz recursos avançados para a criação de tabelas.
• VIEW (Visualizar)
• Display Performance: Apresenta opções para ajustar níveis de visualização.
• WINDOW (Janelas)
• Todas as opções de painéis estão disponíveis nesse item.
9
UNIDADE Diagramação de Página na Prática
Dentro de Window, há a opção Workspace (Área de Trabalho) – Apresenta o 
conjunto de workspaces pré-definidas e traz a opção de salvar a Área de Trabalho 
de acordo com a preferência do usuário. 
Barra Tools (Barra de Ferramentas)
A Barra Tools, ou Barra de Ferramentas em português, localiza-se por pa-
drão à esquerda da tela (clicando na parte superior da barra e arrastando, é possível 
posicioná-la para outro local da área de trabalho), apresenta ferramentas e subfer-
ramentas, o que indica isso é a seta disposta no canto inferior direito dos ícones.
Ao repousar o cursor sobre os ícones, o Illustrator mostra nome e atalho de 
teclado que pode ser utilizado para habilitar a ferramenta.
Caso a barra seja fechada (clicando-se no “x” na parte de cima), poderá ser 
reaberta através da opção Tools (Ferramentas), dentro da aba Window (Janela).
Figura 4
Comando Iniciais
• A ferramenta Zoom funciona também através do atalho de teclado CTRL+ 
e CTRL- 
• Pressione a barra de espaço do teclado, a setinha do mouse se transformará 
em uma “mãozinha” , clique e arraste para movimentar a tela.
10
11
• Com o atalho Ctrl+0, acione o comando Fit Page on Window (Ajustar pági-
na à janela), que está localizado dentro do menu View. Isso permitirá ajustar 
a área de desenho de forma que apareça em sua totalidade na tela. 
• Duplo clique na ferramenta Zoom ou através do atalho Ctrl-1 cria o ajuste da 
área de desenho em visualização 100%.
Formatos de Arquivos
Ao contrário do Illustrator e do Photoshop, o InDesign permite apenas salvar o 
arquivo em seu formato nativo, por meio do comando Save As [Salvar Como] em 
diversas extensões (formatos), as principais utilizadas são: 
INDD: Formato nativo do InDesign (mantém o documento editável).
Através da opção File (Arquivo), no menu superior, temos a opção Adobe PDF 
Presets, com o qual podemos exportar o arquivo no formato PDF e ajustar as op-
ções diversas.
Figura 5 – Adobe PDF Presets
O formato PDF mescla as camadas e não admite transparência, por isso é um 
formato leve (arquivo menor), largamente utilizado em materiais gráficos diversos, 
tanto em mídias impressascomo digitais.
Gerenciamento de Páginas
Na área de trabalho do InDesign, podemos controlar de maneira prática as pá-
ginas que compõem a publicação que está sendo criada.
Na Figura 6, vemos as páginas em sequência e lado a lado – as chamadas “lâmi-
nas” de páginas (cada dupla de página representa um lâmina).
11
UNIDADE Diagramação de Página na Prática
Figura 6
Em File (Arquivo), há a opção Document Setup (ajustes do documento), em que 
temos a opção para visualizar o documento em “página simples” (páginas não lado 
a lado), bastando desmarcar a opção Facing Pages, como mostra a Figura 7.
Figura 7
A Figura 8 mostra o resultado da disposição das páginas.
Figura 8
12
13
Guides (Linhas Guias)
Para criar uma nova Guide [Guia], clique nas Rulers [Réguas] e arraste para a 
área de desenho – as réguas ficam dispostas na lateral esquerda e no topo da área 
do documento; caso não estejam visíveis, pressione Ctrl+R. 
Clicando com o lado direito do mouse sobre as Rulers, é possível 
ajustar as unidades de medida – por exemplo, alterar de centímetro 
para milímetro, entre outras.
Clique no canto superior esquerdo da tela e arraste para definir a 
posição do ponto zero da Ruler.
A Figura 10 mostra as Guides [Guias] (linhas em azul claro) que foram trazidas 
a partir das Rulers [Réguas].
Figura 10
Ferramentas de Desenho Geométrico
O InDesign não é propriamente um software de desenho, como o Adobe Illustrator, 
por exemplo, porém, apresenta ferramentas básicas de desenho. Na barra principal 
de ferramentas, temos um conjunto de recursos para desenhar formas geométricas 
básicas. Ao manter o clique sobre o ícone da ferramenta, surge uma lista com três op-
ções: retângulo, elipse (formas curvas) e polígono, como nos mostra a Figura 11.
Figura 11
Figura 9
13
UNIDADE Diagramação de Página na Prática
Após acionar a ferramenta, basta clicar e arrastar sobre a página. Junto ao 
cursor do mouse surgirá a relação de dimensão do objeto (W = largura e H = 
altura  – a letra W vem da palavra Width e H vem de Height, que significam largura 
e altura respectivamente).
Ao estabelecermos um objeto na tela, podemos utilizar a ferramenta Selection 
(primeiro ícone da barra principal de ferramentas) e clicar sobre ele, arrastando 
assim para movimentá-lo.
Ao clicar sobre o objeto, surgirá um contorno azul, trazendo pequenos qua-
drados nas extremidades (pontos de ancoragem para edição). Clique nesses 
pontos e arraste para redimensionar a imagem, pressione a tecla Shift para 
redimensionar proporcionalmente.
Figura 12
Este recurso pode ser útil por exemplo para criar um cabeçalho na página.
Ex
pl
or
Gerenciamento de Cores
O gerenciamento de cores no InDesign é semelhante ao do Illustrator, pois tam-
bém há, na parte de baixo da barra de ferramentas, dois quadrados, um sobre o 
outro, indicando as cores que estão ativas no momento. O quadrado de baixo re-
presenta uma cor secundária; podemos alternar a ordem das cores pressionando a 
tecla X.
Com duplo clique sobre as cores na barra de ferramentas (figura 13), 
abre-se a janela da Figura 14 (Color Picker) com a paleta de cores. Cli-
que e arraste para definir uma cor ou a determine numericamente pelas 
escalas de cores. Pressionando OK, o objeto ficará da cor definida na 
janela Color Picker. Figura 13
14
15
Figura 14 – Color Picker
Pen (caneta)
O InDesign também dispõe da ferramenta Pen [Caneta], para definir linhas 
curvas (clique e arraste para definir pontos de ancoragem e a curvatura da linha) e 
assim ter maiores possibilidades de edição após as linhas já estarem definidas.
A seguir, um exemplo de desenho sendo feito com a ferramenta Pen. As linhas 
que “sobram” podem ser “esticadas” estabelecendo diferentes curvaturas para a 
linha. (Mesmo procedimento de desenho dos softwares vetoriais como o Adobe 
Illustrator por exemplo, que também possui a ferramenta Pen).
Figura 15
Utilize a Direct Selection [Seleção Direta] (seta branca da barra de ferramentas) para editar as 
linhas, basta clicar nos pontos e arrastar. Ela é uma subferramenta da Selection (seta preta).Ex
pl
or
O InDesign também possui a ferramenta Eyedropper [Conta-gotas] , na bar-
ra de ferramentas, que pode ser utilizada para coletar amostras de cor em formas 
geométricas ou imagens.
15
UNIDADE Diagramação de Página na Prática
Gerenciamento de Texto
Um dos pontos fortes do InDesign é o gerenciamento avançado de texto. A fer-
ramenta de Texto está localizada na barra principal de ferramentas. Na aba 
Window [Janela], do painel superior, temos o item Type & Tables, que abre a 
opção Character [Caractere] e Paragraph [Parágrafo], esses são os painéis para 
ajustes de texto.
Figura 16
Dentro de Type, no menu superior, temos a opção Fill with Placeholder Text 
(Figura 17) que preenche a caixa de texto com conteúdo genérico, apenas para 
testar configurações de texto e parâmetros de diagramação.
Figura 17
A Figura 18 mostra o resultado de usar o Fill with Placeholder Text.
Figura 18
Quando a caixa estiver com excesso de texto (além das dimensões da caixa), 
surgirá um sinal de “+” (Figura 19) dentro de um quadrado vermelho q no canto 
inferior direito da caixa de texto. 
16
17
Figura 19
Ao clicarmos nesse sinal de “+” e novamente clicarmos em outra parte da pági-
na, surgirá outra caixa e ambas estarão automaticamente lincadas (uma pré-visua-
lização do texto surgirá no cursor do mouse). 
Figura 20
Na Figura 21, veremos alguns dos principais painéis utilizados no Adobe InDesign 
e que serão vistos de maneira mais completa nas demais unidades desta disciplina.
Dentro do item Window, do menu superior, temos a opção Type & Tables que 
contém os itens Character e Paragraph (Figura 21).
Figura 21
Por meio desses painéis da Figura 21 é possível ajustarmos corpo (tamanho) de 
letra, espaçamentos de entrelinha, entreletra, definir alinhamento do parágrafo, 
entre outras ações.
17
UNIDADE Diagramação de Página na Prática
Na Figura 22, vemos um outro painel bastante importante no InDesign, que é o 
Pages. Esse é um recurso utilizado frequentemente, pois apresenta um panorama 
geral da publicação que está sendo criada, uma espécie de “miniatura”.
Por meio desse painel conseguimos gerenciar o projeto, navegar pelas páginas, 
recurso muito útil especialmente em trabalhos que possuem dezenas ou centenas 
de páginas. É possível criar páginas, copiar páginas existentes, reorganizá-las, entre 
outros recursos importantes.
Figura 22
Na parte superior do painel Pages existe uma repartição onde podemos ge-
renciar as páginas master (a página master [mestre] é utilizada para replicar ele-
mentos nas demais páginas), tudo o que é inserido em uma página master – texto, 
imagem, formas geométricas – aparece nas demais páginas onde a determinada 
master for aplicada.
Figura 23
18
19
No menu superior, a opção Layout, temos o item Margins and Columns 
(Figura 24).
Figura 24
Esse item abre a janela da Figura 25.
Figura 25
Temos aqui o agrupamento Margins com as opções Top (controla dimensões 
da margem superior), Bottom (controla dimensões da margem inferior), Inside 
(controla dimensões da margem interna – caso as páginas estejam lado a lado essa 
margem representa a margem que receberá a encadernação no caso de páginas 
de um livro ou revista; por exemplo, se for página simples, essa opção alterna para 
Left) e Outside (controla dimensões da margem de fora – como página simples, 
alterna para Right).
19
UNIDADE Diagramação de Página na Prática
Material Complementar
Indicações para saber mais sobre os assuntos abordados nesta Unidade:
 Sites
Portal Adobe – InDesign
O Adobe Indesign possui licença paga, mas podemos fazer o download no site da 
Adobe e utilizá-lo gratuitamente por determinado período.
https://adobe.ly/2Ygpkoi
 Leitura
A notícia e o diagrama: entrevista inédita com Amilcar de Castro
Trata da produção com layout de páginas.
http://bit.ly/2YfrkNx
IndesignSecrets
Site que trata de assuntos relacionados ao software Adobe InDesign.
http://bit.ly/2YaGZhcFórum de Editoração vai discutir a influência do leitor no mercado editorial
Matéria sobre mercado editorial.
http://bit.ly/2YefjrT
20
21
Referências
AMBROSE, G.; HARRIS, P. Fundamentos de Design Criativo. Porto Alegre: 
 Bookman, 2014. [e-book]
AMBROSE, G. Layout. Porto Alegre: Bookman, 2014. [e-book]
ADOBE CREATIVE TEAM. Adobe indesign CS6 classroom in a book. Porto 
Alegre Bookman, 2013.
COLLARO, A. C. Produção gráfica: arte e técnica na direção de arte. 2. ed. São 
Paulo: Pearson Prentice Hall, 2012. [e-book]
COLLARO, A. C. Produção gráfica: arte e técnica da mídia impressa. 2. ed. São 
Paulo: Pearson Prentice Hall, 2012. [e-book]
FONSECA, J. da. Tipografia e Design gráfico: Design e Produção de Impressos 
e Livros. Porto Alegre: Bookman, 2011. [e-book]
21