図解などでも重宝する矢印アイコン。
イラストレーターがあれば、凝ったデザインの矢印がすごーく簡単に作れます。
ぜひ参考にしてください。
イラレ 矢印の作り方
イラレで矢印を作る方法は幾つかありますが、最も手間がなく＆汎用性・発展性の高いのは線から矢印に加工する方法です。
イラレで線から矢印を作る方法
【illustrator：イラレで線から矢印を作る方法】
- 曲線ツールをクリックし、直線or曲線を描く。
- 線パネルの「矢印プルダウン」から矢印の形を選ぶ。
※左のプルダウンは起点側、右は終点側に矢印を設置できる。
- 完成
線パネルの矢印にはいろんな形があります。
同じ矢印でもいろんな表現ができるので、イロイロと試してみてください。
＼引き出し線・切り取り線・指先アイコンなど、デザイン豊富／
【線パネルが表示されないときは？】
線パネルが表示されていないときは、次のいずれかで呼び出します。
- 選択ツールに持ち替えて線オブジェクトをクリックしてみる。
- メニュー＞ウィンドウ＞線 をクリックして呼び出す。
イラレ 太さの変わる矢印の作り方
線パスから作る矢印の応用でよくあるのが、徐々に線が太くなるタイプの矢印。
難しそうに見えますが、作り方はとても簡単です。
太さの変わる矢印の作り方
【illustrator：イラレで徐々に太くなる矢印線の作り方】
- 曲線矢印を作る。
- 線幅ツールをクリック後、矢印側の線だけ幅を変える。
- 矢印の倍率を変更する。
- 矢印の位置を変更したいときは線パネルの「先端位置」をクリックして切り替える。
徐々に細くなった線の先に矢印を付けたいときは、線幅ツールで「矢印側を細く+反対側を太く」すると作れます。
＼先細りする矢印もお手の物／
イラレ 曲線矢印の作り方
シンプルな矢印は元々はただの線パスです。
なので、線先に矢印を付けた後でも自由に曲げることができます。
イラレで作った矢印の曲げ方
イラレで作った矢印を曲げる方法は、パスを曲げるやり方と同じです。
【illustrator：イラレの矢印を曲げる方法】
- ダイレクト選択ツールをクリック。
- 矢印のパスをクリックし、アンカーポイントやハンドルを使って曲線を作る。
線で作る矢印は、後からでも太さ・曲線・色・幅などが自由に変えられるのが魅力です。
矢印イラストのRを後から変えることも少ないとは思いますが、変更できることが分かってると安心して作業できますよね。
イラレ フチのある矢印の作り方
線矢印は縁取りデザインに変更することも可能です。
イラレ フチのある矢印の作り方
【illustrator：線矢印に縁取りをつける方法】
- 線矢印を作る。
- 選択ツールに持ち替えて矢印オブジェクトをクリックしたのち、メニュー＞オブジェクト＞パス＞パスのアウトライン をクリック。
※線矢印をオブジェクトに変更する。
- パスファインダーパネルから形状モード合成をクリック。
※2つのオブジェクトを1つにまとめる。
- 塗りと線からカラーを選ぶ。
※塗り：矢印の内側のカラー。
※線：矢印の縁取りのカラー。
- 線の太さをアピアランスで調整する。
- 完成
パスのアウトラインとパスの合成はどちらも必要な処理です。
◎パスのアウトラインの意味
パスをアウトライン化すると、ただの線だったパスが矢印の輪郭（オブジェクト）に変わります。
ちなみに、アウトライン化せずに線のカラーを変更しようとすると、線の起点と終点が自動的に結ばれて着色（下図左）され、特に曲線だと変な印象になります。
◎パスの合成の意味
アウトライン化すると、矢印部分と線部分の2つのオブジェクトができます。
このままでもアウトラインは入れられますが、矢印下部分の境界線が目立ち（下図左）ます。
この2つを合成すると矢印下部の境界線は無くなります（下図右）。
イラレ 立体的な矢印の作り方
線矢印は立体的な3Dオブジェクトに変更することが可能です。
イラレ 矢印を3Dオブジェクトにする方法
【illustrator：線矢印を3Dオブジェクトにする方法】
- 線矢印を作る。
- 選択ツールに持ち替えて矢印をクリックし、メニュー＞効果＞3Dとマテリアル＞押し出しとベベル をクリック。
- 3Dとマテリアルパネルで平面をクリック。
※他の種類でも概ね使い方は同じです。
- オブジェクトの中心にある十字アイコンをマウスでドラッグしてレイアウト。
※3Dとマテリアルパネルの X・Y・Zのスライダーでも調整可。
先ほど作った3D矢印オブジェクトを2つならべると、立体的に回転してるような矢印も作れます。
【押し出しベベル】
押し出しベベルは、2Dのオブジェクトを立体デザインにするエフェクトです。
上記サンプルを押し出しベベルで作るとこんな感じになります。
イラレ 矢印の注意点
イラレ 矢印の注意点1. 図形を組み合わせるよりは線で作る
矢印はオブジェクトを組み合わせて作ることもできますが、効率が悪いです。
他にもいろんなやり方がありますが、線を加工していくやり方が最も簡単で汎用性があります。
【線から作る矢印のメリット】
- 長さ・R・太さ・色などの修正が簡単。
- 作れる矢印のバリエーションが豊富。
イラレ 矢印の注意点2. 特殊な加工をするときは微修正が要らない程度にRを確定する
線矢印は後から変更も自由自在なのがメリット。
ただし、いったんオブジェクトタイプの矢印デザインに変更すると、後から形の修正をするのが少し面倒になります。
【Rや形の修正が少し面倒になるデザイン】
- 縁取りのある矢印デザイン。
- 3D加工した矢印デザイン。
微調整・色変更などは普通にできますが、曲線の角度・長さ・大元のデザインは後々修正しなくても良きよう、線矢印のうちにきっちり吟味・作成するのがおすすめです。
初心者でも簡単に作れるillustrator矢印 まとめ
イラレで矢印を作るなら、線をベースに矢印オブジェクトに加工するのがおすすめです。
【illustrator：線ベースから作れる矢印デザイン】
- 自由に可変できるシンプルな線矢印。
- 徐々に太く・細くなる矢印オブジェクト。
- 縁取りのある矢印オブジェクト。
- 立体的・3Dな矢印オブジェクト。
シンプルな線矢印は、色・太さ・矢印の形・線幅・長さ・曲線の変更がいつでも自由自在。どんなシーンにも使いやすいのが特徴です。
対して 縁取りや3D加工した矢印はデザイン性が高い反面、後からラインを変更するのが線矢印より少し面倒になります。
凝ったデザインにする時は、あとから修正しなくていいよう丁寧にライン決めしながらデザインを進めるのが効率よく作業するポイントです。
