アクアリウムハジメマシタ!!

Photoshopで矢印を描く方法

Photoshopの使い方

今回はPhotoshopの基本中の基本でもある矢印を描く方法です。説明画像などを作る際には頻繁に使うことになると思います。一回イラストレーターなんかに画像を持って行って加工してたら作業効率悪すぎです。ということで今回のPhotoshopの使い方は「Photoshopで矢印を描く方法」です!

ラインツールで矢印を描く方法

まずはラインツールで矢印を描く方法から紹介します。


ラインツールで矢印を描く方法

ラインツールで矢印を描く方法

complesso.jp

Photoshopのツールパネルからラインツールを選択します。ラインツールは画像の赤枠部分の長方形ツールを長押しすれば選択できます。

ラインツールで矢印を描く方法

ラインツールで矢印を描く方法

complesso.jp

これがラインツールです。

ラインツールで矢印を描く方法

ラインツールで矢印を描く方法

complesso.jp

これがラインツールを選択するとツールバーに画像のような歯車ボタンが登場します。これをクリックしましょう。

ラインツールで矢印を描く方法

ラインツールで矢印を描く方法

complesso.jp

ラインツールのパスオプションがポップアップででてきます。赤枠部分の矢印となっているところに注目します。矢印の向きと幅や長さの設定ができます。今回は開始点にチェックをいれて幅と長さはそのままいきます。

ラインツールで矢印を描く方法

ラインツールで矢印を描く方法

complesso.jp

キャンパス上でマウスを動かすと矢印が描けました。このままじゃ見えない矢印なので色をつけます。

ラインツールで矢印を描く方法

ラインツールで矢印を描く方法

complesso.jp

ラインツールのツールバーで塗りや枠線の色設定と枠線の太さ調整ができます。

ラインツールで矢印を描く方法

ラインツールで矢印を描く方法

complesso.jp

これで完成です。次はカスタムシェイプツールで矢印を描く方法です。

カスタムシェイプツールで矢印を描く方法

カスタムシェイプツールとは?

カスタムシェイプツールとは?

complesso.jp

PhotoshopのカスタムシェイプツールはエクセルやNumbers(ナンバーズ)の図形みたいなものです。たくさんのシェイプグループがあり、画像加工に便利なシェイプも多々あるので一回どんなシェイプがあるか確認しておくと後々便利です。

カスタムシェイプがない

カスタムシェイプツールで矢印を描く方法

complesso.jp

ツールバーの赤枠部分をクリックします。ここで挿入したいシェイプを選択することができます。

カスタムシェイプツールで矢印を描く方法

カスタムシェイプツールで矢印を描く方法

complesso.jp

「矢印」を探しクリックします。

カスタムシェイプツールで矢印を描く方法

カスタムシェイプツールで矢印を描く方法

complesso.jp

「矢印」のシェイプグループがオープンするので使いたいシェイプをクリックして選択します。今回は赤枠部分の矢印にしました。

カスタムシェイプツールで矢印を描く方法

カスタムシェイプツールで矢印を描く方法

complesso.jp

キャンパスの上でクリックすると画像のようにサイズ入力画面がポップアップします。幅と高さに適当な数値を入力します。

カスタムシェイプツールで矢印を描く方法

カスタムシェイプツールで矢印を描く方法

complesso.jp

カスタムシェイプツールのツールバーで色や線の太さなんかを調整できます。今回は塗りを黒に、線を赤に、線の太さを5pxにします。

カスタムシェイプツールで矢印を描く方法

カスタムシェイプツールで矢印を描く方法

complesso.jp

完成です。回転とかは通常のオブジェクトの変形と同じようにできます。

カスタムシェイプツールで矢印のシェイプグループがない場合

この問題は記事に追加しときました。Photoshop2020から矢印などの従来のシェイプがかくれんぼして消えてしまっています。だからといってびっくりしなくても大丈夫です。ちゃんと復活させられますので。ということで消えてしまったPhotoshop2020の従来のシェイプの追加方法は以下の記事をご覧ください。