InDesign para Publicações Interativas

Prévia do material em texto

Computação Grá�ca e Editoração Eletrônica
Aula 10: InDesign em Publicações Interativas
Apresentação
Nesta aula, veremos que o InDesign permite a criação de páginas interativas para mídias digitais. Aprenderemos a utilizar
links e âncoras, introduzir vídeos e áudios e exportar para o formato SWF.
Demonstraremos como importar arquivos de imagens vetoriais em formato AI e imagens bitmap em PSD no InDesign,
que proporciona uma interação dinâmica à diagramação.
Finalmente, identi�caremos como preparar a saída de transporte de arquivos por empacotamento, com pastas para o
transporte da arte-�nal com as imagens, fontes e arquivos TXT, o pre�ight do projeto e o fechamento dos arquivos do
InDesign.
Objetivo
Inferir a integração dos programas da Adobe;
Examinar as publicações interativas;
Praticar a comprovação e o empacotamento.
Palavras iniciais
Você vai aprender a utilizar o InDesign na criação e publicação de revistas digitais, e-books e documentos online interativos
com a inclusão de áudio, vídeo, animações e apresentações de slides.
O programa InDesign gerencia os elementos interativos das páginas e pode proporcionar experiências imersivas em formatos
PDF, HTML e EPUB.
Com o formato PDF dinâmico, você poderá criar e publicar apresentações de slides com recursos multimídia. O HTML permitirá
a criação de páginas web. O ePUB é o formato padrão para e-books.
Os programas Photoshop, Illustrator e InDesign são integrados; com isto, seus arquivos fechados são importados ou abertos
sem nenhum problema entre eles e entre os demais programas Adobe.
Existe, no entanto, a necessidade de você aprender a utilizar os arquivos e vínculos. Finalmente você aprenderá a fechar os
principais arquivos do InDesign, com destaque para o PDF dinâmico.
Shutterstock Por Sharaf Maksumov
Integração dos programas da Adobe
O serviço de nuvem Adobe Creative Cloud oferece todas as
ferramentas de criação, incluindo os programas que você aprendeu
nesta disciplina, e tem como princípio a colaboração e
compartilhamento entre usuários e dispositivos.
Com os aplicativos CC, você começa seu projeto em um desktop e pode continuar editando num tablet. Os projetos podem
permanecer na nuvem, evitando perda de trabalho em caso de acidentes.
A partir desta solução em tecnologia, os programas da Adobe passam a ser integralmente interativos e mais leves, para
poderem se adaptar aos diversos dispositivos.
A integração da Adobe Creative Cloud entre aplicativos e dispositivos é uma das grandes vantagens para quem trabalha com
editoração eletrônica e multimídia. As imagens criadas e editadas no Photoshop não precisam ser exportadas em outro arquivo
para ser trabalhadas no Illustrator ou InDesign.
Elas poderão ser importadas em formato PSD e, no caso de uma alteração, esta deverá ser feita no Photoshop e con�rmada no
InDesign. Do mesmo modo, um layout realizado em Illustrator poderá ser importado em formato AI para o InDesign, e sua
alteração con�rmada após ser tratada no Illustrator.
Atenção! Aqui existe uma videoaula, acesso pelo conteúdo online
 A biblioteca da Creative Cloud 
 Clique no botão acima.
Você pode guardar todos os seus itens do projeto, realizados em todos os programas Adobe, na biblioteca da Creative
Cloud presente na área de trabalho do seu programa, inclusive o InDesign. 
 
Essa biblioteca suporta: grá�cos (desenhos vetoriais), tipogra�as, cores, temas de cores (paletas), estilos de
parágrafos e estilos de caracteres. 
 
As vantagens de usar a biblioteca CC: 
 
• Usar componentes entre as ferramentas do Photoshop e Illustrator; 
• Diversi�car seu projeto, buscando componentes de outros documentos e aplicativos; 
• Organizar a biblioteca de acordo com o uso em seu projeto; 
• Compartilhar componentes com outros usuários; 
• Usar os componentes entre computadores; 
• Reutilizar seus componentes em diversos projetos. 
 
