サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
大谷翔平
webbiz.hateblo.jp
イメージマップ(クリッカブルマップ)はクリックできるエリアを座標で指定しますが、複雑な形になると座標の指定がとても面倒です。そこで今回はadobe illustratorで書き出す方法を試してみました。 今回はこのイラストの1階・2階・3階の座標をそれぞれ指定します。illustratorはCC2015を使用しています。 エリアごとに図形にする まずは、座標をとりやすいようにイラストを図形に置き換えます。ベースとなるイラストのレイヤーを複製、元のイラストは非表示にします。そして複製したイラストをエリアごとに「パスファインダー」→「合体」で図形にしていきます。 できました。でもまだ青い線の部分が重なった状態です。 これだと綺麗に座標を取得できません。再びパスファインダーで分割します。3つを同時選択→「パスファインダー」→「分割」を実行。 きれいに3つに別れました。 「属性」の設定を変更する
このページを最初にブックマークしてみませんか?
『webbiz.hateblo.jp』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く