Photoshop 混合模式 – 水墨風格 – 入門教學

Photoshop 的圖層混合模式是相當強大的工具

今天要來教大家利用 photoshop 的混合模式做水墨風格的畫面。

該如何將風景的水墨畫放在質感老舊的宣紙上呢,以及毛筆字體的部分又該怎麼處理呢。

先讓大家看看設計稿完成品,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0001

 


1 ★ 開新檔

 

老樣子,打開 Photoshop 軟體之後,就新增一個” 800 x 600 “的檔案。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0000

 


2 ★ 素材準備

 

首先將我們要用的宣紙材質的素材,從資料夾裡直接拖曳到 photoshop 灰色工作區域,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0002

 

拖曳進來以後,我們要稍微調整一下素材,使用 ”影像> 調整> 色相飽和度”,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0003

 

再將『色相飽和度』的 “飽和度” 降低,讓素材看起來有些老舊感,調整完後按確定即可,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0004

 

再使用『移動選取工具』將素材拖到設計稿裡,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0005

 

接著我們在將第二張充滿雲霧的山,從資料夾抓到灰色的工作區,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0006

 

接著也是一樣,”影像> 調整> 色相飽和度” ,將素材飽和度降低一些,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0007

 

降低到有點顏色就可以了,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0008

 

接著也是使用『移動選取工具』將素材拖至設計稿中,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0009

 

拖曳完了以後會像下圖一樣有三個圖層,並且圖層二是要被點選的,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0010

 

再點選圖層面板 “混合模式” 的 “色彩增值”,讓白色的部分直接透過去,如下圖所圈選的部分。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0011

 

如果覺得顏色飽和度還太高的話,可以使用圖層面板底下的左邊數過來第四顆『建立新填色或調整圖層』的”色相飽和度”,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0012

 

如圖圈選的地方是我們剛剛加入的”色相飽和度”,將飽和度再降低一些,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0013

 


3 ★ 毛筆字

 

最後一樣將毛筆字的素材抓入灰色工作區,我們來將最後一樣素材做處理,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0014

 

因為”色彩增值”只能處裡畫面的白色部分,所以我們必須將素材背景色的灰色區變成全白,使用 ”影像> 調整> 色階”,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0015

 

然後再使用色階面板右手邊的白色滴管,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0016

 

點選畫面中顏色較暗的背景,點選後畫面同色系的顏色會變成白色,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0017

 

處理乾淨以後,再按確定就可以了,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0018

 

接著我們再將準備好的毛筆字素材,使用『選取工具』拖曳到設計稿裡,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0019

 

緊接著,把此毛筆字圖層 ” ctrl + t ” 縮小到適當大小,確定後按 Enter 即可,如下圖。

” ctrl + t ” 是 Photoshop 自由縮放物件的快速鍵,很常會用到喔!

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0020

 

圖層請點選起來,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0021

 

使用圖層面板上混合模式的 “色彩增值”,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0022

 

毛筆字的白底就透過去囉,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0023

 

最後,我們再來調整整體的亮度,目前因為剛剛有調整飽和度的關係,所以畫面扁暗。

使用圖層面板下方左邊數過去第四顆的 “建立新填色或調整圖層” 增加一個『曲線』,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0024

 

接著請將曲線面板的線,從中央的點,往左上對角方向拉一些些,就可以看見設計稿整體比原先亮了,如下圖。

Photoshop 影像設計  - Photoshop 混合模式 - 水墨風格 - 入門教學 - SNAG0025

 


以上就差不多完工了,大家可以照自己喜好調整『色相飽和度』跟『曲線』唷。

Photoshop 的圖層混合模式真的很好用,同學們要好好練習喔!

 

當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!

 

posted in Photoshop 影像設計 and tagged , , .

留言功能已關閉。