このブログは、ホームページを自分で作ろう としている方や、すでにお持ちのホームページを
もっと素敵にしたい方のために、Webデザイナーのシロウチタカコが、制作のアドバイスや
ホームページにまつわる疑問を解説しています。
もっと素敵にしたい方のために、Webデザイナーのシロウチタカコが、制作のアドバイスや
ホームページにまつわる疑問を解説しています。
![](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fwww.webmagic.jp%2Fblog_images%2Fmess_ranking.gif)
![](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fwww.webmagic.jp%2Fblog_images%2Fmess_ranking_footer.gif)
無料ソフトで暗い写真を明るくきれいに補正する方法
以前ソフトウェア『Paint.NET』のご紹介記事を書かせていただいた際に、真っ暗なカピバラちゃんの写真が、明るくきれいに補正されていましたよね?
![](https://stat001.ameba.jp/user_images/20110219/17/webmagic/77/aa/p/o0530022011060491216.png?caw=800)
「で、どうやってやるんですか
」
というメールをいただきましたので、ここでご紹介したいと思います。
自分で撮影したものって、どうしてもこんな風に暗くなってしまいがち。
ホームページで商品を売りたい方も、暗くては魅力が半減してしまいますね。![ダウン](https://stat.ameba.jp/blog/ucs/img/char/char2/175.gif)
ここで簡単に画像の魅力アップテクニックをゲットしてしまってください![アップ](https://stat.ameba.jp/blog/ucs/img/char/char2/173.gif)
無料ソフトで暗い写真を明るくきれいに補正する方法 ------------
まずここで説明に使用する『Paint.NET』をお持ちでない方は
ここから
ダウンロードしましょう。
Paint.NET
http://www.getpaint.net/
ページの右上からダウンロード【Paint.NET v3.5.6 】できます。
ソフトは日本語対応です。
補正前のカピバラちゃんの写真はこちら![あせる](https://stat.ameba.jp/blog/ucs/img/char/char2/029.gif)
![カピバラ補正前](https://stat.ameba.jp/user_images/20110710/11/webmagic/fd/9a/j/t02200164_0250018611341139722.jpg?caw=800)
本当に真っ暗でございます![ダウン](https://stat.ameba.jp/blog/ucs/img/char/char2/175.gif)
練習してみたい方は、この画像をご自身のPCに保存して一緒にやってみてください。
(保存は画像を右クリックで「名前をつけて保存」ですよ!)
この画像は私が撮ったものなので大丈夫です![ビックリマーク](https://stat.ameba.jp/blog/ucs/img/char/char2/039.gif)
さていってみよ~![ビックリマーク](https://stat.ameba.jp/blog/ucs/img/char/char2/039.gif)
『Paint.NET』上で補正する画像を開く
![](https://stat.ameba.jp/user_images/20110219/22/webmagic/67/92/p/o0595000411061215962.png?caw=800)
このとき、もちろん、ソフトの「ファイル」→「開く」でファイルを開いてもいいのですが、
画像をドラッグ&ドロップすると簡単です
![](https://stat001.ameba.jp/user_images/20110710/12/webmagic/14/9b/p/o0480035911341223616.png?caw=800)
このウィンドウが出てきたら「開く」をクリック
![](https://stat001.ameba.jp/user_images/20110710/12/webmagic/44/f5/p/o0480036011341218634.png?caw=800)
開きたい画像のサイズのまま開かれます。
曲線モードを開く
![](https://stat.ameba.jp/user_images/20110219/22/webmagic/67/92/p/o0595000411061215962.png?caw=800)
方法はいろいろあるのですが、一番簡単かな、と思われる方法をご説明します。
「調整」→「曲線」で、以下のようなウィンドウが表示されます。
![](https://stat001.ameba.jp/user_images/20110710/12/webmagic/d3/9a/p/o0490046811341218649.png?caw=800)
曲線を動かして明るさを調整
![](https://stat.ameba.jp/user_images/20110219/22/webmagic/67/92/p/o0595000411061215962.png?caw=800)
![](https://stat001.ameba.jp/user_images/20110710/14/webmagic/49/3e/p/o0480040011341425537.png?caw=800)
斜線と、中央の縦横線が交わるど真ん中にマウスをもっていき、そのまま真っ直ぐ上にドラッグしていきます。動かし方によって明るさもどんどん変わっていきますね。
これは好みもありますが、ここでは、もう一段上の横線と縦線が交わる少し上のところまで引き上げました。
次にこの「曲線」ウィンドウを開くと、前回動かした最後の状態で出てきます
トーンを明るくする
![](https://stat.ameba.jp/user_images/20110219/22/webmagic/67/92/p/o0595000411061215962.png?caw=800)
「調整」→「色合い/鮮やかさ」をクリックすると、今度はこのようなウィンドウが出てきます。
![](https://stat001.ameba.jp/user_images/20110710/14/webmagic/9e/d3/p/o0571044111341425536.png?caw=800)
ここでは鮮やかさを115
明るさを5
にしてみました。
写真が引き立つ色の状態をいろいろ探してましょう![ビックリマーク](https://stat.ameba.jp/blog/ucs/img/char/char2/039.gif)
次にこの「色合い/鮮やかさ」ウィンドウを開くと、前回の数値の状態で出てきます
さぁ、どうでしょう!
一番最初の暗かったカピバラちゃんと出来上がったものを比べてみましょう![ビックリマーク](https://stat.ameba.jp/blog/ucs/img/char/char2/039.gif)
![](https://stat001.ameba.jp/user_images/20110710/14/webmagic/94/80/p/o0520023011341425538.png?caw=800)
かわいいっすね~≧(´▽`)≦
感覚の鋭いみなさんはすでにお気づきかと思いますが・・・・
実はまだ完成じゃありません(^_^;)
この記事の頭の写真と比べてみるとわかりますね。
カピバラちゃんの後ろ足のところに、なんだか「ゴミ」のようなものが落ちています。
枯れ草かな~
それから、ほんの少しですがカピバラちゃんの輪郭がぼやけています。
もう一息、やってしまいましょう!
複製スタンプでゴミをとる
![](https://stat.ameba.jp/user_images/20110219/22/webmagic/67/92/p/o0595000411061215962.png?caw=800)
今度はツールバーの中の『複製スタンプ』を使います。
![](https://stat001.ameba.jp/user_images/20110710/14/webmagic/d2/45/p/o0379034511341490553.png?caw=800)
クリックすると、上部でブラシの幅を変更できます。
ここでは15にしておきます。
画像の中で、消したい周辺の色にできるだけ近い色のところで、キーボードのCtrl(コントロール)キーを押しながらクリックします。
![](https://stat001.ameba.jp/user_images/20110710/14/webmagic/88/7f/p/o0436031811341490874.png?caw=800)
これで、スタンプにクリックした箇所がコピーされたことになります。
先ほどのブラシの幅の数値が大きければ大きいほど広い範囲をコピーできます。
コピーしたものを消したいものの上で再度クリックします。
そうすると、そこにコピーした箇所の内容がスタンプされます。
何度か同じ作業を繰り返して違和感がないように仕上げます。
輪郭をシャープに
![](https://stat.ameba.jp/user_images/20110219/22/webmagic/67/92/p/o0595000411061215962.png?caw=800)
最後にほんの少し輪郭をシャープに仕上げてみましょう。
「効果」→「写真」→「シャープ」ウィンドウを開きます。
![](https://stat001.ameba.jp/user_images/20110710/14/webmagic/a8/54/p/o0412033611341490552.png?caw=800)
ここでは初期値の「2」で十分かと思います。
一見わかりにくいですが、「キャンセル」を押してみると、その違いがよくわかります。
これで最初に出てきた「補正後」のカピバラになりました![ビックリマーク](https://stat.ameba.jp/blog/ucs/img/char/char2/039.gif)
![](https://stat001.ameba.jp/user_images/20110710/14/webmagic/19/24/p/o0301024011341498127.png?caw=800)
それぞれの数値は、画像によって毎回異なりますので、あとは自分の感覚、センスを頼りに頑張ってください
![](https://stat001.ameba.jp/user_images/20110219/17/webmagic/77/aa/p/o0530022011060491216.png?caw=800)
「で、どうやってやるんですか
![汗](https://stat.ameba.jp/blog/ucs/img/char/char2/028.gif)
というメールをいただきましたので、ここでご紹介したいと思います。
自分で撮影したものって、どうしてもこんな風に暗くなってしまいがち。
ホームページで商品を売りたい方も、暗くては魅力が半減してしまいますね。
![ダウン](https://stat.ameba.jp/blog/ucs/img/char/char2/175.gif)
ここで簡単に画像の魅力アップテクニックをゲットしてしまってください
![アップ](https://stat.ameba.jp/blog/ucs/img/char/char2/173.gif)
無料ソフトで暗い写真を明るくきれいに補正する方法 ------------
![ひらめき電球](https://stat.ameba.jp/blog/ucs/img/char/char2/089.gif)
ここから
![下](https://emoji.ameba.jp/img/user/ma/mametan-aloha/248139.gif)
![クローバー](https://stat.ameba.jp/blog/ucs/img/char/char2/054.gif)
http://www.getpaint.net/
ページの右上からダウンロード【Paint.NET v3.5.6 】できます。
ソフトは日本語対応です。
補正前のカピバラちゃんの写真はこちら
![あせる](https://stat.ameba.jp/blog/ucs/img/char/char2/029.gif)
![カピバラ補正前](https://stat.ameba.jp/user_images/20110710/11/webmagic/fd/9a/j/t02200164_0250018611341139722.jpg?caw=800)
本当に真っ暗でございます
![ダウン](https://stat.ameba.jp/blog/ucs/img/char/char2/175.gif)
練習してみたい方は、この画像をご自身のPCに保存して一緒にやってみてください。
(保存は画像を右クリックで「名前をつけて保存」ですよ!)
この画像は私が撮ったものなので大丈夫です
![ビックリマーク](https://stat.ameba.jp/blog/ucs/img/char/char2/039.gif)
さていってみよ~
![ビックリマーク](https://stat.ameba.jp/blog/ucs/img/char/char2/039.gif)
![1](https://stat.ameba.jp/blog/ucs/img/char/char2/269.gif)
![](https://stat.ameba.jp/user_images/20110219/22/webmagic/67/92/p/o0595000411061215962.png?caw=800)
このとき、もちろん、ソフトの「ファイル」→「開く」でファイルを開いてもいいのですが、
画像をドラッグ&ドロップすると簡単です
![](https://stat001.ameba.jp/user_images/20110710/12/webmagic/14/9b/p/o0480035911341223616.png?caw=800)
このウィンドウが出てきたら「開く」をクリック
![](https://stat001.ameba.jp/user_images/20110710/12/webmagic/44/f5/p/o0480036011341218634.png?caw=800)
開きたい画像のサイズのまま開かれます。
![2](https://stat.ameba.jp/blog/ucs/img/char/char2/270.gif)
![](https://stat.ameba.jp/user_images/20110219/22/webmagic/67/92/p/o0595000411061215962.png?caw=800)
方法はいろいろあるのですが、一番簡単かな、と思われる方法をご説明します。
「調整」→「曲線」で、以下のようなウィンドウが表示されます。
![](https://stat001.ameba.jp/user_images/20110710/12/webmagic/d3/9a/p/o0490046811341218649.png?caw=800)
![3](https://stat.ameba.jp/blog/ucs/img/char/char2/271.gif)
![](https://stat.ameba.jp/user_images/20110219/22/webmagic/67/92/p/o0595000411061215962.png?caw=800)
![](https://stat001.ameba.jp/user_images/20110710/14/webmagic/49/3e/p/o0480040011341425537.png?caw=800)
斜線と、中央の縦横線が交わるど真ん中にマウスをもっていき、そのまま真っ直ぐ上にドラッグしていきます。動かし方によって明るさもどんどん変わっていきますね。
これは好みもありますが、ここでは、もう一段上の横線と縦線が交わる少し上のところまで引き上げました。
![注意](https://stat.ameba.jp/blog/ucs/img/char/char2/301.gif)
![4](https://stat.ameba.jp/blog/ucs/img/char/char2/272.gif)
![](https://stat.ameba.jp/user_images/20110219/22/webmagic/67/92/p/o0595000411061215962.png?caw=800)
「調整」→「色合い/鮮やかさ」をクリックすると、今度はこのようなウィンドウが出てきます。
![](https://stat001.ameba.jp/user_images/20110710/14/webmagic/9e/d3/p/o0571044111341425536.png?caw=800)
ここでは鮮やかさを115
明るさを5
にしてみました。
写真が引き立つ色の状態をいろいろ探してましょう
![ビックリマーク](https://stat.ameba.jp/blog/ucs/img/char/char2/039.gif)
![注意](https://stat.ameba.jp/blog/ucs/img/char/char2/301.gif)
さぁ、どうでしょう!
一番最初の暗かったカピバラちゃんと出来上がったものを比べてみましょう
![ビックリマーク](https://stat.ameba.jp/blog/ucs/img/char/char2/039.gif)
![](https://stat001.ameba.jp/user_images/20110710/14/webmagic/94/80/p/o0520023011341425538.png?caw=800)
かわいいっすね~≧(´▽`)≦
感覚の鋭いみなさんはすでにお気づきかと思いますが・・・・
実はまだ完成じゃありません(^_^;)
この記事の頭の写真と比べてみるとわかりますね。
![サーチ](https://stat.ameba.jp/blog/ucs/img/char/char2/264.gif)
枯れ草かな~
![サーチ](https://stat.ameba.jp/blog/ucs/img/char/char2/264.gif)
もう一息、やってしまいましょう!
![5](https://stat.ameba.jp/blog/ucs/img/char/char2/273.gif)
![](https://stat.ameba.jp/user_images/20110219/22/webmagic/67/92/p/o0595000411061215962.png?caw=800)
今度はツールバーの中の『複製スタンプ』を使います。
![](https://stat001.ameba.jp/user_images/20110710/14/webmagic/d2/45/p/o0379034511341490553.png?caw=800)
クリックすると、上部でブラシの幅を変更できます。
ここでは15にしておきます。
画像の中で、消したい周辺の色にできるだけ近い色のところで、キーボードのCtrl(コントロール)キーを押しながらクリックします。
![](https://stat001.ameba.jp/user_images/20110710/14/webmagic/88/7f/p/o0436031811341490874.png?caw=800)
これで、スタンプにクリックした箇所がコピーされたことになります。
先ほどのブラシの幅の数値が大きければ大きいほど広い範囲をコピーできます。
コピーしたものを消したいものの上で再度クリックします。
そうすると、そこにコピーした箇所の内容がスタンプされます。
何度か同じ作業を繰り返して違和感がないように仕上げます。
![6](https://stat.ameba.jp/blog/ucs/img/char/char2/274.gif)
![](https://stat.ameba.jp/user_images/20110219/22/webmagic/67/92/p/o0595000411061215962.png?caw=800)
最後にほんの少し輪郭をシャープに仕上げてみましょう。
「効果」→「写真」→「シャープ」ウィンドウを開きます。
![](https://stat001.ameba.jp/user_images/20110710/14/webmagic/a8/54/p/o0412033611341490552.png?caw=800)
ここでは初期値の「2」で十分かと思います。
一見わかりにくいですが、「キャンセル」を押してみると、その違いがよくわかります。
これで最初に出てきた「補正後」のカピバラになりました
![ビックリマーク](https://stat.ameba.jp/blog/ucs/img/char/char2/039.gif)
![](https://stat001.ameba.jp/user_images/20110710/14/webmagic/19/24/p/o0301024011341498127.png?caw=800)
それぞれの数値は、画像によって毎回異なりますので、あとは自分の感覚、センスを頼りに頑張ってください