Abra o painel Bibliotecas da CC em Janela>Biblioteca da CC. Crie sua biblioteca da CC clicando no canto superior
direito no painel Bibliotecas para expandir o menu suspenso; em seguida, escolha Criar nova biblioteca.
A. Suspenso da biblioteca da Creative Cloud: InDesign 
B. Mostrar itens como ícones 
C. Mostrar itens da lista 
D. Adicionar ativos (componentes) 
E. Progresso/status da sincronização 
F. Excluir ativo 
G. Ativos: cores; tipogra�as; estilo de caractere; estilo de parágrafo.
Figura 1: painel bibliotecas da CC.
Trabalhando com arquivos e vínculos
Importando um grá�co do Illustrator para o InDesign
1. Faça um desenho vetor simples no Illustrator, nomeie e salve no formato AI;
2. Importe com o comando Inserir o arquivo em AI contendo um desenho vetorial, colocando no painel Links e dando duplo
clique sobre o arquivo;
3. Se você desejar alterar no Illustrator, selecione Editar>Editar Original;
4. Se você desejar alterar no InDesign, vá até o Illustrator, abra o arquivo e copie;
5. Cole o grá�co no InDesign e faça as alterações.
Dica
Você poderá fazer este procedimento com desenhos que contenham várias camadas e controlar a visibilidade e opacidade no
InDesign.
Importando uma imagem bitmap do Photoshop para o InDesign
Você poderá importar uma imagem bitmap do Photoshop em formato PSD com camadas, e assim, ajustar a visibilidade das
camadas, alterar as camadas, remover fundos e gerenciar as cores ICC.
Atenção! Aqui existe uma videoaula, acesso pelo conteúdo online
Atenção
Não será possível fazer retoques na imagem, nem recortes ou outras ações exclusivas do programa Photoshop.
Importando outros arquivos
Você poderá importar todas as páginas, ou parte delas, de outro arquivo feito em InDesign (INDD) para o trabalho que você está
fazendo, através do comando Inserir. Poderá importar arquivos TIFF, GIF, JPEG, Bitmap, EPS, PNG, DCS.
É importante que você saiba que cada arquivo oferece uma característica em relação às cores e não trabalha da mesma
forma com o programa. Eles abrem, mas podem apresentar diferenças quanto à resolução da imagem (alta ou baixa), pode
oferecer perda de informação devido à compactação, como é o caso do JPEG, ou não oferecer perdas, como é o caso do
GIF.
Publicações interativas com o InDesign
O InDesign oferece um painel exclusivo para publicações interativas e uma área precon�gurada que expõe apenas as
ferramentas mais utilizadas para este recurso.
Documentos PDF dinâmicos
São utilizados em apresentações de slides interativas e utilizam os recursos de hiperlinks, botões, clipes de som e �lmes,
marcadores e transições de páginas. Documentos em InDesign podem ser convertidos em formulários no Acrobat.
Filmes e clipes de som
Anexado diretamente no documento exportado PDF ou SWF ou vinculado na internet através da exportação em XML, você
pode utilizar �lmes e clipes de som com o PDF interativo.
Saiba mais
O InDesign importa vídeos em formato Flash Video FLV e F4V, MP4 e SWF. Os áudios podem ser importados em formato MP3,
nos arquivos de mídia MOV, AVI e MPEG.
Para adicionar um arquivo de mídia, selecione Arquivo>Inserir e dê clique duplo no arquivo que você deseja importar para o
documento no programa InDesign.
Para abrir o painel Mídia, selecione Janela>Interativo>Mídia.
Painel Mídia com recurso de alteração de con�guração de �lme (esquerda) e
con�guração de áudio. Esses você pode conhecer no Guia Adobe.
Hiperlinks
Quando você exportar para o formato Adobe PDF ou SWF no InDesign, o leitor poderá clicar em um link que o conduza para
outros locais do documento, para um outro documento ou site. O hiperlink pode se originar de textos ou de grá�cos vinculados.
O destino do hiperlink pode ser um endereço da web (URL), um arquivo, um endereço de e-mail, uma âncora de texto em outro
documento ou página web. O importante é que, até o momento, toda origem se liga a apenas um destino.
Abrir painel Hiperlinks: Janela>Interativo>Hiperlinks.
A. Lista de hiperlinks do documento atual 
 
  B. Indicadores de sinal para feedback instantâneo ou
