MENU
  • 動画編集・映像制作
    • 動画編集の始め方
    • 動画編集スクール
    • 動画編集ソフト
    • Adobe Premiere Pro
  • 写真の撮り方
    • デジタルカメラ
    • 一眼レフの使い方
    • ストロボの使い方
    • 料理写真の撮り方
  • 画像編集
    • Luminar
    • Photoshop
    • Aurora HDR
    • 現像・画像編集ソフト
  • Adobe
  • 雑記
    • マネー
写真の撮り方や画像編集を解説
長谷川敬介 -カメラマン-
  • 動画編集・映像制作
    • 動画編集の始め方
    • 動画編集スクール
    • 動画編集ソフト
    • Adobe Premiere Pro
  • 写真の撮り方
    • デジタルカメラ
    • 一眼レフの使い方
    • ストロボの使い方
    • 料理写真の撮り方
  • 画像編集
    • Luminar
    • Photoshop
    • Aurora HDR
    • 現像・画像編集ソフト
  • Adobe
  • 雑記
    • マネー
ゼロからわかる【カメラ講座】全32話
  1. ホーム
  2. 画像編集
  3. Photoshop
  4. 【Photoshop】シェイプツールの使い方

【Photoshop】シェイプツールの使い方

2022 5/08
Photoshop
2019年10月3日 2022年5月8日
長谷川敬介
【Photoshop】シェイプツールの使い方

こんにちは!カメラマンの長谷川です!

カメさん

シェイプツールってどうやって使うの?

カメさん

使い方を覚えてみたい

と思ってませんか?

この記事では、「Photoshopのシェイプツールの使い方」をお伝えします。

長谷川敬介

シェイプとは、日本語で「図形・形状」のことです!

Adobeフォトプラン

\ 7日間無料で楽しめる /

無料で体験する

【無料で始める】から7日間の無料体験

いつでも解約ができます

タップできる目次
長谷川 敬介

1984年生まれ。長野県出身。プロ歴5年・写真歴12年のカメラマン(料理撮影がメイン)。合同会社ケーエスの代表。

» プロフィール詳細

Photoshopのシェイプツールとは

Photoshopのシェイプツールとは

Photoshopのシェイプツールは、長方形や楕円形を作成することができます。

シェイプツールで描いた図形は、ベクトル画像なので、拡大・縮小などの変形を行っても画質を保つことができます。]

ベクトル画像については、「Photoshopのラスタライズってなに?」で詳しく説明しています。

またシェイプは、「塗り」と「線」の情報を持っています。

Photoshopのシェイプツールとは

どちらも、後で自由に変更することができます。

変更できることの具体例としては、

  • 塗りの種類(ベタ塗り・グラデーション・パターン)
  • 色
  • 線の種類と色
  • 線の幅

などです。

目次に戻る

Photoshop シェイプツールの使い方

シェイプツールには、長方形ツールや楕円形ツールなどがありますが、操作方法はどれもほぼ同じです。

なので、ここでは長方形ツールの使い方をご紹介します。

全体の流れ
  1. 長方形ツールを選択
  2. シェイプを選択
  3. 「塗り」や「線」の色を指定しよう
  4. 線の幅を指定しよう
  5. ドラッグもしくは、クリックで長方形を描く

1 長方形ツールを選択

まず画面左のツールバーの中にある、長方形ツールを選択します。

シェイプツールの使い方

もし、ツールバーに表示されていない場合は、「・・・」の中に収納されているハズです。

「・・・」をマウス長押しして、長方形ツールを選択します。

Photoshop シェイプツールの使い方

2 シェイプを選択

長方形ツールを選択すると画面上部のオプションバーは下記のような表示になります。

シェイプツールの使い方

オプションバーの左にある「ツールモードを選択」から、「シェイプ」を選択します。

シェイプツールの使い方

3 「塗り」や「線」の色を指定しよう

次は、「塗り」と「線」の色を指定します。

「塗り」の文字の右側をクリックします。

シェイプツールの使い方

するとカラー一覧が表示されます。

お好みの色を選択します。

シェイプツールの使い方

表示されたから一覧に、お好みの色がない場合は、カラーピッカーから色を指定しましょう。

