*

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

公開日: : Illustrator

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Pocket

おすすめトピックス

関連記事

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

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

遠近グリッド
Illustratorの遠近グリッドを消す方法

恐らく Illustrator CS5 以降から追加されている機能に「遠近グリッドツール」という機能があります。これは奥行きがあるイラストや 3D な絵を書く場合には便利な機能なのですが、使わない人にとっては本当に使わな […]

円弧矢印
Illustrator(AI)で円弧の矢印を描く方法

Illustrator で矢印を描く…。これは基本中の基本機能なのですが、直線ならまだしも円弧の矢印を描くにはどうしたらいいんだろう?と詰まったので備忘録的に残します。円弧の矢印とは上図のようなものを指します。 Illu […]

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

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

印刷会社でスミ1色の入稿でもカラー判定され入稿不備となる理由

印刷物を印刷会社で入稿する際には「表4色裏1色」「両面スミ1色」「4c/1c」という表記をよく見かけると思います。ようするに4色(4c)というのはフルカラーの事で、1色(1c)というのはモノクロの事です。 先日知り合いの […]

リンク配置画像
Illustratorでリンクで配置した画像を埋め込む方法

Illustrator(AI)の中に画像を入れる方法は「リンク」と「埋め込み」の2種類があります。 リンクとは、画像の場所だけを保存します。埋め込みは画像自体を AI ファイルに取り込むという違いがあります。 リンク配置 […]

著者について

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

フォローはこちら

       

       
WordPressでログイン時だけ表示する条件分岐を行うには?

WordPress では色々条件分岐があります。トップページだ

チョコと練乳が濃厚なクッキー「北海道美瑛ミルクサンド」| フェルム・ラ・テール

先日北海道のお土産をいただいてとても美味しかったので紹介したい

「東京百年物語~焼きキャラメル」キャラメルがしっとりケーキの東京土産

東京でお土産店を物色していた時、気になるお土産を見つけました。

横蔵寺
【岐阜県の横蔵寺】紅葉時期の駐車場と写真撮影について

岐阜県揖斐川郡揖斐川町にある横蔵寺は紅葉の名所でありますが、即

千歳市のイタリアンレストラン「アキオカ」でパスタランチ

「アキオカ」は北海道千歳市にある格調高いイタリアンレストランで

→もっと見る