Adobe InDesign CS3 Editoração EletrônicaAdobe InDesign CS3 – Editoração Eletrônica Todos os direitos reservados para Processor Alfamídia LTDA. AVISO DE RESPONSABILIDADE As informações contidas neste material de treinamento são distribuídas “NO ESTADO EM QUE SE ENCONTRAM”, sem qualquer garantia, expressa ou implícita. Embora todas as precauções tenham sido tomadas na preparação deste material, a Processor Alfamídia LTDA. não têm qualquer responsabilidade sobre qualquer pessoa ou entidade com respeito à responsabilidade, perda ou danos causados, ou alegadamente causados, direta ou indiretamente, pelas instruções contidas neste material ou pelo software de computador e produtos de hardware aqui descritos. 10/2007 – Versão 1.0 Processor Alfamídia LTDA Mostardeiro 322 - Térreo Porto Alegre, RS (51) 2111-1666 http://www.alfamidia.com.br 2 2008 Processor Alfamídia LTDA. Adobe InDesign CS3 – Editoração Eletrônica A ALFAMÍDIA, UMA EMPRESA DO GRUPO PROCESSOR, DESEJA A VOCÊ UM EXCELENTE TREINAMENTO E AGRADECE A SUA ESCOLHA. Benefícios do aluno - Suporte pós-treinamento via e-mail (3 consultas por 90 dias após o término do curso) para tirar dúvidas do conteúdo ministrado em aula, através do e-mail
[email protected]; - Acesso a extranet www.alunoalfamidia.com.br verificação de agenda e pontos do PROGRAMA FIDELIDADE; - Convênio com o estacionamento do prédio (desconto); - Avaliações de acompanhamento e final de curso (em cada módulo) durante todo o treinamento, garantindo a qualidade do curso. Observações Importantes - É obrigatório que sejam salvos todos os trabalhos efetuados durante a aula, no servidor “Milan”. - Não é permitido entrar em sala de aula com alimentos ou bebidas de qualquer espécie ou fumar nas dependências da Alfamídia; - Não é permitida a instalação de outros Hardwares ou Softwares que não sejam os utilizados em treinamento; - O preenchimento da avaliação final de curso/módulo é condição obrigatória para que o aluno possa acionar a garantia do curso, conforme previsto na ficha de inscrição; - Somente será fornecido certificado ao aluno com assiduidade igual ou superior a 75% do treinamento; - Contatos com a Alfamídia podem ser feitos através dos e-mails:
[email protected] – dúvidas após contratação
[email protected] – novas contratações 3 2008 Processor Alfamídia LTDA. ................ 34 FRAMES DE TEXTO ..........................................................................................................................................5 UNIDADE 5 5..........................................................1 4.....................................................................8 UNIDADE 6 6..........2 4...................................................... 6 INICIANDO O ADOBE INDESIGN CS3 .........................................................................................3 6........2 DETERMINAÇÃO DO FORMATO DO CARTÃO ..............3 2.....6 UNIDADE 3 3.............. 65 7....................................... 25 USANDO TEXTOS .................................................................... 9 PALETAS ...........................................................................3 4........................................................................................................................................................................... 16 ANATOMIA DA PÁGINA ................................ 6 SOBRE O CURSO ....... 65 7.................................1 5..... 50 MODOS DE MESCLAGEM E TRANSPARÊNCIAS ......... .........................................................................................................................................5 6..................................................................... 19 TRABALHANDO COM OBJETOS ................................. 16 PÁGINAS MESTRAS ..2 5.................................... 8 PALETA DOC ...................................................................................................................................Adobe InDesign CS3 – Editoração Eletrônica Adobe InDesign CS3 – Editoração Eletrônica UNIDADE 1 1..............................................................................6 6..................6 5..........................................................1 1................4 2................................................................. 42 CRIANDO ESTILOS DE CARACTER ......................................................................................1 REPETIÇÕES ..... 6 ESTRUTURA DO CURSO ............................................. 30 APLICANDO GRADIENTE E CONTORNO NO TEXTO..................... 24 PALETA PATHFINDER ..........................................................................1 2................................................................................................................................................................................................................................................... 44 IMAGENS NO INDESIGN .............................................. 28 COR DE PREENCHIMENTO E CONTORNO NOS TEXTOS ....................................................................1 Scale e Rotate ...................................................................................................................................................... 55 CRIAÇÃO DE FRAMES DE IMAGENS ......................................................................................................................... 58 VERIFICANDO AS IMAGENS NA PALETA LINKS ..........7 UNIDADE 7 ADOBE INDESIGN CS3 – EDITORAÇÃO ELETRÔNICA ................................................................................................... 53 APLICANDO EFEITOS EM VÁRIOS OBJETOS ......................................................................................................1 6..........7 5................................................................................................................................................. 9 CAIXA DE FERRAMENTAS.......................3 5........ 23 TRANSFORMAÇÃO DE OBJETOS ..............................................................4 6.................................................................................................................................. 48 ELIMINAÇÃO OU RECORTE DE FUNDO ................................................................... 68 4 2008 Processor Alfamídia LTDA............................................................. 48 EFEITOS NO INDESIGN.............................................2 UNIDADE 2 2...................................................................................... 65 7..2 6.......5 5..5 2.....................................................................................2 2.......... 20 PREENCHIMENTO DE OBJETOS . 62 RECURSOS DE REPETIÇÃO PROGRAMADA .....................2 UNIDADE 4 4.......................................1 3................................................................ 52 CONTORNO DE IMAGENS PELO TEXTO .................................... 7 BARRA DE MENUS.......................................................................................................................... 33 TEXTO SOBRE PATH ......................................4 4................................ 7 ÁREA DE TRABALHO ........ 28 FORMATAÇÃO BÁSICA DE TEXTO ................... GUIAS E GRADES..................................1................................. 36 FORMATANDO TEXTOS PELO CONTA-GOTAS .................................................... 32 CONVERSÃO DE TEXTOS EM CURVAS.. 11 RÉGUAS.......................................................................................................................................................... 20 PALETA GRADIENT.....................................................4 5............................................... 21 ALTERANDO O CONTORNO DOS OBJETOS................. 13 CRIANDO PÁGINAS ............................................................................................................ ...................................................................................................................3 9..................................................2 8.......................................................................................................................................2 9.....4 DISTRIBUIÇÃO DO CARTÃO NA FOLHA ..1 8................................................................................................................................................................................................................................................................................................................................................................... 88 MONTAGEM DO ÍNDICE ......................... 95 UNIDADE 10 10....................... 78 CONFIGURANDO E ATIVANDO O GRID ............4 UNIDADE 8 8................................................................2 ENVIANDO ARQUIVOS ABERTOS ............................................................................................................ 76 FLUXO AUTOMÁTICO PARA LIVRO ....................................................................1 9......................... 74 FLUXO AUTOMÁTICO DE TEXTOS ..................................................1 10...... 87 ARMAZENANDO ITENS NA BIBLIOTECA ...................................... 99 5 2008 Processor Alfamídia LTDA................................... ...................... 76 USANDO A PALETA PARAGRAPH STYLE .. 87 FORMATANDO OS CAPÍTULOS ........................ 92 FINALIZAÇÃO DO TRABALHO ...................................... 70 INSERINDO UM NUMERADOR AUTOMÁTICO ........ 95 EXPORTAÇÃO DO ARQUIVO EM FORMATO PDF . 90 NÚMEROS DAS PÁGINAS ............................................................................................................................... 80 MONTAGEM DA ABERTURA DE CAPÍTULOS ..........................................4 UNIDADE 9 9...............3 7............................ 83 CRIANDO BIBLIOTECAS E ÍNDICES ....................Adobe InDesign CS3 – Editoração Eletrônica 7............3 8. As unidades seguintes abordam tópicos como: frames de textos e frames de imagens do InDesign através de comandos específicos. Com o InDesign podemos melhorar o trabalho de diagramação por meio de técnicas mais adequadas e precisas com uma gama de recursos que este software oferece. as barras de ferramentas e as guias e réguas. para ser usada a aplicação práticas das ferramentas do software. criação de índices e bibliotecas. a forma de criar páginas e páginas mestras e a manipulação de objetos no InDesign. podendo trabalhar com várias páginas ao mesmo tempo. Também. será feita a montagem de uma revista e um livro.Adobe InDesign CS3 – Editoração Eletrônica Unidade 1 Adobe InDesign CS3 – Editoração Eletrônica 1. utilizando as ferramentas do InDesign. também. 1. conhecendo as mudanças e novidades incorporadas ao programa. As unidades finais trabalham com a finalização de arquivos. O curso deixará o aluno mais experiente na editoração eletrônica podendo aperfeiçoar seu trabalho de forma significativa e prática. Agrega. . Durante o transcorrer de todo o curso o aluno aprenderá a trabalhar de forma autônoma e criativa com este software. 6 2008 Processor Alfamídia LTDA.2 Estrutura do Curso As primeiras unidades apresentam a interface gráfica deste software como: as paletas.1 Sobre o Curso O Adobe InDesign é uma ferramenta de diagramação e paginação. Sus interface segue a mesma estrutura dos softwares da Adobe. . Isso faz com que o usuário sinta-se mais à vontade ao ver a organização visual do InDesign. 2.Adobe InDesign CS3 – Editoração Eletrônica Unidade 2 Iniciando o Adobe InDesign CS3 O InDesign é um software que permite a realização de trabalhos altamente técnicos. o Indesign é organizado por menus. calculados ao extremo e ao mesmo tempo disponibiliza uma gama de recursos para criação. caixas de diálogo. comandos diretos e indiretos e paletas.1 Área de Trabalho Como todo software gráfico. ________________________________________________________________________________________ Anotações 7 2008 Processor Alfamídia LTDA. encontram-se comandos de formatação de texto para escolha de fonte. corpo e entrelinhamentos. assim como no menu Type. . posicionando os mais utilizados na parte superior do menu e os menus utilizados nas últimas posições do menu: ________________________________________________________________________________________ Anotações 8 2008 Processor Alfamídia LTDA. por exemplo. exportando. etc. Geralmente cada menu organiza seus comandos de uma forma hierárquica. ou seja.Adobe InDesign CS3 – Editoração Eletrônica 2. no menu File. seja salvando. são encontradas apenas comandos relacionados a arquivos. imprimindo..2 Barra de Menus A barra de menus localizada na parte superior da tela tem uma função muito clara de reunir e organizar por categorias. suas dimensões. São caixas flutuantes que em muitas situações funcionam como complemento de algumas ferramentas. Podemos expandir ou retrair as paletas apenas clicando nas setas ao lado direito superior . salvar uma configuração de paletas que mais iremos utilizar. Todas as paletas são gerenciadas pelo menu Window.Adobe InDesign CS3 – Editoração Eletrônica 2.3 Paleta Doc Trata-se de uma caixa ou paleta posicionada de forma horizontal logo abaixo da barra de menus. rotações. trabalham de forma independente. e no caso de textos. inclinações. 2. que sempre muda de acordo com a ferramenta selecionada ou objeto na página: Nessa paleta podemos determinar o posicionamento horizontal e vertical dos objetos. Veja as paletas no modo retraído: ________________________________________________________________________________________ Anotações 9 2008 Processor Alfamídia LTDA. no qual podemos. e em outros.4 Paletas Geralmente posicionadas do lado direito da tela. toda a formatação que se possa imaginar. também. tipos de contornos e preenchimentos. . pontos de referência de alinhamento. podem ficar flutuantes na tela. basta clicarmos na área cinza na parte superior da paleta e arrastá-la: ________________________________________________________________________________________ Anotações 10 2008 Processor Alfamídia LTDA. também. .Adobe InDesign CS3 – Editoração Eletrônica As paletas. que significa que existem outras variações sob esta ferramenta.O primeiro bloco abriga ferramentas de seleção de objetos. seleção de nós de edição e seleção de objetos dentro de grupos já formados: . porém se repararmos na base de cada ferramenta. de blocos de texto e também de ferramentas para a criação de linhas e todas as suas variações. que servem para a criação de traçados. Com isso temos um número maior de ferramentas no segundo bloco.O segundo bloco apresenta oito ferramentas.5 Caixa de Ferramentas Todo software possui um painel de controle principal em que se realiza a maioria das operações. . A caixa de ferramentas é dividida em blocos: . de objetos prontos. o qual recebe o nome de Tool Box ou Caixa de Ferramentas. ________________________________________________________________________________________ Anotações 11 2008 Processor Alfamídia LTDA. podemos verificar um pequeno triângulo.Adobe InDesign CS3 – Editoração Eletrônica 2. O quarto bloco trás as ferramentas para movimentarmos a tela quando o fator Zoom é muito alto. incliná-los. A miniatura de quadradinho logo abaixo a esquerda é usada para retornar as cores padrão. . tanto a sua captura como sua aplicação em forma de gradientes.Adobe InDesign CS3 – Editoração Eletrônica . É possível selecionar um bloco de texto com a ferramenta de seleção e aplicar cor nesse texto apenas selecionando a opção correta. Na última parte temos os tipos de Preview (tecla de atalho W). A flecha em forma de curva de duas pontas serve para inverter as cores entre preenchimento e contorno. Os primeiros dois quadros são os responsáveis pela escolha de cor de preenchimento do objeto e pela cor de contorno do objeto. aumentar ou diminuir objetos e. .O terceiro bloco trás ferramentas para transformações. As opções de objeto e texto permitem aplicar cores em objetos ou em texto sem a necessidade de trocarmos de ferramenta. com as quais é possível rotacionar. gradientes ou até deixar os objetos vazados. é possível escolhermos um modo em que podemos ver todas as estruturas do ________________________________________________________________________________________ Anotações 12 2008 Processor Alfamídia LTDA. a própria ferramenta de Zoom (lupa) e a ferramenta de seleção de cor Na parte inferior da caixa de ferramentas temos várias opções de preenchimento. ou seja. Encontram-se neste bloco as ferramentas de cores. contorno e tipos de visualização da área de trabalho. As opções de preenchimento permitem aplicar apenas uma cor no objeto ou texto. também. . Elas podem ser criadas a partir das réguas quando levamos o cursor sobre a régua e clicamos e puxamos para a página. 2. Surgem duas réguas: uma na horizontal e outra na vertical. Guias e Grades Qualquer trabalho de diagramação deve ser montado sobre recursos que permitam um ótimo alinhamento de objetos. redefinindo assim o “ponto zero”: As guias de réguas funcionam como réguas paralelas de prancheta. Se clicarmos nessa área de encontro podemos puxar esses eixos para qualquer parte da página. Para realizar esse alinhamento o InDesign conta com os recursos de réguas. ________________________________________________________________________________________ Anotações 13 2008 Processor Alfamídia LTDA.6 Réguas. Todos esses recursos estão no menu View. Ambas as réguas oferecem as guias.) ou um modo com o qual é possível simular o trabalho na folha impressa. Para ativar as réguas (se não estiverem visíveis) basta clicarmos no menu: View > Show Rulers (CTRL + R). No encontro dessas réguas há um recurso composto por eixos. etc.Adobe InDesign CS3 – Editoração Eletrônica trabalho (guias. guias de alinhamento e grades. réguas. Se quisermos posicionar uma guia de forma precisa. Para apagar uma guia clique sobre ela a pressione a tecla Delete. . ________________________________________________________________________________________ Anotações 14 2008 Processor Alfamídia LTDA.Adobe InDesign CS3 – Editoração Eletrônica Essas guias podem ser escondidas até mesmo apagadas. basta clicarmos sobre ela e aplicar valores numéricos pelo Doc nos campos X e Y. A ferramenta de seleção serve para mover uma ou mais guias de forma livre. Esse recurso serve para facilitar o alinhamento de colunas de texto e também de montagem da plástica da página.Adobe InDesign CS3 – Editoração Eletrônica Para escondermos as guias escolhemos o menu: View > Grides & Guides > Hide Guides ou pressionamos as teclas CTRL + “. O Grid pode ser ativado para iniciar exatamente no topo da página. O comando Grid (grade) se parece muito com um pautado de caderno. Para habilitar o Grid clique no menu: View > Grides & Guides > Show Baseline Grid. O ideal é que o valor do Grid seja o mesmo valor de entrelinhamento do texto.” . . ________________________________________________________________________________________ Anotações 15 2008 Processor Alfamídia LTDA. cartões. . mancha até o número de páginas para acomodar todo o conteúdo do nosso trabalho. Nessa caixa será determinado o formato da página.Colunas: o texto tem uma apresentação melhor se dividido em colunas de texto. porém o mais importante é fazer um planejamento de tal forma que tudo o que for aplicado a essa página.Adobe InDesign CS3 – Editoração Eletrônica Unidade 3 Criando Páginas 3. Trata-se das dimensões da página. as margens. ou seja. . Dentro deste formato existem outros itens que também são importantes para a composição dos grafismos: . Existem muitas informações nessa caixa que permitem que o diagramador inicie seu trabalho de forma correta. O formato de corte. Essas colunas são simétricas no gabarito inicial e posteriormente podem ser divididas em medidas relacionadas ou múltiplas para que o diagramador possa realizar algumas variações. ________________________________________________________________________________________ Anotações 16 2008 Processor Alfamídia LTDA. o numero de colunas. . .Mancha: é a área interna as margens.Crie um novo documento. fotografias.Margens: espaços localizados ao redor da folha no lado interno. folders. A caixa New Document é o primeiro comando com o qual temos contato ao utilizar o InDesign. mesmo que o leitor nem saiba o motivo. ilustrações até mesmo espaços em branco devem conviver de forma harmoniosa. é simulado pelo InDesign por um contorno preto. onde os textos. jornais. 1. Existem formatos padronizados para livros. revistas.1 Anatomia da Página A página é o principal espaço em que o diagramador desenvolve seu trabalho. Tudo é em função desse espaço.Formato: é o ponto de partida. Na mancha o diagramador programa o alinhamento dos objetos e calcula a quantidade de texto.. o tamanho final da folha ou página. etc. cause uma impressão visual agradável. .Number of Pages: determinamos quantas páginas queremos gerar. margens. Em Master Text Frame.Adobe InDesign CS3 – Editoração Eletrônica Marque as opções para esta caixa como na imagem baixo: . o que facilita a montagem de livros. ________________________________________________________________________________________ Anotações 17 2008 Processor Alfamídia LTDA. A opção Facing Pages faz com que o InDesign coordene páginas pares e ímpares. Se desabilitada. temos como determinar que o InDesign crie frames de texto automaticamente. colunas.Document Preset: é onde escolhemos algumas configurações de formatos. . etc. o software não irá interpretar essas páginas de forma correta. .Adobe InDesign CS3 – Editoração Eletrônica . .Bleed and Slug: á aonde especificamos a sangria.Page Size: especificamos o formato da página. Window > Pages. 3.Colums: podemos definir o número de colunas do documento. escolhendo 7 páginas para serem acrescentadas: Observe que agora na paleta pages temos um total de 8 páginas: ________________________________________________________________________________________ Anotações 18 2008 Processor Alfamídia LTDA.Margins: esse campo é responsável por determinar os espaços externos à mancha do texto.Com o documento criado. . habilite a paleta Pages. . colocando as medidas de largura (Width) e altura (Height) e marcando sua orientação (vertical ou horizontal). 2. assim como indicamos o intervalo entra estas colunas que é o Gutter (paica).Nesta paleta selecione o seu menu pop-up na parte superior esquerda e selecione a opção: Insert Pages. 6. Seu objetivo é abrigar frames de imagens e textos que serão repetidos durante todo o trabalho. Automaticamente o campo fica em negrito. imagens e qualquer outro tipo de informação que. especifique três colunas.2 Páginas Mestras A página mestre é um recurso muito comum em qualquer software de diagramação. 4. Durante a seqüência das unidades retornaremos a este arquivo. tudo que fizermos irá afetar as outras páginas.Na paleta Pages clique duas vezes no campo A-Master. . indicando que entramos na página mestre: 5.Salve o arquivo na pasta da lição como “revista”.Na caixa Margins and Columns. Esse itens podem ser cabeçalhos rodapés. Clique no menu: Layout > Margins and Columns. é inserida automaticamente não importando quantas páginas o documento tenha. mantendo os outros valores como estão: 7. ________________________________________________________________________________________ Anotações 19 2008 Processor Alfamídia LTDA. em vez de ser aplicado manualmente em cada página.Adobe InDesign CS3 – Editoração Eletrônica 3.Como estamos trabalhando na página mestre. Selecione a opção Rectangle Frame na caixa de ferramentas. 3.Crie um novo documento em formato A4.1 Preenchimento de Objetos Na caixa de ferramentas temos um conjunto de ferramentas que apresentam duas diagonais. 1. 2. o que significa que são caixas para imagens. Veja como ficou o objeto: ________________________________________________________________________________________ Anotações 20 2008 Processor Alfamídia LTDA.Com o retângulo selecionado clique na opção de degrade (segundo quadrado).Leve o cursor até a página e arraste-a formando um retângulo: 4.Adobe InDesign CS3 – Editoração Eletrônica Unidade 4 Trabalhando com Objetos 4. . Se a paleta gradient não estiver habilitada. Mude as cores do gradiente: ________________________________________________________________________________________ Anotações 21 2008 Processor Alfamídia LTDA. Essa paleta possui uma linha que é possível verificar o comportamento básico do degrade (Type). Automaticamente a cor é habilitada na paleta Color. aguardando para fazermos à alteração da cor. 4.2 Paleta Gradient 5. . selecione o menu Window > Gradient.Adobe InDesign CS3 – Editoração Eletrônica Para editar o degrade utilizaremos a paleta Gradient. criar e editar pontos de cores e através de um ponto semelhante a um losango e dar mais ou menos espaço para uma determinada cor no degrade Para alteramos a cor do gradiente basta darmos um clique em um dos losângulos. também. .Adobe InDesign CS3 – Editoração Eletrônica A cor do gradiente. pode ser alterada através da paleta Swatches: Basta posicionarmos o cursor em cima da cor (sem clicar) na paleta Swatches e arrastá-la para cima de um dos losângulos do gradiente. Aparecerá um sinal de + indicando que aquela cor será adicionada: ________________________________________________________________________________________ Anotações 22 2008 Processor Alfamídia LTDA. Além da cor aplicada.Com o quadrado de contorno da frente. clique na opção preenchimento.3 Alterando o Contorno dos Objetos Todos os objetos formados por frames ou caixas possuem preenchimento o contorno. bem como a escolha de tipos variados de traços. Habilite a paleta Stroke e veja suas opções: Trata-se de uma paleta que permite a alteração da espessura do contorno. seguindo a mesma lógica de aplicação de gradientes em preenchimentos. também foi habilitada mais características ao objeto.Adobe InDesign CS3 – Editoração Eletrônica 4. 7. O InDesign permite à aplicação de gradientes nos contornos dos objetos.Com a forma selecionada clique na opção Stroke . A partir deste momento todas as alterações de cores e preenchimentos acontecerão no contorno dos objetos. 6. . ________________________________________________________________________________________ Anotações 23 2008 Processor Alfamídia LTDA. Os pontos de controle dos meios fazem o redimensionamento apenas em um sentido. Basta clicarmos sobre o objeto selecionado com ela. . que é o ponto de referencia do giro dos objetos.4 Transformação de objetos Para aplicarmos uma transformação em um objeto como: rotação utilizamos à ferramenta Rotate . Os quatro pontos dos cantos fazem um redimensionamento nos sentidos: horizontal e vertical ao mesmo tempo.Adobe InDesign CS3 – Editoração Eletrônica 4. sendo oito no total. segurar e realizar as rotações: Todo objeto possui uma marcação semelhante a uma “mira” no seu centro. ________________________________________________________________________________________ Anotações 24 2008 Processor Alfamídia LTDA. São ativamos pontos de controle no objeto. Para alterar as dimensões de um objeto utilizamos à ferramenta Scale . ou seja. . porém mantendo o objeto da frente. mantém apenas as áreas apenas as áreas não sobrepostas. A segunda faz uma subtração entre os objetos. A ferramenta Free Transform é de uso mais geral. mantendo como resultado o objeto que estava por baixo. Não devemos confundir esta opção com uma rotação normal. movimenta e redimensiona um objeto. A quarta opção trabalha de forma oposta a anterior. englobando mais de uma opção de transformação. pois o efeito é de um objeto que foi formado para se inclinar.Adobe InDesign CS3 – Editoração Eletrônica A ferramenta Sher realiza inclinações no objeto. Repare nas mesclagens a seguir: ________________________________________________________________________________________ Anotações 25 2008 Processor Alfamídia LTDA. A quinta e última opção denominada Minus Back faz uma subtração. pois ela rotaciona. A terceira faz uma intersecção. 4. mantendo apenas as áreas sobrepostas.5 Paleta Pathfinder Essa paleta possui cinco opções de mesclagem: A primeira opção faz uma soma das formas selecionadas. Adobe InDesign CS3 – Editoração Eletrônica Overlap: Subtract: Intersect: ________________________________________________________________________________________ Anotações 26 2008 Processor Alfamídia LTDA. Adobe InDesign CS3 – Editoração Eletrônica ________________________________________________________________________________________ Anotações 27 2008 Processor Alfamídia LTDA. Adobe InDesign CS3 – Editoração Eletrônica Unidade 5 Usando Textos 5.1 Formatação Básica de Texto Podemos entender como formatação de texto a aplicação de atributos de caracteres como fonte, tamanho do corpo, entrelinhamento, alinhamento de texto, aproximação entre caracteres, dentre outras opções. 1- Abra o arquivo revista.indd, que fizemos anteriormente. 2- Selecione a página mestre do arquivo. 3- Selecione a ferramenta Text . Clique e arraste na parte superior na página da esquerda (na parte de fora da margem) e escreva “As mais belas paisagens”. Dica: Para aplicarmos uma formatação para toda a caixa de texto: selecionamos e ferramenta Selection e depois habilitamos a ferramenta Text. 4- Agora clique com a ferramenta Selection na caixa de texto e habilite a ferramenta Text. Automaticamente na paleta Doc aparecerá à formatação de textos: Essa paleta possui dois botões localizados no lado esquerdo, aonde podemos determinar as formatações para caracter e as formatações para alinhamento e margens. 5- Clique na opção de Character e marque uma fonte de 14pt do tipo Arial. Caso o texto não tenha se encaixado totalmente na caixa de texto na sua largura, podemos marcar o texto com a ferramenta de Seleção e selecionar um dos oito pontos para esticá-la para a direita (ou esquerda). Assim, teremos mais espaço para acomodar o texto. ________________________________________________________________________________________ Anotações 28 2008 Processor Alfamídia LTDA. Nem sempre temos uma caixa de texto totalmente ajustada. Esse comando ajusta a caixa de texto automaticamente ao seu conteúdo.Adobe InDesign CS3 – Editoração Eletrônica 6. .Posicione o texto entre a interseção das linhas guias do lado direito: ________________________________________________________________________________________ Anotações 29 2008 Processor Alfamídia LTDA. 7.Arraste uma linha guia na horizontal posicionando-a 18 mm do topo e outra na vertical com 170 mm da margem direita: 8. Para resolver esta questão selecione o menu: Object > Fitting > Fit frame to Content. marque a opção Formatting affects text. . que significa que o preenchimento (e o contorno) será aplicado ao texto: 10. também o fazemos para textos.Adobe InDesign CS3 – Editoração Eletrônica 5.2 Cor de Preenchimento e Contorno nos Textos Da mesma forma que aplicamos cores de preenchimento e contorno de objetos.Selecione uma tonalidade de cor através no painel Color: ________________________________________________________________________________________ Anotações 30 2008 Processor Alfamídia LTDA. 9. Os quadrados de preenchimento e contorno ficam representados pela letra “T”.Com o texto selecionado. Escolha uma cor de sua preferência para aplicar no texto.Arraste mais uma linha guia na vertical na posição 10 mm.Faça um retângulo na cor verde claro e posicione-o ao lado esquerdo da página como na imagem abaixo: Lembre-se de deixar sangrada esta forma.Selecione a ferramenta Line e trace uma linha na horizontal entre as duas linhas guias verticais um pouco abaixo do texto.Adobe InDesign CS3 – Editoração Eletrônica 10. 14. . 12. 11. Pressione a tecla W e veja como ficou o topo: 13.Salve o arquivo na pasta da lição.Faça uma pequena linha. ________________________________________________________________________________________ Anotações 31 2008 Processor Alfamídia LTDA. na cor branca. em cima do retângulo. dando uma continuidade da linha já desenhada: Veja como ficou o topo: 15. Selecione o texto e dê um clique em cima da seta em forma de curva do lado direito dos quadros de preenchimento e contorno. Veja como ficou nosso texto: Observe como ficaram os quadros de preenchimento e contorno: 4.Crie um novo documento e escreva um texto.Adobe InDesign CS3 – Editoração Eletrônica 5. 5. Podemos controlar as propriedades do contorno pela paleta Stroke ou pela barra de ferramentas Doc.Agora basta clicar no ícone Apply Color ou Apply Gradient. 2.Para aplicar gradiente do texto. selecione-o e clique no ícone de texto.Para aplicar contorno no texto. Veja como ficou nosso texto: ________________________________________________________________________________________ Anotações 32 2008 Processor Alfamídia LTDA.Agora basta clicar no ícone Aplly Gradient texto. 3. de formatação para aplicar gradiente no A lógica de aplicação de gradiente em textos é a mesma que usamos para aplicação nas formas. .3 Aplicando Gradiente e Contorno no Texto 1. Quando o cursor se transformar em uma “mão” podemos mexer na imagem: ________________________________________________________________________________________ Anotações 33 2008 Processor Alfamídia LTDA. que está dentro do texto. 7. .Selecione o texto a ferramenta Selection. 6. Habilitando a ferramenta Direct Selection podemos ver os nós no nosso texto: O texto possui uma quantidade enorme de nós de edição.Clique no menu: File > Place e selecione a imagem: imagem2. Desta forma evitamos alguns problemas com fontes na impressão.jpg que esta na pasta “imagens”. basta selecionar o texto com a ferramenta Direct Selection habilitada. Veja que a imagem agora esta dentro do nosso texto: Para editar esta imagem.Com o texto selecionado clique no menu: Type > Create outlines. Esse nós podem ser manipulados pela ferramenta Direct Selection. Agora cada caracter comporta-se como um frame e é possível aplicarmos imagens por dentro dos caracteres convertidos em curvas.Adobe InDesign CS3 – Editoração Eletrônica 5. 8.4 Conversão de Textos em Curvas O InDesign pode converter o texto em curvas. Adobe InDesign CS3 – Editoração Eletrônica Aparecerá as extremidades da imagem ao movimentarmos a mesma: 5. . utilizamos o path para criar formas irregulares e também aplicar textos sobre ou em seu interior.Selecione a ferramenta Type on a Path caminho.Desenhe uma curva com a ferramenta Pen.5 Texto sobre Path O Path é um recurso de traçado baseado em vetores. 2. que podem ser editadas novamente com a ferramenta Direct Selection. escrevendo algum texto: e dê um clique em cima do Repare que o texto vai obedecendo às curvas do path. 1. ________________________________________________________________________________________ Anotações 34 2008 Processor Alfamídia LTDA. No InDesign. veremos a mudança do cursor: ________________________________________________________________________________________ Anotações 35 2008 Processor Alfamídia LTDA. desenhe outra forma com a ferramenta Pen. similar a imagem abaixo: 4.Selecione a ferramenta Text e clique na parte interior deste path. .Adobe InDesign CS3 – Editoração Eletrônica 3.Agora. respeitará a forma do path. sempre dentro de frames. editar as curvas do path com a Direct Selection. abrimos um ponto de interseção de texto que. que servem tanto para textos como para imagens.Clicando na região interna do path.Adobe InDesign CS3 – Editoração Eletrônica 5. também. . Veja como ficou o exemplo abaixo: Podemos. ao ser digitado.6 Frames de Texto O InDesign trabalha com formatações de texto. Observamos que o texto acompanha a alteração: 5. ilustrações e fotografias. ________________________________________________________________________________________ Anotações 36 2008 Processor Alfamídia LTDA. Selecione a ferramenta Rectangle Frame e desenhe um frame na primeira coluna e outro na segunda coluna da primeira página: ________________________________________________________________________________________ Anotações 37 2008 Processor Alfamídia LTDA.Adobe InDesign CS3 – Editoração Eletrônica 1. .Abra o arquivo revista. 3. 2.Através do painel Pages selecione a primeira página do arquivo.indd que esta na pasta da lição. Selecione o frame da esquerda e habilite a ferramenta Type Tool. além dos pontos de controle surgem duas novas referências.Transforme o frame da direita em texto. também.Adobe InDesign CS3 – Editoração Eletrônica 4. . Quando determinamos que o conteúdo do frame é um texto. Determinamos que o conteúdo do frame agora é um texto. uma na parte superior do frame (lado ________________________________________________________________________________________ Anotações 38 2008 Processor Alfamídia LTDA. 5. Clique em cima do frame com a Type. Na paleta Doc no item Character.Adobe InDesign CS3 – Editoração Eletrônica esquerdo) e outra na parte inferior (lado direito). ________________________________________________________________________________________ Anotações 39 2008 Processor Alfamídia LTDA.Habilite a ferramenta Type Tool e clique no frame da esquerda.doc que esta na pasta da lição. Essas novas referências são os vínculos de texto que podem ser aplicados entre as caixas: 6. selecione o texto com a fonte Verdana de 11 pt e clique em File > Place selecionando o arquivo texto. 7. . Observe como ficarão nossos vínculos: ________________________________________________________________________________________ Anotações 40 2008 Processor Alfamídia LTDA.Com a caixa de texto selecionada. na paleta Doc no item Paragraph marque a opção Justify e coloque uma intendência para a primeira linha de 15 mm: 9. 10.Adobe InDesign CS3 – Editoração Eletrônica 8. Crie mais frames de textos nas páginas seguintes.Um sinal de + na parte inferior direita da segunda caixa de texto esta indicando que temos mais textos e serem exibidos. fazendo vínculos entre elas até não termos mais textos e serem exibidos: Para criarmos as outras caixas de textos podemos selecionar diretamente a ferramenta Type Tool. . Se quiser visualizar o vínculo clique no menu View > Show text Threads.Para estabelecer um vínculo entre os frames de texto clique na saída de texto com a ferramenta Selection (a referência na parte inferior da caixa) e clique na parte superior da segunda caixa de texto que podemos chamar de entrada de texto: Nossos frames de texto já estão com o vínculo estabelecido. Também é possível criamos vínculos entre paths e frames de texto. marcamos a saída de texto do path e em seguida marcamos a entrada de texto do frame de texto com a ferramenta Selection.Adobe InDesign CS3 – Editoração Eletrônica 11.Ao final salve o arquivo na pasta da lição. . Veja o exemplo abaixo: ________________________________________________________________________________________ Anotações 41 2008 Processor Alfamídia LTDA. O procedimento é o mesmo. Faça mais 4 cópias destas duas linhas de texto. corpo. 2.Selecione o texto na primeira linha e escolha a fonte Verdana. etc. A ferramenta contagotas é responsável por selecionar uma formatação de texto e aplicar essa formatação em outro texto. .Adobe InDesign CS3 – Editoração Eletrônica 5. margens.7 Formatando Textos pelo Conta-Gotas O InDesign agiliza o trabalho de diagramação e montagem. alinhamento de texto. entrelinhamento.Escreva na primeira linha “Formatando textos” e numa segunda linha “com InDesign”: 3.Crie um novo arquivo. 1. Bold e 24pt: A primeira linha foi devidamente formatada: ________________________________________________________________________________________ Anotações 42 2008 Processor Alfamídia LTDA. 4. são memorizados pelo conta-gotas e depois aplicados a outros textos. Fonte. Veja como ficou nosso bloco de texto: ________________________________________________________________________________________ Anotações 43 2008 Processor Alfamídia LTDA.Repita esse procedimento para ou outras textos “Formatando textos”. 7. .Agora clique no ícone de formatação de texto do texto formatado com o conta-gotas: e em seguida clique em cima 6.Clique e arraste o conta-gotas sobre o segundo texto “Formatando textos” para aplicar a formatação memorizada.Adobe InDesign CS3 – Editoração Eletrônica 5. Adobe InDesign CS3 – Editoração Eletrônica Importante: o conta-gotas faz aplicações únicas. caso contrário ele aplica a formatação atual sobre o texto e não memoriza novas informações. ________________________________________________________________________________________ Anotações 44 2008 Processor Alfamídia LTDA.Selecione a segunda linha do texto “com InDesign” e selecione a fonte verdana. por exemplo. fora da página. ou seja. 8. 5. Quando o conta-gotas estiver “descarregado” assume e forma vazada . 12 pt escolhendo uma cor de sua preferência e marcando na opção Sken 30 para a fonte. basta clicarmos em uma área vazia. É interessante ressaltar que para memorizar uma outra formatação o conta-gotas precisa ser “descarregado”. . ele não é capaz de memorizar várias formatações ao mesmo tempo. Agora essa ferramenta estará pronta para memorizar uma nova formatação. Para “descarregá-lo”.8 Criando Estilos de Caracter O estilo de caracter pode ser produzido a partir do zero ou a partir de um texto já formatado. bold. aonde o formatamos manualmente. Adobe InDesign CS3 – Editoração Eletrônica Agora estamos prontos para transformar essa formatação em um estilo de formatação que poderá ser utilizado posteriormente.Selecione o texto da segunda linha que formatamos e clique no ícone Create new Style. 10.Dê um duplo clique em cima do nome deste estilo e coloque o nome de “titulo1”: Para verificar e alterar a formatação deste estilo que acabamos de definir basta darmos um duplo clique em cima do estilo: ________________________________________________________________________________________ Anotações 45 2008 Processor Alfamídia LTDA. Surge na paleta Character Styles um estilo novo de nome “Character Style 1” 11. .Habilite a paleta Window > Type & Tables > Character Styles: Essa paleta apresenta um ícone Create new Style que serve para criamos um estilo de formatação. 9. 13. Veja como ficou nosso arquivo: ________________________________________________________________________________________ Anotações 46 2008 Processor Alfamídia LTDA. .Para aplicar o estilo criado. selecione a segunda linha de texto “com InDesign” e clique uma vez em cima do estilo “titulo1” através da paleta Character Style.Repita este procedimento para os outros textos.Adobe InDesign CS3 – Editoração Eletrônica 12. Adobe InDesign CS3 – Editoração Eletrônica ________________________________________________________________________________________ Anotações 47 2008 Processor Alfamídia LTDA. . Na maioria dos softwares de paginação é necessário determinar as áreas a serem retiradas da imagem pela opção Path do Photoshop ou usando um canal Alpha. uma vez que o InDesign é capaz de interpretar canais Alpha.Adobe InDesign CS3 – Editoração Eletrônica Unidade 6 Imagens no InDesign 6. por exemplo. Uma seleção pode servir para o recorte. o Photoshop. Esse trabalho consiste em realizarmos as seleções necessárias para gerarmos o corte. 3. É possível aplicar alguns efeitos como sombras e esmaecimento na imagem. O comando que faz essa interpretação é o Clipping Path. . 1.Clique no menu: File > Place e selecione a imagem camaleao.Com a ferramenta Rectangle desenhe um retângulo com fundo colorido dentro das margens do documento. O cursor fica em formato de “mão”: ________________________________________________________________________________________ Anotações 48 2008 Processor Alfamídia LTDA. Inicialmente a imagem deve ser trabalhada em outro software de tratamento de imagens como. 2. Para entrar na edição da imagem dê um duplo clique em cima da mesma.1 Eliminação ou Recorte de Fundo Apesar de ser um programa de diagramação e paginação.Crie um novo arquivo.psd que esta dentro da pasta imagens. o InDesign executa tarefas bem interessantes com as imagens que importa. Ainda na edição da imagem.Com a imagem selecionada clique em: Object > Clipping Path > Options. clique em uma das extremidades da imagem e diminua a mesma.Adobe InDesign CS3 – Editoração Eletrônica 4. ________________________________________________________________________________________ Anotações 49 2008 Processor Alfamídia LTDA. . 5. . Quando clicamos neste ícone aparecem alguns efeitos. Desde recortes feitos eliminando áreas brancas da imagem (se existirem). Um detalhe interessante é que em algumas situações é necessário especificar as áreas brancas internas da imagem. podemos aplicar alguns efeitos da imagem. .Type: é responsável por identificar as referências existentes no arquivo para realizar o recorte. a parte interior dos cachos do cabelo. a opção Include Inside Edges esta ativa na caixa de ferramentas. até a interpretação de paths ou canais alpha. simplificando os contornos e aumentando ou diminuindo a invasão do recorte da imagem. semelhantes aos encontrados no Photoshop: ________________________________________________________________________________________ Anotações 50 2008 Processor Alfamídia LTDA.2 Efeitos no InDesign Após a realização da importação da imagem com recorte.Habilite a paleta Effects: 7.Adobe InDesign CS3 – Editoração Eletrônica Nesta janela podemos configurar algumas opções: .Com a imagem selecionada clique no ícone para aplicar efeitos na imagem. Realizam operações de acabamento de recorte.Threshold e Tolerance: podem auxiliar na melhoria do recorte da imagem. 6. 6. Por exemplo. Por isso. mas sim no próprio objeto selecionado. .Escolha alguns efeitos de sua preferência para aplicar na imagem.Adobe InDesign CS3 – Editoração Eletrônica 8. Para editar os efeitos da imagem. Não aplicamos o efeito em uma layer. basta selecioná-la e clicar em cima do efeito na paleta Effects: ________________________________________________________________________________________ Anotações 51 2008 Processor Alfamídia LTDA. o que facilita muito nosso trabalho. Quando selecionamos uma imagem. Na paleta Effects no menu pop-up Normal temos os efeitos de mesclagem que podem ser aplicadas na imagem: O recurso de transparência pode ser aplicado em qualquer frame. o que torna mais prática sua aplicação: ________________________________________________________________________________________ Anotações 52 2008 Processor Alfamídia LTDA. desnecessárias. . por exemplo. É a opção Opacity localiza do lado direito dos modos de mesclagem. com ou sem conteúdo. A possibilidade de aplicar transparências ou mesclas nas nossas imagens torna as idas e vindas do Photoshop. por exemplo. é habilitada na paleta Doc as opções de efeitos e transparências.3 Modos de Mesclagem e Transparências O InDesign é um software que proporciona uma experiência bem interessante quando falamos de diagramação e criação.Adobe InDesign CS3 – Editoração Eletrônica 6. gerando contornos em volta do frame e até mesmo de áreas em branco.Adobe InDesign CS3 – Editoração Eletrônica 6. Esse comando também pode tomar como base de contorno os paths ou os canais alpha armazenados na imagem.Habilite a ferramenta Type Tool e ao lado da imagem desenhe retângulo: ________________________________________________________________________________________ Anotações 53 2008 Processor Alfamídia LTDA.4 Contorno de Imagens pelo Texto Uma outra situação bastante comum em diagramação é o texto respeitar os limites de uma imagem. . 9. Adobe InDesign CS3 – Editoração Eletrônica 10. .Com a ferramenta selection habilita clique com o botão direito mouse em cima da caixa de texto e selecione a opção: Fill with Placeholder text. 11. Nesta paleta temos mais algumas opções e referências para o contorno: ________________________________________________________________________________________ Anotações 54 2008 Processor Alfamídia LTDA. Observe que o texto já está contornando a imagem: 12.Clique no menu: Window > Text Wrap.Selecione a imagem e a caixa de texto (que já esta preenchida) e na paleta Doc selecione a opção: Wrap around object shape. dependendo de como as colunas de texto forma definidas. não importando se a imagem possui áreas transparentes ou não.Abra o arquivo object_styles. ________________________________________________________________________________________ Anotações 55 2008 Processor Alfamídia LTDA.indd que está na pasta imagens. . . 2. .A primeira desativa o contorno.A terceira opção aplica um contorno irregular. No campo seguinte é possível determinar as distâncias do texto para a imagem ou frame em todos os lados possíveis.Selecione a primeira imagem da esquerda e na paleta Effets clique no ícone de efeitos para aplicarmos um efeito na imagem.A segunda realiza um contorno com base nas dimensões do frame. O último campo determina a base do contorno a ser utilizada.5 Aplicando Efeitos em Vários Objetos 1.Adobe InDesign CS3 – Editoração Eletrônica Na parte superior da paleta existem cinco opções de contorno: .A quarta faz o texto “pular” a imagem sem realizar contornos laterais. desta forma o texto respeita as irregularidades de contorno da imagem. Existem várias opções como Path. 6. Alpha Channel e até mesmo de acordo com o que foi realizado no comando Clipping Path. . .E a quinta opção faz o texto ir para a próxima coluna ou próxima página. Habilite a paleta Object Styles.Adobe InDesign CS3 – Editoração Eletrônica 3. ________________________________________________________________________________________ Anotações 56 2008 Processor Alfamídia LTDA. .Aplique o efeito Gradient Feather como na imagem abaixo: Veja como ficou nossa imagem: 4. 6.Adobe InDesign CS3 – Editoração Eletrônica 5.Configure esta janela como na imagem abaixo: 7. na paleta Object Styles clique no seu menu pop-up e selecione a opção New Object Style. .Com a imagem (que esta com o efeito aplicado) selecionada.Agora selecione as todas as imagens (inclusive a que já esta com o efeito) e dê um clique em cima do estilo de objetos “efeitos em imagens”: Veja que todas as imagens estão com o mesmo efeito aplicado: ________________________________________________________________________________________ Anotações 57 2008 Processor Alfamídia LTDA. . basta editarmos o conjunto de estilos: 6. ________________________________________________________________________________________ Anotações 58 2008 Processor Alfamídia LTDA. que podem ser gerenciados de uma só vez. 2.6 Criação de Frames de Imagens 1.Abra o arquivo revista.Selecione a página mestra.indd que esta na pasta da lição.Adobe InDesign CS3 – Editoração Eletrônica A aplicação de efeitos através da paleta Object Styles facilita a manipulação dos efeitos. 8. 9. . com ele ainda selecionados. 6.Clique sobre este frame e com a tecla Alt pressionada faça uma cópia na página da direita do lado esquerdo da página: Veja a imagem abaixo: ________________________________________________________________________________________ Anotações 59 2008 Processor Alfamídia LTDA. O ideal é que o tamanho das imagens seja determinada pelo diagramador. clique na opção Flip Horizontal na barra Doc: 5.Arraste a cópia destes objetos para a página da direita e.Clique no texto da página direita e selecione a opção Flip Horizontal. devemos tomar um pouco de contato.Adobe InDesign CS3 – Editoração Eletrônica 3.Desenhe um Rectangle frame no lado direito da página da esquerda.Posicione esses objetos na mesma altura nos objetos da página da esquerda.Selecione todos os objetos que existem na página na esquerda e pressione a tecla Alt no teclado.Clique na caixa de texto da página direita e escreva “Imagens Turísticas”. Embora o InDesign possua um recurso de ajuste automático de imagens. Desloque este texto para a extremidade direita da página: 7. que receberá a imagem. 4. Dê um duplo clique sobre o frame.Selecione o frame da página da esquerda e clique no menu: File > Place selecionando a imagem lado1. . 11. para editar a imagem. Desta forma fica melhor de posicioná-la dentro do frame: ________________________________________________________________________________________ Anotações 60 2008 Processor Alfamídia LTDA. vemos toda a imagem.Adobe InDesign CS3 – Editoração Eletrônica 10. A imagem automaticamente se ajusta ao tamanho do frame. Se ficarmos pressionando o botão esquerdo do mouse.jpg na pasta imagens. Faça os ajustes para esta imagem.Depois de ajustar esta imagem.Adobe InDesign CS3 – Editoração Eletrônica 12. selecione o frame da página da direita e importe a imagem lado2. .jpg que esta na pasta imagens. Veja como ficou nosso arquivo: ________________________________________________________________________________________ Anotações 61 2008 Processor Alfamídia LTDA. 13. . vemos todas as imagens do arquivo por esta paleta: ________________________________________________________________________________________ Anotações 62 2008 Processor Alfamídia LTDA.Adobe InDesign CS3 – Editoração Eletrônica 14. 6.Salve o arquivo.7 Verificando as Imagens na Paleta Links Quando habilitamos a paleta Links. ________________________________________________________________________________________ Anotações 63 2008 Processor Alfamídia LTDA.Adobe InDesign CS3 – Editoração Eletrônica Por padrão as imagens não são embutidas no nosso arquivo feito no InDesign. estão lincadas. Se quisermos embutir as imagens no arquivo teremos que selecionar a imagem (na paleta) clicar no seu menu pop-up escolhendo a opção: Embed File. . Adobe InDesign CS3 – Editoração Eletrônica Automaticamente aparecerá um ícone indicando que nossa imagem esta embutida no nosso arquivo: Para realizar a ação inversa basta clicarmos no menu pop-up da paleta. e escolhermos a opção: Unembed File. ________________________________________________________________________________________ Anotações 64 2008 Processor Alfamídia LTDA. novamente. . etc. Junto com esses comandos existem também opções para distorções e rotações. 3. Esses comandos são úteis e devem ser explorados. 2.Na barra Doc do lado esquerdo deixe marcado o ponto de referência deste objeto na base inferior: Trata-se de um grupo de pontos de referência que são exatamente os pontos de controle dos objetos.1 Scale e Rotate Utilizamos o comando Scale para aplicar ou reduzir objetos ou grupo de objetos.1 Repetições Podemos utilizar o InDesign em tarefas de repetições programadas para criar frames. 7. marcas de corte. O Scale está disponível pela seu ícone na Caixa de Ferramenta. 1. sempre esta selecionado o centro do objeto. distribuir cartões de visita na folha.1. Por padrão. .Adobe InDesign CS3 – Editoração Eletrônica Unidade 7 Recursos de Repetição Programada 7. o que faz com que qualquer transformação aconteça no objeto pelo seu eixo central.Com o objeto retângulo selecionado clique em: Object > Transform > Rotate e clique no botão Copy marcando 45 graus: ________________________________________________________________________________________ Anotações 65 2008 Processor Alfamídia LTDA.Crie um novo documento e desenhe um retângulo. Ao final teremos uma forma como na imagem abaixo: ________________________________________________________________________________________ Anotações 66 2008 Processor Alfamídia LTDA.Pressione as teclas Alt + Ctrl + 3 para fazer outras cópias com ângulos de 45 graus. .Adobe InDesign CS3 – Editoração Eletrônica Automaticamente será feita uma cópia do forma rotacionando-a em um ângulo de 45 graus: 4. ________________________________________________________________________________________ Anotações 67 2008 Processor Alfamídia LTDA. a ferramenta Rotate não permite que determinemos quantos graus o objeto deve girar. o que não acontece quando acionamos o comando Rotate através do menu Object. Mesmo podendo mover a referência do objeto para qualquer área da página. . podemos levar o ponto de referência do objeto para o local que desejarmos.Adobe InDesign CS3 – Editoração Eletrônica Quando selecionamos a ferramenta Rotate . Adobe InDesign CS3 – Editoração Eletrônica 7.2 Determinação do Formato do Cartão Toda peça gráfica tem um objetivo e um cartão de visita não foge a esta regra. Ele deve ter um formato padronizado, visando melhor aproveitamento de papel, conter as informações necessárias dispostas em uma hierarquia de leitura e importância, além de ser estruturado em módulos e com guias. 5- Clique em cima da ferramenta rectangle frame e dê um clique na página, 6- Determine as dimensões deste frame de 95 mm x 55 mm: Se as dimensões de seus objetos não estiverem em milímetros já até o menu Edit > Preferences > Units & Increments. Temos na tela o frame já nas medidas exatas. É sobre essa área que montaremos o primeiro cartão. 7- Vamos alterar as margens do nosso documento. Clique em Layout > Margins and Columns e altere todas as margens para 10 mm: ________________________________________________________________________________________ Anotações 68 2008 Processor Alfamídia LTDA. Adobe InDesign CS3 – Editoração Eletrônica Uma vez que as margens foram redefinidas, o próximo passo é colocar o frame exatamente no início da mancha (área interna das margens). 8- Com o frame selecionado mude seu ponto de referência para a extremidade superior esquerda e coloque 10 mm para o eixo X e Y: Esse recurso é muito utilizado para posicionamento de objetos com precisão. 9- Habilite a paleta Layers. 10- Crie uma nova layer e renomei-a para “forma”.Selecione a forma e leve-a para a layer “forma”. 11- Renomeie a outra layer para “frame” e bloqueia. 12- Arraste (diminuindo, se necessário) a forma que criamos anteriormente para o lado esquerdo no frame: ________________________________________________________________________________________ Anotações 69 2008 Processor Alfamídia LTDA. Adobe InDesign CS3 – Editoração Eletrônica 13- Crie uma nova layer e renomei-a para “textos”. 14- Nesta layer escreva os textos como na imagem abaixo: Essa é uma sugestão e não uma regra. 7.3 Distribuição do Cartão na Folha Agora que o cartão esta “pronto” vamos distribuí-lo na folha com os comandos de repetição programada. 15- Selecione todos os objetos e clique no menu: Object > Group, para agrupálos. Com todos os objetos agrupados, o passo seguinte é a distribuição. ________________________________________________________________________________________ Anotações 70 2008 Processor Alfamídia LTDA. novamente.Clique em File > Document Setup e ajuste o formato da página para A4. 18.Clique no menu: Object > Transform > Move ajustando a posição horizontal para 95 mm e clique no botão Copy: Veja como ficou nosso arquivo: ________________________________________________________________________________________ Anotações 71 2008 Processor Alfamídia LTDA. . 17.Adobe InDesign CS3 – Editoração Eletrônica 16. para 10 mm.Ajuste a posição Y do cartão. Veja como ficou nosso arquivo: ________________________________________________________________________________________ Anotações 72 2008 Processor Alfamídia LTDA. ou seja. 55 mm.Adobe InDesign CS3 – Editoração Eletrônica Agora precisamos de mais quatro linhas. 19. utilizando como valor de deslocamento a altura do cartão. Vamos proceder da mesma forma.Em seguida clique em Object > Transform Again > Transform Again (Alt + Ctrl + 3). . porém agora realizaremos a repetição no sentido vertical.Selecione os dois cartões e clique em Object > Transform > Move e ajuste a posição vertical para 55 mm e clique no botão Copy: 20. Adobe InDesign CS3 – Editoração Eletrônica ________________________________________________________________________________________ Anotações 73 2008 Processor Alfamídia LTDA. . Para verificarmos a numeração de página funcionando.indd na pasta da lição. 2. Na verdade o que vemos na tela é a representação no numerador automático 4. ________________________________________________________________________________________ Anotações 74 2008 Processor Alfamídia LTDA.Selecione a página mestre. fazendo a numeração de páginas automaticamente.Abra o arquivo revista.4 Inserindo um Numerador Automático O contador é inserido na página mestre do documento. 1. habilite a ferramenta Type e faça uma caixa de texto sobre o retângulo da página da esquerda. basta irmos para a primeira página do documento. O que veremos é uma letra “A”. .Adobe InDesign CS3 – Editoração Eletrônica 7. porém não seria a mesma coisa de digitássemos um “A” em caixa alta.Clique em Type > Insert Special Character > Markers > Current Page Number. 3.Duplique esse caracter para a página da direita. posicionando em cima do retângulo. . ________________________________________________________________________________________ Anotações 75 2008 Processor Alfamídia LTDA.Adobe InDesign CS3 – Editoração Eletrônica 5.Salve o arquivo. Geralmente livros são montados em uma mancha de uma coluna apenas. iniciando sempre cada capítulo em páginas ímpares. As preocupações maiores são montar o livro de forma a obter cadernos com um número par de folhas. . 1.Adobe InDesign CS3 – Editoração Eletrônica Unidade 8 Fluxo Automático de Textos 8.1 Fluxo Automático para Livro Este trabalho é um pouco diferente do apresentado anteriormente.Crie um novo documento em formato A5 com 20 mm na margem superior. pois no livro não é o diagramador que determina a quantidade de texto. 5 mm na margem inferior e 5 mm nas margens laterais. mas seu autor. ________________________________________________________________________________________ Anotações 76 2008 Processor Alfamídia LTDA. porém a página Master será composta por duas páginas: uma para a programação de todas as pares e outras para a programação de todas as ímpares.Selecione a página mestre e insira um Rectangle Frame na parte superior de cada uma das páginas fora da área da mancha: 4. O texto fica carregado no cursor: ________________________________________________________________________________________ Anotações 77 2008 Processor Alfamídia LTDA. selecionando a imagem topo1.jpg que esta na pasta imagens: 6. selecionando o texto “texto. 2. A opção Master Text Frame. é considerado um elemento único.indd na pasta da lição.Selecione o frame da página da esquerda e clique em: File > Place.No frame da direita insira a imagem topo2. . pois trabalharemos com páginas pares e ímpares. será utilizada. Teremos apenas uma página criada. embora dividido em capítulos.Para aplicar o texto.jpg que esta na pasta imagens. 3. 5.doc” que esta na pasta da lição. O texto de um livro. selecione a página 1 (saindo da página mestre) e clique no menu File > Place.Salve este arquivo como livro.Adobe InDesign CS3 – Editoração Eletrônica Utilizaremos à opção Facing Pages. pois a forma de “descarregar” o texto é um pouco diferente na operação em uma revista. 8.Adobe InDesign CS3 – Editoração Eletrônica 7.Habilite a paleta Paragraph Style: ________________________________________________________________________________________ Anotações 78 2008 Processor Alfamídia LTDA.2 Usando a paleta Paragraph Style Já sabemos como criar estilos pela paleta Character Styles e esse conhecimento iremos utilizar para determinar estilos através da paleta Paragraph Style.Para aplicá-lo automaticamente no nosso documento e serem criadas as páginas durante a importação do texto. determinando estilos que possam ocorrer na montagem do livro. Observe na paleta Pages os ícones das páginas criadas: 8. . não interpretando a opção Master Text Frame. mantemos a tecla Shift pressionada e dê um clique na área da mancha. Se não utilizarmos à tecla Shift teremos o texto aplicado apenas na primeira página. Dê um duplo neste estilo para determinarmos alguns comportamentos para o estilo: 11.No item Basic Character Formats configure como na imagem abaixo: ________________________________________________________________________________________ Anotações 79 2008 Processor Alfamídia LTDA. .Adobe InDesign CS3 – Editoração Eletrônica 9.Clique no botão New Style e renomeie este estilo para “parágrafo” 10.Na caixa Paragraph Style Options defina no item Indents and Spacing as opções como na imagem abaixo: 12. Para configurar o Grid ative o comando Edit > Preferences > Grids: Na opção Start marcamos 20 mm. Porém ele deve ser configurado sempre de acordo com a margem superior e com o entrelinhamento do texto. que é o valor da nossa margem superior. .3 Configurando e Ativando o Grid O Grid é um pautado semelhante ao de um caderno que utilizamos para conferir alinhamento de texto e frames. 14. 8. a opção Increment Every é o intervalo pautado (que faz automaticamente para nós a partir da especificação do valor de start) e por fim a opção View Threshold que ativa o grid a partir de um fator de Zoom.Selecione todo o texto e aplique o estilo “paragrafo”. ________________________________________________________________________________________ Anotações 80 2008 Processor Alfamídia LTDA.Adobe InDesign CS3 – Editoração Eletrônica 13. Para ativar o Grid clique no menu View > Grids & Guides > Show Baseline Grid. Veja como ficou nosso arquivo pautado: ________________________________________________________________________________________ Anotações 81 2008 Processor Alfamídia LTDA. .Adobe InDesign CS3 – Editoração Eletrônica 15. 17.Selecione o estilo “parágrafo” e clique no submenu da paleta Paragraph Styles e utilize o comando Duplicate Style colocando o nome de “capitular”. pois os capitulares não possuirão margens.Na opção Indents and Spacing coloque todos os valores de margens para “0”.Adobe InDesign CS3 – Editoração Eletrônica 16. . Dê um duplo clique em cima deste estilo para o editarmos. ________________________________________________________________________________________ Anotações 82 2008 Processor Alfamídia LTDA. Na opção Paragraph Rules configure como na imagem: ________________________________________________________________________________________ Anotações 83 2008 Processor Alfamídia LTDA.Na paleta Paragraph Styles crie um novo estilo com o nome de “capitulo”. .Nesta nova página faça um frame com o texto “Capítulo 1”: 21.Selecione a página 1.Adobe InDesign CS3 – Editoração Eletrônica 18. 19. 22.4 Montagem da Abertura de Capítulos Todo início de capítulo possui uma abertura em que geralmente estão dados sobre o capítulo.Na opção Drop Cap and Nested Style e na opção lines marque 3 e no character marque 1. Na paleta Pages clique no menu pop-up e escolha a opção Insert Page. o número de linhas de texto que o capitular ocupará e quantos caracteres terão esse atributo: 8. que são respectivamente.Dê um duplo clique para entrar na sua edição. configurando como na imagem abaixo: 20. Depois definimos a espessura. no item Basic Character Formats marque como na imagem: ________________________________________________________________________________________ Anotações 84 2008 Processor Alfamídia LTDA. tipo de linha. 23.Adobe InDesign CS3 – Editoração Eletrônica Para que a régua fique localizada abaixo do texto. cor da linha e no item Width escolhemos a opção “text” que fará a linha na largura do texto. . marcamos a opção Rule Above.Agora. . Ao final nossa página estará assim: ________________________________________________________________________________________ Anotações 85 2008 Processor Alfamídia LTDA.Entre na sua edição e no item Indents and Spacing mude a opção de Alignment e First Line Indent: 25.Adobe InDesign CS3 – Editoração Eletrônica Veja como ficou nosso texto com o estilo aplicado: 24. marcando o nome “resumo” para o estilo.Crie outro frame de texto e escreva “Resumo do capítulo”. 25.Selecione e estilo “parágrafo” e no menu pop-up da paleta escolha a opção Duplicate Style. Aplique o estilo "resumo" para este frame de texto. ________________________________________________________________________________________ Anotações 86 2008 Processor Alfamídia LTDA. .Salve o arquivo na pasta da lição e deixou aberto para a próxima unidade.Adobe InDesign CS3 – Editoração Eletrônica 26. Adobe InDesign CS3 – Editoração Eletrônica Unidade 9 Criando Bibliotecas e Índices 9. porém não são fixos como ocorre com os itens da página mestre.1 Armazenando Itens na Biblioteca A Biblioteca é um recurso que auxilia na coleção de itens que podem se repetir em várias páginas do nosso trabalho. Quando terminarmos de salva-la. .indd) clique em File > New Library e coloque o nome da biblioteca de “itens_livro”.No mesmo arquivo (livro. Tudo que utilizamos no InDesign pode ser armazenado em uma biblioteca que se apresenta em forma de paleta. 1. porém é uma pasta que podemos armazenar em qualquer local do HD. será aberta na página uma paleta com o nome que escolhemos para a biblioteca: ________________________________________________________________________________________ Anotações 87 2008 Processor Alfamídia LTDA. Clique em Type > Insert Special Character > Markers > Current Page Number. 6.2 Formatando os Capítulos 4. Use as linhas guias.Selecione a página mestre e insira um frame de texto na parte inferior esquerda da página.Selecione o primeiro parágrafo da página 2 e aplique o estilo “capitular” pela paleta Paragraph Styles: ________________________________________________________________________________________ Anotações 88 2008 Processor Alfamídia LTDA. escolhendo a opção Add Item.Na página 1 selecione os dois frames de texto e clique no menu pop-up da biblioteca. Repare que na paleta da biblioteca ficou um ícone que representa o conjunto de frames de texto: 3. 5.Duplique este caracter para a página da direita. .Adobe InDesign CS3 – Editoração Eletrônica 2. se necessário para um melhor alinhamento. posicionando-o na parte inferior direita. 7.Dê um duplo clique em cima em cima do item armazenado e altere seu nome para “capitulo”: 9. Mude o texto para “Capítulo 2”. Marque as opções como na imagem: 9. 12. ________________________________________________________________________________________ Anotações 89 2008 Processor Alfamídia LTDA.Adobe InDesign CS3 – Editoração Eletrônica 8. 11. 13.Selecione a página 9 e arraste o item de biblioteca “capitulo” para a página.Com a página 9 selecionada clique no menu pop-up da paleta Pages e escolha a opção: Override All Master Page Items.Selecione a página 5 e clique no menu pop-up da paleta Pages escolhendo a opção Insert Pages. Mude o texto desta página para “Capítulo 3” Vamos desvincular está página da página mestre.Agora delete o frame que contém a imagem na parte superior da página e o caracter de numeração na parte inferior direita da página. 10. Posicione este item na mesma posição Y do capítulo anterior. também. . 14.No primeiro parágrafo na página 6 aplique o estilo “capitular” através da paleta Paragraph Styles.Com a página 5 selecionada (que esta em branco) arraste o item de biblioteca “capitulo” para a página. 16.Selecione o estilo “parágrafo” e duplique-o colocando o nome de “sumario”.3 Montagem do Índice Para a montagem do índice. iremos utilizar o recurso de estilos de formatação de texto e também de tabulação.Adobe InDesign CS3 – Editoração Eletrônica 9. No item Basic Character Formats mude opção Leading para 18 pt.Para montarmos o índice selecione a página 1 e clique menu Layout > Table of Contents: ________________________________________________________________________________________ Anotações 90 2008 Processor Alfamídia LTDA. . 15. Adobe InDesign CS3 – Editoração Eletrônica No campo Title colocamos o nome do nosso índice e ao lado esta especificado o estilo que o índice receberá. Clicando em OK vemos que o InDesign monta um texto que ficará no cursor: 17.Clique em OK: ________________________________________________________________________________________ Anotações 91 2008 Processor Alfamídia LTDA. . determinamos que tipo de informação desejamos para a formatação do índice. No campo Include Paragraph Styles. No campo Style determinamos como os tópicos serão apresentados por um estilo. ________________________________________________________________________________________ Anotações 92 2008 Processor Alfamídia LTDA. Para formatar melhor os números das páginas de cada tópico.4 Números das Páginas A numeração acontece automaticamente. A régua aparece em cima da caixa de texto. porém o comando Table of Contents já aplica a tabulação manualmente.Adobe InDesign CS3 – Editoração Eletrônica 9. Os números são precedidos de um comando de tabulação. vamos utilizar a régua de tabulação.Marque a caixa de texto que contém o índice e clique no menu Type > Tabs. . 18. É como se apertássemos a tecla Tab antes de cada número de página. 20. Veja como ficou nosso arquivo: ________________________________________________________________________________________ Anotações 93 2008 Processor Alfamídia LTDA.No campo Leader coloque um ponto (. . 19.Adobe InDesign CS3 – Editoração Eletrônica Podemos visualizar no lado esquerdo da régua uma seqüência de botões de alinhamento das tabulações: São flechas que apontam para baixo com alinhamentos programados para a esquerda.). Este campo serve para colocarmos um caracter que desejamos que seja repetido até a posição da flecha. centro.Escolha uma dessas flechas e clique sobre a régua: Toda a coluna de texto será levada até a posição da flecha na régua. direita e a última serve para alinhamento de números com pontos ou vírgulas.Arraste a flecha (na régua) até a posição desejada: 21. . ________________________________________________________________________________________ Anotações 94 2008 Processor Alfamídia LTDA.Salve seu arquivo.Adobe InDesign CS3 – Editoração Eletrônica Formatando-o depois com estilos: 22. Na pasta devem estar o documento do InDesign. . Mas antes temos que verificar que esta tudo OK. O InDesign possui um comando próprio para esta tarefa chamado Preflight.1 Enviando Arquivos Abertos O regime de envio de arquivos abertos consiste em agrupar todos os arquivos que fazem parte do trabalho em uma pasta e enviar tudo para a gráfica. 1. os arquivos fontes e todas as imagens utilizadas. Esse comando faz uma verificação de todos os arquivos do trabalho e indica as condições de cada um deles.Com o arquivo livro.indd aberto escolha o menu File > Preflight.Adobe InDesign CS3 – Editoração Eletrônica Unidade 10 Finalização do Trabalho 10. ________________________________________________________________________________________ Anotações 95 2008 Processor Alfamídia LTDA. Na opção Fonts visualizamos que todas estão em boas condições: Mesmo sabendo que há imagens fora do padrão. vale apena conferir se as demais estão corretas na opção Links and images: ________________________________________________________________________________________ Anotações 96 2008 Processor Alfamídia LTDA.Adobe InDesign CS3 – Editoração Eletrônica Uma vez ativado. ele apresenta uma caixa com várias informações sobre trabalho. . o que não é recomendável. Com a caixa Preflight aberta podemos verificar que o aviso esta acusando que existem imagens em formato RGB. Adobe InDesign CS3 – Editoração Eletrônica Para ajustar uma imagem com um comando próprio do InDesign. clique no botão Package. Escolhendo a opção Edit Original a imagem será aberta no software original que a manipulou pela última vez.Para finalizarmos. 2. criamos uma pasta com todos os arquivos do trabalho: ________________________________________________________________________________________ Anotações 97 2008 Processor Alfamídia LTDA. Clicando com o botão direito do mouse vemos o menu contextual. . Ao clicarmos em Save. basta clicarmos em cima do frame da imagem entrando na sua edição. Automaticamente o InDesign começará a processar essas informações na pasta: Veja o conteúdo da pasta que criamos: ________________________________________________________________________________________ Anotações 98 2008 Processor Alfamídia LTDA. . escolhendo um nome para ela e aonde queremos salvá-la.Adobe InDesign CS3 – Editoração Eletrônica Uma tela de instruções aparece para que possamos colocar os dados de contato como também algumas instruções de procedimento com os arquivos no momento as saída. 3.Clicando no botão Continue. criamos uma pasta com o conteúdo do nosso trabalho. Adobe InDesign CS3 – Editoração Eletrônica Agora podemos enviar essa pasta para a gráfica. . 1. Na parte superior da tela temos a opção Adobe PDF Preset que dispõe de várias configurações para o arquivo.Na janela export escolha o local para onde o arquivo será exportado.2 Exportação do Arquivo em Formato PDF Uma outra maneira de finalizar o trabalho é pela exportação do arquivo em formato PDF. mas são instruções gerais de navegação do próprio Acrobat ou para uma visualização mais rápida em outros softwares. 3. Sabemos que o PDF é uma evolução natural do PostScript e além de ser mais enxuto.Abra o arquivo revista. 2. possibilita interferências de última hora através do Acrobat. 10.indd que esta na pasta da lição. ________________________________________________________________________________________ Anotações 99 2008 Processor Alfamídia LTDA. Muitas das opções do quadro General não são relacionadas com a saída do material. Clicando em Save a exportação é iniciada. Nesta exportação usaremos uma configuração de alta qualidade.Clique no menu File > Export. orienta que programemos as resoluções dos campos como Bicubic Downsampling to com 300 PPI de resolução. 4. Desta forma conseguimos a melhor compressão possível sem perda de qualidade. Em alguns casos uma leve compressão alivia o tamanho dos arquivos e a perda de detalhes na imagem é tão pequena que dificilmente poderemos perceber. ________________________________________________________________________________________ Anotações 100 2008 Processor Alfamídia LTDA.Adobe InDesign CS3 – Editoração Eletrônica Toda compressão gera algum tipo de perda. É aconselhável perguntar para os profissionais da gráfica como proceder. .A cartilha do PDFX-1a. Na opção Marks and Bleeds marcamos todas as opções: ________________________________________________________________________________________ Anotações 101 2008 Processor Alfamídia LTDA. .Adobe InDesign CS3 – Editoração Eletrônica 5. Adobe InDesign CS3 – Editoração Eletrônica 6.Na opção Output podemos aplicar no arquivo PDF os perfis de cores desejados. . ________________________________________________________________________________________ Anotações 102 2008 Processor Alfamídia LTDA. cópia. ________________________________________________________________________________________ Anotações 103 2008 Processor Alfamídia LTDA. Não é aconselhável que esta arte esteja desprotegida. Para evitar problemas.No campo Permissions. o PDF gerado pelo InDesign possui um recurso de senha que pode restringir o acesso a várias questões como impressão e alterações. podemos estabelecer dois tipos de senhas: a primeira é para que o arquivo não possa ser visualizado. .Adobe InDesign CS3 – Editoração Eletrônica Muitas vezes enviamos a arte em PDF para aprovação. 7. a segunda serve para restringir operações como impressão. preenchimento de formulários ou qualquer tipo de alteração. Clique no botão Save. Só então teremos o arquivo PDF gerado. O arquivo irá pedir a confirmação das senhas. colocadas na opção Security. . A partir deste momento o arquivo cobiçara a ser gerado: ________________________________________________________________________________________ Anotações 104 2008 Processor Alfamídia LTDA.Adobe InDesign CS3 – Editoração Eletrônica 8. Adobe InDesign CS3 – Editoração Eletrônica Observe nosso arquivo PDF: ________________________________________________________________________________________ Anotações 105 2008 Processor Alfamídia LTDA. .