WEB業界で働く人や興味がある人に役立つ情報サイト“qam(カム)”

かと

2024/09/04

【Photoshop】Photoshopでいろいろな矢印を作る方法

投稿者: かと
カテゴリー: デザイン >Photoshop

Photoshopを使って簡単に矢印を作ることができます。
今回は2種類のツールを使った矢印の作り方をそれぞれご紹介します!
作りたいイメージに合わせて作ってみましょう!

ラインツールを使って作る矢印

1つ目の作り方として、ラインツールを使った作り方を説明していきます。

まずはツールバーの「ラインツール」を選択します。

設定メニュー内の[矢印]の[開始点]にチェックを入れ、各項目の数値を指定していきます。

・幅:三角部分の幅
・長さ:三角部分の長さ
・へこみ具合:三角部分にある角度の割合
三角部分が縦長の矢印を作る場合は[長さ]を大きめに、
三角部分が横長の矢印を作る場合は[幅]を大きめに設定してください。

矢印の四角部分の太さは、設定メニューの右側にある「線の太さ」で調節します。

矢印の設定ができたら、ラインを引く時と同じようにキャンバス上でスライドさせて矢印ができたら完成です!

カスタムシェイプツールを使って作る矢印

2つ目の作り方として、カスタムシェイプツールを使った作り方を説明していきます。

まずは「ウィンドウ → シェイプ」を選択し、シェイプのパネルを表示します。

パネルが表示されたら、右上にある3本線を選択し、[従来のシェイプとその他]を選択します。

パネル内に[従来のシェイプとその他]が表示されたら、「矢印」を選びます。
その中から作りたい形の矢印を選択し、ラインツールの時と同じように、キャンバス上でスライドさせて矢印ができたら完成です。

まとめ

矢印の幅や長さの調節は何度も作っていくと、思い通りの矢印を作れるようになります。
カスタムシェイプツールを使った作り方ではいろいろ形状の矢印が作れるので、イメージに合った矢印を制作してみてください!

コーディング業務のご依頼、ご相談の詳細についてはこちらから

最後までお読みいただき、ありがとうございました。

よろしければシェアしていただければ幸いです。

  • このエントリーをはてなブックマークに追加

関連記事

よろしければこちらの記事もお読みください。

WEB業界ならqam!qam(カム)はWEB業界で働く人や興味がある人に役立つ情報サイトです。
マーケティングやデザイン、マークアップ(コーディング)、プログラム、トレンドなどの情報をqamライター陣が執筆。噛めば噛むほど(読めば読むほど)制作・開発や運営・運用、業界知識やノウハウを学ぶことができます。

トップへ