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

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

軟件下載吧

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

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

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

本篇教程通過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網頁設計,播放器圖標,開關圖

相關下載

查看所有評論+

網友評論

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

公眾號

主站蜘蛛池模板: 精品国产高清不卡毛片 | 久久99精品久久久久久久野外 | 欧美成人a | 国产中文字幕在线观看 | 欧美成年人网站 | 香蕉网站狼人久久五月亭亭 | 精品国产自 | 亚洲精品国产男人的天堂 | 亚洲久久网站 | 亚洲欧美视频在线 | 国产欧美日韩综合一区二区三区 | 国产a级一级久久毛片 | 成人黄色免费 | 欧美日韩一区二区在线 | 国产年成美女网站视频免费看 | 91精品观看91久久久久久 | 最新亚洲精品国自产在线观看 | 91香蕉嫩草 | 在线观看国产一区 | 亚洲国产欧美精品 | 三级视频网站在线观看 | 亚洲国产第一区二区香蕉日日 | 日本免费不卡在线一区二区三区 | 成人韩免费网站 | 日本aa级片 | 丁香婷婷影音先锋5566 | 欧美成人性毛片免费版 | 天天干夜夜怕 | 午夜欧美日韩在线视频播放 | 国产乱淫视频 | 精品国产96亚洲一区二区三区 | 成年人网站在线观看免费 | 久久精品亚瑟全部免费观看 | 亚洲gogo人体大胆西西安徽 | 国产精品短视频免费观看 | 91免费视频版 | 亚洲精品专区一区二区欧美 | 亚洲悠悠色综合中文字幕 | 偷自拍第一页 | 精品久久久久久国产91 | 欧美在线一级毛片观看 |