【Photoshop】矢印の作成(線の矢印,塗り矢印,色,太さ)

投稿者: | 2022年2月23日
PhptoShopアイコン

バージョン

PhotoShop2022(23.1.1)

 

本日は矢印の作成方法をご紹介します。

それではいってみましょう!

 

矢印の作成方法

手順

・ラインツールを使用

・矢印の開始点または終了点を指定

・線、塗り、色、太さを設定

・カンバスをドラッグ

ざっくり4手順で作成できます(*゚▽゚)ノ

 

矢印の方向を指定(開始点と終了点)

矢印を作成する際に方向の指定ができる開始点終了点という機能があります。まずはこういった基本をマスターすることにより後々便利に作成することが可能になります。

 

ラインツール

まず最初にラインツールを選択します。

上のオプションバーからシェイプやパスのオプションを追加設定を選択します。

1シェイプ設定

 

開始点に矢印

開始点にチェックを入れてカンバスを左から右にドラッグすると、下記のように最初にクリックした方に矢印が作成されます。

2開始点開始点

 

 

 

終了点に矢印

終了点にチェックを入れてカンバスを左から右にドラッグすると、下記のようにドラッグの末尾に矢印が作成されます。

3終了点終了点

 

 

 

開始点と終了点に矢印(両矢印)

開始点と終了点の両方にチェックを入れると両矢印が作成できます\(^^)/

4開始点と終了点両矢印

 

線の矢印を作成

ラインツール

ラインツールを選択します。

上のオプションバーからシェイプを選択します。

6_1シェイプ

 

色と太さを設定

塗り無効にします。

6_2塗り無効

お好きな太さを設定します。

6_3線の色と太さ

 

線の矢印を描画

Shihtキーを押しながら、にドラッグで水平な矢印が作成できます。
線の矢印水平

Shihtキーを押しながら、にドラッグで垂直の矢印が作成できます。

線の矢印垂直

 

塗りの矢印を作成

ラインツール

ラインツールを選択します。

上のオプションバーからシェイプを選択します。

6_1シェイプ

 

色を設定

塗りを選択してお好きなを設定して、無効にします。

7塗り設定

 

塗りの矢印を描画

Shihtキーを押しながらにドラッグで、水平の矢印が作成できます。

塗りの矢印水平

Shihtキーを押しながらにドラッグで、垂直の矢印が作成できます。

垂直の矢印塗

太い線の矢印

太い線の矢印を作成したい場合は、塗り線の色一緒の色にして、太さ設定します。

15太い矢印の設定

16太い矢印完成

 

矢印の大きさを調整(長さ,幅,へこみ具合)

矢印の大きさを変えたい時は、上のオプションバーからシェイプやパスのオプションを追加設定を選択して長さへこみ具合を調節することで変更できます。

1シェイプ設定


の数値を、長さの数値より大きくすることにより横長の矢印が作成できます。

【例】幅を150px、長さを70px

9矢印幅設定10矢印幅完成

 

長さ

長さの数値を、の数値より大きくすることにより縦長の矢印が作成できます。

【例】幅を70px、長さを150px

11矢印高さ設定12矢印高さ完成

 

へこみ具合

へこみ具合を50%にすると下記のような変形矢印になります。

マイナスに設定すると逆の山で作成されます。

13矢印へ込み具合設定14矢印へ込み具合完成

 

回転や移動やコピー

回転や移動やコピーは線の作成と一緒です。

 

まとめ

矢印ラインツールを使用することにより、簡単に作成することができますね(^o^)o

以上です。