日韩小视频-日韩久久一区二区三区-日韩久久一级毛片-日韩久久久精品中文字幕-国产精品亚洲精品影院-国产精品亚洲欧美云霸高清

下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當(dāng)前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > ps cc教程:做一個(gè)立體的UI圖標(biāo)

ps cc教程:做一個(gè)立體的UI圖標(biāo)

時(shí)間:2024-03-07 08:38作者:下載吧人氣:27

最終效果:

ps cc教程:做一個(gè)立體的UI圖標(biāo)

提示:本教程所用PS版本為2014年6月下旬發(fā)布的最新 Photoshop CC 2014 ,老版本可能部分步驟無法實(shí)現(xiàn),學(xué)習(xí)本教程前,務(wù)必下載最新版本

本教程平臺(tái)為 Mac 系統(tǒng),Windows下也可以看,步驟是一樣的

1,新建畫布,參數(shù)如下

ps cc教程:做一個(gè)立體的UI圖標(biāo)

2,新建兩圖層,填充顏色 #dcdcdc,分別命名為墻,地板

ps cc教程:做一個(gè)立體的UI圖標(biāo)

3, 選擇圓角矩形工具,設(shè)置為形狀,半徑為52,然后畫一個(gè)300x300的圓角矩形,設(shè)置矩形顏色為純白,并放在畫布中央,將該圖層命名為 白板背景

ps cc教程:做一個(gè)立體的UI圖標(biāo)

ps cc教程:做一個(gè)立體的UI圖標(biāo)

ps cc教程:做一個(gè)立體的UI圖標(biāo)

4,選擇鋼筆工具,選擇形狀,畫出紅布,顏色為: #ff0000 ,將該圖層命名為 紅布

ps cc教程:做一個(gè)立體的UI圖標(biāo)

ps cc教程:做一個(gè)立體的UI圖標(biāo)

5,繼續(xù)用鋼筆工具畫出頭條和灰色橫線,頭條設(shè)置為純白,灰色橫線為 #dcdcdc,圖層分別命名為頭條,文字紋理

ps cc教程:做一個(gè)立體的UI圖標(biāo)

ps cc教程:做一個(gè)立體的UI圖標(biāo)

6,最終的圖層應(yīng)該是這樣的

ps cc教程:做一個(gè)立體的UI圖標(biāo)

7,為了節(jié)省大家的時(shí)間,這一步我將源文件上傳了:http://pan.baidu.com/s/1qWPnfdi

8,點(diǎn)擊窗口,選3D和屬性,讓這兩個(gè)面板顯示出來

ps cc教程:做一個(gè)立體的UI圖標(biāo)

9,選擇頭條圖層,菜單欄選擇 3D-從所選路徑新建3D模型,如果提示是否切到3D視圖,選否

ps cc教程:做一個(gè)立體的UI圖標(biāo)

ps cc教程:做一個(gè)立體的UI圖標(biāo)

10,對(duì)紅布,文字紋理,白板背景同樣做相同操作,操作完后如下

ps cc教程:做一個(gè)立體的UI圖標(biāo)

11,選擇墻圖層,選擇3D-從圖層新建網(wǎng)格-明信片

ps cc教程:做一個(gè)立體的UI圖標(biāo)

12,對(duì)地板也做相同操作

ps cc教程:做一個(gè)立體的UI圖標(biāo)

13,選中這些剛才進(jìn)行3D操作的圖層,選擇 3D - 合并3D圖層

ps cc教程:做一個(gè)立體的UI圖標(biāo)

14,選擇3D窗口,選擇當(dāng)前視圖,可以轉(zhuǎn)換視圖

ps cc教程:做一個(gè)立體的UI圖標(biāo)

15,3D窗口里,選擇白板背景,雙擊白板背景前的星星圖標(biāo),進(jìn)入屬性頁面

ps cc教程:做一個(gè)立體的UI圖標(biāo)

16,凸出設(shè)為200

ps cc教程:做一個(gè)立體的UI圖標(biāo)

17,選擇蓋子圖標(biāo),寬度設(shè)為6,等高線選擇半圓

ps cc教程:做一個(gè)立體的UI圖標(biāo)

18,對(duì)紅布做相同操作,凸出為400,寬度3,等高線半圓

19,頭條:凸出為50,寬度3,等高線保持默認(rèn)

20,文字紋理:和頭條一致

