Så här skapar du interaktiva PDF-filer i InDesign med hyperlänkar

Det finns flera sätt att göra PDF-filer interaktiva när de byggs i InDesign. Det enklaste och förmodligen mest använda sättet är att skapa hyperlänkar som hoppa till sidor i det aktuella dokumentet, till sidor i ett annat dokument eller på webbsidor. InDesign-hyperlänkar kan vara förvirrande, frustrerande och till och med skrämmande om du bara försöker räkna ut saker intuitivt. Låt oss då se hur du skapar hyperlänkar i InDesign och exporterar dem till interaktiva PDF-filer.

Vector Plus

Vill du ha tillgång till hela Vector Source-filerna och nedladdningsbara kopior av varje handledning, inklusive den här? Bli med Plus Plus för bara 9 $ per månad.

Handledning detaljer

  • Program: InDesign CS3 (ska också fungera på samma sätt i CS2, CS4 +)
  • Svårighet: Basix
  • Beräknad slutförd tid: 1 timme

Introduktion till hyperlänkar

De flesta förvirringa i att använda hyperlänkar kommer från namnen hyperlänk och hyperlänkdestination. Dessa två saker är olika och vi måste vara säkra på att vi pratar om samma saker eller det kommer att bli mycket förvirrande.

  • en hyperlänk är den faktiska länken på texten i ditt dokument. Hjälpfilerna i InDesign kallar detta a källa.

  • en hyperlänkdestination är där den textlänken går.

Det låter enkelt sätt på det här sättet, men får jobba med dem och du kommer säkert hitta dig lite omvänd!

InDesign CS3 har tre typer av hyperlänkar (med motsvarande hyperlänkdestinationer): sida, textanker och URL.

Det finns två andra kategorier av hyperlänkar, namn och namn. Den namnlösa hyperlänken är förmodligen den som du brukar använda oftast, så vi börjar med den där. En namngiven hyperlänk bör användas för länkar som uppstår flera gånger.

Steg 1 - Skapa en ny Namnlös hyper~~POS=TRUNC

För att skapa en obemannad hyperlänk (källa) markerar du texten du vill länka till och sedan till ikonen Skapa ny hyperlänk på panelen Hyperlinks (eller flyktmenyn på panelen Hyperlinks och välj Ny hyperlänk längst upp). Ikonen Skapa ny hyperlänk ser ut som den ny ikon för allt i Adobe Creative Suite-programmen.

Steg 2 - Namn på länken

Som standard är länkens namn den text du har valt (det här namnet används bara i panelen Hyperlänkar för att identifiera källan). Jag lämnar vanligtvis det ensamma om det inte är mycket beskrivande eller om jag har flera länkar på samma ord.

Steg 3 - Välj en hyperlänkstyp

Välj en typ i avsnittet Destination. Det finns tre alternativ som visas nedan.

URL

För en webbdestination. Skriv URL-adressen i URL-fältet. Det måste har "http: //"framför det och se till att det finns inga extra utrymmen före eller efter det.

Textankare

För att kunna använda ett textankar måste du redan ha skapat en hyperlänksdestination (se nedan), så vi pratar om den här på en bit.

Sida

Det här är att skicka textlänken till en viss sida i dokumentet. Du kan också ställa in Zoom med den här typen av hyperlänk.

Steg 4 - Namnlösa Destination

Destinationens namn ska vara namnlös, om du inte planerar att använda den här länken på flera ställen i hela dokumentet (om det är företagsnamn som länkar till dess webbplats, till exempel). Vi kommer att diskutera namngivna destinationer nedan.

Steg 5 - Utseende Inställning

Under Utseende ställer jag alltid den på osynlig rektangel, annars har du en ful svart rektangel runt din text och det är väldigt distraherande när du läser. Att göra detta gör det så att din länk inte har någon visuell indikator på att det är en länk. För att ge läsarna en visuell kue skapar vi och tillämpar en karaktärsstil (se nedan).

