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

          軟件下載吧

          當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          時間:2024-03-08 15:00作者:下載吧人氣:25

          本篇教程通過PS設計一個獨特的漸變風格播放圖標,教程依然是我們的圖層樣式,同學們不要覺得圖層樣式煩,圖標根本離不開它,所以我們這個朋友呢,一定跟它搞熟悉關系,同學們一起來試著做一下吧。

          效果圖:

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標
          www.16xx8.com

          操作步驟:

          老規矩,先來分析一下。這里我們主要分為三個部分:底座、外圓、內圓,其它問題都不大,主要是外圓部分、需要用到多個圖層來繪制線條,騷年分析完已經成功一半了,離成功還會遠嗎?

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          步驟一:

          首先新建畫布900px*900px畫布,命名為播放按鈕,為背景添加顏色#3d3835。

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          步驟二:

          使用圓角矩形工具、繪制一個615px*615px圓角半徑為90px底座,并為它添加圖層樣式。

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          步驟三:

          高逼格的底座一下就出來了,有木有!??!接下來繼續使用橢圓工具、繪制一個400px的正圓,并為它添加圖層樣式。

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          步驟四:

          在繪制一下底座的線條吧,選擇直線工具繪制一條長度30px粗細1px的直線吧,顏色為#818181。

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          步驟五:

          復制直線執行自由變換命令,調整中心點至畫布中心,旋轉15度,并執行重復上一命令并復制操作shift+ctrl+alt+t復制出另外余下的直線段,并添加一下圖層樣式吧。

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          步驟六:

          接下來使用橢圓工具、繪制一個330px*330px的正圓,并為它添加圖層樣式。

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          步驟七:

          我們繼續使用橢圓工具、繪制一個260px的正圓,并為它添加圖層式。

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          步驟八:

          現在繼續繪制一下底座的線條吧,選擇直線工具繪制一條長度8px粗細1px的直線吧,顏色為#898989。

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          步驟九:

          復制直線執行自由變換命令,調整中心點至畫布中心,旋轉15度,并執行重復上一命令并復制操作shift+ctrl+alt+t復制出另外余下的直線段。

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          步驟十:

          重復上面步驟繪制長度32px粗細1px的直線吧,顏色為#898989,并復制旋轉90度。

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          步驟十一:

          現在我們來繪制內圓的部分,用橢圓工具、繪制一個170px*170px的正圓,并為它添加圖層樣式。

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          步驟十二:

          繼續繪制內圓的部分,用橢圓工具、繪制一個130px*130px的正圓,并為它添加圖層樣式。

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          步驟十三:

          現在我們來繪制最后一個小圓吧,用橢圓工具、繪制一個15px*15px的正圓,顏色為#60a500并為它添加圖層樣式,復制小圓,將顏色改為#fe0000,放到合適的位置就完成這個案例了哦。

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          完成:

          UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

          同學只要勤加練習,就可以做到自己想要的效果,不能一味模仿,我們練習多了要有創新精神,創作屬于我們自己的東西。

          標簽全棧UI筆記,UI圖標教程,ps網頁設計,播放器圖標,開關圖

          相關下載

          查看所有評論+

          網友評論

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

          公眾號

          主站蜘蛛池模板: 国产精品亚洲产品一区二区三区| 韩国福利一区二区三区高清视频 | 国产精品女同一区二区久久| 亚洲一区二区成人| 亚洲AV午夜福利精品一区二区 | eeuss鲁片一区二区三区| 一区二区三区午夜视频| 国产suv精品一区二区6| 人妻少妇精品视频三区二区一区 | 国产香蕉一区二区精品视频| 亚洲一区二区三区精品视频| 人妻久久久一区二区三区 | 欧洲精品码一区二区三区免费看 | 午夜爽爽性刺激一区二区视频| 日本一区中文字幕日本一二三区视频 | 偷拍激情视频一区二区三区| 亚洲一区无码精品色| 蜜桃传媒一区二区亚洲AV| 亚洲国产精品一区二区成人片国内 | 亚洲熟女乱色一区二区三区| 红桃AV一区二区三区在线无码AV| 亚洲福利视频一区| 精品少妇一区二区三区在线| 亚洲AV无码一区二区三区网址| 一区二区免费国产在线观看| 红杏亚洲影院一区二区三区| 欧美日韩国产免费一区二区三区 | 亚洲蜜芽在线精品一区| 亚洲综合国产一区二区三区| 在线视频一区二区三区三区不卡| 乱人伦一区二区三区| 一区二区手机视频| 小泽玛丽无码视频一区| 亚洲国产专区一区| 国产一区二区三区免费观在线| 国产精品一区在线观看你懂的| 精品人妻一区二区三区四区在线| 国产一区二区三区日韩精品| 怡红院一区二区三区| 男人的天堂精品国产一区| 一区二区国产精品|