webデザイン

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

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

絵画風に加工

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

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

絵画風画像を開く。

絵画風画像を開く

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

テクスチャーを放り込む

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

焼き込みカラー

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

統合

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

複製マスク

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

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

でこぼこテクスチャー

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

画面切り替え

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

放り込む

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

マスク確認

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

表示切り替え

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

明るさ・コントラスト

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

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

複製

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

グランジテクスチャー

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

放り込む

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

マスク確認

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

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

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

レイヤー複製

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

双方統合

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

マスク黒

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

マスクブラシ

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

ソフトライト

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

油絵タッチ完成

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

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

ピックアップ記事

  1. 柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  2. 「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  3. photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  4. WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  5. WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…

関連記事

  1. webデザイン

    フォトショップでフワフワ・フサフサな動物の毛を表現するブラシの上手な活用方法。

    フォトショップのブラシを上手に活用するとさまざまな表現が可能になります…

  2. webデザイン

    素人っぽいWEBサイトに見えてしまう4つのロゴデザインの特徴と誰でも簡単にできるPhotoshopと…

    ウェブサイトやブログなどでデザインクオリティの高いテンプレートを使用し…

  3. webデザイン

    Photoshopで文字に影を付ける”3つの方法”を知っておくだけで表現の幅…

    Photoshopで文字に影を付けるには、レイヤースタイルのドロップシ…

  4. webデザイン

    photoshopで雰囲気のあるセピア調に仕上げるプロの技術。

    photoshopで写真をセピア調にするのはすごく簡単。 ⇒ phot…

  5. webデザイン

    初心者でも60秒でマスターできるPhotoshopで角丸の画像を作る方法

    WEBデザインなどをしていると画像の角を丸くしたいケースはよくあります…

  6. webデザイン

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

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

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

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

最近の記事

  1. 「特訓Photoshopプロのテクニック教えます!」という本…
  2. 「いつも締め切りに追われてしまう」そんな人がミッションを成し…
  3. Photoshop CCのメニュー文字やツールバーが異常に小…

思考系のおもろい記事

ブログラ
  1. 3分の話

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

    WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  3. 3分の話

    柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  4. SNS

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

    「特訓Photoshopプロのテクニック教えます!」という本のWEB版を『無料』…
PAGE TOP