Escolar Documentos
Profissional Documentos
Cultura Documentos
Coordenação Geral
Fábio Cezar Aidar Beneduce
Coordenação Administrativo-Financeira
Anderson Ribeiro Pires
Coordenação Técnica
Vanessa Saraiva Belém
Autor
João Lucas R. do Nascimento
Projeto Gráfico
João Lucas R. do Nascimento
Revisão Vernacular
Vanessa Saraiva Belém
Coordenação editorial
Antônio Miguel de Sousa Lima
2
SUMÁRIO
Apresentação 4
Área de trabalho 8
Tipografia 20
Impressão 24
Criando um layout 26
Propostas de exercícios 34
3
1 | Apresentação
O
Indesign é um dos mais poderosos softwares de diagramção da
atualidade, lançado em 1999 o prometia fazer uma revolução no
modo de trabalhar com diagramação de páginas e finalização de
arquivos para equipamentos de saída digital, logo foi substituindo
o PageMaker, assim que a Adobe comprou a Aldus em 1992.
4
1.1 | Interface: barras e painéis
No Illustrator, temos algumas divisões que nos auxiliam no desenvolvimento dos trabalhos para acharmos com mais
facilidade as ferramentas e comandos, que recebem as seguintes nomenclaturas:
1 - BARRA DE APLICATIVOS
Aqui encontra-se os menus do programa onde estão os comandos que nos auxiliam na hora das criações e edições e
um alternador de área de trabalho.
3 - PAINÉIS FLUTUANTES
Ajudam a monitorar e modificar seu trabalho. Os painéis podem ser agrupados, empilhados ou encaixados.
5
1.1 | Interface: barras e painéis
4 - PAINEL FERRAMENTAS
Nos dá as ferramentas que temos para criações e edições. E as ferramentas relacionadas ficam em grupos.
6
1.2 | Interface: criando um novo arquivo
Escolheremos a opção Document (documento), nessa janela podemos escolher o formato do arquivo 1 Document Preset
(predefinição do documento), 2 Number of pages (número de páginas), 3 Page Size (tamanho da página), 4 Columns
(colunas) e 5 Margins (margens) serão definidas de acordo com o projeto que será realizado, aqui deixaremos no modo
Default (automatico), 6 Bleed (sangria)
7
1.3 | Área de trabalho
O posicionamento segue a ordem padrão de: barra de ferramentas à esquerda, no meio temos a
página, onde fazemos a diagramação do projeto, seu conteúdo é que será impresso, à direita temos
os painéis flutuantes e no rodapé informações do projeto, em qual página estamos trabalhando, se
há algum problema com links (arquivos externos incorporados ao projeto)e e a na parte superior
encontramos a barra de propriedades que se modifica de acordo com a ferramenta selecionada.
8
2 | Painel Control (Controle)
Este painel tem um conteúdo diferente, dependendo do objeto selecionado e da ferramenta em uso. É um
pouco diferente dos outros painéis, no formato, e também porque não pode ser “agrupado” com outros pai-
néis, mas apenas colocado no topo ou na base da janela do documento.
B D G I K M O
A C E F H J L N
A - Representa o ponto selecionado. Clique para selecionar um ponto de referência, ou o ponto que está a
manipular no objeto. Se selecionar o ponto central, por exemplo, e aumentar 10 mm à largura do objeto, ele
aumentará 5 mm para cada lado; se selecionar um ponto do lado esquerdo, o objeto alargará 10 mm da es-
querda para a direita, mantendo-se o lado esquerdo.
B - Coordernada horizontal (X): distância a que o ponto de referência se encontra em relação à régua, expres-
sa na unidade de medida.
C - Coordernada vertical (Y): distância a que o ponto de referência se encontra em relação à régua de topo,
expressa na unidade de medida.
F - Proporções: clique para manter as proporções entre a largura e a altura, ou seja, ao alterar uma, a outra
altera proporcionalmente.
G - Escala Horizontal e vertical do objeto, em porcentagem. Nota: se o objeto estiver selecionado com a ferramenta
de seleção direta (seta branca), e tratando-se de uma imagem, este valor refere-se a escala a que a imagem está
apresentada, em relação a imagem original. Se mudar estes valores, altera o tamanho da imagem dentro da caixa;
quando está ativada a ferramenta de seleção (seta preta) este valor altera a caixa, e não a imagem nela contida.
H - Proporções: clique para manter as proporções entre a escala horizontal e vertical do objeto.
I - Rotação: Roda o objeto em torno do ponto de referência. O movimento de rotação é sempre no sentido
inverso ao dos ponteiros do relógio. Para o movimento contrário, deve ser fornecido um valor negativo.
J - Valor de “torção” do objeto: torce o objeto horizontalmente em relação ao ponto de referência selecionado.
K - Rotação 90º e efeito espelho: rotaciona os objetos 90° no sentido horário e anti-horário, efetua efeito espe-
lho na vertical e horizontal e o último ícone demonstra esses efeitos.
*É possível fornecer valores em outras unidades de medida, desde que se acrescente a abreviatura corres-
pondente; por exemplo, 5 pt, corresponde a 5 pontos. Neste caso, o programa aceita o valor, e converte-o
para valor correspondente na medida corrente.
9
2 | Painel Control (Controle)
É possível fazer operações aritméticas nestes campos, usando os sinais das operações pretendidas. Por
exemplo, para mover um objeto 8 mm na horizontal, coloque o cursor à frente do valor apresentado no campo
X e digite: +8mm.
L - Seleção de objeto: clique com um objeto selecionado, para ativar o conteúdo, a caixa, o objeto seguinte
ou o objeto anterior àquele.
M - Espessura do Traçado. O campo está vazio, significa que o objeto não tem traçado.
N - Tipo de Traçado
S - “Limpa” atributos não definidos no estilo. Por exemplo, se a um objeto foi atribuído um estilo que não inclui
o atributo Fill (preenchimento), e ao qual se adicionou depois, uma cor de preenchimento, pode retirá-la ao
clicar sobre este ícone.
T - Anula atributos alterados. Quando um objeto tem um estilo aplicado que inclui um dado atributo (por
exemplo, uma cor para traçado) e esse atributo é alterado manualmente (por exemplo, no painel Swatches, ou
no painel Stroke), surge um sinal “+” à frente do nome do estilo, indicando essa “sobreposição” de atributos.
Ao clicar sobre este ícone, anula a alteração manual e prevalece o que está determinado no estilo.
U - Alinhar. Ícones de alinhamento de caixas, respectivamente: alinhar lados esquerdos, alinhar centros ho-
rizontais, alinhar lados direitos, alinhar às margens, alinhar topos, alinhar centros verticais e alinhar bases.
Quando a ferramenta de texto está ativa, o painel de controle exibe, em primeiro lugar, opções para formata-
ção de caracteres e logo abaixo para formatação de parágrafo.
B D F I K M O
A - Formatação de caractere.
B - Formatação de parágrafo.
10
2 | Painel Control (Controle)
A C E G H J L N
B D F I K M O
E - Altura da letra. A unidade usada é pontos; no entanto, pode acrenscentar uma abreviatura para usar outra
unidade. Por exemplo: 3 mm, o programa aceita o valor e converte-o para pontos.
F - Entrelinhamento. Espaço vertical medido de base a base de linha de texto. A opção “Auto” corresponde a
um entrelinhamento de 120 % em relação ao corpo em uso (este valor pode ser alterado nas opções da barra
de controle). O valor é também expresso em pontos, e também aqui pode acrescentar uma abreviatura para
usar outra unidade de medida, tal como explicado para o estilo de fonte.
G - Outras opções para caractere: tudo em maiúsculas, caracteres subidos (para expoentes, por exemplo),
sublinhado, maiúsculas pequenas, caracteres descidos e texto riscado.
H - Ajustamento (entre pares) de caracteres (kerning): aumenta ou dimnui o espaço entre dois caracteres, em
milésimos do espaço da letra “M” (também conhecido por “quadratim”).
J - Escala vertical dos caracteres: um valor inferior a 100% condensa os caracteres selecionados, um valor
positivo sobe-os.
K - Distância vertical do texto relativamente à base de linha. Um valor negativo desce os caracteres , um valor
positivo sobe-os.
L - Escala horizontal dos caracteres : um valor inferior a 100% condensa os caracteres selecionados, um valor
superior a 100%, expande-os.
M - Inclinação (para a direita) dos caracteres selecionados. Para criar um “falso itálico”, use 12º. Para inclinar
os caracteres para a esquerda, use um valor negativo.
N - Estilo de caractere aplicado. Quando o texto não tem qualquer estilo aplicado, surge: [None].
11
2 | Painel Control (Controle)
A C E G I K M N Q
A - Alinhamento do texto: à esquerda, ao centro, à direita, alinhado com o eixo da página (par ou ímpar), justifi-
cado com a última linha à esquerda, justificado com a última linha no centro, justificado total em ambos os lados.
B - Recuo à esquerda.
D - Recuo à direita.
F - Espaço anterior.
H - Espaço posterior.
K - Lista numerada.
L - Estilo de parágrafo.
M - Hifenizar.
P - Número de colunas.
Q - Medianiz.
12
3 | Trabalhando com formas
Para o trabalho com formas no Indesign, devemos selecionar a Rectangle Tool (ferramenta retângulo), clicar e arrastar na
tela para criarmos a forma, junto dela temos as outras duas formas básicas, a Elipse Tool (ferramenta elipse) e a Polygon
Tool (ferramenta poligono).
Para criação de formas mais complexas precisamos da ajuda do painel Pathfinder, funciona da mesma maneira que no Adobe
Illustrator, porém aqui no Indesign ele transforma uma forma em outra, com sua opção Convert Shape (converter forma).
Para esta ação temos alguns passos bem simples, veja abaixo:
3 - Vá na opção Convert Shapes (converter forma) e selecione a forma que você precisa.
13
3 | Trabalhando com formas
Para alternar as cores das formas seguimos o princípio de cor de preenchimento que é simbolizado por um quadrado
preenchido e a cor de contorno é representada por um quadrado vazado.
E para a criação de cores temos o painel Swatches (amostras), nele temos as cores padrão de um arquivo para impressão
e a partir delas podemos criar novas cores e renomea-las de acordo com o projeto.
14
3 | Trabalhando com formas
1
2
3
15
4 | Trabalhando com imagens
O trabalho de imagens com o Indesign é parecido com o Andobe Illustrator, pois esses softwares não incorporam as
imagens inseridas, eles apenas “lincam” as imagens que estão na pasta do projeto, gerando assim a visualização dentro
do software, ou seja, se mudar a pasta da fotos de local, se deve inserir novamente ou atualizar a imagem dentro do
painel Links (no caso do Indesign).
Para a inserção de imagens, devemos ir ao Menu File (arquivo) / Place (inserir Ctrl+D), selecionar a imagem na pasta do
projeto, clicar uma vez na pagina e sua imagem será inserida.
LEMBRANDO
As imagens para serem impressas deverão estar em 300dpi e no
modo de cores CMYK
16
5 | Trabalhando com o zoom
Podemos aplicá-lo de algumas maneiras, utilizando as teclas de atalho CTRL+ (control mais) para ampliar o zoom e
CTRL- (control menos) para diminuir o zoom, quando o zoom estiver bem alto podemos navegar pela artboard utilizando
a ferramenta Hand (mão) seu atalho é a barra de espaço, para usar basta manter a tecla pressionada e arrastar na tela.
MENOS
MAIS
CTRL
ESPAÇO
17
6 | Trabalhando com o texto
Para o trabalho com textos no Indesign, devemos selecionar a Type Tool (ferramenta texto), clicar e arrastar na tela para
criarmos uma caixa delimitadora para o texto, o Indesign só pemite a escrita dentro das caixas de textos.
Caixa delimitadora
Type Tool
18
7 | Estilos de caractere e de parágrafo
Estilo de caractere é um grupo de atributos de formatação de caracteres que podem ser aplicados a textos de uma só vez,
ou seja pode se aplicar familia de fonte, estilo de fonte e tamanho da fonte de uma vez só. Já os estilos de parágrafo incluem
formatações de caractere e de parágrafo, podendo ser aplicado a um parágrafo ou a uma faixa de parágrafos.
Cada um tem seu painel, ao alterar um estilo todos os textos onde esse estilo foi aplicado sofrerá as mudanças, será atualizado.
A diferença entre eles é a quantidade de opções para formatação, o painel caractere possui menos atributos para ser aplicado
as caixas de texto.
1 - Clicar no ícone Novo Estilo 3 - Configurar o estilo de acordo com a necessidade do projeto
2 - Dar um duplo clique na opção: Character 4 - Aplicar em uma caixa de texto nova
Style 1 (estilo de caractere 1) para vermos as configurações
19
8 | Tipografia
Estilo Antigo
Moderno
Serifa Grossa
Sem Serifa
Manuscrito
Decorativo
20
8 | Tipografia
ESTILO ANTIGO
Esses tipos baseiam-se na escrita manual dos escribas, que trabalhavam com
uma pena na mão. Esse estilo tem como característica marcante a presença de
serifa, essas em caixa baixa sempre tem um angulo (o da caneta). Por isso, todos
os traços curvos passam de grosso para fino, o que é chamado de “transição
grosso-fino”. Esse contraste no traço é relativamente moderado, o que significa
que ele passa de levemente fino a levemente grosso.
ESTILO MODERNO
Com o progresso da história, a estrutura do tipo mudou, os tipos tem sua propria
tendencia e faz referencia ao estilo de vida e mudanças culturais. Depois do
aperfeiçoamento do papel, as técnicas mais avançadas de impressão e aumento
genérico dos dispositivos mecânicos foram fatores que tornaram os tipos mais
mecânicos. Os tipos modernos tem uma aparência forte, suas transições são
bem contrastantes do grosso-fino, e sua ênfase é perfeitamente vertical. Não são
indicados para blocos de texto corrido.
21
8 | Tipografia
SERIFA GROSSA
Um novo conceito surgiu junto com a Revolução Industrial: o da propaganda,
uma das características desse momento foi que os profissionais selecionavam os
tipos modernos e faziam os pontos grossos ficarem ainda mais denso. As letras
com serifa grossa têm pouca ou nenhuma transição grosso-fino.
Essa classe também pode ser chamada de Claredon, porque a fonte Claredon
(mostrada a seguir) é um resumo desse estilo.
SEM SERIFA
Em francês ou em inglês, esse estilo de tipo é chamado de sans serif, que signi-
fica sem serifa, as fontes desse estilo não possuem as serifas, esse processo ja
foi demorado na evolução da tipologia e não obteve muito sucesso até o inicio do
século XX.
Esses tipos quase sempre tem o mesmo peso, significando que a transição grosso-
fino é quase inexistente, as letras em a mesma espessura.
22
8 | Tipografia
MANUSCRITO
Essa categoria inclui tipos manuscritos que aparentam terem sido escritos a mão,
com caneta tinteiro, pincel ou lápis. Então a categoria se segmenta formando
manuscritos que se conectam, que não se conectam, que parecem impressos ou
aqueles que imitam estilos caligraficos tradicionais. Eles não devem ser utilizados
na forma de grandes blocos de texto, devem ser usados para constrastar, usados
em tamnho grande e com destaque.
DECORATIVO
Esses são de fácil identificação, pois elas trazem consigo caracteristicas espalha-
fatosas de emoções obvias, assim você pode manipulá-las para que sua emoção
se adapte ao seu discurso. Elas assim como as manuscrito, devem ser utilizadas
de forma calculada.
23
9 | Impressão
O outro detalhe essencial que deve ser configurado é a opção Bleed (sangria)
coloque o valor de 5mm em todos os campos.
Feito isso a diagramação dos layouts pode ser iniciada, todas as imagens que
deverão compor o projeto devem estar devidamente preparadas para im-
pressão também, essas devem estar trabalhadas para resolução de 300dpi
e no modo de cor CMYK, fundos mais elaborados com texturas devem ser
inseridos como psd e elementos ornamentais caso não sejam feitos no pró-
prio Indesign devem ser no formato vetorial do Illustrator.
24
9 | Impressão
COMPRESSION (COMPACTAÇÃO)
25
10 | Criando um layout
PASSO 1
Criar um novo documento do InDesign e definir o tamanho da página para 210 x 99 mm, defina a sangria de 3 mm.
26
10 | Criando um layout
PASSO 2
Primeiro, vamos importar uma imagem de fundo. File> Place (Ctrl + D). Coloque-o no documento e a escale à moldura
para encaixar o tamanho do documento com a sangria. Preencha o quadro da imagem proporcionalmente.
27
10 | Criando um layout
PASSO 3
Agora vamos ajustar algumas propriedades da imagem. Para tornar o fundo olhar sutil, alterar a sua opacidade para 75%.
PASSO 3
Feito isso vamos ao menu Objeto> Efeitos> Difusão de Gradiente.
28
10 | Criando um layout
PASSO 3
Na janela de difusão mude o tipo de gradiente para radial e inverta as cores. Agora defina a opacidade para 75%, novamente.
PASSO 4
Vamos criar um novo retângulo com o Ferramenta Retangulo (M). Certifique-se que a largura se encaixa perfeitamente com
o documento e a sangria e defina sua altura para 50 mm. Preencha o retângulo com a cor branca.
29
10 | Criando um layout
PASSO 5
Agora vamos colocar algumas fotos no vale. Em primeiro lugar, criaremos um novo retângulo usando a ferramenta Quadro
de Retangulo (F). Clique uma vez na pagina e preencha com os valores de 51,5 milímetros de largura e 50 mm de altura.
O coloque na borda esquerda da página do documento e o duplique usando a função 1 Efetuar e Repetir, pelo menu Edi-
tar> Efetuar e Repetir (Ctrl + Alt + U). 2 Defina o valor da Contagem para 3 e Deslocamento horizontal de 53 mm. Ao fazer
isso, nós vamos conseguir os três quadros mais com uma diferença 1,5 milímetros entre cada quadro.
1 2
30
10 | Criando um layout
PASSO 6
Selecione um quadro e pressionando Ctrl + D, você pode facilmente importar uma foto em cada frame. Certifique-se de que
preenche todo o quadro de forma proporcional. Repita o processo com as outras imagens que estão na sua pasta deste tutorial.
31
10 | Criando um layout
PASSO 7
Agora iremos criar uma listra rosa escuro que precisamos para fazer um novo retângulo com o Rectangle Tool (M).Certifique-se
que a largura cabe a sangrar e torná-lo cerca de 3,5 mm de altura. Preenchê-lo com a cor rosa escuro (C = 0 M = 100 Y = 45 K
= 30) e colocá-lo diretamente no topo da foto, copie e mova a tarja rosa para base da foto.
32
10 | Criando um layout
PASSO 8
Nosso vale está quase concluído. Usando a Ferramenta Texto (T) adicionaremos alguns textos. Neste tutorial usamos as fontes
Myriad pro e Futura Light, (mas sinta-se livre para usar qualquer outra fonte que você gostar). Siga o posicionamento pela
imagem de referência abaixo. E preencha com a cor rosa escura com o qual já preenchemos as listras.
33
11 | Propostas de exercícios
As ilustrações devem ser feitas no Adobe Illustrator e as imagens tratadas e exportadas no Adobe Photoshop.
34
35
2016
36