Adobe InDesignで矢印を作成する3つの方法(手順付き)

  • これを共有
Cathy Daniels

多くのデザインピュアリストは、見る人の視線を誘導するために、自然に流れるような微妙な視覚的手がかりを用いることが可能だと考えています。しかし、大きな赤い矢印で道を示すことが必要な場合も確かにあります。

InDesignにはベクター矢印のプリセット形状はありませんが、正確な矢印を素早く簡単に作成することができます。

InDesignで異なるタイプの矢印を作るには、3つの方法があります。 フォローして、どのように機能するかを見てみましょう。

方法1:InDesignのラインツールで矢印を作る

InDesignで完全にまっすぐな矢印を作るには、ストローク付きのパスを作成し、ストロークパネルで開始/終了のフラリッシュを調整します。 これにはいくつかの方法がありますが、最もシンプルな方法は ライン ツールを使用します。

矢印はとても便利です

に切り替えてください。 ライン ツールを使って ツール パネルまたはキーボードショートカット \ (わかりにくいかもしれませんが、バックスラッシュです!)

マウスでクリックしてドラッグすると、線が描かれます。

次に ストローク パネル ストローク パネルには、矢じりの追加など、ストロークの外観や構造をカスタマイズするための膨大なオプションが用意されています。

このパネルはデフォルトのInDesignワークスペースのほとんどに表示されているはずですが、もし消えてしまった場合は ウィンドウ メニューをクリックし ストローク キーボードショートカットを使用することもできます。 コマンド + F10 (を使うだけです)。 F10 PCの場合)。

というタイトルのセクションを探します。 開始/終了 は、上記のように強調されています。 スタート のドロップダウンは左のもので、右のものは 終了 のドロップダウンは右側です。

でクリックした最初の点が線の始点となります。 ライン ツールで、マウスボタンを離した位置が線の終点となります。

矢印の向きによって、適切なドロップダウンメニューを開き、リストから1つの矢じりを選択します。

6種類のプリセット矢印と6種類のプリセット終点があります(プリセットが気に入らない場合は、ペンツールでいつでも自分で描くことができます)。

矢印のスタイルを選択すると、そのスタイルが行の対応する端に即座に適用されます。 これらのスタイルはいつでも編集できるので、間違って行の端に矢印を付けてしまっても心配いりません。

使用目的にもよりますが、デフォルトのストロークウェイトを使用すると、矢じりが少し小さすぎる場合があります。 矢じりのサイズを大きくするには、ストロークウェイトを大きくするか、矢じりのサイズ自体を大きくするかの2つの方法があります。

ストローク重量を増やすには 重量 の上部に設定します。 ストローク これで矢じりの大きさも大きくなりますが、線もかなり太くなります。

矢印の部分だけ増やすには スケール の下に設定します。 開始/終了 ドロップダウン・メニュー

を使用することもできます。 整列 オプションを使用すると、線のアンカーポイントが矢じりの先端と矢じりの基部のどちらに一致するかを調整できます。

おめでとうございます!これでInDesignで矢印が作れました!これで基本はOKですが、レイアウトにぴったりの矢印を作るまで、色やストロークタイプなどを追加して組み合わせることができます。

方法2:ペンツールで曲がった矢印を作る

矢印をもっと自由な形にしたい場合は、ラインツールでストロークを作成する必要はありません。 InDesignでは、ペンツールで作成した曲線パスを含む、あらゆるベクターパスにストロークを適用することができます これにより、矢のクリエイティブな選択肢が広がります。

に切り替えてください。 ペン ツールを使って ツール パネルまたはキーボードショートカット P 次に、クリック&ドラッグで2点目と線のカーブを設定します。

マウスボタンを離す前に、上図のような曲線のプレビューが表示されます。 ボタンを離すと、現在のストローク設定を使って曲線が描かれます。

カーブを後から調整したい場合は、以下の組み合わせで行います。 ペンツール とのことです。 ダイレクト選択ツール をクリックして、カーブコントロールハンドルとアンカーポイントの位置を調整します。

ストロークパネルを開き、「開始/終了」セクションを使用して、曲線上の適切なポイントに矢じりを追加します。

なぜ私がイラストレーションではなく、写真の道に進んだのか、すぐにわかるはずです😉。

複数のカーブや他の形状を使うこともできます!完璧にまっすぐな矢印を作るのと同じくらい簡単ですが、最終的な結果を完全にコントロールすることができるのです。

さらに高度なカスタム矢印を作りたい場合は、ペンツールで矢印のアウトラインをすべて描き、プリセットの装飾をすべて省略することもできます。 あなた次第です!

方法3:グリフパネルを使って矢印を追加する

InDesignのレイアウトに矢印を追加する方法はもう一つありますが、すべての状況で使えるわけではありません。 多くのプロフェッショナルな書体には、通常のタイピングではほとんど使われない膨大な種類の記号文字がありますが、それらを見つける方法さえ知っていれば、使用できるように待っているのです。

に切り替えてください。 タイプ ツールを使って新しいテキストフレームを作成するか、タイプツールを使って既存のテキストフレーム内にカーソルを置いてください。

次に タイプ メニューをクリックし グリフ を開いてください。 グリフ パネルに表示されます。 キーボードショートカットの シフト + オプション + F11 シフト + アルト + F11 をPCにインストールした場合)。

ダークモードだと検索欄が少し見づらいです

での 検索 の欄に "arrow "と入力すると、現在選択されているフォントが矢印のグリフを持つかどうかがわかります。

検索結果で選んだグリフをダブルクリックすると、テキストフレームに自動的に挿入されます。

また、ベクターシェイプに変換して、テキストフレーム以外のレイアウト要素として使用することもできます。 変換するには、テキストフレーム内の矢印をタイプツールで選択し、タイプメニューから アウトラインの作成 矢印はベクターパスに変換されます。

ベクターパスはテキストフレームに固定されるため、移動はできません。 セレクション ツールを使って コマンド + X まで カット を押して、枠からはみ出させてください。 コマンド + V まで 貼り付け をフレームコンテナの外に出して、ページに戻すことができます。

最後に

InDesignで矢印を作成する最も一般的な方法は以上です!矢印を使わずに視聴者を誘導できるような才能を夢見るのもいいですが、時には大きな赤い矢印で見るべき場所を正確に示す必要があります。 これは多くの時間を節約でき、しばしばより良いユーザー体験をもたらしますが、それこそが本当に重要なことです。

ハッピーディレクション!

Adobe Illustrator のエキスパート、Cathy Daniels です。私はこのソフトウェアをバージョン 2.0 から使用しており、2003 年からチュートリアルを作成しています。私のブログは、Illustrator を学びたい人にとって Web 上で最も人気のある場所の 1 つです。ブロガーとしての仕事に加えて、私は作家およびグラフィック デザイナーでもあります。