Photoshopで矢印を描画する方法を現役エンジニアが解説【初心者向け】

初心者向けにPhotoshopで矢印を描画する方法について解説しています。ラインツールを使うことで矢印の描画を行うことができます。基本の矢印の作成方法と、作成後に矢印の種類を変更する方法を見ていきましょう。

TechAcademyマガジンは受講者数No.1のオンラインプログラミングスクールTechAcademy [テックアカデミー]が運営。初心者向けに解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。

Photoshopで矢印を描画する方法について、TechAcademyのメンター(現役エンジニア)が初心者向けに解説します。

なお本記事は、TechAcademyのオンラインブートキャンプPhotoshop講座のカリキュラムをもとに執筆しています。

 

田島悠介

今回は、Photoshopに関する内容だね!

大石ゆかり

どういう内容でしょうか?

田島悠介

矢印を描画する方法について詳しく説明していくね!

大石ゆかり

お願いします!

目次

 

矢印を描画する方法

  1. ツールバーのラインツールアイコンを選択します

  2. オプションバー の歯車アイコンをクリックしパスオプションパネルを開きます
  3. パスオプションパネルの「矢印」にある「開始点」または、「終了点」にチェックをいれ矢尻の位置を指定します

  4. カンバス上の矢印を表示したい位置をドラッグし矢印を描画します

 

[PR] Webデザインで挫折しない学習方法を動画で公開中

矢印の種類を変更する方法

  1. オプションバー の歯車アイコンをクリックしパスオプションパネルを開きます
  2. 「へこみ具合」の値を調整し、矢尻角度を変更します

  3. カンバス上の矢印を表示したい位置をドラッグし矢印を描画します

 

矢印を変形する方法

  1. パス選択ツールをクリックします
  2. パス選択ツールで、矢印をクリックしアンカーポイントを表示します

  3. アンカーポイントを移動したり、削除することで矢印を変形します
  4. アンカーポイントに変更を加えると「ライブシェイプがパスに変わります。」というメッセージが表示されます
  5. 「はい」をクリックし、変形を確定します

また、「編集」ー「自由変形」または「変形」を使い拡大縮小などの変形をすることもできます

 

まとめ

素早く簡単に矢印を描画したい場合、ラインツールを使った矢印の作成はとても便利です。

 

監修してくれたメンター

メンターOM

Webデザインの勉強のためロサンゼルスに留学。
その後、現地のWeb制作会社に就職し、Webデザイナーとしてのキャリアをスタート。

現在もロサンゼルスで働く傍ら、フリーランスのWebデザイナーとして、
アメリカだけでなく日本からのWeb制作も請け負う。
また、画像のリタッチが得意なので、しばしばリタッチの依頼も請け負う。

 

大石ゆかり

内容分かりやすくて良かったです!

田島悠介

ゆかりちゃんも分からないことがあったら質問してね!

大石ゆかり

分かりました。ありがとうございます!

 

TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインブートキャンプ Photoshop講座を開催しています。

現役デザイナーに毎日チャットで質問することができます。