*

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

公開日: : Illustrator

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Pocket

おすすめトピックス

関連記事

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

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

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

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

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

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

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

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

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

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

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

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

著者について

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

フォローはこちら

       

       
Googleフォトにアップした写真がどこで撮影したのか確認する方法

あなたのスマートフォンの中にもたくさんの写真があるのではないで

長浜IC前「らーめん専家味噌壱」癖になる濃厚味噌ラーメン

北陸自動車道の長浜インターチェンジ前に、2018年にラーメン屋

WordPressのWP_Queryでカスタムフィールドで絞り込み今日の日付以前の記事は表示しない

WordPress で条件に応じた記事を一覧で表示したいという

電子レンジで冷凍食品のあたため500W/600Wってどこで判別?地域によって違いは?

冷凍食品を温めるのには電子レンジを使用しますが、冷凍食品の裏側

Premiere Elementsで動画の一部を切り抜きトリミングする方法

せっかく動画を撮影したけど、肝心な部分は動画の中央部分だけでま

→もっと見る