やり方は、右上のカラーピッカーをクリックします。

シェイプツールの使い方

するとカラーピッカーのポップアップが表示されます。

シェイプツールの使い方

カラーピッカーでは、4種類のやり方で色を指定することができます.

  1. グラデーションから選ぶ
  2. 数値を入力する
  3. カラーコードを指定する
  4. スポイトで画面内の色を指定する

「塗り」の色を指定したら、同様の手順で「線」の色も指定します。

4 線の幅を指定しよう

オプションバーにある「シェイプの幅を指定」の数値を、任意の数字に設定します。

シェイプツールの使い方

これで最低限の設定は完了です。

5 ドラッグもしくは、クリックで長方形を描く

次は実際に画面内に長方形を描きます。

やり方は、2つあります。

  • ドラッグして長方形を描く
  • クリック後に、横幅と縦幅を指定する。

ドラッグして長方形を描く

ドラッグして長方形を描く時、キーボードのシフトを押しながらドラッグすると正方形を描くことができます。

Photoshop シェイプツールの使い方

クリック後に、横幅と縦幅を指定する

長方形ツールを選択した状態で画面上をクリックすると、「長方形を作成」と言うポップアップが表示されます。

ここで、「幅」と「高さ」を指定することもできます。

シェイプツールの使い方

シェイプツールの一通りの使い方は、以上です。

目次に戻る

Photoshop シェイプツールの種類

次はシェイプツールの種類についてお伝えします。

シェイプツールは次の6つの種類があります。

  1. 長方形ツール
  2. 角丸長方形ツール
  3. 楕円形ツール
  4. 多角形ツール
  5. ラインツール
  6. カスタムシェイプツール

長方形ツール

長方形ツールは長方形を描くことができます。

シフトを押しながらドラッグすることで正方形を描くことができます。

Photoshop シェイプツールの種類
長方形ツール

角丸長方形ツール

角丸長方形ツールは、四角の角が丸い長方形を描くことができます。

Photoshop シェイプツールの種類
角丸長方形ツール

オプションバーにある「角丸の半径」を指定することで、どれだけ丸みを帯びた長方形にするのか調整することができます。

Photoshop シェイプツールの種類

また角丸長方形ツールもシフトを押しながらドラッグすると正方形になります。

楕円形ツール

楕円形ツールは楕円形を描くことができます。

こちらも、キーボードのシフトを押しながらドラッグすると、正円になります。

Photoshop シェイプツールの種類
楕円形ツール

多角形ツール

多角形ツールでは、多角形を描くことができます。

Photoshop シェイプツールの種類
多角形ツール

オプションバーにある「角数」を指定することで、何角形にするか設定することができます。

「3〜100」まで設定が可能です。

Photoshop シェイプツールの種類

ラインツール

ラインツールは線を描くことができます。

Photoshop シェイプツールの種類
ラインツール

オプションバーの右の方にある「線の太さ」の項目で、線の太さを指定します。

Photoshop シェイプツールの種類

また、ラインツールでは矢印を作ることもできます。

やり方は、まずオプション回の歯車のアイコンをクリックします。

Photoshop シェイプツールの種類

表示された中の矢印の項目を設定してから、画面内をドラッグします。

Photoshop シェイプツールの使い方

カスタムシェイプツール

カスタムシェイプツールでは、様々な形が用意されています。

Photoshop シェイプツールの種類

例えば、

  • 動物
  • 矢じるし
  • 音符
  • 星
  • 吹き出し

などです。

好きな形を選択して選択すれば、簡単にその図形を描くことができます。

Photoshop シェイプツールの種類

カスタムシェイプツールも、「Shift」を押しながらドラッグすれば、縦横比が同じ図形を描くことができます。

目次に戻る

一緒に覚えておくと便利な機能!”整列・等間隔に分布”

複数のシェイプツールを使う場合覚えておくと便利なのが、「整列・等間隔に分布」です。

整列

整列・等間隔に分布

整列では、複数のシェイプツールを揃えることができます。

使い方は、まず「移動ツール」を選択します。

整列・等間隔に分布

次に、複数のシェイプを選択します。

