イラストレーターでハイパーリンクを追加する方法

Adobe Illustratorにはハイパーリンクを追加するためのツールが組み込まれていませんが、簡単な回避策がいくつかあります。リンクが画像やカスタムテキストではなくURLとして表示されても構わない場合は、URLを入力するだけでリンクになります。しかし、画像やカスタムテキストをクリックしたい場合は、.NET Frameworkにエクスポートする方法を紹介します。

その1

Illustratorでオブジェクトを作成する

1. Illustratorのドキュメントを開きます。これは、コンピュータ上でファイルをダブルクリックすることによって行うことができます。
2. ハイパーリンク用のテキストを作成します。ハイパーリンクをテキストではなく画像にしたい場合は、この手順を省略できます。しかし、文書を開く人が特定のテキストをクリックして、同じファイル内のウェブサイトや文書などを開くことができるようにしたい場合は、2つのオプションがあります：

   • 最初のオプションは、リンクしたいサイトや文書の完全なURLを入力することです（例：https://www.wikihow.com）。こうすると、ほとんどの場合、リンクは自動的にハイパーリンクになります。このオプションは、Adobe Acrobat Proを持っている必要はありません。
   • 2つ目のオプションは、（URLの代わりに）カスタムテキストを入力し、後で.NETでハイパーリンクに変換する方法です。 ユーザーが「ここをクリック」など、URL以外のテキストをクリックすることを望む場合は、このオプションを選択します。
3. カスタムテキストをアウトラインに変換する（カスタムテキストを使用している場合）。URLを入力した場合、または画像をハイパーリンクとして使用する予定の場合は、この手順を省略できます。カスタムテキストをアウトラインに変換するには

   • 左のツールバーの黒いポインタである選択ツールをクリックします。
   • ハイパーリンクを配置するテキストをシングルクリックします。
   • 上部の「タイプ」メニューをクリックし、「アウトラインを作成」を選択します。
   • 上部にある「オブジェクト」メニューをクリックし、「グループ」を選択します。
4. 画像またはオブジェクトを、ドキュメント内で表示したい位置に配置します。ツールバーの選択ツールをクリックし、テキストまたは画像をクリックしてドラッグし、希望の位置に配置します。
5. ドキュメントをPDFとして保存します。ドキュメントをPDFとして保存すると、ファイルに追加した完全なURLは、Acrobat ReaderのようなPDFリーダーで開くとクリック可能になります。また、カスタムテキストや画像にリンクしたい場合は、Adobe Acrobat Proにインポートすることもできます。PDFとして保存するには

   • 上部の「ファイル」メニューをクリックし、「名前を付けて保存」を選択します。
   • ファイル名を入力します。
   • ファイル形式としてAdobe PDF（*.PDF）を選択します。
   • 複数ページの PDF を作成する場合は、[すべて] を選択してすべてのアートボードを PDF に保存できます。すべてのアートボードではなく、特定のアートボードを選択して含めたい場合は、[範囲] を選択し、含めたいアートボードの範囲を入力します。
   • 保存] をクリックします。
   • テキストとして URL を追加した場合は、次の画面でプリセットのリストから Rich Content PDF を選択します。
   • PDFを保存]をクリックします。

パート2

Acrobat Proでハイパーリンクを追加する

1. Adobe Acrobat ProでPDFを開きます。Adobe Acrobat Proは無料ではありませんが、お持ちでない場合は、 で7日間の試用版を入手できます。でファイルを開くには、ファイルを右クリックし、[で開く]を選択し、Adobe Acrobat DC Proを選択します。

   • URL全体を入力してハイパーリンクを追加した場合は、この方法を使用する必要はありません - お気に入りのPDFリーダーでPDFを開くだけで、リンクをクリックすることができます。
2. ツール」タブをクリックします。オプションのリストが表示されます。
3. PDFを編集]をクリックします。ページの中央付近にあります。
4. リンクボタンをクリックします。ドキュメントのすぐ上にあるツールバーのチェーンリンクのアイコンの隣にあります。その下にメニューが表示されます。

   • ここにリンクアイコンがない場合は、Acrobatの右上にある「検索ツール」ボックスにリンクと入力し、検索結果の「ウェブリンクまたはドキュメントリンクの追加/編集」をクリックします。これで、Acrobat の上部に「リンク」オプションが表示されるはずです。
5. Web またはドキュメントリンクの追加/編集」をクリックします。これはメニューの最初のオプションです。カーソルが十字に変わります。
6. リンクを貼りたい場所に矩形を描きます。これを行うには、クリックして別のウェブサイトまたはドキュメントにアクセスできるようにしたい領域全体を選択するまで、マウスをクリックしたままドラッグするだけです。エリアを選択すると、ダイアログウィンドウが表示されます。

   • 例えば、「ここをクリック」の文字にリンクを追加したい場合、カーソルを「クリック」の「C」の左上から「ここ」の「e」の右下までドラッグします。
7. リンクの外観を選びます。リンクの作成 "ウィンドウの "リンクの外観 "セクションで、リンクされた領域がドキュメントに表示される方法をカスタマイズすることができます：

   • リンクの種類」メニューから、描画したボックスを表示したくない場合は「不可視矩形」を選択します。ボックスを表示させたい場合は、代わりに「可視矩形」を選択します。
   • リンクをハイライトしたい場合は、"Highlight Style "メニューからスタイルを選択します。そうでない場合は、「なし」を選択します。
8. リンクアクションを選択します。ウィンドウの「リンクアクション」セクションで、リンク先のファイルの種類を指定します：

   • ページビューに移動します：ページビューへ移動：このオプションを選択すると、同じPDF内の別の場所にリンクできます。このオプションを選択したら、[次へ] をクリックし、選択するページに移動して [リンクを設定] または [OK] をクリックします。
   • ファイルを開く: コンピュータ上の別のファイルにリンクするには、コンピュータからファイルを選択して[選択]をクリックし、プロンプトが表示されたら必要なオプションを入力して[OK]をクリックします。
   • ウェブページを開く：このオプションは、ウェブサイトにリンクする場合に使用します。このオプションを選択した後、[次へ]をクリックし、リンク先のサイトの完全なURL（先頭にhttps:// を含む）を入力し、[OK]をクリックします。
9. PDFを保存します。リンクを追加したら、MacではCommand + S、Windows PCではControl + Sを押してPDFを保存します。これで、誰でもPDFを開いたときに、リンクをクリックして関連文書、場所、ウェブサイトを開くことができるようになります。

この記事は、CC BY-NC-SAの下で公開された「 How to Add a Hyperlink in Illustrator 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。