Introdução ao InDesign: Editoração Eletrônica

Prévia do material em texto

Computação Grá�ca e Editoração Eletrônica
Aula 8: Introdução ao InDesign
Apresentação
Nesta aula, você aprenderá que o InDesign é um software de editoração pro�ssional que se ajusta adequadamente ao
Photoshop e ao Illustrator, sendo o mais utilizado para projetos editoriais e folhetaria.
Ao abrir a área de trabalho, você perceberá que existem semelhanças entre estes softwares, contendo barra de menu,
menu de opções, barra de ferramentas e painéis.
Esta aula ensinará a abrir o arquivo e colocar páginas, criar grades com margens e colunas, gerar página dupla e simples.
Também trabalharemos com imagens importadas, digitaremos textos e faremos formas básicas.
Objetivos
Identi�car a interface do InDesign;
Elaborar imagens e formas, utilizando cores;
Estruturar textos.
Palavras iniciais
 Shutterstock por: FOXARTBOX.
O Adobe InDesign é um programa criado para editar livros, revistas e jornais e tem total integração com os outros programas
da Adobe.
Qual o diferencial deste programa?
Seu grande diferencial é a capacidade de trabalhar com muitas páginas e manter a performance, isto é, não é um programa
pesado, pois a imagens não são copiadas para a interface, elas apenas �cam visíveis.
Atenção! Aqui existe uma videoaula, acesso pelo conteúdo online
O programa tem interface intuitiva e realiza layouts coloridos, com imagens
fotográ�cas, textos decorados e efeitos.
Nesta aula, você conhecerá a interface do InDesign,
aprenderá a colocar alguns elementos básicos na página e
conhecerá recursos elementares.  Interface do InDesign
Conheça a interface do InDesign
O InDesign tem interface intuitiva e tem semelhanças com as do Photoshop e do Illustrator. Seu maior diferencial são as
ferramentas de gerenciamento das páginas.
 Shutterstock por: Sharaf Maksumov.
A área de trabalho inclui a barra de aplicativos, o painel de controle, a janela do documento, os menus, a área de transferência, o
painel Tools (Painel de Ferramentas) e encaixe de painéis.
Atenção! Aqui existe uma videoaula, acesso pelo conteúdo online
A área de trabalho (workspace) pode ser personalizada para atender ao seu
estilo.
Você pode manter na tela apenas os painéis que usa mais.
 
