*

Illustratorで矢印に綺麗に境界線を付ける方法

公開日: : Illustrator

Photoshop では矢印でも文字でも綺麗に境界線をつけるレイヤースタイル機能があるのですが、Illustrator にはありません。Illustrator で境界線を付ける為に無理やりやっていたのですが、Illustrator でも矢印に綺麗な境界線を付ける事ができました。

上図をご覧ください。上の矢印は無理やり境界線を付けていた時の矢印、下の矢印は新たに発見した方法で境界線を付けた矢印です。上は境界線の太さが部分によって違いますし、綺麗とは言えません。下の矢印は境界線の太さも均一で美しく仕上がりました。

無理やり境界線を付けた方法

まずは無理やり境界線を付けた方法も書いておきます。同じ大きさの黒い矢印と白い矢印の2本を作り、白い矢印を背面にしておきます。

白い矢印だけを選択し、「オブジェクト」メニュー → 「パス」 → 「パスのアウトライン」を適用します。

すると矢印の境界線に沿ってアウトライン化されました。

次に白い矢印を選択している状態で、「効果」メニュー → 「パス」 → 「パスのオフセット」を適用します。

オフセットサイズを調整すると、実際の矢印が一回り大きくなります。プレビューのチェックボックスをオンにするとリアルタイムに確認できます。

この大きくなった白い矢印の上に黒い矢印を置くという無理やりな方法でした。

綺麗な境界線を付ける事ができた方法

やり方は、無理やりな方法と途中まで同じでした。

矢印を作成し、「オブジェクト」メニュー → 「パス」 → 「パスのアウトライン」を適用します。

アウトライン化した矢印をよく見ると、矢印の三角部分と直線部分が分かれている事がわかります。できれば一体化させてしまいたいです。

この状態で線を付けても、上図のような思ったものと違うものができてしまいます。

そこで一体化させる為に「パスファインダー」ウィンドウを開きます。

ウィンドウメニューから「パスファインダー」を開いてください。

先ほどアウトライン化した矢印を選択しておいて、パスファインダーの形状モードにある合体ボタンをクリックします。

すると矢印が一つのオブジェクトとしてアウトライン化された状態になります。

この状態で通常通り線を付けてみましょう。矢印に均一な境界線を付ける事ができました。

線を太くすると矢印が消えてしまう

ただ、線を太くしていくとどんどん矢印が細くなって本来の矢印が見えなくなってしまいます。

その問題を解決する為に「アピアランス」ウィンドウを開きます。

アピアランスウィンドウを見ると、塗りよりも線の方が上に来ている事がわかります。線が上になっている為、線を太くすると塗りが消えてしまうのです。

この線の部分をドラッグすると、レイヤーの重なり順を変更するように線を塗りの下へ移動する事ができます。

塗りの下へ線を持っていくと、いくら線を太くしても元々の塗りの部分が消える事はありません。

  • Pocket

おすすめトピックス

関連記事

孤立した彼岸花
Illustratorで隠れたゴミフォント(孤立点)を即座に探しだす方法

「孤立点」。という言葉は、Illustrator をよく利用する事がある方なら度々耳にする言葉でしょう。この孤立点、なかなか曲者な奴です。 目次1 孤立点とは1.1 孤立点は何故削除するのか2 孤立点を探しだす方法2.1 […]

アウトライン化
いちいち選択しないで一括でテキストをアウトライン化する方法があった

Illustrator を使うにあたっては、テキストのアウトライン化はよく使う機能だと思います。印刷業者にチラシや名刺等の入稿、他の人のパソコンに送る場合、テキストのアウトライン化は必須です。 何故テキストのアウトライン […]

Illustrator(AI)で線で囲まれたオブジェクトも塗りつぶす方法「ライブペイント」

Photoshop しか使ったことがない人が Illustrator を使うと困惑することが数多くありますが、その一つが塗りつぶしです。上の画像を見てください。真ん中の四角形に色を塗りたいとしましょう。どうやりますか? […]

ジグザグ線
Illustratorでギザギザ線や波線を簡単に引く方法

Illustrator でギザギザ線や波線を書きたいとき、どうやって書きますか?普通に全部手書きでやろうとするとあまりの面倒さにやる前から嫌になってきます。 直線ツールで一本ずつ線を引くのも良いでしょう。しかし、地道な上 […]

Illustratorでオブジェクトの背景を画像にする為にスウォッチに登録する方法

Illustrator でオブジェクトの背景を画像にしたいというシンプルな事に大分詰まったので、覚書として残しておこうと思います。Google で検索してもよくわからなかったのですが、ようやく方法がわかりました。 オブジ […]

Illustratorでレジストリ関連の問題が検出されましたというエラーが出た時の対処方法

ある日、Adobe の Illustrator を起動するとこのようなエラーが出ました。 Adobe Illustrator によってレジストリ関連の問題が検出されました。Illustrator を適切に動作させるには、 […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
ホンダ純正Gathersドライブレコーダーでブザーが止まらない時の対処方法

近年煽り運転のニュースが世間を賑わせている中、ドライブレコーダ

Youtubeの動画でアンケートに回答するにはどうやるの?

いわゆる動画サイトには視聴者の方に意見を問うアンケート機能とい

初期化しても復元できるデータ復元ソフト「EaseUS Data Recovery Wizard」の使い方

パソコンならデータが消える事はない。そう思っているあなた、パソ

JR関ヶ原駅近くの古民家カフェ「HiKOSA」の自家焙煎コーヒー

関ヶ原の戦いで有名な岐阜県の関ヶ原町にある JR 関ヶ原駅の近

郵便局の郵便配達が2020年を目処に土曜配達を廃止する見込み、代替方法は?

郵便配達の土曜日配達が2020年を目処に廃止される方向へ動いて

→もっと見る