Como criar PDFs interativos no InDesign usando hiperlinks

Os hiperlinks no InDesign podem facilmente adicionar interatividade ao seu trabalho. Neste tutorial, veremos como adicionar um hiperlink no InDesign, bem como editar o conteúdo do hiperlink. Em seguida, no InDesign, remova o conteúdo do hiperlink em um piscar de olhos também. Então, vamos nos aprofundar em como criar um hiperlink no InDesign e exportar para um arquivo PDF interativo.

ga-analytics#sendElementsClickEvent”>Hiperlink do InDesign Hiperlink do InDesign Hiperlink do InDesign
ga-analytics#sendElementsClickEvent”>Modelo de design do InDesign a partir do Envato Elements

O que você aprenderá neste tutorial do Adobe InDesign

  • Como adicionar um hiperlink no InDesign
  • Como editar o conteúdo do hiperlink no InDesign
  • Como remover um hiperlink do InDesign
  • Como exportar seu trabalho como um arquivo PDF interativo

Recursos do tutorial

Usaremos os seguintes recursos enquanto trabalhamos com hiperlinks no InDesign:

No entanto, você poderá usar esses conceitos em qualquer arquivo Adobe InDesign de sua escolha, seja um modelo do InDesign ou um arquivo de design criado do zero. Descobrir como adicionar um hiperlink no InDesign não é muito difícil, mas um documento de várias páginas funcionará bem para esta demonstração.

Antes de nos aprofundarmos em como criar um hiperlink no InDesign, vamos esclarecer o que isso significa e o que esse conteúdo pode fazer pelo nosso trabalho de design.

Assim como na Internet, em um navegador da Web, os documentos do InDesign podem conter hiperlinks. Este é essencialmente um item – texto ou outro item importado, como uma imagem – que pode ser vinculado a uma interação, como ir a um destino. Isso pode ser muito conveniente em documentos PDF mais longos. Por exemplo, se você estiver distribuindo uma versão digital de uma revista, ter hiperlinks em seu sumário traria maior comodidade para o visualizador. Basta clicar no nome de um artigo e pular para ele no documento.

Antes de examinarmos como adicionar um hiperlink ao InDesign, vamos dar uma olhada no hub do InDesign para tudo relacionado a hiperlinks: o painel Hiperlink. Vamos para Janela > Interativo > Hiperlinks para abri-lo.

Este é um espaço onde você pode criar, visualizar, editar e gerenciar os hiperlinks em seu documento. Provavelmente está vazio agora, mas vamos mudar isso em um momento!

ga-analytics#sendElementsClickEvent”>Painel de hiperlinks do InDesignPainel de hiperlinks do InDesignPainel de hiperlinks do InDesign
ga-analytics#sendElementsClickEvent”>Imagens de estoque da Envato Elements

Passo 1

Vamos começar criando um hiperlink simples. Selecione os Ferramenta Tipona tua Ferramentas painel.

Então, Clique e arraste para selecionar o texto desejado em seu documento de design. Esse texto será nosso hiperlink — clicaremos nele para levar o usuário a um destino.

Usaremos um modelo InDesign da Envato Elements neste exemplo, mas você pode usar qualquer documento InDesign de sua escolha. Se você estiver trabalhando com um novo documento, também poderá criar um novo texto para essa finalidade.

ga-analytics#sendElementsClickEvent”>Ferramenta de texto do InDesignFerramenta de texto do InDesignFerramenta de texto do InDesign

Passo 2

Em seguida, vire para o hiperlink painel que abrimos anteriormente. Clique no Sinal de maisna parte inferior do painel, para criar um novo hiperlink a partir do nosso texto selecionado.

ga-analytics#sendElementsClickEvent”>Painel de hiperlinks do InDesignPainel de hiperlinks do InDesignPainel de hiperlinks do InDesign

etapa 3

Isso abre o Novo hiperlink caixa de diálogo. Temos uma ampla variedade de opções que podemos escolher para nossos hiperlinks.

Vamos começar com Link para, bem no topo. Isso define o tipo de destino do hiperlink que vamos definir.

Há uma série de opções quando se trata de seus destinos de hiperlink no InDesign, incluindo:

  • URLsum destino na Internet.
  • Páginasuma página no documento do InDesign.
  • âncoras de textouma passagem específica de texto projetada como um ponto de destino

