IllustratorからMAPタグを自動生成してイラストの枠通りにリンクを貼る方法
Illustratorにこのような機能があったことを最近知りました。HTMLタグでMAPタグがあるのはご存知かと思いますが、通常MAPを利用する際はDreamweaverで操作されるのが通常だと思います。しかし、Dreamweaverでは複雑な形には対応できないと思います。しかしイラストレータを使用すると、どんな複雑なイラストでもその枠通りにリンクを貼り付ける事が可能です。この機能を実際使うかどうかは別問題ですが…
- 例えばこんな場合に活用
例えば地図のイラストがあって、国ごとや県ごとにリンクを貼りたい場合。今回で言うと、赤・橙・緑にリンクを貼りたい時、まず赤の部分を選択します。次に「ウイドウ」から「属性」を表示させます。（F11でも属性が表示されます）- 属性の設定
- 属性の設定ですが、イメージマップは「多角形」を選択し、URLにはリンクしたいアドレスを記載します。同じ作業を橙・緑も同じように作業をします。
- GIF形式で保存
「ファイル」から「web用に保存」を選択します。GIF形式で保存します。「最適化ファイルを別名で保存」というダイアログが表示されますので、この時ファイルの種類を「HTMLと画像（*.html）」を選択して保存すればOKです。- htmlファイルを開いて確認
するとデスクトップにhtmlファイルとgif画像ファイルが書き出されます。htmlファイルを開いて確認するとイラストの枠通りにリンクが設置されているのが分かります。ただ、ソースを見てみると使う気をなくすかもしれません…でもまぁDreamweaverではこの様な作業はできないと思えば、中々凄い機能と思ったりします。
イラストレーターからMAPタグを自動生成してイラストの枠通りにリンクを貼る方法
