Photoshopでカラー画像をモノクロに変えてみよう
![](https://mirudakedesign.com/wp-content/uploads/2024/01/c94024c9-962e-455d-9192-db62d2bbbb83-1024x353.webp)
今回は、Photoshopでカラー画像をモノクロ画像に変える方法を3つご紹介します。
![ポイント](https://mirudakedesign.com/wp-content/themes/cocoon-child-master/images/point.png)
一緒に編集してみよう!
- 画像はこちらからダウンロード可能です。
グレースケールを使う方法
グレースケールは最も簡単に画像をモノクロにする事ができます。しかし、カラー画像の情報が破棄されてしまう為注意が必要です。
![ポイント](https://mirudakedesign.com/wp-content/themes/cocoon-child-master/images/point.png)
Q
カラー画像の情報が破棄されるとどんな問題があるの?
A
元の色に戻すことが出来なくなります。今後編集でカラーに戻す予定のある場合は別の方法でモノクロにしましょう。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/ca324d67-6c08-42d6-8ccc-98fe12976855-1024x389.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/01/スクリーンショット-2024-01-29-11.18.19-1024x593.png)
まず、Photoshopで画像を開きます。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
Photoshopで画像を開く方法はこちらの記事を参考にしてみてください。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/fe73c8b0-f9f4-4a06-878c-f59a2a4f7584-1024x727.webp)
メニューバーにあるイメージ → モード → グレースケールをクリックします。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/スクリーンショット-2024-01-29-11.27.44.png)
このような注意書きが出たら破棄をクリックします。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/c94024c9-962e-455d-9192-db62d2bbbb83-1024x353.webp)
グレースケールを使って画像をモノクロにする事ができました!
白黒を使う方法
白黒はカラー画像をモノクロ画像に変えることができる機能です。
モノクロにする際に細かく色味の調整ができる他、カラー情報が破棄されないといったメリットがあります。しかし、カラーモードがCMYKの場合は使用する事ができません。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/1e5dbee7-7ae9-4352-9f38-50c177d0466b-1024x389.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/01/e16bcb22-862e-4f4e-a549-1fd0d4240f33-1024x645.webp)
白黒を出す方法はいくつかあります。
まず1つ目が、Photoshopの画面右側にある色調補正パネルの中から白黒を選ぶ方法です。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/05a2ba32-40d2-49d0-8f01-0c17aab9fe04-1024x647.webp)
2つ目が、メニューバーのイメージ → 色調補正 → 白黒と出す方法です。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/f95cc43a-7e18-4922-b047-24b5e2d42aca-1024x681.webp)
3つ目が、レイヤーパネルの下にある塗りつぶし調整レイヤー → 白黒と出す方法です。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
お好きな方法で大丈夫です。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/download-1-5.gif)
白黒をクリックした瞬間に画像がモノクロになります。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/スクリーンショット-2024-01-29-13.25.24.png)
画像がモノクロになるのと同時に上のようなパネルが出てきます。
このパネルで、各色ごとにモノクロにする明るさの割合を細かく調整することができます。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/download-2-5.gif)
元の画像の背景は黄色です。
イエロー系の値を動かすと、黄色に近い色味の明るさを変えることができます。
![ポイント](https://mirudakedesign.com/wp-content/themes/cocoon-child-master/images/point.png)
%の数値を上げると明るく・下げると暗くなります。
- ちなみに…
- パネル下にある着色にチェックを入れるとモノクロの画像に色を付けることができます。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/82349902-9357-4cec-939d-c25cf16a8ac7-1024x454.webp)
白黒を使って画像をモノクロにする事ができました!
色彩・彩度を使う方法
色相・彩度では、画像の色相・彩度・明度を調整することができます。
今回は彩度を下げて画像をモノクロにしていきます。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/8abc1577-3d76-4356-9a84-b7acea6932a5-1024x389.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/01/5a7bdccd-2045-40c1-a578-10dbf898106e-1024x568.webp)
色相・彩度を出す方法はいくつかあります。
まず1つ目が、Photoshopの画面右側にある色調補正パネルの中から色相・彩度を選ぶ方法です。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/774be2dc-5e8f-4f3c-8e36-cdfd8f0a8e29-1024x646.webp)
2つ目が、メニューバーのイメージ → 色調補正 → 色相・彩度と出す方法です。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/cc4e4349-171e-46a7-a1ee-60e456119a8e-1024x680.webp)
3つ目が、レイヤーパネルの下にある塗りつぶし調整レイヤー → 色相・彩度と出す方法です。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
お好きな方法で大丈夫です。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/download-4-3.gif)
するとこのようなパネルが出てくるので彩度を-100まで下げます。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/15688e20-5b0b-41cc-b986-b8539e06027b-1024x419.webp)
色相・彩度を使って画像をモノクロにする事ができました!
まとめ
今回は、Photoshopでカラー画像をモノクロ画像に変える方法をご紹介しました。
- まとめ
- グレースケール:一番簡単にモノクロにできる。カラー情報が破棄される為注意が必要。
- 白黒:モノクロ画像にする時の細かい色の設定や着色ができる。
- 色相・彩度:彩度を-100にする事でモノクロにできる。
手っ取り早くモノクロにしたい時はグレースケール、細かくモノクロの色味を設定したい時は白黒がおすすめです。白黒と色相・彩度は、カラー画像としての情報を残したまま編集が出来るので、再度画像をカラーに戻す予定のある方は是非使ってみて下さい。
こちらのブログではAdobePhotoshopをはじめ、デザインについての記事を更新しています。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
AdobePhotoshopについての記事一覧はこちら
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
デザイン本が全国の書店で発売中です!
頑張って作ったので、手に取って頂けたら嬉しいです!
コメント