當(dāng)前位置:首頁>ps培訓(xùn)教程>ps美化教程>化妝美容>教程內(nèi)容

眼睛美化,制作彩色美瞳效果教程(9)

來源:太平洋電腦網(wǎng) 作者:么么茶 學(xué)習(xí):46783人次
本篇翻譯教程跟大家講解如何利用漸變給眼睛換上彩色瞳仁效果,大家可以利用這個方法,舉一反三,換上各種顏色或圖案做出不同效果來。教程是翻譯自國外的,英文界面,大家可以打開PS對照著教程一起練習(xí)。

這期PS教程會跟大家一起學(xué)習(xí)如何創(chuàng)建眼睛彩虹美瞳效果。教程中所展示的是在Photoshop CC操作步驟,對Photoshop CS6同樣適用。關(guān)于彩虹美瞳效果,其中一種制作方法是用不同顏色的畫筆手動繪畫,然后再用模糊漸變的方式合成。本次PS教程介紹的方法會復(fù)雜一點,但更加容易操作、更加有趣。

為什么說更加有趣呢?因為即將介紹的彩虹美瞳效果提供了很大的個性化發(fā)揮空間,除了基本的彩虹效果以外,可以此為基礎(chǔ)設(shè)計出不同的美瞳效果,比如反轉(zhuǎn)顏色順序、旋轉(zhuǎn)眼珠周圍的顏色,甚至選擇不同的風(fēng)格和設(shè)計,讓設(shè)計更具個性化。并且可以單獨對其他眼睛進行操作,不會影響原圖。貌似聽起來有點復(fù)雜,但看下去就知道。下面先看看原圖和最終效果圖。

最終效果圖

本次教程示例效果如下。這只是基本彩虹美瞳效果,同時會提及不同美瞳效果的設(shè)計方法。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖01

原圖

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖02

Step 1:選擇橢圓工具

首先在Photoshop中打開素材,在圖層面板中可以看到原圖被設(shè)置為背景圖層,是圖層面板的唯一圖層。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖03

在工具面中選擇橢圓工具。待會就會介紹橢圓工具是大部分彩虹美瞳效果制作過程的基本工具。通常橢圓工具會隱藏在矩形工具中,右擊(Win)或者按Control點擊(Mac)矩形工具圖標(biāo),然后在飛出菜單中選擇橢圓工具。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖04

Step 2:設(shè)置工具模式為形狀

選擇橢圓工具后,在工具選項欄中點擊工具模式按鈕,在彈出菜單中可以選擇形狀、路徑和像素模式,這里我們選擇形狀模式,這樣可以繪畫出矢量形狀。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖05

Step 3:設(shè)置填充類型為漸變

接下來,設(shè)置橢圓工具的填充類型。在工具選項欄中,點擊填充按鈕。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖06

在填充類型設(shè)置面板中,可以看到四個按鈕,每個按鈕分別代表不同的填充類型,從左到右分別是無色、純色、漸變和圖案。在最右側(cè)、第五個按鈕是打開Photoshop拾色器,為純色填充選擇顏色。

對于我們的操作來說,需要為形狀填充漸變顏色,所以點擊漸變按鈕。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖07

Step 4:選擇彩虹漸變

點擊選擇填充類型為漸變后,在填充類型設(shè)置面板中,滾動選取示例樣式,找到彩虹漸變并選擇上。如果已經(jīng)開啟Photoshop工具提示的話(默認(rèn)開啟),當(dāng)鼠標(biāo)懸停在圖標(biāo)上方時就會顯示漸變樣式的名稱。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖08

Step 5:設(shè)置漸變模式為角度

設(shè)置完彩虹漸變樣式后,在下方的漸變模式按鈕中,將默認(rèn)線性模式,設(shè)置為角度模式。設(shè)置完成后,按回車關(guān)閉對話框。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖09

Step 6:在第一只眼睛上繪畫橢圓

下面開始繪畫第一只眼睛。選擇其中一只眼睛,下圖為左眼。將鼠標(biāo)光標(biāo)移動到眼睛中間黑色的地方,即瞳孔。點擊以眼睛中心為起點繪畫形狀。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖10

保持按著鼠標(biāo),然后沿其中一個方向往外拖拉。在拖拉過程中,按著Shift和Alt(Win)或Option(Mac)。按著Shift可以鎖定橢圓比例,形成圓形;按著Alt(Win)或Option(Mac)可以鎖定以剛才點擊的地方為圓心繪畫。

