*

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

公開日: : Illustrator

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Pocket

おすすめトピックス

関連記事

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

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

グレースケール
カラーで作ってしまったAIをグレースケール(白黒)に変換する方法

印刷物を作る場合、大抵の場合 Illustrator(AI)を使うと思います。最初はカラー印刷の予定で作業していたのですが、完成してからやっぱり白黒(グレースケール)で!と言われる始末。カラーで作ってしまった AI ファ […]

Illustratorでアートボードからはみ出した部分をカットして画像に書き出す方法

Illustrator でデザインを作っている時、アートボードからはみ出した部分をどう処理するか悩む人も多いのではないでしょうか。対処法としては最初からアートボードからはみ出さないように作る、アートボードからはみ出した部 […]

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

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

Illustratorでテキストをアウトライン化できない時に確認すること

Illustrator を使って印刷物などを作っている人ならテキストのアウトラインは基本中の基本。テキストのアウトラインとは簡単に言えば、文字を文字としておくのではなく図形にしてしまう事です。 文字のままだとそのフォント […]

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

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

著者について

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

フォローはこちら

       

       
大垣市の金沢カレー専門店!濃厚で深みのある味わいの金沢カレー

石川県発祥の金沢カレーをご存知でしょうか。石川のご当地カレーで

Thunderbirdで「ごみ箱フォルダにメッセージをフィルターで分別できませんでした」

いつも通り Thunderbird を立ち上げると見慣れないエ

楽天ショップ等の縦帯バナーを商品別に変えるには?

楽天などのインターネットショップをパソコンで見ると、よく画面端

instagramで横長写真を複数投稿ができない!複数投稿する方法はあるのか?

instagram といえば正方形写真しか投稿できないと思って

岐阜県垂井町で本格インドカレーをお洒落なバー「VAN DO BEE(バンドゥビー)」でディナー

国道21号線を垂井町付近を走行中、チラッと見えたインドカレー&

→もっと見る