Steg 1 - Skapa en ny Som heter InDesign Hyperlink

Skapa en namngiven hyperlänk destination (så du kan använda den för att skapa en namngiven hyperlänk), gå till fliken för hyperlänkspanel och välj Ny hyperlänkdestination. Du behöver inte ha någon text vald vid denna punkt om du inte planerar att skapa ett textankringsdestination (se steg 2 nedan).

Steg 2 - Välj typ och namnge det

Välj hyperlänken Typ och namnge den. Kom ihåg från ovan att det finns tre typer av destinationer: URL, Text Anchor och Page.

Textankeringsdestinationer

Du kommer inte kunna skapa en ny textankringsdestination om du inte har markören i en textruta eller har valt text.

När vill du använda ett textanker?

Jag har använt dem för manualer med flera sektioner på samma sida. Jag kopplade Innehållsförteckning till Text Anchor destinationen för dess avsnitt. Jag skulle kunna använda en sidhypnot för det här, men jag ville att den skulle gå precis till var den delen börjar, inte toppen av sidan. Nedsidan för att göra det på så sätt är att du inte kan ange en inställningsinställning som du kan med en siddestination.

När du har skapat den här namngiven hyperlänkdestinationen kan du välja den från dialogrutorna Hyperlink Options eller New Hyperlink för att lägga den på en hyperlänkkälla (den länkade texten).

Steg 3 - Redigera en hyperlänk Destination från dialogrutan Alternativ för hyperlänk

Om du behöver redigera en namngiven hyperlänkdestination som du redan har skapat går du till menyn för flygtangenter för hyperlänkar och väljer alternativ för hyperlänksalternativ i mitten av menyn..

Välj den hyperlänkdestination du vill redigera och klicka på knappen Redigera (varför måste du klicka på en extra knapp för att redigera den jag inte vet!). Alternativdialogen för Hyperlink Destination Options är också där du kan se alla de angivna hyperlänkdestinationerna i ditt dokument och ta bort hyperlänkdestinationer.

Steg 3 Alternativ - Redigering av en hyperlänk Destination från dialogrutan Alternativ för hyperlänk

Du kan också redigera hyperlänksdestinationen i dialogrutan Alternativ för hyperlänk (dubbelklicka på en befintlig hyperlänk i panelen Hyperlänkar) eller Ny hyperlänkdialogruta (den du får när du klickar på ikonen Ny hyperlänk på panelen Hyperlänkar). Kom ihåg, dock, Om du redigerar destinationen ändras det för alla textlänkar som har den här namngiven destinationen!

Steg 1 - Skapa en länk karaktärsstil

Nu skapar vi en länk Karaktärsstil så att tittarna har en visuell cue att det finns en länk på texten (observera att jag redan har använt teckenstilen i bilderna ovan).

Välj länktexten (nej, det gör du inte ha för att göra detta, men du får se varför jag rekommenderar det på ett ögonblick) och gå till panelen Character Styles. Om det inte är synligt, gå till Fönster> Typ & Tabeller> Teckenformat (Skift + F11). Håll ner Alt och klicka på ikonen New Character Style. Innehåll Alt kommer att hämta dialogrutan Karaktärsstil omedelbart så att vi inte behöver dubbelklicka på den standard som heter ny stil.

Steg 2 - Inställning av teckenstil

På fliken Allmänt markerar du Använd stil till val (det varför vi valde vår text först). Markera också rutan Förhandsgranska i nedre vänstra hörnet av dialogrutan om den inte redan är markerad.

Steg 3 - Teckenstil inställningar

Ändra teckenstil inställningarna för att återspegla det utseende du vill ha dina länkar att ha. Jag brukar understryka dem och ändra färgen.