21,雙擊墻前面的圖標(biāo),在坐標(biāo)下,將x的旋轉(zhuǎn)設(shè)為90

ps cc教程:做一個(gè)立體的UI圖標(biāo)

ps cc教程:做一個(gè)立體的UI圖標(biāo)

22,選中哪個(gè)圖層,哪個(gè)圖層就會(huì)有三軸桿,可以移動(dòng),旋轉(zhuǎn)和縮放

ps cc教程:做一個(gè)立體的UI圖標(biāo)

23,通過三軸控件,調(diào)整各個(gè)圖層的位置,并且縮放調(diào)整大小,必要時(shí)通過調(diào)整當(dāng)前視圖來判斷位置,最后調(diào)整成你想要的視圖,如下

ps cc教程:做一個(gè)立體的UI圖標(biāo)

24,雙擊當(dāng)前視圖前的圖標(biāo),在視圖下,選擇儲(chǔ)存,命名為 預(yù)渲染視圖

ps cc教程:做一個(gè)立體的UI圖標(biāo)

ps cc教程:做一個(gè)立體的UI圖標(biāo)

25,此時(shí),你可以在3D窗口看到預(yù)渲染視圖了,不管你怎么調(diào)整視圖,點(diǎn)擊預(yù)渲染視圖即可回到預(yù)設(shè)好的角度,方便臨時(shí)切換視圖

ps cc教程:做一個(gè)立體的UI圖標(biāo)

26,雙擊白板背景前膨脹材質(zhì)前面的圖標(biāo)

ps cc教程:做一個(gè)立體的UI圖標(biāo)

27,然后刪除漫射紋理,并使用下面的值。

漫射顏色#DFDFDF,鏡像為#727272,發(fā)光#080808,環(huán)境#000000。

閃亮等數(shù)值參考下圖

ps cc教程:做一個(gè)立體的UI圖標(biāo)

28,如圖,新建材質(zhì)并保存

ps cc教程:做一個(gè)立體的UI圖標(biāo)

29,回到3D面板,選擇其余材質(zhì),雙擊前面的小圖標(biāo)

ps cc教程:做一個(gè)立體的UI圖標(biāo)

30,如圖,在最下方會(huì)看到你剛才儲(chǔ)存的材質(zhì),點(diǎn)擊即可應(yīng)用上

ps cc教程:做一個(gè)立體的UI圖標(biāo)

31,對(duì)頭條應(yīng)用剛才的材質(zhì)

32,對(duì)文字紋理也應(yīng)用剛才的材質(zhì),然后調(diào)整數(shù)值如下

ps cc教程:做一個(gè)立體的UI圖標(biāo)

33,對(duì)紅布移去漫射紋理,“漫射”顏色#ff0000,鏡像#545454,發(fā)光#080808,環(huán)境#000000。其余具體數(shù)值設(shè)置如下。

ps cc教程:做一個(gè)立體的UI圖標(biāo)

34,點(diǎn)擊凹凸文件夾圖標(biāo),并選擇“新建紋理”

ps cc教程:做一個(gè)立體的UI圖標(biāo)

35,600的寬度和高度

ps cc教程:做一個(gè)立體的UI圖標(biāo)

36,點(diǎn)擊凹凸紋理圖標(biāo),并選擇“編輯紋理”。

ps cc教程:做一個(gè)立體的UI圖標(biāo)

37,這將打開紋理文件,添加雜色,數(shù)值如下,關(guān)閉之后保存一下,返回到原始文檔。

ps cc教程:做一個(gè)立體的UI圖標(biāo)

ps cc教程:做一個(gè)立體的UI圖標(biāo)

38,再次單擊凹凸紋理圖標(biāo),然后選擇“編輯UV屬性”。

ps cc教程:做一個(gè)立體的UI圖標(biāo)

39,設(shè)置如下

ps cc教程:做一個(gè)立體的UI圖標(biāo)

40,儲(chǔ)存紋理,并應(yīng)用相同紋理到紅布其它材質(zhì)

ps cc教程:做一個(gè)立體的UI圖標(biāo)

41,雙擊地板前的圖標(biāo),然后取消選中“投影”框,你需要對(duì)墻做同樣的事情。

ps cc教程:做一個(gè)立體的UI圖標(biāo)

ps cc教程:做一個(gè)立體的UI圖標(biāo)