Modi�car a aparência da sua área de trabalho
Acione Window>Workspace> New Workspace, nomeie,
habilite Panel Locations e Menu Customization e dê OK.  
Modificar a aparência da sua área de trabalho
O painel Tools (Ferramentas) por padrão é colocado no canto superior esquerdo, mas você pode desencaixá-lo arrastando a
barra título na parte superior do painel na seta dupla e posicionando onde você preferir. O painel poderá �car em uma ou mais
colunas, ou �car horizontal e encaixado abaixo do painel de controle.
No InDesign, em qualquer alteração na área de trabalho, as barras e menus se ajustam para não se sobrepor umas às outras,
isto é, elas não �cam escondidas. Você pode acionar as ferramentas por meio dos atalhos (shortcuts).
Dica
Se você tiver dúvidas sobre os atalhos, acione Janela>Utilitários>Ferramenta Dicas.
Quando você posiciona o cursor sobre a ferramenta, aparece uma tarja cinza com seu nome, o atalho e uma dica sobre ela.
Do mesmo modo que nos outros programas que você
aprendeu, algumas ferramentas apresentam um pequeno
triângulo preto no canto inferior direito, para indicar que
aquela ferramenta possui uma série de ferramentas ocultas
adicionais.
A seta dupla [A] sobre o painel de ferramentas também é encontrado em outros programas da Adobe e serve para
deslocar as caixas de trabalho.
As ferramentas diferentes que você encontrará nos Tools do InDesign são:
A Página [B] , que permite criar páginas de vários formatos em um mesmo documento;
As Notas [C] , que permitem adicionar comentários na página;
Os Controles [D] permitem aplicar cores e alterar o modo de visualização.
O painel Control (Window>Control) permite rápido acesso aos comandos e opções de um item selecionado.
Por padrão, ele �ca encaixado abaixo da barra de menus no
Windows, mas você também pode arrastar esse painel e torná-lo
�utuante.
Janela de documentos e área de transferência - A janela de documentos contém todas as páginas.
Cada página, simples ou espelhada (dupla), possui a sua própria área de transferência (pasteboard), local onde você pode
trabalhar sem interferir nos elementos que já estão de�nidos na página ou armazenar objetos para serem usados depois.
Os objetos colocados no pasteboard não são impressos. Nesta área também é colocada a sangria da página.
Zoom: para ver mais páginas na janela de documento, marque 25% no menu Zoom Level.
Para ver todos os documentos, acione View>EntirePasteboard.
O menu de páginas está localizado na parte inferior do
pasteboard. Você pode selecionar a página que deseja
trabalhar ou a A-Master (Página Mestre).  Menu de páginas.
Os painéis - No agrupamento de painéis, você encontra:
Páginas - Acesso rápido aos cadernos de páginas e página mestra. É um painel exclusivo do InDesign;
Camadas - Funcionam como no Illustrator;
Links (vínculos) - É o local onde você deve colocar as imagens importadas;
Stroke - De�ne as linhas quanto a espessuras e traçados;
Swatch - É o painel para as paletas de cores;
Gradiente - Painel de degradês. O Illustrator oferece uma quantidade signi�cativa de tipos de degradês. Você
também poderá personalizar o seu.
Painéis de efeitos e estilo de objetos - Permitem modi�car objetos;
Estilo de parágrafo - Trabalha os textos ajustando a caminhos, criando blocos inseridos em formas, dentre outros.
Estilo de caracteres - Modi�ca o design da tipogra�a, dos tipos.
Os painéis são expansíveis, operando com as setas duplas. Você pode reduzir o grupo de painéis arrastando as bordas para a
direita; deste modo aparecem apenas os ícones. Os painéis também podem ser �utuantes.
Você pode arrastar, como foi feito com o painel de
ferramentas.
 Painel de ferramentas.
