ps繪制逼真質(zhì)感的UFO圖標教程(21)

來源:Iconfans 作者:glm828 發(fā)布 學習:6183人次

盡管有些效果比較舊了,希望從中學到一些技巧哈,但其實它不僅效果比較舊,資源也比較糾結(jié),原文提供的下載有各種問題。字體的下載還是有效的,F(xiàn)acebook和3D小人就沒有了,所以大家自由發(fā)揮哈!你們的創(chuàng)意更加好。

這個就是我們最后制作成的UFO

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 1

創(chuàng)建一個600*450像素的文檔,填充黑色背景。

然后設(shè)置圖層樣式> 漸變疊加,選擇徑向漸變,中心顏色為#353535,邊緣顏色為黑色#000000,縮放值為150%。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 2

創(chuàng)建一個橢圓形狀(圖中色為#595959),這將成為我們UFO的基底。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 3

復制這個橢圓,點擊圖層> 復制圖層,顏色改為更深的灰色。(圖中顏色為#424041)

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 4

現(xiàn)在再次復制第一個橢圓,使用直接選擇工具改變它的上節(jié)點,效果如圖所示。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 5

制作拋光金屬質(zhì)感,設(shè)置圖層樣式> 漸變疊加,選擇徑向漸變,縮放值為150%。

(有一些參數(shù)的步驟我加上了自己截的圖,有任何錯漏請盡管拍磚~~)

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 6

雙擊漸變條打開漸變編輯器窗口,使用兩個灰色調(diào), #CCCCCC 和 #666666 ,每個色標位置相隔10%。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 7

保持圖層樣式> 漸變疊加窗口打開,把徑向漸變的中心拖動到形狀的上端,以加強圓錐體的體感。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 8

制作頂層橢圓的厚度,設(shè)置圖層樣式> 內(nèi)陰影,混合模式為正片疊底,角度為–90º,陰影顏色為黑色,阻塞為100像素,大小為0。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 9

還有添加內(nèi)發(fā)光,設(shè)置數(shù)值如下,可以讓頂層橢圓的內(nèi)邊緣有反光。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 10

現(xiàn)在輪到中間的橢圓,添加漸變疊加,設(shè)置數(shù)值如下,把漸變放在橢圓的中下位置。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 11

添加一個白色的投影,來模擬底層橢圓的邊緣光。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 12

拷貝頂層橢圓的圖層樣式,粘貼到底層橢圓上。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 13

降低底層橢圓漸變疊加的不透明度至50%。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 14

現(xiàn)在我們再在頂層橢圓上面創(chuàng)建一個橢圓。圖中橢圓顏色為#565455。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 15

給這個橢圓添加漸變疊加,參數(shù)如下。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 16

Also add a stroke in gradient mode, using colors white #FFFFFF and grey #CCCCCC.

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 17

現(xiàn)在是時候制作UFO的玻璃罩子了,畫一個橢圓形狀,如下圖所示,顏色為#1D408A。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 18

編輯橢圓錨點,如圖所示。按住Alt鍵(Windows)就可以分離錨點,分別控制兩邊控制桿。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 19

開始添加圖層樣式吧。首先,添加光澤,參數(shù)如圖。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 20

然后添加內(nèi)發(fā)光,顏色為 #1D408A。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 21

添加徑向漸變,顏色為#76B9FD和#000000,混合模式為線性減淡(添加)。然后把漸變拖到下方。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 22

然后添加內(nèi)陰影,用作罩子的頂光,參數(shù)如下。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 23

最后添加投影,用作提亮罩子的底部邊緣。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 24

現(xiàn)在制作球體的高光,建一個小一些的橢圓然后編輯它的錨點,如圖所示。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 25

把高光圖層填充改為0%,添加圖層樣式>漸變疊加,顏色從黑色到#44A9FE,把混合模式改為濾色,如圖所示。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 26

添加內(nèi)陰影,參數(shù)如圖。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 27

下載EPS格式的Facebook標志,如果你更喜歡Twitter,你也可以從這下載一個。

(原文提供的下載的文件貌似不可用,而且從步驟來看不一定需要矢量,大家自己找哈)

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 28

直接在PS里打開矢量標志。(可以忽略)

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 29

使用下面的設(shè)置。(可以忽略)

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 30

選擇字母“f”,編輯>復制,或者Ctrl+ C.

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 31

把字母“f”粘貼到畫布中,縮小放在玻璃罩子中,圖層順序在球體和高光之間。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 32

添加漸變疊加,如圖。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 33

添加描邊,制作3D效果,如圖所示(圖中顏色為#666666)。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 34

加強描邊,使用斜面與浮雕。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 35

再給“f”添加內(nèi)發(fā)光,如圖所示。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 36

利用玻璃罩子來隱藏一部分“f”,在路徑面板選擇罩子路徑作為選區(qū)載入。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 37

回到圖層面板,給“f”圖層添加矢量蒙版。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 38

隱藏蒙版內(nèi)的效果,在圖層樣式窗口里點選“圖層蒙版隱藏效果”。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 39

根據(jù)他們的距離,用畫筆工具畫邊緣的燈,使它們盡可能的對稱。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 40

添加外發(fā)光,顏色為#0099FF。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 41

把UFO主體的所有圖層編組。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 42

命名組。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 43

復制組,安全起見備份你的作品。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 44

把這個組轉(zhuǎn)換為智能對象,或者合并組。

這樣做是為了把整個UFO變成一個圖層,當我們縮小UFO就不會影響到圖層樣式的比例。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 45

把UFO縮小到它原來大小的65%,把它放到圖中的位置。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 46

現(xiàn)在來制作UFO投射到地面的光線。畫一個長方形,寬度與罩子寬度一致。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 47

編輯長方形的錨點,如圖所示。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 48

添加一個錨點,編輯成曲線,如圖。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 49

利用路徑面板把形狀轉(zhuǎn)換成選區(qū)。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 50

羽化選區(qū),選擇-修改-羽化。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 51

設(shè)置羽化半徑為3像素。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 52

回到圖層面板,新建圖層,用流量為10%的畫筆在選區(qū)內(nèi)涂畫,接近光源處加強光。

(也可以用左邊工具欄的漸變工具,漸變條顏色從白色到透明)

使用同樣的羽化選區(qū)技巧,畫地面的光圈。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 53

增強地面光感。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 54

添加以下圖片到我們的作品中區(qū),或者找別的你覺得適合的。(大家自由發(fā)揮哈~~)

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 55

把它從背景中切出來,縮小放到圖中的位置。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

Step 56

制作人物的影子,通過復制,變換,模糊,變形成圖中的樣子。

Photoshop繪制逼真質(zhì)感的UFO圖標教程,52photoshop教程

學習 · 提示

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

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

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