disponibilidade de URL 
 
  C. Link de e-mailD. Número de página clicável leva você à página em que se
encontra o link para você selecioná-lo
 Figura 4: painel do hiperlink.
Dica
Você pode criar links para páginas físicas, URL, âncoras de texto, endereços de e-mail e arquivos. Veri�que se a página ou a
âncora de texto contido em outro documento estão na mesma pasta dos arquivos exportados.
Marcadores
Os marcadores são vínculos com o texto que facilitam a
navegação em documentos exportados pelo PDF. Eles são
exibidos no Adobe Acrobat ou no Adobe Reader no lado
esquerdo da janela destes aplicativos. 
 
Cada marcador é levado a uma âncora de texto ou página.
Para criar e gerenciar marcadores, são usados recursos
simples com os painéis Páginas e Marcadores (Bookmarks). 
 
Para abrir os marcadores: Janela>Interativo>Marcadores.
 Figura 5: painel Marcadores.
Botões
Você pode utilizar botões para executar uma ação quando o
documento for exportado para os formatos ePUB (layout
�xo), PDF e SWF. O botão se assemelha com o hiperlink,
pois também pode conduzir o leitor digital para uma página
diferente ou para um outro site. 
 
  Você deverá criar o botão no InDesign e depois, no painel
Botões e formulários, nomear o botão e escolher um evento
(uma ação).
 Painel Botões e Formulários. Você deverá escolher uma ação e selecionar o link desta ação (som, página, URL).
Formulários
O novo InDesign permite criar formulários simples, inclusive
dentro de uma das páginas do documento, com campos e
ações de formulários adicionais. 
 
  Os campos mais usuais em formulários são textos, botões
de opção, caixas de seleção e assinaturas. O painel de
formulários funciona junto com o de botões. 
 
  Você deverá apenas selecionar a opção Formulários
(Forms) e escolher, em Tipo (Type), o tipo de elemento de
formulário e converter para o modo interativo.
Documentos interativos da web para Flash
Recurso avançado para quem domina o Flash Player e que permite a criação de apresentação de slides animados. O InDesign
exportará em SWF, arquivo fechado e não editável, ou FLA, um arquivo editável.
Atenção
A exportação para o Flash traz alguns problemas de cor, texto e imagens que devem ser observados com atenção. Você pode
se inteirar de como exportar SWF e FLA no Guia Adobe.
Comprovação e Empacotamento
Você aprendeu que o InDesign não opera através da importação e colagem da imagem na página; ele vincula a imagem no
painel Link. E, apesar da imagem �car visível no workplace, ela não está no programa, e sim vinculada ao arquivo de origem,
localizado em uma pasta do seu computador.
Além disso, o InDesign é um programa que realiza projetos que podem comportar centenas de páginas, diversas imagens e
tipogra�as.
Os projetos no InDesign exigem organização e atenção, principalmente
quando se trabalha com computadores diferentes (entre usuários que fazem
o mesmo projeto, entre o usuário e a grá�ca).Toda vez que você precisar
transferir o seu projeto para outro computador, deverá veri�car se nesta
transferência você incluiu as fontes e imagens utilizadas, principalmente
porque elas não estão presentes no workplace, mas vinculadas no Link.
A técnica para realizar a inclusão dos componentes em seu arquivo é denominada empacotamento de arquivos.
Comprovação ou Pre�ight
Antes do empacotamento e fechamento dos arquivos, o InDesign realiza uma checagem denominada Comprovação (Pre�ight). 
 
  O painel Comprovação avisa sobre problemas que podem impedir a impressão ou saída de um documento durante sua
edição. Os problemas podem ser referentes aos arquivos ou ausência de fontes, imagens com baixa resolução, quadro de
textos com excesso de tipos (que estão além da caixa), dentre outras situações inconsistentes. 
 
  Por padrão, o per�l [Basic] é aplicado ao documento assim que ele é aberto ou convertido.
