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

          軟件下載吧

          當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > 開關圖標,設計一個調節開關圖標

          開關圖標,設計一個調節開關圖標

          時間:2024-03-08 08:51作者:下載吧人氣:32

          今天給大家帶來的是一個調節開關主題圖標,制作方法也是跟以往的差不多,主要是用路徑描繪形狀,然后用圖層樣式制作質感,想學的跟著教程一起動動手吧。

          教程源文件:http://www.16xx8.com/photoshop/sucai/2016/h280529.html

          我們的最終效果:

          開關圖標,設計一個調節開關圖標
          <點圖片看大圖>www.16xx8.com

          新建一個漸變調整層,做一個45度的從 #a1a5ae 到 #eef2f3 的線性漸變。

          開關圖標,設計一個調節開關圖標
          <點圖片看大圖>

          光是漸變背景,感覺差了點什么,添加點質感吧。復制一層漸變圖層,轉智能對象,添加一個雜色。

          開關圖標,設計一個調節開關圖標
          <點圖片看大圖>

          執行“濾鏡—風格化—浮雕效果”,添加一個浮雕效果。

          開關圖標,設計一個調節開關圖標
          <點圖片看大圖>

          將這個圖層的圖層混合模式更改為“疊加”,我們的背景就完成了。

          開關圖標,設計一個調節開關圖標
          <點圖片看大圖>

          畫一個圓角矩形,并添加圖層樣式。

          開關圖標,設計一個調節開關圖標
          <點圖片看大圖>

          開關圖標,設計一個調節開關圖標

          開關圖標,設計一個調節開關圖標

          開關圖標,設計一個調節開關圖標

          開關圖標,設計一個調節開關圖標

          復制一層這個圓角矩形,移到下層,將圖層填充修改為0,添加一個投影圖層樣式,我們來增加陰影的層次感。

          開關圖標,設計一個調節開關圖標
          <點圖片看大圖>

          開關圖標,設計一個調節開關圖標

          載入圓角矩形的選區,在主體陰影下層新建一層,填充黑色,執行一個動感模糊,配合蒙版,我們做了一個長投影,更改圖層混合模式為“正片疊底”,圖層不透明度為33%。

          開關圖標,設計一個調節開關圖標
          <點圖片看大圖>

          開關圖標,設計一個調節開關圖標

          接下來,我們來做那個中框,這里需要注意的是圓角矩形的圓度需要對齊一下,不然看上去很難看。將圖層的填充修改為0,添加一個圖層樣式。

          開關圖標,設計一個調節開關圖標
          <點圖片看大圖>

          開關圖標,設計一個調節開關圖標

          開關圖標,設計一個調節開關圖標

          開關圖標,設計一個調節開關圖標

          開關圖標,設計一個調節開關圖標

          用橢圓工具畫出旋紐的主體來,添加圖層樣式。

          開關圖標,設計一個調節開關圖標
          <點圖片看大圖>

          開關圖標,設計一個調節開關圖標

          開關圖標,設計一個調節開關圖標

          開關圖標,設計一個調節開關圖標

          跟剛才給圓角矩形做陰影一樣,復制一層,移到下層,將圖層填充修改為0,添加一個投影圖層樣式。

          開關圖標,設計一個調節開關圖標
          <點圖片看大圖>

          開關圖標,設計一個調節開關圖標

          同樣的,跟剛才一樣,利用動感模糊做個長投影,適當調整不透明度。

          開關圖標,設計一個調節開關圖標
          <點圖片看大圖>

          接下來,用橢圓工具畫出中間的小圓,添加圖層樣式。

          開關圖標,設計一個調節開關圖標
          <點圖片看大圖>

          開關圖標,設計一個調節開關圖標

          開關圖標,設計一個調節開關圖標

          添加我們的LOGO,同時添加一個圖層樣式,黑色內陰影,白色投影。

          開關圖標,設計一個調節開關圖標
          <點圖片看大圖>

          開關圖標,設計一個調節開關圖標

          開關圖標,設計一個調節開關圖標

          下面,我們畫刻度。畫個矩形,利用Ctrl+Alt+Shift+T,得到一圈刻度。(我想這個不用解釋吧),依照我們的設定,刻度應該位于旋紐的下層,因為我們給旋紐設置了投影,而陰影也應該對刻度起作用,所以我將刻度置于旋紐投影的下層,刻度顏色為#cececf,添加一個跟剛才我們給LOGO設置的圖層樣式一樣的樣式,黑色的內陰影,白色的投影,透明度自己把握下,我們的效果如下:

          開關圖標,設計一個調節開關圖標
          <點圖片看大圖>

          用橢圓工具畫一個小圓,做旋紐的指示位置的標記。顏色隨大家喜歡了,我自己用的顏色是#77e4ff,同樣的添加一個黑色的內陰影,白色的投影。

          開關圖標,設計一個調節開關圖標
          <點圖片看大圖>

          接下來,添加文字,這個沒什么好說的,我的建議是一個文字一層,因為受旋紐陰影的影響,在陰影位置的文字,它看起來,相應的應該深一些,比如圖中的MIN、0、1應該比其它的深一些。

          開關圖標,設計一個調節開關圖標
          <點圖片看大圖>

          我們的最終效果:

          開關圖標,設計一個調節開關圖標
          <點圖片看大圖>

          標簽P大點S,開關圖標,ps網頁設計,UI教程,調節圖標,調節開

          相關下載

          查看所有評論+

          網友評論

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

          公眾號

          主站蜘蛛池模板: 国精品无码一区二区三区左线| 亚洲国产精品第一区二区三区| 国产乱码精品一区三上| 一区二区三区福利视频| 中文字幕日韩精品一区二区三区| 国产精品免费一区二区三区| 国产aⅴ一区二区| 亚洲中文字幕在线无码一区二区| 中文字幕一精品亚洲无线一区| 国产亚洲福利一区二区免费看| AA区一区二区三无码精片 | 色欲AV蜜桃一区二区三| 久久国产精品一区免费下载 | 伊人色综合视频一区二区三区| 中文字幕aⅴ人妻一区二区| 亚洲片一区二区三区| 无码人妻久久一区二区三区蜜桃 | 亚洲一区无码精品色| 美女AV一区二区三区| 色窝窝无码一区二区三区| 日本一区二区免费看| 日韩人妻无码一区二区三区综合部| 色一情一乱一伦一区二区三区日本| 国产福利无码一区在线| 无码人妻一区二区三区一| 一区二区不卡在线| 亚洲一本一道一区二区三区| 无码国产精品一区二区免费 | 亚洲一区电影在线观看| 亚欧在线精品免费观看一区| 国产福利一区二区三区在线观看| 亚洲一区二区三区夜色| 精品一区二区三区在线成人| 国产福利微拍精品一区二区| 无码人妻一区二区三区兔费 | 精品性影院一区二区三区内射| 日本一区二区不卡在线| 中文字幕一区二区三区精彩视频| 亚洲天堂一区在线| 在线一区二区三区| 国模精品一区二区三区|