Comment créer des PDF interactifs dans InDesign à l'aide de liens hypertexte

Il existe plusieurs façons de rendre les fichiers PDF interactifs lors de leur création dans InDesign. La manière la plus simple et probablement la plus largement utilisée est de créer des hyperliens menant aux pages du document actuel, aux pages d’un autre document ou aux pages Web. Les liens hypertexte InDesign peuvent être déroutants, frustrants et même intimidants si vous essayez simplement de comprendre de manière intuitive, alors examinons de près la création de liens hypertexte dans InDesign et exportez-les au format PDF interactif..

Vecteur plus

Vous voulez accéder à l'intégralité des fichiers Vector Source et aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez Vector Plus pour seulement 9 $ par mois.

Détails du tutoriel

  • Programme: InDesign CS3 (devrait également fonctionner de la même manière dans CS2, CS4 +)
  • Difficulté: Basix
  • Temps d'exécution estimé: 1 heure

Introduction aux hyperliens

L’essentiel de la confusion liée à l’utilisation des hyperliens provient des noms hyperlien et lien hypertexte destination. Ces deux choses sont différentes et nous devons être sûrs que nous parlons des mêmes choses ou ce sera très déroutant.

  • UNE hyperlien est le lien réel sur le texte de votre document. Les fichiers d’aide InDesign appellent cela un la source.

  • UNE lien hypertexte destination est l'endroit où ce lien texte va.

Cela semble simple, mais commencez à travailler avec eux et vous vous retrouverez probablement un peu renversé.!

InDesign CS3 comporte trois types de liens hypertexte (avec les destinations correspondantes): page, ancre de texte et URL..

Il existe deux autres catégories de liens hypertexte, non nommés et nommés. Le lien hypertexte sans nom est probablement celui que vous utiliserez le plus souvent. Nous allons donc commencer par celui-ci. Un hyperlien nommé doit être utilisé pour les liens apparaissant plusieurs fois..

Étape 1 - Créer un nouveau Anonyme Lien hypertexte

Pour créer un lien hypertexte non nommé (source), sélectionnez le texte que vous souhaitez lier, puis accédez à l'icône Créer un nouveau lien hypertexte dans le panneau Hyperliens (ou le menu déroulant du panneau Hyperliens et choisissez Nouveau lien hypertexte en haut). L'icône Créer un nouveau lien hypertexte ressemble exactement à l'icône Nouveau icône pour tout dans les programmes Adobe Creative Suite.

Étape 2 - Nommez le lien

Par défaut, le nom du lien sera le texte que vous avez sélectionné (ce nom est uniquement utilisé dans le panneau Hyperliens pour identifier la source). Je laisse généralement cela seul, sauf si ce n'est pas très descriptif ou si j'ai plusieurs liens sur le même mot.

Étape 3 - Choisissez un type de lien hypertexte

Dans la section Destination, choisissez un type. Il y a trois options ci-dessous.

URL

Pour une destination Web. Dans le champ URL, tapez l'URL. Il doit avoir "http: //"devant et assurez-vous qu'il y a pas d'espaces supplémentaires avant ou après.

Ancre de texte

Pour utiliser une ancre de texte, vous devez avoir déjà créé une destination de lien hypertexte (voir ci-dessous). Nous en parlerons donc un peu plus tard..

Page

Cela consiste à envoyer le lien texte vers une page spécifique du document. Vous pouvez également définir le zoom avec ce type de lien hypertexte.

Étape 4 - Destination sans nom

Le nom de la destination doit être anonyme, sauf si vous envisagez d'utiliser ce lien à plusieurs endroits dans le document (s'il s'agit du nom de la société qui renvoie à son site Web, par exemple). Nous discuterons des destinations nommées ci-dessous.

Étape 5 - Réglage de l'apparence

Sous Apparence, je le règle toujours sur Rectangle invisible, sinon vous aurez un vilain rectangle noir autour de votre texte qui vous distra beaucoup lors de la lecture. Faire cela, cependant, fait en sorte que votre lien n'ait aucun indicateur visuel qu'il s'agit d'un lien. Pour donner aux lecteurs un repère visuel, nous allons créer et appliquer un style de caractère (voir ci-dessous)..

Étape 1 - Créer un nouveau Nommé Hyperlien InDesign