Det finns en fliken Understartsalternativ i dialogrutan Karaktärsinställningar, så du kan finjustera underlaget. gör det tjockare, kompensera det mer / mindre från texten, anpassa linjens utseende (under Typ-rullgardinsmenyn), ställ in en nyans etc..

Steg 2 & 3 Alternativ

Självklart finns det alltid flera sätt att göra något i något program, så om det är lättare för dig kan du skapa stilen först visuellt med hjälp av tecknen och / eller färgpaneler.

Sedan med den anpassade texten markerad, Alt-klicka på Ny teckenstil i teckenformatpanelen. Detta leder till dialogrutan Karaktärsinställningar och applicerar alla inställningar för den valda texten till en ny teckenstil. Som ovan markerar du rutan för Apply Style to Selection på fliken Allmänt.

Kom ihåg att tillämpa denna stil på alla länkar i ditt dokument!

Exportera hyperlänkar till PDF

När du exporterar din interaktiva PDF måste du kolla rutan Hyperlänkar på fliken Allmänt, under avsnittet Inkludera.

Om du skapar många interaktiva PDF-filer kan du göra en förinställning för att exportera dem så att du inte alltid måste komma ihåg att kolla på hyperlänkar.

Gå till Arkiv> Adobe PDF-förinställningar> Definiera.

Klicka på Nytt och namnge det något lämpligt som "Interaktiv PDF."

För inställningarna, åtminstone, se till att du markerar rutan för hyperlänkar som ska exporteras. Det kan också vara en bra idé att gå till fliken Komprimering och ställa in dina maximala bildupplösningar, förmodligen till inte mer än 150 ppi eftersom det troligtvis bara kommer att läsas på skärmen.

Några fler tips

Hyperlänkar till andra dokument

Jag nämnde kort i början att du kan skapa hyperlänkar till andra dokument.

  1. När du skapar en ny hyperlänk eller hyperlänksdestination väljer du det andra InDesign-dokumentet du vill länka till under Destination. Du kommer sannolikt att leta efter det.
  2. Exportera båda InDesign-dokumenten som PDF-filer (med hyperlänkar markerade i exportalternativen!)
  3. Se till att båda PDF-filerna finns i samma mapp

Hyperlänkar på objekt

Ovanför lägger vi bara hyperlänkar på text, men du kan också lägga till sidlänkar eller hyperlänkar på objekt! Hur kan det vara användbart? Du kan skapa en typ av bildkarta (som du kan i HTML) där olika delar av bilden går till olika sidor eller webbadresser eller du kan göra en hel textram till en länk.

Hyperlänkar för att navigera i InDesign

Du kan använda panelen Hyperlänkar för att navigera i dokumentet i InDesign medan du bygger det!

  1. Välj (klicka en gång) en hyperlänk från panelen
  2. Använd vänsterpil längst ner på panelen för att gå till hyperlänkkällan (texten eller objektet med länken på den)
  3. Använd högerpilen längst ner på panelen för att gå till hyperlänkdestinationen (det här är egentligen bara användbart för sidor eller ankare textdestinationer)

Hyperlänk från URL

Det är möjligt att skapa en ny hyperlänk från en URL som finns i skrivet format i texten.

  1. Välj den skriftliga webbadressen
  2. Gå till hyperlinkpanelflykten och välj Ny hyperlänk från URL-alternativet

Med den här metoden måste du vara försiktig med den faktiska länkdestinationen, eftersom den inte kommer att innehålla de nödvändiga "http: //"prefix om inte texten gjorde det. Du kan lägga till det genom att dubbelklicka på hyperlänken som just skapades i panelen Hyperlinks och redigera webbadressens destination.

Slutsats

Nu när du förstår hur man skapar hyperlänkar i InDesign, ha kul att tillämpa dessa tekniker på din i ditt nästa interaktiva PDF-projekt!

Prenumerera på Vectortuts + RSS-flödet för att hålla dig uppdaterad med de senaste vektorhandledningarna och artiklarna.