Esse per�l revela problemas de vínculos inexistentes, corrompidos,
modi�cados, textos com excesso de tipos e fontes ausentes. Mas
você também pode de�nir as con�gurações que devem ser
detectadas no painel Comprovação e podem ser reutilizados em
outros projetos.
Se você desejar a comprovação em tempo real, crie um
per�l de comprovação no início do seu projeto. Quando a
comprovação está criada e acionada, um círculo vermelho
aparece na barra de status quando ocorre algum problema. 
 
  Abra o painel Comprovação em
Janela>Saída>Comprovação. Dê duplo clique no ícone
Comprovação localizado na parte inferior da janela do
documento. O ícone estará verde se nenhum erro for
detectado ou vermelho se houver algum erro. 
 
Legenda: 
A. Erro selecionado. 
B. Clique no número de página para exibir o item de página. 
C. A área Informações oferece sugestões para a correção
do erro selecionado. 
D. Especi�ca uma faixa de páginas para limitar a veri�cação
de erros.
Empacotamento de arquivos
Depois de realizar a comprovação do documento, você deverá reunir os arquivos, como fontes e grá�cos vinculados, para
enviá-los para outro computador ou uma grá�ca. 
 
  É necessário que você crie primeiramente uma pasta e coloque dentro dela o seu projeto, as fontes e os grá�cos utilizados.
Atenção
O empacotamento não busca as imagens e fontes que faltam em seu computador; o recurso sinaliza através do ícone o erro a
ser corrigido, o componente que está faltando.
Abra a caixa de diálogo em Arquivo>Pacote.
● Quando o ícone ! aparece, você precisa cancelar a operação empacotamento e retornar ao painel de comprovação e resolver
as áreas com problemas; 
● Após corrigir os erros no documento retorne para Arquivo>Pacote; 
● Especi�que um local para salvar todos os arquivos empacotados; 
● Selecione para copiar para a pasta os componentes que o projeto requer, como por exemplo: 
Fontes - As fontes (famílias de textos) do InDesign são OpenType, OpenType SVG, TrueType, dentre outras. Saiba mais no Guia
Adobe; 
Links e imagens (grá�cos vinculados); 
● Incluir IDML - Permite a abertura do arquivo em versões anteriores. É importante que você marque esta inclusão para não
correr o risco da grá�ca não possuir a versão que você usou; 
● Incluir PDF (imprimir) - Registra a última prede�nição de PDF usada, que passa a ser a padrão.
Atenção! Aqui existe uma videoaula, acesso pelo conteúdo online
Aprender a exportar um PDF para impressão
Você aprendeu que o empacotamento permite a exportação de um arquivo PDF do projeto. Algumas vezes você deverá inserir
as marcas de corte em um PDF gerado. 
 
  A exportação é simples quando você usa as con�gurações padrão de impressão de alta qualidade. Caso você opte e saiba
personalizar as con�gurações, elas serão mantidas em outros projetos, até que você con�gure novamente. 
 
  Para exportar para PDF, clique no menu Arquivo>Exportar.
1. Especi�que um local para salvar o seu documento PDF e
nomeie seu arquivo, de preferência com o mesmo nome do
trabalho realizado no InDesign. Escolha o PDF (Print) ou
Adobe PDF (Impressão).
2. Uma outra caixa de diálogo se abrirá. Selecione em
Adobe PDF Presset: PDF/X-4. Você deverá escolher em
Pages: All (todas).
3. No menu lateral em compactação, escolha 300 e 400, que
oferecem melhor qualidade.
4. No menu lateral, em Marks and Bleeds (Marcas e
Sangrias), siga o seguinte quadro na íntegra:
5. No menu lateral Output (saída), selecione em Colour /
Colour Conversion: No Colour Conversion, para não
carregar outro per�l não desejável. 
 
Na opção PDF/X, no campo Output Intent Pro�le Name
(Nome do Per�l de Método de Saída), selecione a opção
Coated FOGRA39(ISO 12647-2:2004).
6. No menu lateral, em Advanced (avançado), aparecerá a
opção Fontes. Marque 100%.
7. No menu lateral Summary (resumo), você verá descrição
e opções mostrando se existe algum problema. Pronto,
agora você pode exportar. 
 
