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

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

軟件下載吧

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

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

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

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

效果圖:

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)
www.16xx8.com

操作步驟:

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

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

步驟一:

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

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

步驟二:

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

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

步驟三:

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

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

步驟四:

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

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

步驟五:

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

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

步驟六:

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

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

步驟七:

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

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

步驟八:

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

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

步驟九:

復(fù)制直線執(zhí)行自由變換命令,調(diào)整中心點至畫布中心,旋轉(zhuǎn)15度,并執(zhí)行重復(fù)上一命令并復(fù)制操作shift+ctrl+alt+t復(fù)制出另外余下的直線段。

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

步驟十:

重復(fù)上面步驟繪制長度32px粗細(xì)1px的直線吧,顏色為#898989,并復(fù)制旋轉(zhuǎn)90度。

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

步驟十一:

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

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

步驟十二:

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

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

步驟十三:

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

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

完成:

UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)

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

標(biāo)簽全棧UI筆記,UI圖標(biāo)教程,ps網(wǎng)頁設(shè)計,播放器圖標(biāo),開關(guān)圖

相關(guān)下載

查看所有評論+

網(wǎng)友評論

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

公眾號

主站蜘蛛池模板: 欧美亚洲视频一区 | 一本久久精品一区二区 | 精品免费久久久久欧美亚一区 | 伊人一级| 日本黄色大片在线播放视频免费观看 | 日韩精品一区在线观看 | 亚洲在线视频免费观看 | 国产香蕉在线视频一级毛片 | 久久一本| 成年人在线免费观看视频网站 | 玖草在线视频 | 久久99热精品免费观看欧美 | 亚洲视频一区二区三区 | 加勒比一区在线 | 欧美日韩精品一区三区 | 国产精品成人免费观看 | 午夜在线影院 | 91精品国产免费久久 | 免费国产高清精品一区在线 | 久久99精品一级毛片 | 精品一久久 | 亚洲精品一区二区三区五区 | 久久久国产精品免费视频 | 亚洲男同可播放videos | 香蕉久久久久 | 欧美成人老熟妇暴潮毛片 | 国产人成午夜免费噼啪视频 | 亚州中文字幕 | 亚洲成人综合网站 | 久久草在线视频 | 国产一区二区三区免费播放 | 久久成人毛片 | 精品国产不卡一区二区三区 | 国产码一区二区三区 | 成人免费毛片网站 | 欧美14videosex性欧美成人 | 久久久久久综合成人精品 | 欧美三级一级片 | 国产成人精品亚洲 | 91精品国产一区二区三区左线 | 高清国产在线播放成人 |