Menos comumente, você também pode criar um hiperlink para um endereço de e-mail, semelhante a um link de e-mail direto em um site. Você também pode criar um hiperlink para um arquivo específico, com um caminho definido. Isso pode ser conveniente se você estiver distribuindo seu PDF interativo junto com conteúdo adicional e/ou usando-o offline.

Para esta demonstração, vamos selecionar âncora de texto.

ga-analytics#sendElementsClickEvent”>Âncora de texto do InDesignÂncora de texto do InDesignÂncora de texto do InDesign

Passo 4

Em seguida, precisamos definir melhor o destino do nosso hiperlink. Suas opções aqui variam dependendo do tipo de hiperlink que você escolher.

Nesse caso, o InDesign precisa saber a qual documento estamos vinculando (o mesmo documento em que estamos ou outro) e a própria âncora de texto.

Vamos com o documento que já estamos usando como fonte. Ainda não criamos uma âncora de texto, então, por enquanto, vamos deixar isso definido para [None].

ga-analytics#sendElementsClickEvent”>Âncora de texto do InDesignÂncora de texto do InDesignÂncora de texto do InDesign

Passo 5

Em seguida, temos nossas configurações de Aparência e Acessibilidade.

Aparência ditará a aparência do seu hiperlink. Você pode usar um estilo de caractere definido ou criar um novo. Você também pode escolher a aparência do hiperlink no PDF interativo. Para esta demonstração, usaremos as configurações padrão, mas você pode estilizar essas opções da maneira que se adequar ao seu design.

Acessibilidade permitirá que você defina o texto alternativo para seus hiperlinks. Esta é uma prática forte para dispositivos como leitores de tela, especialmente se seus links forem baseados em imagens.

Clique OK quando estiver satisfeito com suas escolhas.

ga-analytics#sendElementsClickEvent”>Aparência e acessibilidade do InDesignAparência e acessibilidade do InDesignAparência e acessibilidade do InDesign

Passo 6

Mas nosso hiperlink ainda não funcionará – precisamos criar nossa âncora de texto.

Vamos para outra página em nosso documento. Da mesma forma, selecione algum tipo que você gostaria de atuar como sua âncora de texto. Pense nisso como um marcador em sua página. Este é o ponto para o qual seu hiperlink irá pular. Use o Ferramenta Tipo para selecionar o texto de destino.

Em seguida, volte para o hiperlink painel. Clique no Ícone de Hambúrguere selecione Novo destino de hiperlink.

ga-analytics#sendElementsClickEvent”>Destino do hiperlink do InDesignDestino do hiperlink do InDesignDestino do hiperlink do InDesign

Passo 7

Agora, vemos a caixa de diálogo Destino do hiperlink. Podemos escolher o tipo de destino – queremos âncora de texto– e também podemos dar um nome. É uma boa ideia usar uma convenção de nomenclatura fácil de entender e lembrar, especialmente se o documento for muito longo.

Quando estiver satisfeito com suas configurações, clique em OK.

ga-analytics#sendElementsClickEvent”>Configurações de âncora de texto do InDesignConfigurações de âncora de texto do InDesignConfigurações de âncora de texto do InDesign

Agora, vamos editar o hiperlink que criamos para fazê-lo funcionar com nosso novo Text Anchor.

No hiperlink painel, Duplo click no hiperlink na lista. Isso abrirá a caixa de diálogo Hyperlink novamente – mas observe, desta vez, diz Editar hiperlink.

Você obtém opções semelhantes a quando criamos nosso hiperlink. Vamos entrar e mudar o âncora de texto na nossa Destino ao que criamos anteriormente. Agora, nosso hiperlink irá para o local que definimos.

Clique OKe você editou seu hiperlink.

ga-analytics#sendElementsClickEvent”>Hiperlink de edição do InDesignHiperlink de edição do InDesignHiperlink de edição do InDesign

Mas que tal remover esse conteúdo no InDesign? Remova facilmente o conteúdo do hiperlink do hiperlink painel.

Basta selecionar seu hiperlink na lista e clicar no botão Cesto de lixo.

Observe que isso remove a interatividade. Isso não removerá necessariamente nenhum estilo de caractere aplicado. Você pode mudar isso acessando Janela > Estilos > Estilos de caracteres e selecionando [None] da lista para reverter para o padrão.

ga-analytics#sendElementsClickEvent”>Excluir hiperlink do InDesignExcluir hiperlink do InDesignExcluir hiperlink do InDesign

