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

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

軟件下載吧

當(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)過審核才能顯示

公眾號

主站蜘蛛池模板: 黄网在线观看免费 | 精品三级国产一区二区三区四区 | 国内精品小视频在线 | 欧美精品成人一区二区视频一 | 日本人的色道www免费一区 | 俺来也俺来也天天夜夜视频 | 真实国产乱人伦在线视频播放 | 亚洲精品久久久午夜伊人 | 国产成人久久精品一区二区三区 | 不卡的毛片 | 亚洲日本视频在线观看 | 亚洲成人福利网站 | 久爱免费观看在线网站 | 91亚洲精品国产第一区 | 毛片一区| 91精品一区二区三区在线 | 亚洲精品色一区二区三区 | 九九99久久精品国产 | 欧美一区二区免费 | 做爰成人五级在线视频| 欧美一区二区三区gg高清影视 | 成人国产视频在线观看 | 国内精品久久久久久中文字幕 | 九草视频在线观看 | aaa色| 老司机精品福利视频 | 国产欧美久久精品 | 国产精品亚洲欧美日韩一区在线 | 中日韩欧美一级毛片 | 精品一区二区三区在线观看l | 日韩欧美一区二区三区久久 | 精品亚洲成a人片在线观看 精品亚洲成a人在线播放 | 一级片免费网址 | 91av久久| 久久精品视频99精品视频150 | 国产男女爽爽爽免费视频 | 91九色精品国产 | 亚洲欧美国产精品久久久 | 免费va国产高清不卡大片 | 欧美高清视频手机在在线 | 日韩国产欧美精品综合二区 |