Column
コラム

Photoshopで写真を水彩画風に加工する方法

  • Twitterでシェア
  • このエントリーをはてなブックマークに追加
  • Google+でシェア
  • follow us in feedly
Photoshopで写真を水彩画風に加工する方法

普段はあまり使うことはないですが、たまに画像を水彩画風に加工が必要になることがあります。
その度に加工方法を検索し調整をするのが面倒になってきたので備忘録としてまとめることにしました。
すべての画像でうまくいくわけではないですし、個々の画像にあわせて調整が必要ですが、とりあえずそれっぽくなればいいなという人がいれば試してみてください。

まずは水彩画のベースを作る

201610_dcolumn01

今回はこんな風景画像を使用します。
作業を始める前に、描画色・背景色は黒・白にしておいてください。
まず背景画像を複製します。

201610_dcolumn02

【フィルタ】→【フィルターギャラリー】を選択。
アーティスティックの水彩画を選択し、ブラシの細かさ:7・シャドウの濃さ:0・テクスチャ:1でOK。

201610_dcolumn03

更に、同じレイヤーをぼかします。
【フィルタ】→【ぼかし(詳細)】を選択し、半径:10・しきい値:25・画質:高・モード:標準にします。

画像全体を明るくする

201610_dcolumn04

水彩画は淡い色合いが多いので、写真の色のままだと色が濃すぎることがあります。その為少し全体を明るくします。
背景画像を複製し一番上に移動させます。その画像の描画モードをスクリーンにし塗りを50%にします。

輪郭をつける

201610_dcolumn05

手書き感を出すために輪郭をつけます。
ただ、水彩画ですのでペンなどでなぞったくっきりした輪郭ではなく、他の部分のよりも若干塗りが濃くなって輪郭っぽく見える程度にします。
まず背景画像を複製しレイヤーの一番上に移動させます。
【フィルタ】→【表現手法】→【輪郭検出】を選択します。

201610_dcolumn06

【イメージ】→【色調補正】→【色相・彩度】で彩度を-100にします。
白黒の線画になるので、レイヤーの描画モードをオーバーレイ、塗りを40%にします。

塗りムラを作る

201610_dcolumn08

水彩独特の塗りムラを作ります。
新しいレイヤーを一番上に作成し、【フィルター】→【描画】→【雲模様1】を選択します。

201610_dcolumn09

描画モードをソフトライトにします。

紙のテクスチャを加える

201610_dcolumn10

新規レイヤーを一番上に作成し、白で塗りつぶします。
【フィルター】→【フィルターギャラリー】を選択。
テクスチャライザーのテクスチャを砂岩、拡大・縮小:100%・レリーフ:3にします。

201610_dcolumn11

レイヤーの描画モードを焼き込みカラー(リニア)にし、塗りを40%にします。

微調整で更に水彩画っぽく

201610_dcolumn12

だいぶ水彩画に近づきましたがまだしっくりこないので、もっと水彩画に近づけるため微調整します。
微調整については、画像ごとに違うのでこれと言った方法はありませんが、暗すぎる部分ができないように全体を明るくしたり、彩度を調整するとうまくいくと思います。

201610_dcolumn13

微調整した画像がこちら。最初の画像の状態から比べるとかなり水彩画に近づきました。
写真ではないので大胆に色味を調整しても、そこそこいい感じになりますね。

201610_dcolumn14

他の写真でもやってみましたが、結構水彩画に近くなりますね。
いろいろなサイトを見つつ、試行錯誤しながらやってみましたがなかなかうまくできたのではないかと思います。
今回ご紹介した方法では、被写体があまり大きくない木や草などが細々写っている写真のほうがうまくいきました。
写真の大きさによっても調整が必要になると思いますので、もし上記の方法ではしっくりこない場合は、個々の写真に合わせて数値を変更したり、描画モード変更するなど一番水彩画に近くなる方法を探ってみてください。

さいごに

以前「裕也氏」のブログでPhotoshopで水彩ブラシを作成して色を塗る方法が紹介されていました。
> 似顔絵を描いてもらったのでPhotoshopで水彩画加工に挑戦!
Photoshopで水彩画を書きたいという方は、こちらの記事もチェックしてみてください!

関連記事

被リンクでSEO効果を出すために私がやってみたこと... 近視眼的な被リンクに囚われてはいけない。 上記は単純な被リンクの構造を描いた図です。 あなたが運用するWEBサイトがポピュラーであるか否かはこれほど単純な被リンク構造で判断をされているわけではないのです。 だからいくら被リンクを増やしても近視眼的な被リンクばかりに囚われていては...
私の考える「本当に良いコンテンツとは」何なのか。... コンテンツを考えるときにもっとも重要な事とは何か。 それは「誰が」「どんな時」「どう役立つ」もしくは「どう楽しむ」記事であるのかという事。 私はこれに尽きると考えている。 よく詳細なペルソナを描けと言われている昨今。 私はペルソナを否定するつもりはない。 そして、ここで「そ...
スマホでも一眼レフで撮影したようなボカシ加工が簡単に出来る写真加工アプリTadaa SLR... 簡単に背景ボカシが出来るのがTadaa SLR 背景ボカシ加工が出来るアプリは無料でも様々出ていますよね「Blur」や「Blur Photo」など。 でも指で塗りつぶしていかないといけないし、ブラシの調整だのが面倒。 それが簡単にいい感じにボケ感を付けてくれるのがTadaa SLR。 h...
これまでとは違う!攻めの行政サイトでイケている地方自治体サイトまとめ... 京丹後市 https://www.city.kyotango.lg.jp/ リキッドデザインで京丹後市の景観を全面にPRした行政サイト。 ナビゲーションボタンもすっきりとまとめられていて好印象です。 その分クリック回数が増えますが、無駄な情報が目に入ってこないので目的の情報が探しやす...
1ヶ月間、無料ブログサービスを4種類運用してみた結果、比較してみてどれが良いのか?... アメーバブログ(アメブロ) https://official.ameba.jp/ 【アクセス数】★★★★★(注意が必要) 【エディター画面の書きやすさ】★★★★ 【ブログ記事内容の難易度】★ 【独自の特長】独自ドメインでの運用不可 【投稿した記事数】21記事 【記事の文字量】5...
BingWebマスターツールの使い方と便利な機能... なぜBingWebマスターツールへの登録が必要なのか https://www.bing.com/toolbox/webmaster/ BingWebマスターツールはマイクロソフトの検索エンジンBingにサイトをインデックスさせるためのツールです。 主にGoogleを利用しているからBi...
独自ドメインが無料で使えるAmebaOwnd(アメーバオウンド)でサテライトサイトを作成しよう。... まずはAmebaOwnd(アメーバオウンド)でデザインテンプレートを選ぼう https://www.amebaownd.com/ Amebaアカウントをお持ちの方はそのまま「無料でホームページを作成」ボタンをクリックして次に進んで下さい。 まだAmebaアカウントをお持ちでない方はアカ...
写真が美しいデザインが美しい温泉旅館のWEBサイト【厳選15サイトまとめ】... 石川県七尾市和倉温泉 多田屋 https://tadaya.net/ 和倉温泉の奥座敷にある多田屋 ここの温泉旅館のWEBサイトはWEB業界に長くいる人なら誰しもが知っているほど超有名です。 現在公開されているWEBサイトではないですが、2006年に公開されたFLASHのWEBサイト...

この記事を共有する

その他の最新コラム記事

人気記事ランキング

コラムカテゴリ
  • このエントリーをはてなブックマークに追加
  • follow us in feedly
お問い合わせ