Diagramação do layout: grades estruturais, margens e colunas
A diagramação do layout acontece no momento em que se importa ou cria um documento.
O InDesign oferece ao pro�ssional diversas possibilidades de fazer projetos de criação com templates importados do Adobe
Stock, que oferece desde documentos prede�nidos a ilustrações de alto nível. Você também pode personalizar o seu
documento, como veremos mais adiante.
Tela de boas-vindas
Da mesma forma que o Illustrator, quando você abrir pela primeira vez o InDesign surgirá a tela de boas-vindas, que você pode
suprimir ou manter. Nesta janela, também há as opções:
Novo Documento, Abrir Documento e Abrir Documentos Recentes.
Adobe Stock InDesign: páginas em branco
Uma boa opção para quem está iniciando é fazer download de modelos da Adobe Stock, incluindo ilustrações de alto nível, de
modelos em branco com dimensões e con�gurações prede�nidas. Os modelos são abertos em arquivos no formato INDD.
New Document: de�nindo a diagramação da página 
Você pode começar um projeto de�nindo todas as medidas e de�nições.
Tutorial Aula 8: 1º passo- abertura de um novo arquivo
1. Selecione Arquivo>Novo (atalho:Ctrl+N para Windows; Cmd+N para MacOS);
2. Clique em New na caixa de diálogo Document Presets;
3. Na caixa de diálogo New Document Preset, con�gure:
Prede�nição de documento - nomeie seu documento: Aula 8;
Propósito (objetivo do trabalho): Imprimir;
Número de páginas: 4;
Selecione Páginas opostas para páginas espelhadas;
Tamanho da página: A5 (metade do A4 ideal para um folheto); o programa coloca automaticamente
as medidas;
Colunas - Número:2 e Medianiz:4mm (margens entre colunas);
Sangria: 5mm nos quatro lados;
Espaçador: 2mm nos quatro lados.
Trabalhando com imagens e formas
Conteúdo vinculado Painel Links (Vínculos)
O InDesign aceita arquivos de diversos programas grá�cos, mas suporta melhor os arquivos dos outros programas da Adobe:
Photoshop, Illustrator e Acrobat. Ele vincula a imagem importada, mantendo apenas a visualização e não a cópia da imagem.
Dessa forma, o programa economiza espaço em disco. Além disso, não corre o riscode dani�car a imagem, pois
as alterações só podem ser feitas no programa de origem, para depois atualizá-la no painel Links do InDesign.
Todos os textos, imagens e outros elementos vinculados são listados no painel Links do InDesign, que tem gerenciamento.
Quando o documento é exportado em PDF para impressão, os elementos listados em Links do InDesign são acionados.
Vincule em Links as imagens a serem utilizadas em seu trabalho.
Como fazer?
Para inserir e vincular itens de página, você pode usar o seguinte:
O comando Inserir e Vincular (Editar> Inserir e Vincular);
Ferramentas Coletor de Conteúdo e Colocador de Conteúdo .
1
Vamos fazer uma página simples de web como tutorial da aula 8
Camadas
Da mesma forma que o Photoshop e o Illustrator, o programa InDesign também trabalha com camada com os mesmos
objetivos e da mesma maneira.
Atenção
Todo documento novo do InDesign contém uma camada (Layer 1). Você pode renomear essa camada e adicionar mais camadas
a qualquer momento enquanto cria o documento.
Colocar objetos em diferentes camadas permite organizá-los para fácil seleção e edição. No painel Camadas, você pode
selecionar, exibir, editar e imprimir diferentes camadas individualmente, em grupos ou todas de uma só vez.
Cada camada tem uma cor diferente, e quando um objeto está selecionado, um box retangular na cor da sua camada o
envolve. Para selecionar um objeto, você pode selecionar a camada.
Atenção! Aqui existe uma videoaula, acesso pelo conteúdo online
Tutorial Aula 8: 2º passo - Crie quatro camadas:
https://estacio.webaula.com.br/cursos/go0198/aula8.html
1
Camada 1
logo;
2
Camada 2
título;
3
Camada 3
imagem;
4
Camada 4
texto.
Quadro de Retângulo (Smart Guides)
Este recurso permite criar um espaço reservado quadrado ou retangular e oferece �exibilidade para criar e posicionar objetos
com precisão. No painel das ferramentas, selecione a ferramenta Quadro de Retângulo (atalho: F).
Inserindo Conteúdo em seu Documento
A inserção de documentos (imagens, desenhos, textos) em diversos formatos é muito simples. Clique em Arquivo>Inserir
(File>Place). Escolha seu documento e con�rme; ele surgirá na área de trabalho, e você deve arrastá-lo até o local que ele deve
ocupar em seu layout.
 Tutorial Aula 8: 3º passo - insira a logo
 Shutterstock por: Rawpixel.com.
Clique na camada da logo para desbloquear e bloqueie as outras camadas;
Selecione Quadro de Retângulo (F) e insira o cursor na área onde a logo deve ser posicionada;
Mantenha o quadro selecionado;
Acione Arquivo>Inserir e clique no link duas vezes. Sua logo aparecerá no quadro do retângulo. Ajuste esse quadro pelas
alças, caso seja necessário, para que a logo caiba inteiramente na moldura;
Escolha Editar>Desselecionar tudo e, em seguida, Arquivo>Salvar;
Faça o mesmo procedimento para a imagem na base da página.
 Shutterstock por: Yevheniia Yasenenko