42,點(diǎn)擊地板,然后單擊“漫射紋理”圖標(biāo),并選擇“編輯紋理”。

ps cc教程:做一個(gè)立體的UI圖標(biāo)

ps cc教程:做一個(gè)立體的UI圖標(biāo)

43,選張木紋圖放進(jìn)去,最好把木紋圖縮小,再拼到一塊,我這就是縮小后,拼成一整塊的,然后儲(chǔ)存關(guān)閉,回到原來的文檔

ps cc教程:做一個(gè)立體的UI圖標(biāo)

44,不透明度那里,移去紋理,然后其余的材料設(shè)置,如下圖所示。鏡像顏色#BBBBBB,發(fā)光#000000,環(huán)境#000000,并保存材質(zhì)

ps cc教程:做一個(gè)立體的UI圖標(biāo)

45,對(duì)墻應(yīng)用相同的材質(zhì),然后改變閃亮值50和反射值10。

ps cc教程:做一個(gè)立體的UI圖標(biāo)

46,點(diǎn)擊“無限光1 ”選項(xiàng),改變角度,如下所示

ps cc教程:做一個(gè)立體的UI圖標(biāo)

47,雙擊 無限光1 前面的圖標(biāo),然后改變其顏色#fefbef,強(qiáng)度60%,50%的柔和度。

ps cc教程:做一個(gè)立體的UI圖標(biāo)

48,新建點(diǎn)光

ps cc教程:做一個(gè)立體的UI圖標(biāo)

49,改變點(diǎn)光的顏色#fffef8,強(qiáng)度15%,取消勾選“陰影”框。

為了使光線逐漸褪色,讓它的進(jìn)一步擴(kuò)散,看起來更加自然和逼真,檢查點(diǎn)光的光照衰減,并改變內(nèi)徑值至79,外徑值868。

位置放在頭條前面,使用三軸桿調(diào)整位置

ps cc教程:做一個(gè)立體的UI圖標(biāo)

50,雙擊環(huán)境,數(shù)值如下

ps cc教程:做一個(gè)立體的UI圖標(biāo)

ps cc教程:做一個(gè)立體的UI圖標(biāo)

51,渲染

ps cc教程:做一個(gè)立體的UI圖標(biāo)

52,可能需要等待數(shù)十分鐘,根據(jù)電腦配置時(shí)間不等,最終效果如下

ps cc教程:做一個(gè)立體的UI圖標(biāo)

希望我的教程你能夠喜歡~~~

標(biāo)簽3D,原創(chuàng),自譯教程,Samice,設(shè)計(jì)教程

相關(guān)下載

查看所有評(píng)論+

網(wǎng)友評(píng)論

網(wǎng)友
您的評(píng)論需要經(jīng)過審核才能顯示

熱門閱覽

最新排行

公眾號(hào)

主站蜘蛛池模板: 亚洲国产成人久久综合碰 | 亚洲综合精品一二三区在线 | 一级毛片一级毛片a毛片欧美 | 成人18免费网站在线观看 | 欧美成人久久久免费播放 | 久久精品国产午夜伦班片 | 国产一及毛片 | 久久国产精品影院 | 国产激情一区二区三区在线观看 | 亚洲va精品中文字幕动漫 | 亚洲国产成人最新精品资源 | 亚洲综合精品一区二区三区中文 | 国产欧美一区二区三区在线看 | 亚洲成在人线免费视频 | 欧美激情一级欧美精品 | 日本高清视频免费在线观看 | 久久在线免费视频 | 国产在线精品一区二区三区 | 九九国产在线 | 99久免费精品视频在线观看2 | 国产三级日本三级日产三级66 | 神马我我不卡伦影视 | 久久精品视频亚洲 | 久久夜色精品国产亚洲 | 亚洲欧美久久一区二区 | 中文字幕国产亚洲 | 一色屋色费精品视频在线观看 | www.一区二区三区.com | 在线欧美国产 | 亚洲一区二区影视 | 九九99香蕉在线视频网站 | 欧美精品自拍 | 国产精品久久久免费视频 | 欧美人禽杂交狂配毛片 | 欧美日韩一区二区三区视频在线观看 | 高清韩国a级特黄毛片 | 87精品福利视频在线观看 | 男人女人做性全程视视频 | 大片毛片女女女女女女女 | 在线播放成人高清免费视频 | 国产区网址 |