Photoshop養成ギプス

【描画色】Webからダイレクト採取する裏技【スポイトツール】

-
psgips
【描画色】パネルを指定色だけで構成する【スウォッチ】
【Photoshop講座】描画色などのカラーをサンプリング(採取)できる[スポイトツール]の使用範囲は、Photoshop のドキュメントウィンドウ内に限られていると思われがちですが、実は、パソコンのデスクトップ画面すべての領域から、サンプリングできる裏技があるのです。この操作を覚えておくと、Web ページの指定色もすばやくサンプリングできます。
デスクトップが見えるようにする!
Photoshop 以外の画面からカラーをサンプリングするので、デスクトップが表示されていなければ操作はできません。画面をすべて覆う「アプリケーションフレーム」の場合は、この機能を無効にしておくことをオススメします。
[ウィンドウ]メニューから[アプリケーションフレーム]を選択すると、ドキュメントウィンドウが分離され、背景にデスクトップが表示されます。後はカンタン! ドキュメントからマウスボタンを押しながら移動させるだけです。
Webブラウザのカラーを採取する方法
これから行う操作は、Web ブラウザに表示されているカラーをサンプリング(採取)する方法です。この方法は、Web ブラウザに限らず、パソコン画面に表示されているすべての領域で可能です。まずはデスクトップ画面が表示されるように設定しましょう。
Webブラウザを表示→[スポイトツール]でカラーをサンプリングする
アプリケーションフレームを無効にする
[ウィンドウ]メニューから、[アプリケーションフレーム]を選択して、チェックマークを外します。
アプリケーションフレームの有効時
アプリケーションフレームの有効時
アプリケーションフレームを無効
アプリケーションフレームを無効
Photoshop パネル類の背景にデスクトップ画面が表示されます。
背景にデスクトップ画面が表示される
背景にデスクトップ画面が表示される(デスクトップピクチャ表示時)
アプリケーションフレームとは?
アプリケーションフレームとは、Photoshop の作業で使うツールやパネルなどの要素を、ひとつのウィンドウ上にまとめたフレームです。無効にすると、ドキュメントウィンドウが分離され、背景にデスクトップ画面が表示されます。
基本がわかる動画を配信中!
チャンネル登録をお願いします!
対象のWebブラウザを表示する
新規ファイル、またはドキュメントを開きます。
ドキュメントを開く
ドキュメントを開く
カラーをサンプリングしたい Web ブラウザ等が見えるように、デスクトップ画面に並べます。
Web ブラウザを表示する
Web ブラウザを表示する
作業のしやすさを考えて配置しておく!
サンプリング中は、ウィンドウの位置を変えることができないので、あらかじめ、カラーをサンプリングしたい Web ブラウザ等が見えるように準備しておきます。サンプリングの対象となるものは、デスクトップに表示されるものなら何でも可能です。
基本がわかる動画を配信中!
チャンネル登録をお願いします!
スポイトツールをドラッグする
[ツール]パネルから、[スポイトツール]を選択します。
[スポイトツール]を選択
[スポイトツール]を選択
Photoshop のドキュメントウィンドウ内(適当な箇所)でマウスボタンを押したままドラッグし、そのまま対象の Web ブラウザに移動します。
ドキュメントからドラッグして移動する
ドキュメントからドラッグして移動する
Web ブラウザ上のカラーをサンプリングしたい位置でマウスボタンを離します。
描画色にサンプリングカラーが表示されます。
マウスボタンを押したままドラッグ→マウスボタンを離す
詳細なサンプリング時には!
[スポイトツール]でのカラーのサンプリングは、1 pixel単位の詳細なものとなるため、複雑な階調を持つ色は、[caps lock]キーを押して、カーソルを[詳細]モードに変更します。
関連記事
psgips
Posted bypsgips