No caso de revistas, jornais e livros, no momento do
fechamento do arquivo é necessário imprimir o documento
para fazer a boneca, um livreto em preto e branco, com a
�nalidade de veri�car a ordem das páginas da publicação. 
 
  Para isso, bastavocê clicar em Arquivo>Imprimir livreto
(Print booklet). Saiba sobre exportação de arquivo PDF no
Guia Adobe.
Atividades
1. Leia o texto e assinale a(s) sentenças(s) correta(s). 
 
Vimos nesta aula que o InDesign tem interação com o Photoshop e o Illustrator. Você aprendeu que pode vincular arquivos em
formato AI e PSD ao InDesign sem nenhum problema, além de corrigir a imagem ou grá�co nos programas de origem e
sincronizar a alteração no Link do InDesign.
a) O serviço de nuvem Adobe CC oferece, além das ferramentas de criação de cada programa, a interação entre aplicativos e dispositivos.
b) Todos os componentes de um projeto podem ser compartilhados entre computadores e aplicativos com o Adobe Creative Cloud.
c) O InDesign é um recurso dos programas Photoshop e Illustrator encontrado no menu destes programas.
d) O InDesign tem interação com os programas citados no textos, porém não vincula em formato AI e PSD; apenas em arquivos como JPG
e PNG.
e) O InDesign é um programa universal que aceita a maioria dos formatos de arquivos, inclusive CDR, do CorelDraw, e apresenta a mesma
qualidade entre todos eles.
2. O InDesign permite que um documento seja exportado com recursos de hiperlinks, botões, formulários, clipes de som e
�lmes. 
 
Assinale os principais documentos exportados que oferecem esse recurso:
a) PDF e SWF
b) FLV e F4V
c) MP3 e PDF/4
d) ePUB e FLA
e) URL e MOV
3. Você aprendeu que o InDesign não opera através da importação e colagem da imagem na página; ele vincula a imagem no
painel Link e, apesar da imagem �car visível no workplace, ela não está no programa, e sim linkada ao arquivo de origem,
localizado em uma pasta do seu computador. 
 
Devido a esta característica, toda vez que precisar transferir o seu projeto, você deverá:
a) Fazer a comprovação antes do empacotamento e fechamento dos arquivos.
b) Empacotar os arquivos após seu fechamento e fazer a comprovação ao abrir em outro computador.
c) Fazer o fechamento dos arquivos em JPG ou PNG para compactar todos os componentes do projeto.
d) Colocar todos os componentes do projeto em uma pasta e transportar junto com o documento fechado em arquivo aberto para, caso
necessário, corrigir na gráfica.
e) Transformar as fontes em curva (desenho vetor) e verificar se as imagens estão em CMYK, as cores do processo gráfico de impressão.
Notas
Referências
ADOBE CREATIVE TEAM. Adobe Illustrator CS4 [recurso eletrônico]. Porto Alegre: Bookman, 2010.
ADOBE CREATIVE TEAM. Adobe InDesign CS4 [recurso eletrônico]. Porto Alegre: Bookman, 2009.
ADOBE CREATIVE TEAM. Adobe Photoshop CS4. [recurso eletrônico]. Porto Alegre: Bookman, 2009.
CAMPUZANO, M. Animação e Interação no InDesign. Disponível em: https://www.eng.com.br/artigo.cfm?id=5145. Acesso em:
26 ago. 2019.
GAMBA JÚNIOR, N. G. Computação grá�ca para designers: dialogando com as caixas de diálogo. Rio de Janeiro: 2AB, 2003.
PERSIANO, R. C. M. Introdução à computação grá�ca. Belo Horizonte: UFMG, 1986.
SILVA, R. P. A. Computação grá�ca e editoração eletrônica. Rio de Janeiro: SESES, 2015.
Explore mais
Guia do Usuário do InDesign.
https://helpx.adobe.com/br/indesign/user-guide.html
Como criar hiperlinks no InDesign (em inglês)
https://www.youtube.com/watch?v=SdP16jD_oVc&feature=youtu.be
Indesign CC: criar marcadores - hipervínculos - bookmarks - hiperlinks (em espanhol).
https://www.youtube.com/watch?v=t-yDg18cgLE&feature=youtu.be
javascript:void(0);
javascript:void(0);
javascript:void(0);
javascript:void(0);