Passo 1

Antigamente, se você quisesse adicionar um hiperlink ao InDesign, era um pouco mais complicado – e isso porque o InDesign CC recebeu uma atualização em 2021 que aprimorou e simplificou o funcionamento dos hiperlinks no InDesign. Legal certo?

Não há necessidade de definir se deseja ou não incluir seus hiperlinks ao exportar como um PDF interativo. Simplesmente vá para Arquivo > Exportar e escolha PDF interativo como seu tipo de arquivo. Da mesma forma, se você optar por publicar online, seus hiperlinks devem estar intactos.

Não é bom quando as coisas ficam mais fáceis para nós designers?

Exportação do InDesign para PDF interativoExportação do InDesign para PDF interativoExportação do InDesign para PDF interativo

Passo 2

No entanto, se você optar por Exportar para imprimir PDF, você verá opções que permitirão incluir seus hiperlinks no arquivo exportado. Você encontrará isso sob Em geral configurações, depois de exportar.

Você pode querer fazer isso se estiver optando por criar um arquivo de resolução de impressão, mas ainda deseja sua interatividade.

ga-analytics#sendElementsClickEvent”>Hiperlinks de exportação do InDesignHiperlinks de exportação do InDesignHiperlinks de exportação do InDesign

Passo 1

Lembre-se, existem outros tipos de destino de hiperlink! Assim, por exemplo, você pode criar um hiperlink para um site. O processo é muito semelhante.

Selecione seu texto e clique no botão Sinal de mais de hiperlink painel para criar seu novo hiperlink.

Para Link paraselecione URL. Em seguida, basta digitar as informações do site que você gostaria de usar para seu hiperlink. Clique OK aplicar.

ga-analytics#sendElementsClickEvent”>URL do hiperlink do InDesignURL do hiperlink do InDesignURL do hiperlink do InDesign

Passo 2

Também podemos fazer isso com páginas específicas em nosso documento do InDesign. Essa pode ser uma maneira prática de direcionar facilmente seus leitores para uma página diferente. No entanto, lembre-se de que, às vezes, as âncoras de texto podem ser um pouco mais fáceis para o design. Por exemplo, se você acabar adicionando páginas, o número da página onde um artigo começa pode mudar. Se você tivesse esse link indo para uma âncora, seria dinâmico, em vez de ser fixado em uma página específica.

Vamos dar uma olhada em nossas informações de hiperlink novamente. No Link para lista suspensa, podemos escolher Páginae, em seguida, defina para qual página gostaríamos que nosso hiperlink saltasse. Você também pode personalizar a visualização da página no Destino opções.

ga-analytics#sendElementsClickEvent”>Hiperlink do InDesign para a páginaHiperlink do InDesign para a páginaHiperlink do InDesign para a página

etapa 3

Lembre-se, você também pode criar hiperlinks usando objetos, como uma imagem ou forma. Em vez de selecionar o tipo, use o Ferramenta de Seleção para selecionar o objeto que você gostaria que atuasse como um hiperlink.

Em seguida, volte-se para o seu hiperlink painel novamente. O processo é o mesmo; Clique no Sinal de mais para criar seu novo hiperlink.

ga-analytics#sendElementsClickEvent”>Hiperlink do InDesign na imagemHiperlink do InDesign na imagemHiperlink do InDesign na imagem

Passo 4

Você também pode aplicar rapidamente um novo hiperlink selecionando seu conteúdo e, em seguida, clicar com o botão direito no PC ou Comando-clique no Mac. Das opções dadas, escolha Hiperlinks > Novo hiperlink.

Mesmo processo, maneira rápida de chegar lá! Você ainda verá o conteúdo criado no painel Hyperlink também.

ga-analytics#sendElementsClickEvent”>Hiperlinks do InDesignHiperlinks do InDesignHiperlinks do InDesign

Agora que você sabe como adicionar um hiperlink no InDesign, o que você criará? Embora documentos de várias páginas façam muito sentido para essa interatividade, também existem muitas outras possibilidades!

ga-analytics#sendElementsClickEvent”>Modelo InDesignModelo InDesignModelo InDesign

Saiba mais sobre o Adobe InDesign hoje

Quer aprender ainda mais sobre o Adobe InDesign? Confira esses tutoriais gratuitos e aprimore ainda mais suas habilidades no InDesign.

Deixe uma resposta