當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>工具教程>教程內(nèi)容

ps大師之路:漸變的用途和設(shè)定技巧轉(zhuǎn)載)(2)

來源:ps教程論壇 作者:ps教程論壇 學(xué)習(xí):820人次

可以不理會(huì)填充層原先的填充色,而在圖層樣式中開啟“顏色疊加”選項(xiàng),該選項(xiàng)可以改變?cè)矬w的像素顏色。然后再配合漸變樣式來使用。這種想法是沒有錯(cuò)的,只是在更改漸變顏色時(shí)就必須開啟圖層樣式設(shè)置框,而該設(shè)置框面積很大,可能會(huì)占去許多屏幕空間而影響我們觀看圖像。當(dāng)然如果你的顯示器分辯率超大這個(gè)問題也就不存在了。

我們?cè)偃龔?qiáng)調(diào)保留最大的可編輯性,那么從追求良好操作的角度出發(fā),在單色深淺漸變的設(shè)定中,就應(yīng)該采用這種“純色加漸變”的方式。當(dāng)然,如果你的一位同事使用“固定漸變”來完成作品,那么在最終畫面效果上來說,和你的作品并沒有任何區(qū)別,但如果當(dāng)你們的上級(jí)要求修改漸變顏色時(shí),你的修改速度就會(huì)數(shù)倍于你的同事。你可以在完成后休閑地踱到他身旁,對(duì)他說:“用純色加漸變,就是這樣自信!”如果他問何謂純色加漸變,你可以對(duì)他一口氣念出下面這句話:在一個(gè)純色填充層上添加漸變樣式并將漸變的混合模式設(shè)定為變暗或正片疊底或線性加深或其他總之只要不是設(shè)定為正常就好同時(shí)視情更改漸變不透明度到合適的數(shù)值達(dá)到以填充層的填充顏色為基調(diào)的深淺漸變效果。

當(dāng)然,我們所倡導(dǎo)的這種漸變?cè)O(shè)定方法,是針對(duì)單色深淺漸變而言的,如果需要設(shè)定較為復(fù)雜的多色漸變,那還是必需通過“固定漸變”的方式去完成。不夸張的說,掌握了“純色加漸變”這種方法,網(wǎng)頁設(shè)計(jì)就學(xué)會(huì)了一半,現(xiàn)在我們已經(jīng)有能力制作出大多數(shù)的網(wǎng)頁設(shè)計(jì)稿了。那另外一半是什么?就是路徑,當(dāng)我們?cè)诤竺娴恼n程中掌握了路徑的使用后,我們就羽翼豐滿,可以起飛了。

除了直接的漸變之外,其他的很多樣式都可以歸為漸變類型,比如陰影、內(nèi)外發(fā)光等,它們的效果有一個(gè)共同點(diǎn),都是利用顏色的過渡來形成效果。只不過這些樣式中有些是在物體之下生效的,而漸變效果是在物體之上。
我們?cè)诂F(xiàn)實(shí)生活所處的環(huán)境中,漸變已經(jīng)成為了我們大腦判斷立體物體的依據(jù),太陽光或燈光照射在立體物體表面上,會(huì)造成明暗不同及投影,而明暗和投影就往往表現(xiàn)為色彩或光線的變化,這就是一種漸變,F(xiàn)在我們動(dòng)手來制作一下,新建一個(gè)合適尺寸的圖像,創(chuàng)建一個(gè)矩形選區(qū),然后建立一個(gè)純色填充層,選擇一個(gè)灰色,如下左圖。這個(gè)方塊有立體感嗎?顯然沒有。為什么沒有立體感?因?yàn)樗谋砻骖伾蔷鶆虻,沒有明暗變化也沒有投影。
現(xiàn)在按〖CTRL_ALT_Z〗撤消到創(chuàng)建選區(qū)的狀態(tài),然后建立一個(gè)漸變填充層,設(shè)定如下中圖,就會(huì)看到如下右圖的效果。對(duì)比之前的純色填充,現(xiàn)在的方塊多少有一些立體感了,而兩者的差別就在于表面顏色是否存在漸變。

--

