當前位置:首頁>ps入門教程>ps基礎教程>新手教程>教程內容

11-6 漸變的用途和設定技巧(3)

來源:網(wǎng)絡 作者:趙鵬 學習:63348人次

11-6 漸變的用途和設定技巧-11-6 漸變的用途和設定技巧-11-6 漸變的用途和設定技巧

同樣的,我們也可以利用漸變來營造球體的立體感,可以使用默認的黑白漸變,按照如下左圖的設定,此時用鼠標在圖像中拖動可更改漸變的位置。如下中圖。注意更改漸變位置必須在漸變填充對話框開啟的前提下,如果關閉了下如左圖的設定框,就無法更改漸變的位置了。最后的效果如下右圖。

11-6 漸變的用途和設定技巧-11-6 漸變的用途和設定技巧-11-6 漸變的用途和設定技巧

現(xiàn)在我們來制作“大師的球體”,按照我們前所說的道理,可以為球體添加一些反射光,如下第左圖設定漸變,注意紅色箭頭處的漸變中點應偏向第一個色標。此時球體的效果如下中圖。然后可以創(chuàng)建一個較小的正圓選區(qū),建立一個白色純色填充層,并添加描邊樣式(5像素、外部、黑色顏色填充),接著降低整個圖層的不透明度到25%左右。接著再打上一個數(shù)字并適當下降不透明度。最后保證3個圖層中央對齊(用移動工具選擇3個圖層后在頂部點擊11-6 漸變的用途和設定技巧11-6 漸變的用途和設定技巧),形成如下右圖的效果。

11-6 漸變的用途和設定技巧-11-6 漸變的用途和設定技巧-11-6 漸變的用途和設定技巧

相比Photoshop,Illustrator可以創(chuàng)造出更加豐富和細膩的漸變,如下左圖。由于色彩的漸變過渡是矢量計算生成的,放大后還可以顯露出更加平滑的色彩變化,如下中圖。這主要得益于Illustrator的漸變網(wǎng)格工具,其可以在物體表面建立一個網(wǎng)格,然后以網(wǎng)格的節(jié)點為中心向四周輻射色彩,如下右圖位于球體中的4個節(jié)點。這有點類似于Photoshop的徑向漸變,但Illustrator可以自由設定輻射的方向和強度。

11-6 漸變的用途和設定技巧-11-6 漸變的用途和設定技巧-11-6 漸變的用途和設定技巧

需要明確的一個概念是:Photoshop中對物體的漸變效果既有點陣漸變,也有矢量漸變。以我們在這個章節(jié)中制作的幾個漸變效果而言,都是由選區(qū)直接創(chuàng)建的圖像,這就屬于點陣圖像。這樣制作出來的漸變也屬于點陣漸變,如果放大圖像,像素也同時被放大,將會出現(xiàn)馬賽克效果。在我們掌握了矢量路徑后,就可以在Photoshop中創(chuàng)建矢量漸變。
另外還有一點要提示大家的是:Photoshop能夠以智能對象的形式在圖層中放置由Illustrator創(chuàng)建的矢量圖像,可以無損失的放大縮小智能對象圖層,就如同真正的矢量圖像一樣。只不過Photoshop無法對智能對象進行更加深入的操作(如更改路徑方向、漸變顏色等)。這部分的相關內容我們會在以后正式學習。

我們雖然列舉了兩個利用漸變來繪制物體的例子,但繪制物體并不是我們現(xiàn)在要學習的主要內容。盡管事實上許多Photoshop或Illustrator的寫實作品就是利用漸變來實現(xiàn)效果的。但現(xiàn)在是為了讓大家感受一下漸變帶來的立體感。并且,柱形和球形漸變也是網(wǎng)頁設計中常用到的兩種方式,許多的按鈕或導航菜單都是使用漸變來營造效果的。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
煩惱且呆萌2023-06-12 10:27
我的作業(yè)

不二家棒棒糖2021-08-13 08:43
飄柔,就是這么自信哈哈哈哈哈
阿門5042021-03-28 07:26
我的作業(yè):很開心,有學到了

時光不染2019-10-11 04:54
我的作業(yè):
自學PS20192019-09-05 02:49
我的作業(yè):
簫竹女2019-04-06 01:56
我的作業(yè):
簫竹女2019-04-06 01:55
我的作業(yè):
簫竹女2019-04-05 10:44
我的作業(yè):
簫竹女2019-04-05 10:44
我的作業(yè):
簫竹女2019-03-26 02:53
我的作業(yè):
簫竹女2019-03-26 10:27
我的作業(yè):我的作業(yè):
2019-01-26 02:47
漸變的用途和設定技巧我的作業(yè):
誰有時間陪我2019-01-20 03:03
<img src="http://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/55/alixiao_org.gif" /> 今天的天氣可真好。
二月鳥Alan2018-12-04 09:46
順便說一句,ps cc 2019版本的圖像旋轉漸變圖層樣式也跟著旋轉,很方便
二月鳥Alan2018-12-04 09:34
11-6 漸變的用途和設定技巧 我的作業(yè):

關注大神微博加入>>

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