拖拉形成圓圈,直至形狀覆蓋整個眼珠(即有顏色部分)。如果形狀超出到眼白或者眼瞼的,后面會進行調(diào)整。現(xiàn)在只需確保圓圈范圍已經(jīng)覆蓋整個輪廓就可以。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖11

如果已經(jīng)確定差不多繪畫好,就松開鼠標(biāo)鍵和Shift、Alt(Win)或Option(Mac),如果不全部松開就會丟失繪畫效果。松開按鍵后,Photoshop就會形成圓形并填充上彩虹色。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖12

Step 7:設(shè)置形狀圖層的混合模式為顏色

Photoshop繪畫完形狀后會自動生成新圖層。在圖層面板中可以看到,已經(jīng)生成了新圖層,命名為“橢圓1”,確保設(shè)置在原圖上方。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖13

這樣漸變填充效果就會覆蓋在眼睛紅膜上,設(shè)置漸變填充圖層的混合模式為顏色,讓漸變效果融合至圖案中。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖14

將為眼睛設(shè)置好彩虹顏色后,對于紅膜以外的顏色不需過于擔(dān)心,待會會將這部分多出的顏色去掉。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖15

Step 8:添加圖層蒙版

想要將眼球中不需要的彩虹漸變?nèi)サ,可以用圖層蒙版。選擇形狀圖層,點擊圖層面板中添加圖層蒙版按鈕進行添加。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖16

添加圖層蒙版后,形狀圖層縮略圖右邊會出現(xiàn)白色縮略圖,那就是圖層蒙版。而圖層蒙版周圍的突出邊框就是說明圖層面板正在選中狀態(tài),在畫布上的任何操作都是對蒙版進行操作,不對漸變圖層造成影響。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖17

Step 9:選擇畫筆

在工具欄中選擇畫筆,需要設(shè)置畫筆顏色為黑色,然后在蒙版中將不需要的部分涂黑遮蔽掉。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖18

Step 10:設(shè)置前景色為黑色

Photoshop默認(rèn)采用前景色作為畫筆顏色,如果需要在蒙版上涂黑就需要將前景色設(shè)置為黑色?梢栽诠ぞ邫诘撞靠吹角熬吧捅尘吧F(xiàn)在分別為兩種顏色,前景色就是左上方。

如果前景色沒有設(shè)置為黑色,就按D將前景色和背景色迅速設(shè)置為默認(rèn)值:前景色為白色、背景色為黑色。然后按X就能將兩種顏色對調(diào),將前景色設(shè)置為黑色。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖19

Step 11:在虹膜周圍涂畫

選擇畫筆并設(shè)置前景色為黑色后,可以在虹膜周圍將不需要的漸變隱藏起來。如果想快速設(shè)置畫筆的直徑和軟硬程度,可以通過鍵盤“[”和“]”快速調(diào)整畫筆大小,“Shift+[或]”可以迅速調(diào)整畫筆邊緣的硬度。

如下圖,將虹膜周圍的漸變效果隱藏起來,這里可以稍微往虹膜白色的地方涂刷多一點。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖20

同時將眼睛上方的漸變效果隱藏起來。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖21

