webデザイン

photoshopでまるで本物の油絵タッチに仕上げるためのフィルター&塗り方講座。

photoshopで油絵タッチに仕上げるために、まず ↓ のように風景写真を絵画風にします。

絵画風に加工

絵画風の加工はこちらで解説 ⇒ ここまでできる!photoshopで風景写真をまるで絵画風に加工するフィルターテクニック(油彩・水彩)編。

絵画風の風景画像を油絵タッチに仕上げるチュートリアル

絵画風画像を開く。

絵画風画像を開く

油彩ちっくなテクスチャーを開きドラッグして放り込む

テクスチャーを放り込む

テクスチャーのサイズを調整して描画モードを焼き込みカラーに変更。

焼き込みカラー

テクスチャーレイヤーの色相・彩度を調整、ここでは彩度・メイド共に+50でがっつり上げました。調整した後にレイヤーを統合して1枚の画像にする(背景)。

統合

背景を複製しマスクをかけ背景と複製レイヤーの間に新規レイヤーを作成して白で塗る

複製マスク

油絵特有のマチエールっぽさを表現する工程

グランジ感をかもし出すために、でこぼこした風合いのテクスチャー画像を開き、選択範囲 》すべてを選択 する。

でこぼこテクスチャー

複製レイヤーのマスク部分をAltを押しながらクリック(画面が切り替わる)。

画面切り替え

選択してあるでこぼこテクスチャーをドラッグしながら放り込む

放り込む

マスク部分にでこぼこテクスチャーが入り込んだのを確認。(テクスチャーのウインドウは閉じてOK)

マスク確認

レイヤー部分をクリックして表示を切り替える。

表示切り替え

今度はAlt無しでマスク部分をクリックし明るさ・コントラストを調整

明るさ・コントラスト

調整し終わったレイヤーと白レイヤーを一旦非表示し、もうひとつ別のニュアンスのものを作成する。

先ほどの工程と同様に、背景を複製してマスクをかけ間に新規レイヤー白を作成する。

複製

複製レイヤーのマスク部分をAltを押しながらクリックして画面を切り替えグランジ感のある別のテクスチャーを開く。

グランジテクスチャー

テクスチャーをすべて選択したら、ドラッグして放り込む

放り込む

マスク部分にテクスチャーが入り込んだのを確認。

マスク確認

レイヤー部分をクリックし表示させたら、マスク部分をAlt無しでクリックして明るさ・コントラストを調整

明るさ・コントラストを調整

まだ明るすぎるようなら必要に応じてレイヤーを複製

レイヤー複製

先に作成したレイヤーと白レイヤーを表示させ統合今作成したレイヤー3つも統合

双方統合

統合した最前面のレイヤーにマスクをかけ、反転で黒にする(この時点でこのレイヤーは表示されていないことになっている。)

マスク黒

黒のマスク部分をニュアンスを確認しながらブラシなどで白く塗る(塗った部分が表示されるため、下のマチエールレイヤーとニュアンスを混ぜ合わせる作業)

マスクブラシ

最後に全体の色味を調整(今回は#5d4f51の色で新規レイヤーを作成し描画モードをソフトライトに変更)

ソフトライト

photoshopで本物の油絵タッチっぽく完成

油絵タッチ完成

合わせて読みたい関連記事:ひと味違うHDR風のディティールを表現する所要時間3分のフォトショップ技術

スリームデザインの無料メールマガジン

ピックアップ記事

  1. photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  2. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  3. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  4. 必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  5. フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…

関連記事

  1. webデザイン

    【デザイナー必見】パクリと言われないために類似画像検索で確認しておこう

    作品を創り出す際、クライアント用のデザインや自身のアートに限らず、その…

  2. webデザイン

    意外と知らないっ、、Photoshopで文字の輪郭(境界線)だけに影を付ける方法

    Photoshopで文字の輪郭(境界線)に影を付けようと思っても、「外…

  3. webデザイン

    フォトショップ初心者でもできる!プロ並みの画像合成で自然になじませる方法を解説。

    フォトショップを使用して合成画像を作りたいと思っても、自然になじませる…

  4. webデザイン

    えっ!?この画像動いてるし…妙に不思議なシネマグラフをPhotoshopで作ってみよう。

    一見何気ない画像かと思いきや、画像の一部分をループして動かすことで不思…

Wordpress日本語テーマのまとめ
photoshop日本語チュートリアル

よく読まれている人気の記事

最近の記事

  1. 「いつも締め切りに追われてしまう」そんな人がミッションを成し…
  2. Photoshop CCのメニュー文字やツールバーが異常に小…
  3. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単な…

思考系のおもろい記事

ブログラ
  1. SNS

    思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  2. 3分の話

    フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  3. SEO

    WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  4. フォトショップ

    見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  5. キュレーション

    WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
PAGE TOP