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

          軟件下載吧

          當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > UI教程,設計不銹鋼質感的ICON圖標

          UI教程,設計不銹鋼質感的ICON圖標

          時間:2024-03-07 18:01作者:下載吧人氣:21

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

          臨摹的成果:

          UI教程,設計不銹鋼質感的ICON圖標
          UI教程,設計不銹鋼質感的ICON圖標
          UI教程,設計不銹鋼質感的ICON圖標

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

          UI教程,設計不銹鋼質感的ICON圖標

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

          UI教程,設計不銹鋼質感的ICON圖標

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

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

          UI教程,設計不銹鋼質感的ICON圖標

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

          UI教程,設計不銹鋼質感的ICON圖標

          現在我們的效果應該是這樣。

          UI教程,設計不銹鋼質感的ICON圖標

          下面,我們將自定圖案預設。點擊“編輯—自定圖案”

          UI教程,設計不銹鋼質感的ICON圖標

          UI教程,設計不銹鋼質感的ICON圖標

          OK,現在回到我們那個圖標的文檔,在剛才那個白色畫筆圖層的頂層新建一層,執行“編輯—填充”,選擇我們剛才自定義的圖案。

          UI教程,設計不銹鋼質感的ICON圖標
          UI教程,設計不銹鋼質感的ICON圖標

          為這個圖案圖層設置一個圖層樣式。

          UI教程,設計不銹鋼質感的ICON圖標
          UI教程,設計不銹鋼質感的ICON圖標
          UI教程,設計不銹鋼質感的ICON圖標

          設置完圖層樣式,我們完成了背景的創建,效果如下:

          UI教程,設計不銹鋼質感的ICON圖標

          下面,我們開始圖標部分的操作。 用圓角矩形工具,運用減去模式,畫出如下的外框形狀來。

          UI教程,設計不銹鋼質感的ICON圖標

          為這個外框添加一個圖層樣式。

          UI教程,設計不銹鋼質感的ICON圖標
          UI教程,設計不銹鋼質感的ICON圖標

          接下來,還是用圓角矩形工具,畫出如下圖中的紅色的內框。

          UI教程,設計不銹鋼質感的ICON圖標

          為其添加一個圖層樣式。

          UI教程,設計不銹鋼質感的ICON圖標
          UI教程,設計不銹鋼質感的ICON圖標

          接下來,我們來做那個紋理效果,紋理的話網上估計大把,我也試著做了一下。新建一層,填充#333333,執行“濾鏡—雜色—添加雜色”,設置數量為13%,高斯分布,勾選單色。

          UI教程,設計不銹鋼質感的ICON圖標

          執行“濾鏡—濾鏡庫—畫筆描邊—陰影線”,設置描邊長度為38,銳化程度為3,強度為1。

          UI教程,設計不銹鋼質感的ICON圖標

          將這個紋理圖層旋轉45度,創建剪貼蒙版。

          UI教程,設計不銹鋼質感的ICON圖標

          復制一層內框圖層,置于頂層,設置填充為0,添加一個圖層樣式,來模擬內部的陰影效果。

          UI教程,設計不銹鋼質感的ICON圖標
          UI教程,設計不銹鋼質感的ICON圖標

          用圓角矩形工具畫出頂層的這個框來。

          UI教程,設計不銹鋼質感的ICON圖標

          為其添加一個圖層樣式。

          UI教程,設計不銹鋼質感的ICON圖標
          UI教程,設計不銹鋼質感的ICON圖標

          下面,我們為金屬框添加一個拉絲效果。新建一層,填充#272727,執行“濾鏡—雜色—添加雜色”,設置數量為20,高斯分布,勾選單色。

          UI教程,設計不銹鋼質感的ICON圖標

          執行“濾鏡—模糊—動感模糊”,設置角度為0度,距離為200像素。

          UI教程,設計不銹鋼質感的ICON圖標

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

          UI教程,設計不銹鋼質感的ICON圖標

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

          UI教程,設計不銹鋼質感的ICON圖標

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

          這兒同學們放一個自己喜歡的圖案/文字就好,比如優設LOGO神馬的哈哈哈

          UI教程,設計不銹鋼質感的ICON圖標
          UI教程,設計不銹鋼質感的ICON圖標
          UI教程,設計不銹鋼質感的ICON圖標
          UI教程,設計不銹鋼質感的ICON圖標

          OK,完成了LOGO的添加,我們最后來添加左右兩側的那兩個線狀的東西。設置前景色為#1f1f1f,畫一個矩形。

          UI教程,設計不銹鋼質感的ICON圖標

          為這個矩形添加一個圖層樣式。

          UI教程,設計不銹鋼質感的ICON圖標

          復制一層矩形圖層,清除掉圖層模式,重新添加一個圖層樣式。

          UI教程,設計不銹鋼質感的ICON圖標
          UI教程,設計不銹鋼質感的ICON圖標

          現在效果如下,右邊的線直接把左邊的復制過去就行了。

          UI教程,設計不銹鋼質感的ICON圖標

          大功告成!

          UI教程,設計不銹鋼質感的ICON圖標

          部分作業展示:

          UI教程,設計不銹鋼質感的ICON圖標UI教程,設計不銹鋼質感的ICON圖標

          標簽P大點S,UI教程,ps網頁設計,不銹鋼質感,不銹鋼,ICO

          相關下載

          查看所有評論+

          網友評論

          網友
          您的評論需要經過審核才能顯示

          公眾號

          主站蜘蛛池模板: 秋霞电影网一区二区三区| 日本一区二区在线| 丰满爆乳一区二区三区| 在线精品视频一区二区| 精品久久一区二区三区| 一区二区国产在线观看| 亚洲一区在线视频| 色狠狠AV一区二区三区| 国精产品一区二区三区糖心| 一区免费在线观看| 一区二区三区免费精品视频 | 一区二区视频免费观看| 国产乱码一区二区三区| 亚洲视频一区网站| 另类一区二区三区| 国产在线一区二区综合免费视频| 天堂不卡一区二区视频在线观看| 成人精品一区二区三区电影| 日韩一区二区视频| 亚洲综合一区国产精品| 国产精品一区二区久久| 亚洲天堂一区二区三区| 精品国产鲁一鲁一区二区| 亚洲一区中文字幕久久| 乱精品一区字幕二区| 亚洲一区二区三区四区在线观看 | 国内精品视频一区二区三区 | 无码少妇一区二区性色AV| 亚洲国产综合无码一区| 亚洲AV无码一区二区乱孑伦AS | 国产伦精品一区二区三区四区| 成人精品一区二区三区电影| 国产一区二区三区精品久久呦| 日亚毛片免费乱码不卡一区 | 久久久国产一区二区三区| 变态拳头交视频一区二区 | 亚洲国产成人久久一区久久 | 无码人妻精品一区二区三区蜜桃| 亚洲av无码片区一区二区三区| 3D动漫精品啪啪一区二区下载| 国模精品一区二区三区视频|