これは、「画面上で選択」しても、「レイヤーパネル内で選択」してもどちらでも大丈夫です。

複数のシープツールを選択すると、オプションバーの整列の項目が、選択可能の状態になります。

整列・等間隔に分布

このアイコンをクリックすると整列します。

Photoshop シェイプツールの使い方

等間隔に分布

整列・等間隔に分布

等間隔に分布では、3つ以上のシェイプツールを、等間隔に並べることができます。

やり方は、「整列」とほぼ同様の手順です。

移動ツールを選択して、3つ以上のシェイプツールを選択します。

整列・等間隔に分布

次にオプションバーにある「・・・」のアイコンをクリック。

整列・等間隔に分布

表示された項目内の「等間隔に分布」を選択します。

整列・等間隔に分布

すると選択しておいたシェイプツールが等間隔に並びます。

ちなみに「整列・等間隔に分布」の両方を行うとこうなります!

Photoshop シェイプツールの使い方
目次に戻る

まとめ

以上「Photoshopのシェイプツールの使い方」についてお伝えしました。

Photoshopはたくさんの機能があって覚えるのも大変かもしれないですが、少しずつ触れば慣れます。

ぜひ、できるところからやってみて下さい!

また、画像編集ソフトの「Luminar AI」もオススメです!

人工知能が画像編集を手伝ってくれます!(シェイプツールはないですけど・・)

Adobeフォトプラン

\ 7日間無料で楽しめる /

無料で体験する

【無料で始める】から7日間の無料体験

いつでも解約ができます

Photoshop
よかったらシェアしてね!
  • URLをコピーしました!
  • 【Photoshop】クリッピングマスクの使い方
  • 【Photoshop】写真をセピア調にする3つのやり方

関連記事

  • Photoshop 2022の新機能!「風景ミキサー」の使い方
    2022年5月8日
  • 【Photoshop・Luminar 4】曇り空を青空にするレタッチ方法
    【Photoshop・Luminar 4】曇り空を青空にするレタッチ方法
    2022年5月8日
  • Photoshop-Elements使い方
    【演習つき】Photoshop Elements(フォトショップ エレメンツ)の使い方
    2022年5月10日
  • 【Photoshop】写真をセピア調にする3つのやり方
    【Photoshop】写真をセピア調にする3つのやり方
    2022年5月8日
  • 【Photoshop】クリッピングマスクの使い方
    【Photoshop】クリッピングマスクの使い方
    2022年5月8日
  • Photoshopでグリッドを表示・設定変更の方法
    【Photoshop】グリッドを表示・設定変更の方法
    2022年5月8日
  • Photoshopのラスタライズってなに?
    Photoshopのラスタライズってなに?
    2022年5月8日
  • 【初心者向け】 Photoshopの使い方!基本~写真加工の方法まで
    2022年6月30日

コメント

コメントする コメントをキャンセル

長谷川 敬介
カメラマン
プロ歴5年・写真歴12年のカメラマン。

合同会社ケーエス代表

広告写真スタジオを経て独立。2022年2月に合同会社ケーエスを設立。
プロフィール
当サイトの引用について

当サイトはリンクフリーです。記事本文・画像を引用した場合、リンクを貼っていただければ問題ございません。また、当サイトを引用した記事はTwitterで拡散することも可能です。ご希望の方は、TwitterのDMまでご連絡ください

この記事の目次
人気記事
  • 写真編集ソフトおすすめランキング
  • Adobe CCを安く買う方法!アカデミック版が格安
  • カメラのサブスク(月額・定額制)を比較
  • 動画編集・動画制作おすすめオンラインスクール【社会人向け】
オススメ画像編集ソフト
  • Luminar AI(ルミナー エーアイ)
  • Lightroom(ライトルーム)
  • Photoshop(フォトショップ)
  • PhotoDirector(フォトディレクター)
  • SILKYPIX Developer Studio Pro10
  • Zoner Photo Studio X
運営メディア
  • ウチジム
  • ミールデリ
  • 合同会社ケーエス
  • 運営者情報
  • サイトマップ
  • プライバシーポリシー
  • サイトポリシー
  • 特定商取引法に基づく表記
  • お問い合せ

© 2021 長谷川敬介

タップできる目次