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

來(lái)源:Iconfans 作者:glm828 發(fā)布 學(xué)習(xí):6183人次

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

這個(gè)就是我們最后制作成的UFO

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

Step 1

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

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

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

Step 2

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

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

Step 3

復(fù)制這個(gè)橢圓,點(diǎn)擊圖層> 復(fù)制圖層,顏色改為更深的灰色。(圖中顏色為#424041)

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

Step 4

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

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

Step 5

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

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

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

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

Step 6

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

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

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

Step 7

保持圖層樣式> 漸變疊加窗口打開(kāi),把徑向漸變的中心拖動(dòng)到形狀的上端,以加強(qiáng)圓錐體的體感。

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

Step 8

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

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

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

Step 9

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

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

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

Step 10

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

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

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

Step 11

添加一個(gè)白色的投影,來(lái)模擬底層橢圓的邊緣光。

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

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

Step 12

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

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

Step 13

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

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

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

Step 14

現(xiàn)在我們?cè)僭陧攲訖E圓上面創(chuàng)建一個(gè)橢圓。圖中橢圓顏色為#565455。

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

Step 15

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

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

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

Step 16

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

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

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

Step 17

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

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

Step 18

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

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

Step 19

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

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

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

Step 20

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

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

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

Step 21

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

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

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

Step 22

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

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

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

Step 23

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

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

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

Step 24

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

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

Step 25

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

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

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

Step 26

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

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

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

Step 27

下載EPS格式的Facebook標(biāo)志,如果你更喜歡Twitter,你也可以從這下載一個(gè)。

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

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

Step 28

直接在PS里打開(kāi)矢量標(biāo)志。(可以忽略)

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

Step 29

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

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

Step 30

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

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

Step 31

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

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

Step 32

添加漸變疊加,如圖。

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

Step 33

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

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

Step 34

加強(qiáng)描邊,使用斜面與浮雕。

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

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

Step 35

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

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

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

Step 36

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

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

Step 37

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

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

Step 38

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

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

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

Step 39

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

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

Step 40

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

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

Step 41

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

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

Step 42

命名組。

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

Step 43

復(fù)制組,安全起見(jiàn)備份你的作品。

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

Step 44

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

這樣做是為了把整個(gè)UFO變成一個(gè)圖層,當(dāng)我們縮小UFO就不會(huì)影響到圖層樣式的比例。

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

Step 45

把UFO縮小到它原來(lái)大小的65%,把它放到圖中的位置。

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

Step 46

現(xiàn)在來(lái)制作UFO投射到地面的光線。畫(huà)一個(gè)長(zhǎng)方形,寬度與罩子寬度一致。

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

Step 47

編輯長(zhǎng)方形的錨點(diǎn),如圖所示。

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

Step 48

添加一個(gè)錨點(diǎn),編輯成曲線,如圖。

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

Step 49

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

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

Step 50

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

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

Step 51

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

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

Step 52

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

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

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

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

Step 53

增強(qiáng)地面光感。

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

Step 54

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

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

Step 55

把它從背景中切出來(lái),縮小放到圖中的位置。

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

Step 56

制作人物的影子,通過(guò)復(fù)制,變換,模糊,變形成圖中的樣子。

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

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

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

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

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