基本操作

【Photoshop】カスタムシェイプツールの使い方【新人デザイナー向け】

Photoshopのカスタムシェイプって何?
カスタムシェイプってどうやって使うのだろう?
カスタムシェイプってどうやって追加するのだろう?
オリジナルのカスタムシェイプが作りたい!

こういった疑問に答えるよ!

NaoG
NaoG
やぁ!みんな!元気?

クリエイターの@NaoGです。

目次

  • Photoshopのカスタムシェイプとは?
  • カスタムシェイプツールの使い方
  • カスタムシェイプの追加
  • カスタムシェイプの書き出し
NaoG
NaoG
ではゆこう!
【7日間の体験版】Photoshopを無料で始める手順【失敗しない学習法】Photoshopの学習をしたいけど、どうやって始めるんだろう? 使い方も分からないし、いくらかかるんだろうか、、、。 これからPhotoshopを学習したいので「失敗しない学習法」を知りたいです。 こういった疑問に答えます。...

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

Photoshopのカスタムシェイプツールは図形ツールの一つだよ!
手軽にシェイプを作ることが可能!

カスタムシェイプツールのショートカット

  • U

カスタムシェイプツールのショートカットはこんな感じ。

ラインツールから、Shift+Uでカスタムシェイプツールに切り替えることができるよ!

カスタムシェイプツールの使い方

  • 使いたいカスタムシェイプを選択する
  • カスタムシェイプの作成
  • カスタムシェイプのサイズ変更
  • カスタムシェイプの削除

カスタムシェイプツールの使い方はこんな感じ。

NaoG
NaoG
順番に解説するよ!

使いたいカスタムシェイプを選択する

メニューバーの「ウィンドウ」から「シェイプ」を選択!

使いたいカスタムシェイプを選択!

カスタムシェイプの作成

  • クリックして作成
  • ドラッグして作成

カスタムシェイプの作り方はこんな感じ。

NaoG
NaoG
順番に解説するよ!

クリックして作成

ツールバーのカスタムシェイプツールを選択している状態で、ワークスペース上でクリック!

作成したいカスタムシェイプのサイズを入力しOKを選択!
ここでは350px×300pxとして進めるよ!

カスタムシェイプを作ることができたね!

ドラッグして作成

ツールバーのカスタムシェイプツールを選択している状態で、ワークスペースでShiftを押しながらドラッグ!

カスタムシェイプを作ることができたね!

カスタムシェイプのサイズ変更

カスタムシェイプのサイズはカスタムシェイプツールを選んでいる状態でコマンドバーから変更できるよ!

カスタムシェイプの削除

レイヤーパネルから削除したいカスタムシェイプを選択してゴミ箱をクリック!っぽい!

カスタムシェイプが削除できたね!

カスタムシェイプの追加

  • オリジナルのカスタムシェイプを追加する
  • 素材を読み込む

カスタムシェイプの追加方法はこんな感じ!
順番に見て行こう!

オリジナルのカスタムシェイプを追加する

まずは追加したい好きなシェイプを作るよ!

続いてツールバーのパス選択ツールを選択!

シェイプ上で右クリックして、「カスタムシェイプを定義」を選択!

オリジナルのカスタムシェイプを追加することができたね!

素材を読み込む

カスタムシェイプは読み込んで使うこともできるよ!


http://www.shapes4free.com/photoshop-custom-shapes/arrows-photoshop-shapes/

今回はこの矢印のカスタムシェイプを使うよ!

ダウンロードをクリック!

解凍後「arrows-Shapes4FREE.csh」を右クリックして、「開く」を選択!

「開く」を選択!

素材を読み込むことができたね!

カスタムシェイプの書き出し

書き出したいカスタムシェイプを選択して、右クリックから「選択したシェイプを書き出し」を選択!

ファイル名を入力して、保存して完了!

NaoG
NaoG
今日も来てくれてありがとう、またね!
【無料で有益】現役デザイナーがおすすめするWebデザインスクール3社Webデザインを学びたいけど、どんなスクールが良いのだろう。 調べてみるとデザインスクールは山のようにあるし、 そもそもなに基準...
【40点プレゼントの体験版】Adobe Stockを無料で始める手順Adobe Stockを利用したいけど、どうやって始めるんだろう? そもそも、いくらかかるんだろうか、、、。 これからAdobe Stockの契約を考えているので「Adobe Stockの始め方」を知りたいです。 こういった疑問に答えます。...
【7日間の体験版】Photoshopを無料で始める手順【失敗しない学習法】Photoshopの学習をしたいけど、どうやって始めるんだろう? 使い方も分からないし、いくらかかるんだろうか、、、。 これからPhotoshopを学習したいので「失敗しない学習法」を知りたいです。 こういった疑問に答えます。...