基本操作

【Photoshop】スポイトツールの使い方【新人デザイナー向け】

Photoshopのスポイトツールってどうやって使うんだろう?
そもそもスポイトツールって何だろう?

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

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

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

この記事の信頼性(著者は実務経験者)

  • 仕事でPhotoshopを扱ってきた経験
  • Photoshop歴は5年ぐらい
  • 現在はフリーランスのWebデザイナー

目次

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

Photoshopのスポイトツールとは?

Photoshopのスポイトツールは画面上の好きな色をクリックやドラッグして選択し、その選択した色を描画色にできるツールだよ!

参考にしていた画像などもスポイトツールでクリックすると、なんと正確な色が分かっちゃう!
そのまま、スウォッチに追加したり、ブラシツールでその色を使うこともできるよ!

ブラシツールについては下の記事を参考にしてみてね!

【Photoshop】ブラシツールの使い方【新人デザイナー向け】Photoshopのブラシツールってどうやって使うのだろう? ブラシの素材はどうやって読み込んだら良いのだろう? オリジナルのブラシは作れるのかな? こういった疑問に答えます。...

では実際にスポイトツールを使ってみよう!

スポイトツールのショートカット

  • I

スポイトツールの使い方

  • クリックして描画色にする
  • ドラッグして描画色にする

スポイトツールの使い方はこんな感じ。

NaoG
NaoG
順番に解説するよ~!

クリックして描画色にする

まずはクリックして描画色にする使い方!

  • スポイトツールを選択する
  • 描画色にしたい色をクリックで選択する

クリックして描画色にする流れはこんな感じ。
順番に見て行こう!

スポイトツールを選択する

まずはツールバーのスポイトツールを選択!

ツールバーの位置が分からない人は下の記事を参考にしてみてね!

【Photoshop】 ワークスペースの使い方【新人デザイナー向け】ワークスペースってなんだろう?自分の好きにカスタマイズとか出来るのかな? ワークスペースの保存方法はどうやってやるんだろう? こういった疑問に答えます。...

描画色にしたい色をクリックで選択する

続いて描画色にしたい色をクリックするよ!
クリックするものは画像でも図形でも何でもOK!

今回はこの画像を使って進めていくよ、画像は何でもいいので用意しておいてね!

画像の開き方が分からない人は下の記事を参考にしてみてね!

【Photoshop】画像の開き方【新人デザイナー向け】Photoshopの画像の開き方が分からない。 こういった疑問に答えます。...

画面上の使いたい色をクリック!

するとツールバーの下の方にある描画色がクリックした色に変わるよ!

ツールバーの位置がよく分からない人は下の記事を参考にしてみてね!

【Photoshop】 ワークスペースの使い方【新人デザイナー向け】ワークスペースってなんだろう?自分の好きにカスタマイズとか出来るのかな? ワークスペースの保存方法はどうやってやるんだろう? こういった疑問に答えます。...

ドラッグして描画色にする

続いてドラッグして描画色にする使い方!

  • スポイトツールを選択する
  • 描画色にしたい色をドラッグで選択する

ドラッグして描画色にする流れはこんな感じ。
順番に見て行こう!

スポイトツールを選択する

まずはツールバーのスポイトツールを選択!

ツールバーの位置が分からない人は下の記事を参考にしてみてね!

【Photoshop】 ワークスペースの使い方【新人デザイナー向け】ワークスペースってなんだろう?自分の好きにカスタマイズとか出来るのかな? ワークスペースの保存方法はどうやってやるんだろう? こういった疑問に答えます。...

描画色にしたい色をドラッグで選択する

続いて描画色にしたい色をドラッグするよ!
ドラッグをして色を選択する場合は、Photoshop以外の色を選択することも可能!

今回はこんな感じで幅1280px、高さ720px、解像度72のドキュメントを使って進めていくよ!
ここではスポイトツールをドラッグで使いたいだけなので、ドキュメントサイズは何でもOK!

ドキュメントの作り方がよく分からない人は下の記事を参考にしてみてね!

【Photoshop】ドキュメントの使い方【作成方法とサイズ変更】Photoshopのドキュメントの使い方がよく分からない。 ドキュメントのサイズ変更ってどうやってやるんだろう。 ドキュメントが作れないと何もできないし、どうしたらいいのか分からない。 こういった疑問に答えます。...

Photoshopでクリックをしてそのまま画面外にドラッグをして描画色にしたい色の上で離すとその色を描画色にできるよ!

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