*

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

公開日: : Illustrator

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Pocket

おすすめトピックス

関連記事

めんどくさいのさようなら!Illustratorで表を作る方法

Adobe 社の Illustrator と言えばチラシやカタログ等のデザイン等にもよく使われ、当然表を作る機会というのも多いです。私も業務上、Illustrator で表を作る機会があったのですが、直線ツールで一本一本 […]

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

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

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

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

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

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

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

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

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

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

著者について

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

フォローはこちら

       

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

Illustrator を使って印刷物などを作っている人ならテ

Gmailのエラー「Gmail requires one or more Google Play services that are not currently avaiable.」で開けない

あるいつもどおりの朝、スマートフォンで Gmail を開こうと

Amazonで自分の書いたレビューを一覧で確認する方法

世界的に最大級の通販サイト Amazon。私もよく使います。利

大垣カフェ「カフェ飯屋ピーナッツ」暖かく自然派なお食事が美味しいアットホームな場所でした

岐阜県大垣市の市民病院近くにオープンした「カフェ飯屋ピーナッツ

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

Photoshop では矢印でも文字でも綺麗に境界線をつけるレ

→もっと見る