Photoshop 教學 – 色調分離 – 復古風格、網線效果、網點效果

Photoshop 有一個功能叫作「色調分離」,可以降低照片中的色彩數目,對於想要設計特殊風格的照片很實用,照片中的色彩數減少了,色彩變得比較單純,設計後的效果格外強眼,搭配製作出來的復古風格、網線效果、網點效果… 等,會更有味道喔。

Photoshop 後製修圖  - Photoshop 教學 - 色調分離 - 復古風格、網線效果、網點效果 - flycan_0006_103

範例教學如下:

原圖
Photoshop 後製修圖  - Photoshop 教學 - 色調分離 - 復古風格、網線效果、網點效果 - flycan_0001_766

 

選取「影像」>「調整」>「色相/飽和度」,勾選「上色」項目,就可以將照片變成單色照片~
Photoshop 後製修圖  - Photoshop 教學 - 色調分離 - 復古風格、網線效果、網點效果 - flycan_0002_131

 

上面那一張圖,一般人稱為「單色照片」其實是由 256 色灰階來上色的結果,所以明白的說是有 256 色所組成。
選取「影像」>「調整」>「色調分離」,就可以降低照片中的色彩數目。
Photoshop 後製修圖  - Photoshop 教學 - 色調分離 - 復古風格、網線效果、網點效果 - flycan_0003_132

 

新增圖層,用「圖樣」填入白色線條~~
Photoshop 後製修圖  - Photoshop 教學 - 色調分離 - 復古風格、網線效果、網點效果 - flycan_0004_117

 

複製原來的背景照片圖層,移至最上層,然後將混色模式設定為「實光 Hard Light」可以加倍提昇色彩的對比~
Photoshop 後製修圖  - Photoshop 教學 - 色調分離 - 復古風格、網線效果、網點效果 - flycan_0005_127

 

成品
Photoshop 後製修圖  - Photoshop 教學 - 色調分離 - 復古風格、網線效果、網點效果 - flycan_0006_103

 

使用密一點的「圖樣」的白色線條
Photoshop 後製修圖  - Photoshop 教學 - 色調分離 - 復古風格、網線效果、網點效果 - flycan_0007_111

使用點狀的「圖樣」
Photoshop 後製修圖  - Photoshop 教學 - 色調分離 - 復古風格、網線效果、網點效果 - flycan_0008_163

 

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

 

關於「姜智豪 老師」

於 1996 年開始從事網頁設計工作 20 多年,參與設計過許多網站專案的開發,一直熱衷網頁設計工作至今。從 1998 年開始從事教學工作,對於網頁設計教學有相當高的熱忱,於 2006 年創立飛肯設計學苑。主要專長 Photoashop、 HTML、CSS、RWD、JavaScript、jQuery 等網頁技術,對於 SEO 優化搜尋引擎排名提昇,以及 Instructional Design 教學專案設計亦有深入的研究。
posted in Photoshop 後製修圖 and tagged , , .

留言功能已關閉。