Illustratorで矢印を作る!簡単・定番・オシャレな方法

※ Adobe Illustrator 2024の画像で解説しています。

CGDOOR
Illustratorでは様々な種類の矢印が簡単に作れます。

今回はIllustratorで矢印を作る3つの方法を解説します。

Illustratorの矢印を線から作る

直線ツール・曲線ツール・ペンツールなどで引いた線に線パネルの矢印を適用する方法は以下の通りです。

  1. 矢印にする線を引く
  2. 線パネルの「矢印」の開始ポイントに適用する矢印、または終了ポイントに適用する矢印のデザインを選択
  3. 線の太さを変更する

Illustratorで矢印を作る方法1


線パネルの「プロファイル」の形状と線の太さと矢印の倍率を変えることで、デザインをオシャレにアレンジすることもできます。

Illustratorで矢印を作る方法2
この例では矢印の三角形の大きさを縮小し、矢印の曲線を先端に向かって広がる形にしています。

Illustratorの矢印をブラシから作る

直線ツール・曲線ツール・ペンツールなどで引いた線にブラシの矢印を適用する方法は以下の通りです。

  1. 矢印にする線を引く
  2. ブラシパネルの「ブラシライブラリメニュー」アイコンをクリック
  3. メニューから「矢印」をクリック
  4. 矢印の種類を選択してクリック
  5. 適用する矢印の見本イラストをクリック

これで線のパスに沿った矢印ができます。

Illustratorで矢印を作る方法3


ブラシの矢印には標準的なデザインの他、立体的に見える矢印や丸い点線の矢印など、ユニークで豊富なデザインがあります。

Illustratorで矢印を作る方法4
立体矢印と曲がった矢印は色が固定されていますが、「オブジェクト」➔「アピアランスを分割」すれば、色の変更や効果の適用が可能になります。

Illustratorの矢印を図形とシンボルを合体して作る

Illustratorのシンボルには「矢印」があります。矢印に使える三角形もあり、長方形ツールと組み合わせたり合体させてオリジナルの矢印を作ることができます。

Illustratorで矢印を作る方法5 

シンボルはサムネイルをファイル上にドラッグしてから、必要に応じて拡大します。

シンボルを図形と合体させるには、シンボルの中心にある「+」を右クリックし、メニューから「シンボルへのリンクを解除」をクリックします。両方とも選択して、パスファインダーの「合体」をクリックすれば1つの矢印になります。

Illustratorで矢印を作る方法6


下図は図形とシンボルを合体して作った矢印のサンプルです。

Illustratorで矢印を作る方法7

  • 長方形の図形を「自由変形」➔「遠近変形」で台形にし、「オブジェクト」➔「パス」➔「アンカーポイントの追加」で左辺に追加したアンカーポイントをキーボードの「➔」で移動
  • シンボルのリンクを解除
  • 図形とシンボルを合体
  • グラデーションを適用
  • 「効果」➔「スタイライズ」➔「ドロップシャドウ」で影
  • 「効果」➔「ワープ」➔「円弧」でカーブ
合わせて読みたい

※ Adobe Illustrator 2024の画像で解説しています。 CGDOOR Illustratorで扇形を作る方法には、円弧ツールで設定する方法やパスファインダーの分割で円から切り抜く方法などもありますが、本記事[…]

Illustratorできれいに「扇形」を作る方法
合わせて読みたい

※ Adobe Illustrator 2024の画像で解説しています。 CGDOOR Illustratorでは「ブレンド」と「3Dとマテリアルの押し出し」を使って、飛び出すような立体文字が作れます。 今回はIllu[…]

文字を立体に!Illustratorで3D文字デザインの作り方
CGDOOR
Illustratorで矢印を作るのは簡単ですが、既製のブラシやシンボルそのままでなく、色を変えたり、グラデーションを塗りにしたり、立体化させたりして独自のデザインにしてみましょう。

本記事がおしゃれな矢印を作る参考になれば幸いです。