Trabalhando com formas
O Indesign trabalha da mesma maneira que os demais
programas. Basta selecionar a ferramenta, clicar na região a
ser colocada a forma, arrastar e soltar.
A cor de preenchimento e contorno também funcionam da
mesma maneira que no Illustrator. Para colorir, basta clicar
duas vezes sobre o seletor de cores e escolher. O programa
também utiliza a ferramenta Conta-Gotas.
Editar textos
O InDesign é considerado o melhor programa para trabalhar grandes volumes de textos. É possível fazer um livro de mil ou
duas mil páginas, mas pode fazer �lipetas e folders de dimensões menos robustas.
Você pode trabalhar com texto de duas maneiras: Arquivo>Inserir o arquivo
de texto como se fosse uma imagem sobre um quadro pré-selecionado onde
deverá ser encaixado. Pode trabalhar no modo copiar+colar de um outro
programa aberto. E por �m, pode ser digitalizado com [ ] no próprio
InDesign.
Os textos no InDesign, na maior parte das vezes, são inseridos dentro de um quadro. O programa também oferece as versões
Type on a Path para fazer o texto seguir caminho curvo ou reto.
O tamanho e a localização de um quadro de texto determinam como o texto aparece em uma página. Quadros de texto podem
ser criados com a ferramenta Type e editados com várias ferramentas:
Selecione a ferramenta Tipo [T] e arraste para de�nir a largura e altura de um novo quadro de texto. Mantenha pressionada
a tecla Shift enquanto arrasta, para restringir o quadro a um quadrado. Quando você liberar o botão do mouse, um ponto
de inserção de texto aparecerá no quadro. Ajuste as alças para que o quadro não �que com sobras;
Título e texto são feitos do mesmo modo; porém, é conveniente fazer os títulos em linhas separadas, caso você queira
fazer diagramações mais criativas.
Para digitar grandes textos, o InDesign apresenta o Editor de Matéria (Story Editor), que é ativado pelo atalho: Ctrl+Y (Windows)
e Command+Y (MacOs). O quadro onde o texto é escrito é regulado pelas alças, que devem ser puxadas para que todo o texto
apareça.
Textos em colunas
Para acomodar uma grande massa de texto, é mais usual dividi-lo em duas ou três colunas na página.
As caixas devem ser conectadas através do encadeamento dos textos.
Colunas com Ferramenta de Seleção
Primeiramente, você deve ter em mente que as caixas de textos são colocadas nas colunas da diagramação inicial. Elas não
são colocadas aleatoriamente na página.
Para resolver o excesso de texto na caixa da esquerda, é necessário criar uma caixa. Elas não estão conectadas.
Para conectar as caixas de textos, basta clicar na seta (B) da caixa à esquerda e conectar a outra na caixa da direita no ponto
(D). Enquanto aparecer o (+), devem-se criar caixas de textos e conectar. Depois devem-se fazer os ajustes.
Colunas geradas em caixa de texto
É possível criar colunas dentro de uma mesma caixa de
texto. Podem ser criadas margens e outras opções para
diagramar um texto.
Clique com o botão direito do mouse sobre o quadro de
texto e selecione Opções do Quadro de Texto (Text Frame
Options).
 Colunas geradas em caixa de texto.
Determine o número de colunas, a largura da coluna e o espaço entre elas (medianiz), espaçamentos, justi�cação vertical, linha
base.
Texto em contorno (curvas)
Textos quando convertidos em curvas se transformam em objeto vetor. Essa opção é escolhida quando 1) não se conhece a
fonte para transportá-la; 2) quando se deseja trabalhar artisticamente a fonte ou modi�cá-la.
Selecione a caixa de texto e clique no Menu>Tipo>Criar Texto em Contorno (Create Outlines).
Faça um teste: acione a ferramenta de Seleção Direta (Direct Selection) e você verá que as palavras viraram formas - linhas e
pontos. Depois de transformado em curva ele não poderá ser editado.
Saiba mais
Texto em contorno ao redor de objetos 
Os textos também podem contornar os objetos. Saiba como usar esse recurso clicando neste site da Adobe .
Simulação de textos ou texto de espaço reservado
Muitas vezes o designer prepara o layout de uma revista, por exemplo, sem ter os textos de�nitivos. Para ganhar tempo, utiliza
o recurso do Texto de Espaço Reservado (Placeholder Text).
É uma simulação de texto em latim, gerado pelo próprio programa, que pode ser colocado no espaço reservado de uma caixa
de texto.
Selecione a ferramenta Tipo (Type) e trace na tela uma caixa de texto de qualquer tamanho. O texto poderá ser ajustado
depois;
Com o cursor [|] ainda piscando dentro da caixa de texto, clique com o botão direito do mouse sobre a caixa. Ao aparecer
a janela e opção, selecione Preencher com texto de espaço reservado (Fill with placeholder text);
Um texto em latim vai preencher a caixa criada. Você pode criar quantas caixas forem necessárias para simular seus
espaços de textos.
 Utilizando as cores