Pour créer un lien hypertexte nommé destination (afin que vous puissiez l'utiliser pour créer un lien hypertexte nommé), accédez au menu déroulant du panneau Hyperliens et sélectionnez Nouvelle destination du lien hypertexte. Vous n'avez pas besoin de sélectionner de texte à ce stade, sauf si vous envisagez de créer une destination d'ancrage de texte (voir l'étape 2 ci-dessous)..

Étape 2 - Sélectionnez le type et nommez-le

Sélectionnez le type de lien hypertexte et nommez-le. N'oubliez pas d'en haut qu'il existe trois types de destinations: URL, ancre du texte et page..

Destinations d'ancrage de texte

Vous serez ne pas être capable de créer une nouvelle destination d'ancrage de texte à moins que votre curseur soit dans une zone de texte ou qu'un texte soit sélectionné.

Quand voudriez-vous utiliser une ancre de texte??

Je les ai utilisées pour des manuels comportant plusieurs sections sur la même page. J'ai lié l'entrée de la table des matières à la destination d'ancrage de texte pour sa section. J'aurais pu utiliser un hyperlien de page pour cela, mais je voulais que ce soit exactement là où commence cette section, pas en haut de la page. L’inconvénient de procéder de cette façon est que vous ne pouvez pas spécifier un paramètre de vue comme vous le pouvez avec une destination de page..

Une fois que vous avez créé cette destination de lien hypertexte nommée, vous pourrez la sélectionner dans les boîtes de dialogue Options de lien hypertexte ou Nouveau lien hypertexte afin de la placer dans une source de lien hypertexte (le texte lié)..

Étape 3 - Modification d'un lien hypertexte Destination à partir de la boîte de dialogue Options de destination de lien hypertexte

Si vous devez modifier une destination de lien hypertexte nommée que vous avez déjà créée, accédez au menu déroulant du panneau Hyperliens et sélectionnez Options de destination de lien hypertexte au milieu du menu..

Sélectionnez la destination du lien hypertexte que vous souhaitez modifier et cliquez sur le bouton Modifier (pourquoi vous devez cliquer sur un bouton supplémentaire pour le modifier, je ne sais pas!). La boîte de dialogue Options de destination de lien hypertexte vous permet également de visualiser toutes les destinations de lien hypertexte nommées dans votre document et de supprimer des destinations de lien hypertexte..

Étape 3 Alternative - Modification d'un lien hypertexte Destination à partir de la boîte de dialogue Options d'hyperlien

Vous pouvez également modifier la destination des hyperliens dans la boîte de dialogue Options d'hyperlien (double-cliquez sur un hyperlien existant dans le panneau Hyperliens) ou dans la boîte de dialogue Nouvel hyperlien (celle que vous obtenez lorsque vous cliquez sur l'icône Nouvel hyperlien dans le panneau Hyperliens). Rappelez-vous, cependant, éditer la destination le changera pour tous les liens de texte ayant cette destination nommée!

Étape 1 - Créer un style de caractère de lien

Nous allons maintenant créer un lien Style de caractère afin que les téléspectateurs aient une indication visuelle qu'il existe un lien sur le texte (notez que dans les images ci-dessus, j'ai déjà appliqué le style de caractère)..

Sélectionnez le texte du lien (non, vous ne le faites pas avoir mais vous comprendrez pourquoi je le recommande tout de suite) et accédez au panneau Styles de caractère. S'il n'est pas visible, sélectionnez Fenêtre> Texte et tableaux> Styles de caractère (Maj + F11). Maintenez la touche Alt enfoncée et cliquez sur l'icône Nouveau style de caractère. Si vous maintenez la touche Alt enfoncée, la boîte de dialogue Style de caractère apparaît immédiatement, évitant ainsi de double-cliquer sur le nouveau style par défaut..

Étape 2 - Configuration du style de caractère

Sous l'onglet Général, cochez Appliquer le style à la sélection (c'est pourquoi nous avons d'abord sélectionné notre texte). Cochez également la case Aperçu dans le coin inférieur gauche de la boîte de dialogue si ce n'est déjà fait..

Étape 3 - Paramètres de style de caractère

Modifiez les paramètres de style de caractère pour refléter l'apparence que vous souhaitez donner à vos liens. Je les souligne habituellement et change de couleur.

