更新履歴 [2022年01月22日]「Mapbox の地図データをサイト内に埋め込む基本的な使い方」を更新。
トップページ > ソフトウェアの操作 > Photoshop で塗りつぶしツールを利用して色を変更する方法
Photoshop で塗りつぶしツールを利用して色を変更する方法
[初回公開] 2019年08月11日
Photoshop の機能である塗りつぶしツールでキャンバス上の図形や写真などの塗りを瞬時に違う色に塗り替えたり、塗り替える範囲を選択して色を変更する方法について解説する。
1. 塗りつぶしツールとは
Photoshop に搭載されている塗りつぶしツールとは、予め塗り替えたい色を指定しておき、キャンバス上でマウスでクリックした箇所が瞬時に指定した色に置き換わる機能である。
下図のように塗つぶしツールが選択された状態はパターンや不透明度の設定ができるバーが表示され、単色のベタ塗りだけでなく、柄模様やオーバーレイを利用した塗りを適用することができる。
2. 範囲を指定せずに色を塗り替える方法
Photoshop の塗りつぶしツールを範囲を指定せずに色を置き換える場合は、ソフトが自動的に色の境界線や透明・不透明の境界を判断して色が変わる。
例えば下図のイラストで赤枠の箇所を塗りつぶしツールで色を置き換える。
次にツールバーの塗りのアイコンをクリックしてカラーピッカーを表示し、塗り後の色を選択してボタン「OK」をクリックする。
ツールバーが表示されていない場合は上部メニューより「ウィンドウ -> ツール」を選択するとツールバーが表示される。
また、カラーピッカーは上部メニューの「ウィンドウ -> カラー」を開いても表示することができる。
色の指定は RGB で値を入力する他、ウィンドウ内の左側にある○アイコンをドラッグしてするマウス操作でも色の指定が可能である。
置き換え後の色を指定できれば、同じくツールバーにあるバケツのアイコンをクリックして「塗りつぶしツール」を選択する。
最後に色を変更した箇所をマウスでクリックすると置き換かわる。
今回であればクリックした箇所の色が不透明部分に囲まれていたため、それが境界線となり部分的に色が置き換わったのが確認できる。
この時、色と色の境界がくっきりしているほど色の置き換えが行いやすくなる。
また、塗りつぶしツールを選択しても色が変わらない場合は、上部メニューより「ウィンドウ -> レイヤー」を開いて Photoshop で開いているイラストや写真があるレイヤーを右クリックして「レイヤーをラスタライズ」を選択することで編集可能な状態になり、色を置き換えることができる。
3. 塗り替える範囲を指定して色を変える方法
塗りつぶしツールをツールバーから選択してそのまま利用するとソフトが自動的に色の境界線を判断して色の置き換えを行ってくれるが、自身で置き換えたい箇所を指定することもできる。
上図のようにツールバーにある選択ツールで色を置き換えたい箇所を指定した後に塗りつぶしツールを選択して選択箇所をマウスでクリックすると、選択範囲のみ色の置き換えを行うことができる。
関連記事
Adobe, Illustrator, ソフトウェア
Illustrator は印刷物の元となるデータ作成に用いられることが多いが、印刷業者に手配する場合は実物のデザインよりも一回り大きく印刷する必要があり、その印となるトンボを Illustrator のアートボードに設置する方法を紹介する。
Adobe, Illustrator, ソフトウェア
Illustrator でアートボード上に設置した図形の塗りを単色ではなく、線形または円形の方向へ徐々に色が変わるグラデーションの効果を与える方法について紹介する。
Illustrator でアートボード外の背景色を変更する方法
Adobe, Illustrator, ソフトウェア
Illustrator にはアートボードと呼ばれる図形などオブジェクトを配置したりイラストを絵画する領域があるが、旧バージョンではアートボード全体の背景色が白色であったのに対して現在ではアートボード以外の領域はグレーになっているのでこの色を変更する方法について紹介する。
Photoshop でプログラムエラーで落ちる場合の対応方法
Adobe, Photoshop, ソフトウェア
Photoshop を利用していると「プログラムエラー」と表示されてフリーズ、または Photoshop 自体が落ちる事象が発生することがあり、「プログラムエラー」が表示される原因と対応方法について紹介する。
Dreamweaver で HTML 内のコメントなど不要なタグを一括削除する方法
Adobe, Dreamweaver, Web制作, ソフトウェア
ウェブサイトを HTML タグで組み上げる中で、サイト作成ソフトを利用すると HTML ソース内にコメントタグが残ることがあったり、複数人で作業する場合は情報共有のためコメントを残すことがあるが、これらブラウザで表示する上で不要なタグを Dreamweaver を使って一括で削除する方法を紹介する。
検索
タグ一覧
- 素材 (48)
- 基礎知識 (24)
- Adobe (23)
- ソフトウェア (23)
- Movable Type (22)
- Web制作 (17)
- Photoshop (13)
- 仮想OS (13)
- サーバ (11)
- CSS (10)
- Excel (7)
- SQL (7)
- マクロ (7)
- Illustrator (6)
- プログラム (5)
- API (4)
- Dreamweaver (4)
- Google (4)
- PHP (4)
- SEO (4)
- Wordpress (4)
- データベース (4)
- 携帯端末 (4)
- JavaScript (3)
- Yahoo (3)
- デザイン (3)
- フォント (3)
- 保守運用 (3)
- 副業 (3)
最新記事