現(xiàn)在創(chuàng)建一個(gè)橢圓選區(qū)(開啟消除鋸齒選項(xiàng)),寬度與現(xiàn)有的矩形寬度大致相同,高度約為寬度的五分之一左右(不必過于計(jì)較精確度),如下圖中第一步。然后按照和之前相同的設(shè)定建立一個(gè)漸變填充層,如下圖中第二步,注意如果按照第一步的選區(qū)位置建立漸變填充層后,將看不到效果,原因是兩個(gè)圖層的漸變樣式相同,就好比兩個(gè)同樣顏色方塊重疊在一起就看不到區(qū)別一樣。此時(shí)左右或上下移動(dòng)橢圓漸變層就會(huì)看到效果。再將這個(gè)橢圓漸變層移動(dòng)到矩形漸變層的下方,大致如下圖中第三步,如果開啟了對(duì)齊到圖層選項(xiàng)更好。接著將漸變層復(fù)制并移動(dòng)(選中圖層后按住ALT移動(dòng)即可復(fù)制,這個(gè)操作技巧應(yīng)該不用再次提示了吧)到矩形漸變的上方,形成如下圖中第四步的效果。最后將位于上方的橢圓漸變層的漸變方向改為反向(雙擊圖層縮覽圖后開啟“反向”),形成最終的效果。
這樣我們就利用一個(gè)簡(jiǎn)單的漸變樣式營(yíng)造出了一個(gè)具有“強(qiáng)烈”立體感的空心圓柱體。

為什么強(qiáng)烈二字要加上引號(hào)?因?yàn)檫@個(gè)立體感根本談不上強(qiáng)烈,甚至有些粗糙。不像是大師做的。哈,那現(xiàn)在我們就來打造“大師的圓柱體”吧。其實(shí)要做的就是細(xì)化漸變,使其看上去更真實(shí)些。雙擊漸變填充層的縮覽圖,點(diǎn)擊漸變樣式圖標(biāo)進(jìn)入漸變編輯器,然后設(shè)定一個(gè)類似下左圖的漸變,這個(gè)漸變可以通過修改默認(rèn)列表中的黑白漸變來實(shí)現(xiàn):首先將黑色標(biāo)和白色標(biāo)向中間移動(dòng),然后在頭尾增加兩個(gè)色標(biāo),分別設(shè)為下左圖中所提示的灰度色。完成后將這個(gè)樣式存儲(chǔ)到列表中。
然后更改底部的橢圓漸變層的漸變?cè)O(shè)定,在漸變列表中選擇剛才存儲(chǔ)的漸變。接著同樣更改頂部橢圓漸變層,注意應(yīng)開啟“反向”選項(xiàng)。效果如下中圖,F(xiàn)在看起來要真實(shí)的多了吧。
現(xiàn)在來看一下圓柱體表面明暗形成的原理,如下左圖,假設(shè)這是一個(gè)頂視圖,圖中的圓表示圓柱體,若干綠色線條表示光線投射的方向。那么如果在橙色箭頭的方向看向圓柱,就應(yīng)該類似于我們最早做出來的圓柱體表面,一半灰暗一半明亮。但實(shí)際上因?yàn)橹車h(huán)境總會(huì)反射部分光線,而空氣也會(huì)折射光線,因此不太可能產(chǎn)生這樣規(guī)整的明暗過渡。而是在最暗的地方有些明亮,在最亮的地方也有些灰暗。我們正是依據(jù)這個(gè)規(guī)律修改了漸變的設(shè)定。

--

雖然如此,但前面我們的漸變?cè)O(shè)定中用到了黑和白,這兩種顏色是比較極端的顏色,在現(xiàn)實(shí)中是不太可能出現(xiàn)的。因此我們將它們適當(dāng)?shù)叵蚧叶日{(diào)整一些,形成如下左圖的效果。然后為頂部的橢圓漸變層添加一個(gè)描邊樣式,設(shè)定如下中圖,注意紅色箭頭處,將填充類型設(shè)為“漸變”。這樣就營(yíng)造出了空心管狀體的管壁厚度,如下右圖。

--

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

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

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