Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

[講義] 圖層混合模式與遮色片實作

作者: JinJin 
教材參考:
Photoshop影像密碼

[hr]

一般圖層混合模式都只是大概的效果,或只是大概的套用整張圖的效果,但其實善用圖層混合模式可以製作出很多細微的精準的合成效果。

接下來要以棒球代替疤痕,縫合在頭頂上,象徵著每個人受過傷留下的痕跡,你是否也以類似的作法,來創作一件屬於你的作品?

[hr]

學習功能:

圖層混合模式、圖層遮色片、色版

[hr]

完成品

[IMG]http://i556.photobucket.com/albums/ss1/whc915/head-f2.jpg[/IMG]


製作前請下載 [url=http://192.192.161.197/01894/cg/head.rar]練習圖檔壓縮檔[/url]

[hr]

1. 製作步驟


1.打開head.jpg(網路圖檔),以魔術棒點選白色背景做去背的動作

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk001.jpg[/IMG]

[hr]

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk002.jpg[/IMG]

[hr]

2.開啟b.jpg,棒球紋路的圖檔,選路徑面版,複製選取部分

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk003.jpg[/IMG]

[hr]

3.貼到head檔案,Ctrl+T自由變形,調整至適當位置

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk004.jpg[/IMG]

[hr]

4.在圖層1上按右鍵,建立剪裁遮色片

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk005.jpg[/IMG]

[hr]

5.在圖層1上新增圖層遮色片

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk006.jpg[/IMG]

[hr]

6.以筆刷工具,在圖層遮色片上,將紋路旁白色的部分刷掉

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk007.jpg[/IMG]

[hr]

多複製圖層1,並將眼睛關閉,暫時隱藏,以備後續的製作

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk007-1.jpg[/IMG]

[hr]

7.Ctrl+U,影像→調整→色相/飽和度,將彩度調至最低

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk008.jpg[/IMG]

[hr]

飽和度選到-100%,調製最低彩度

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk009.jpg[/IMG]

[hr]

8.圖層混合模式選擇『色彩增值』

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk010.jpg[/IMG]

[hr]

9..Ctrl+M,影像→調整→曲線,調高亮度,使線條更自然貼近肌膚

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk011.jpg[/IMG]

[hr]

10.複製圖層,強調暗色部分

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk012.jpg[/IMG]

[hr]

11.再複製圖層1,製作強調凹部的立體感

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk013.jpg[/IMG]

[hr]

將圖層混合模式選擇『加深顏色』

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk014.jpg[/IMG]

[hr]

Ctrl+M,影像→調整→曲線,調高亮度,使線條更自然貼近肌膚

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk015.jpg[/IMG]

[hr]

12.打開之前隱藏的圖層,要透出紅色的縫線的感覺

選取→顏色範圍

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk016.jpg[/IMG]

[hr]

13.以滴管點選紅色以外的範圍

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk017.jpg[/IMG]

[hr]

以Del鍵刪除,若無法一次刪除,可重複製作

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk018.jpg[/IMG]

[hr]

14.建立剪裁遮色片

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk019.jpg[/IMG]

[hr]

15.將back.jpg放置最底層,作為底圖

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk020.jpg[/IMG]

[hr]

16.於最上層加入back02.jpg的圖檔做為影像材質的效果

將圖層混合模式選擇『色彩增值』

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk021.jpg[/IMG]

[hr]

17.Ctrl+M,影像→調整→曲線,調高亮度

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk022.jpg[/IMG]


[hr]

選擇藍色版,使整張色調偏黃(色調及明亮可自行調整)

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk023.jpg[/IMG]

[hr]

18.將back-a.jpg圖片至於最頂層

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk024.jpg[/IMG]

[hr]

將圖層混合模式選擇『濾色』,製作白框邊緣筆刷的效果

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk025.jpg[/IMG]

[hr]

19.接著打上文字

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk026.jpg[/IMG]

[hr]

將文字點陣化

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk027.jpg[/IMG]

[hr]

合併文字圖層

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk028.jpg[/IMG]

[hr]

20.將back-t.jpg圖片至於最頂層,做為文字編播效果的圖片

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk029.jpg[/IMG]

[hr]

21.切換至色版面版,選取狀態下

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk030.jpg[/IMG]

[hr]

22.切換製圖層面版,於文字圖層上新增圖層遮色片,即產生文字斑駁效果

[IMG]http://i556.photobucket.com/albums/ss1/whc915/mk031.jpg[/IMG]

22.最後再加入其他文字,以及在修飾最後的局部畫面即完成作品。

[IMG]http://i556.photobucket.com/albums/ss1/whc915/head-f.jpg[/IMG]



Edited 3 time(s). Last edit at 05/23/2013 12:46AM by JinJin.
(編輯記錄)

上課練習:

[img]http://i1237.photobucket.com/albums/ff476/LALA811009/20120503.gif[/IMG][/img]


視傳一A 1005445009 陳庭儀smiling bouncing smiley

1.課堂練習
[IMG]http://i1099.photobucket.com/albums/g400/Dai-Yu-fang/b9bbd37c.gif[/IMG]

2.延伸設計
[IMG]http://i1099.photobucket.com/albums/g400/Dai-Yu-fang/c440c16a.gif[/IMG]

1.學號:視傳1A1005445012戴妤芳

2.製作主題:
Present

[IMG]http://i1262.photobucket.com/albums/ii620/ss12372000/head.jpg[/IMG]

1005445079
趙又儀視一B

[IMG]http://i1140.photobucket.com/albums/n571/AmberLiao/head.jpg[/IMG]

1005445064

[img]http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash3/551249_443673665652119_1906118934_n.jpg[/img]

視一A 1005445040 陳平

課堂練習:

Photobucket



視一A 1005445010 劉蘋萱

[img]http://i.imgur.com/vYbCZa5.jpg[/img]

   



Edited 1 time(s). Last edit at 05/29/2013 11:21PM by 妞妞小.
(編輯記錄)

[img]http://i.imgur.com/tRujOee.jpg[/img]





1015445017陳延義

課堂作業
[img]http://imageshack.us/a/img200/7946/headii.jpg[/img]

[img]http://i.imgur.com/dioXU2T.jpg[/img]

[img]http://i.imgur.com/3ESokdp.jpg[/img]

[img]http://imageshack.us/a/img507/3496/44965954.jpg[/img]

[img]http://s1324.photobucket.com/user/He_Lun/media/1015445029head_zpsc9214227.jpg.html[/img]