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

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

軟件下載吧

當(dāng)前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

時(shí)間:2024-03-07 18:01作者:下載吧人氣:16

教程介紹了如何使用PhotoShop制作一個(gè)逼真的方形不銹鋼按鈕的過(guò)程,主要使用的是圖層樣式和形狀,在配合路徑完成最終效果,教程步驟很多,練習(xí)需要點(diǎn)耐心,有興趣的朋友可以跟著學(xué)一下,做完記得交作業(yè)。

臨摹的成果:

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)
UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)
UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

下面,我們開(kāi)始山寨之旅。 新建文檔,我用的大小是2000*1500像素,設(shè)置背景色為# 101010

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

新建一層,設(shè)置前景色為白色,使用圓角柔邊畫(huà)筆,設(shè)置大小為1500像素,在畫(huà)布中點(diǎn)一點(diǎn),設(shè)置圖層的不透明度為60%。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

下面,我們來(lái)做背景中那個(gè)圓形的圖案,我這里是用一個(gè)無(wú)縫圖案來(lái)完成的。新建一個(gè)40*40像素的文件,背景為透明,用橢圓工具畫(huà)一個(gè)20*20像素的正圓,并讓其水平居中,垂直居中。

以下截圖為方便觀看,是放大了1200%的截圖。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

復(fù)制一層橢圓圖層,執(zhí)行“濾鏡—其他—位移”,設(shè)置水平和垂直位移均為我們文檔大小的一半。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

現(xiàn)在我們的效果應(yīng)該是這樣。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

下面,我們將自定圖案預(yù)設(shè)。點(diǎn)擊“編輯—自定圖案”

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

OK,現(xiàn)在回到我們那個(gè)圖標(biāo)的文檔,在剛才那個(gè)白色畫(huà)筆圖層的頂層新建一層,執(zhí)行“編輯—填充”,選擇我們剛才自定義的圖案。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)
UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

為這個(gè)圖案圖層設(shè)置一個(gè)圖層樣式。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)
UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)
UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

設(shè)置完圖層樣式,我們完成了背景的創(chuàng)建,效果如下:

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

下面,我們開(kāi)始圖標(biāo)部分的操作。 用圓角矩形工具,運(yùn)用減去模式,畫(huà)出如下的外框形狀來(lái)。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

為這個(gè)外框添加一個(gè)圖層樣式。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)
UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

接下來(lái),還是用圓角矩形工具,畫(huà)出如下圖中的紅色的內(nèi)框。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

為其添加一個(gè)圖層樣式。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)
UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

接下來(lái),我們來(lái)做那個(gè)紋理效果,紋理的話網(wǎng)上估計(jì)大把,我也試著做了一下。新建一層,填充#333333,執(zhí)行“濾鏡—雜色—添加雜色”,設(shè)置數(shù)量為13%,高斯分布,勾選單色。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

執(zhí)行“濾鏡—濾鏡庫(kù)—畫(huà)筆描邊—陰影線”,設(shè)置描邊長(zhǎng)度為38,銳化程度為3,強(qiáng)度為1。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

將這個(gè)紋理圖層旋轉(zhuǎn)45度,創(chuàng)建剪貼蒙版。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

復(fù)制一層內(nèi)框圖層,置于頂層,設(shè)置填充為0,添加一個(gè)圖層樣式,來(lái)模擬內(nèi)部的陰影效果。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)
UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

用圓角矩形工具畫(huà)出頂層的這個(gè)框來(lái)。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

為其添加一個(gè)圖層樣式。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)
UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

下面,我們?yōu)榻饘倏蛱砑右粋€(gè)拉絲效果。新建一層,填充#272727,執(zhí)行“濾鏡—雜色—添加雜色”,設(shè)置數(shù)量為20,高斯分布,勾選單色。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

執(zhí)行“濾鏡—模糊—動(dòng)感模糊”,設(shè)置角度為0度,距離為200像素。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

選擇頂框加外框的選區(qū),為拉絲紋理添加一個(gè)圖層蒙版,更改拉絲紋理圖層混合模式為“線性減淡(添加)”,不透明度為35%。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

拉絲效果不是很明顯,復(fù)制一層拉絲圖層,更改圖層混合模式為柔光,不透明度為25%。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

放入我們的LOGO,設(shè)置填充為0,并為其添加一個(gè)圖層樣式。

這兒同學(xué)們放一個(gè)自己喜歡的圖案/文字就好,比如優(yōu)設(shè)LOGO神馬的哈哈哈

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)
UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)
UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)
UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

OK,完成了LOGO的添加,我們最后來(lái)添加左右兩側(cè)的那兩個(gè)線狀的東西。設(shè)置前景色為#1f1f1f,畫(huà)一個(gè)矩形。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

為這個(gè)矩形添加一個(gè)圖層樣式。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

復(fù)制一層矩形圖層,清除掉圖層模式,重新添加一個(gè)圖層樣式。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)
UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

現(xiàn)在效果如下,右邊的線直接把左邊的復(fù)制過(guò)去就行了。

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

大功告成!

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

部分作業(yè)展示:

UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)UI教程,設(shè)計(jì)不銹鋼質(zhì)感的ICON圖標(biāo)

標(biāo)簽P大點(diǎn)S,UI教程,ps網(wǎng)頁(yè)設(shè)計(jì),不銹鋼質(zhì)感,不銹鋼,ICO

相關(guān)下載

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

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

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

熱門(mén)閱覽

最新排行

公眾號(hào)

主站蜘蛛池模板: 久草免费手机视频 | 久久91综合国产91久久精品 | 中文字幕亚洲精品日韩精品 | 久久88香港三级 | 亚洲一级高清在线中文字幕 | 久久久久国产一级毛片高清板 | 三级国产在线 | 欧美国产日韩在线播放 | 91亚洲精品久久91综合 | 国产欧美日韩一区二区三区在线 | 国产成人午夜精品5599 | 在线a亚洲视频播放在线观看 | 成人免费福利网站在线看 | 久久久www成人免费精品 | 国产成人一区二区三区高清 | 久久久成人影院 | 成人免费一级毛片在线播放视频 | 一级a欧美毛片 | 国产亚洲精品aaa大片 | 中文字幕综合 | 欧美xxxx4khd超高清 | 一本色道久久99一综合 | 国产亚洲精品2021自在线 | 国产成人无精品久久久久国语 | 亚洲综合亚洲综合网成人 | 亚洲在线一区二区三区 | 可以免费看黄的网站 | aaaa毛片| 免费国产a国产片高清不卡 免费国产不卡午夜福在线 免费国产不卡午夜福在线观看 | 荡女妇边被c边呻吟久久 | 免费黄网在线观看 | 一级成人a免费视频 | 久久视频国产 | 久久成人动漫 | 欧美性一区二区三区 | 亚洲依依成人综合在线网址 | 国产精品国产精品国产三级普 | 欧美视频一区二区专区 | 9久久99久久久精品齐齐综合色圆 | 精品日韩二区三区精品视频 | 日本一区二区免费在线观看 |