如果不小心往虹膜涂畫了,或者感覺描繪效果不佳,可以通過按X切換畫筆顏色為白色,在蒙版上將效果修正。然后再切換回黑色進行操作。如此類推直到效果滿意為止。最終,將顏色黑色地方的漸變?nèi)茧[藏起來。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖22

進行上面操作后,效果還是不錯滴。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖23

Step 12:再選擇橢圓工具

利用相同方法對右邊的眼睛進行操作,在工具欄中重新選擇橢圓工具。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖24

Step 13:對右眼繪畫形狀

在對左眼進行操作后,橢圓工具的設(shè)置是沒有變化的。因此可以利用設(shè)置好的橢圓工具對右眼進行繪畫操作,只要控制好圓圈的中心位置就OK。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖25

對著眼球中心按著鼠標(biāo)左鍵,同時按著鍵盤Shift+Alt (Win) /Shift+Option (Mac),鎖定圓心和比例,讓往拖拉出圓圈。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖26

松開鼠標(biāo)和漸變后,Photoshop就會畫出第二個一樣的彩虹漸變。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖27

Step 14:設(shè)置混合模式為顏色

創(chuàng)建彩虹漸變后,可以在圖層面板中看到新建形狀圖層,命名為“橢圓2”,設(shè)置橢圓2圖層混合模式為顏色。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖28

設(shè)置完混合模式后,效果如下。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖29

Step 15:添加圖層蒙版

如同前面一樣在圖層面板中,為橢圓2添加圖層蒙版,準(zhǔn)備修正漸變效果的范圍。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖30

點擊圖層面板中橢圓2蒙版,設(shè)置為操作對象。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖31

Step 16:選擇畫筆

在工具欄中選擇畫筆工具。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖32

Step 17:隱藏多余漸變

設(shè)置前景色為黑色,然后調(diào)整合適的硬度,在橢圓2圖層蒙版中,將虹膜周圍多余的漸變效果隱藏起來。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖33

這樣就完成了雙眼的上色。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖34

Step 18:降低不透明度(可選操作)

如果覺得漸變效果過于明亮,虹膜細(xì)節(jié)不太顯著,可以降低圖層不透明度,減小漸變效果。在圖層面板中,選擇橢圓1圖層后,按著shift點擊選擇橢圓2圖層,將兩個圖層一起選擇上。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖35

然后將兩個圖層不透明度降低到80%。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖36

不透明度降低后,漸變顏色效果就沒那么明顯,更多的虹膜細(xì)節(jié)就顯示出來啦。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖37

設(shè)計不同美瞳效果

彩虹美瞳效果已經(jīng)設(shè)計出來,其實不是很難,主要是漸變設(shè)置。那么接下來也是通過漸變設(shè)置來設(shè)計出不同美瞳效果。下面在圖層面板中選擇橢圓2圖層進行試驗。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖38

在圖層面中,對著橢圓2圖層雙擊,調(diào)出漸變填充設(shè)置面板。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖39

反轉(zhuǎn)顏色方向

在漸變填充設(shè)置面板中,勾選反向。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖40

勾選反向后,Photoshop就會顯示設(shè)置的預(yù)覽效果。需要記住這時只是對右眼進行調(diào)整,那么接下來對左眼要進行同樣的操作。下圖就是只對右眼進行調(diào)整,那么左右眼的美瞳效果就像鏡面對稱一樣。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖41

調(diào)整顏色分布

通過調(diào)整漸變角度,達(dá)到調(diào)整顏色分布的效果,這里將角度設(shè)置為-90°。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖42

調(diào)整角度后,漸變效果如下。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖43

設(shè)置漸變樣式

通過調(diào)整漸變樣式可以調(diào)整出不同的漸變效果。而上面選擇角度樣式,是因為與形狀比較相搭配。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖44

點擊樣式的下拉菜單,選擇其他樣式,比如徑向。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖45

下圖就是對右眼調(diào)整徑向漸變模式的效果。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖46

設(shè)置完成后就點擊確定。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖47

接下來對左眼進行操作。在圖層面板中,選擇橢圓1圖層。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖48

雙擊圖層縮略圖調(diào)出設(shè)置面板,設(shè)置漸變樣式為菱形,勾選反向。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖49

點擊確定,效果如下。

眼睛美化,制作彩色美瞳效果教程_theoat.com.cn
圖50

小結(jié)

教程都是運用一些基礎(chǔ)方法,雖然步驟有點多,但難度不算太大,大家細(xì)心跟著教程做就能做出來。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
小奇天2018-05-28 10:27
我的作業(yè):
2017-01-28 05:21
2017-01-28 05:01
陳海森2017-01-08 06:51
陳海森2017-01-08 06:01
1212016-12-31 10:54
1212016-12-31 10:12
多余似我丶2016-12-23 06:32
能教下嗎 qq 3527322184
多余似我丶2016-12-23 06:12
樓主漏了一步,cs雙擊圖層不能顯示漸變填充鑼歌尭 的原帖:能教下嗎 qq 3527322184
茸茸2016-12-19 04:20
樓主漏了一步,cs雙擊圖層不能顯示漸變填充
茸茸2016-12-19 04:12
樓主漏了一步,cs雙擊圖層不能顯示漸變填充
冷雪中惆悵2016-12-19 12:46
向老師學(xué)習(xí)
瘋?cè)嗽?222016-12-18 09:53
馬卡一下~~~~!好東西
犀利菇?jīng)?/span>2016-12-18 08:45
感謝分享,學(xué)習(xí)了。
伱跑我追2016-12-18 07:52
關(guān)鍵的步驟不說,神仙也做不出來!

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!