Il existe un onglet Options de soulignement dans la boîte de dialogue Options de style de caractère afin que vous puissiez affiner le soulignement; épaississez-le, décalez-le plus ou moins par rapport au texte, personnalisez l'apparence de la ligne (sous la liste déroulante Type), définissez une teinte, etc..

Etape 2 & 3 Alternative

Bien sûr, il y a toujours plusieurs façons de faire quelque chose dans n'importe quel programme, donc si c'est plus facile pour vous, vous pouvez d'abord créer le style visuellement à l'aide des panneaux Caractère et / ou Nuancier..

Puis, avec le texte personnalisé sélectionné, maintenez la touche Alt enfoncée tout en cliquant sur le nouveau style de caractère dans le panneau Styles de caractère. Cela ouvre la boîte de dialogue Options de style de caractère et applique tous les paramètres du texte actuellement sélectionné à un nouveau style de caractère. Comme ci-dessus, cochez la case Appliquer le style à la sélection dans l'onglet Général..

N'oubliez pas d'appliquer ce style à tous les liens de votre document.!

Exportation de liens hypertexte au format PDF

Lorsque vous exportez votre PDF interactif, vous devez cochez la case Hyperliens sous l'onglet Général, sous la section Inclure.

Si vous créez de nombreux PDF interactifs, vous pouvez créer un paramètre prédéfini pour les exporter, afin que vous ne deviez pas toujours vous rappeler de cocher la case Hyperliens..

Allez dans Fichier> Paramètres prédéfinis Adobe PDF> Définir.

Cliquez sur Nouveau et nommez-le comme "PDF interactif".

Pour les paramètres, assurez-vous à tout le moins de cocher la case Exporter les hyperliens. Il peut également être judicieux d’aller dans l’onglet Compression et de définir vos résolutions d’image maximales, sans doute plus de 150 ppp, car elles ne seront probablement lues qu’à l’écran..

Quelques conseils supplémentaires

Liens hypertextes vers d'autres documents

J'ai mentionné brièvement au début que vous pouvez créer des hyperliens vers d'autres documents..

  1. Lors de la création d'un nouveau lien hypertexte ou d'une destination de lien hypertexte, sous Destination, choisissez l'autre document InDesign auquel vous souhaitez créer un lien. Vous devrez probablement chercher pour cela.
  2. Exportez les deux documents InDesign au format PDF (avec les hyperliens cochés dans les options d'exportation!)
  3. Assurez-vous que les deux PDF sont dans le même dossier

Hyperliens sur des objets

Ci-dessus, nous ne mettons que des hyperliens sur du texte, mais vous pouvez également placer des hyperliens de page ou d'URL sur des objets! Comment cela peut-il être utile? Vous pouvez configurer une sorte de carte d’image (comme vous pouvez le faire en HTML), où différentes parties de l’image accèdent à différentes pages ou URL, ou vous pouvez transformer tout un cadre de texte en lien..

Liens hypertexte pour naviguer dans InDesign

Vous pouvez utiliser le panneau Hyperliens pour parcourir le document dans InDesign lors de sa création.!

  1. Sélectionnez (cliquez une fois) un lien hypertexte dans le panneau.
  2. Utilisez la flèche gauche au bas du panneau pour aller à la source du lien hypertexte (le texte ou l'objet avec le lien dessus).
  3. Utilisez la flèche droite en bas du panneau pour accéder à la destination du lien hypertexte (utile uniquement pour les destinations de type page ou texte d'ancrage).

Hyperlien depuis l'URL

Il est possible de créer un nouveau lien hypertexte à partir d'une URL existant au format écrit dans le texte..

  1. Sélectionnez le texte de l'URL écrite
  2. Accédez au panneau déroulant du panneau Lien hypertexte et sélectionnez l'option Nouveau lien hypertexte à partir d'une URL.

Avec cette méthode, vous devez faire attention à la destination du lien, car elle n'inclura pas le "requis".http: //"préfixe sauf si le texte le spécifie. Vous pouvez l'ajouter en double-cliquant sur le lien hypertexte qui vient d'être créé dans le panneau Hyperliens et en modifiant la destination de l'URL..

Conclusion

Maintenant que vous savez comment créer des liens hypertexte dans InDesign, amusez-vous à les appliquer à votre prochain projet PDF interactif.!

Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.