A aplicação de cores no InDesign tem quase as mesmas opções do Illustrator. É possível incluircor no preenchimento e na
borda do objeto, podendo utilizar cores sólidas, transparência e degradê.
 Shutterstock por: New Africa
O painel de cores é igual, na aparência e nos recursos, ao do
Illustrator. Com um duplo clique no painelde cores ou nos ícones
preenchimento/borda da caixa de ferramentas, você abre o Seletor de
Cores (Color Picker) e usa do mesmo modo que usou no Illustrator.
Você também pode criar uma paleta de cores ou amostra de cor clicando em Nova Amostra (New Swatch).
javascript:void(0);
Atividades
1. Assinale as respostas que explicam como selecionar as ferramentas do InDesign:
a) Pressionando o atalho da ferramenta no teclado, por exemplo, pressionando a tecla T para Tipo.
b) É possível selecionar ferramentas ocultas com o cursor sobre uma ferramenta do painel que tenha uma seta na parte inferior.
c) Acionando File>Tools e escolhendo no menu a ferramenta.
d) Clicando no botão direito do mouse e selecionando a opção desejada.
e) Acionando os painéis ao lado direito da área de trabalho.
2. Na interface do InDesign, as caixas, painéis e menus são bem parecidos visualmente com o Illustrator, e muitas das funções e
recursos são semelhantes.
Nesta aula, vimos que algumas ferramentas e estilos são exclusivos do InDesign. Assinale os recursos exclusivos do InDesign
apontados nesta aula:
a) Links ou vínculos
b) Ferramenta Página
c) Controles de páginas
d) Layers
e) Pathfinder
3. Um designer está fazendo um livro ilustrado com 120 páginas e 80 ilustrações ou fotogra�as no InDesign, com quatro capas
que estão incluídas no layout.
Assinale as respostas verdadeiras em relação à produção deste livro:
a) O designer pode acessar rapidamente a página que deseja trabalhar no painel Páginas.
b) As 80 imagens não podem ser copiadas para o workspace; elas deverão ser vinculadas ao painel Links.
c) O designer poderá inserir anotações sobre o processo gráfico para os produtores através da ferramenta Notas.
d) O designer poderá retocar as imagens no InDesign caso precise, pois as imagens são copiadas no pasteboard.
e) O profissional terá dificuldade de impressão das capas, pois, por serem impressas em material diferente, deveriam ter sido
feitas em outro arquivo do InDesign.
Notas
Como fazer? 1
Título modal 1
Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográ�ca e de impressos. Lorem Ipsum é simplesmente
uma simulação de texto da indústria tipográ�ca e de impressos. Lorem Ipsum é simplesmente uma simulação de texto da
indústria tipográ�ca e de impressos.
Referências
ADOBE. O próximo patamar em desenhos de layout. Disponível em: https://www.adobe.com/br/products/indesign.html.
Acesso em: 19 ago. 2019.
ADOBE CREATIVE TEAM. Adobe Illustrator CS4 [recurso eletrônico]. Porto Alegre: Bookman, 2010.
ADOBE CREATIVE TEAM. Adobe InDesign CS4 [recurso eletrônico]. Porto Alegre: Bookman, 2009.
ADOBE CREATIVE TEAM. Adobe Photoshop CS4. [recurso eletrônico]. Porto Alegre: Bookman, 2009.
GAMBA JÚNIOR, N. G. Computação grá�ca para designers: dialogando com as caixas de diálogo. Rio de Janeiro: 2AB, 2003.
PERSIANO, R. C. M. Introdução à computação grá�ca. Belo Horizonte: UFMG, 1986.
SILVA, R. P. A. Computação grá�ca e editoração eletrônica. Rio de Janeiro: SESES, 2015.
Próxima aula
As páginas do InDesign;
Estilos;
Efeitos em objetos.
Explore mais
Assista ao vídeo:
Get started with InDesign.
javascript:void(0);
javascript:void(0);