UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
來源:站酷
作者:全棧UI筆記
學(xué)習(xí):19192人次
本篇教程通過PS設(shè)計(jì)一個(gè)獨(dú)特的漸變風(fēng)格播放圖標(biāo),教程依然是我們的圖層樣式,同學(xué)們不要覺得圖層樣式煩,圖標(biāo)根本離不開它,所以我們這個(gè)朋友呢,一定跟它搞熟悉關(guān)系,同學(xué)們一起來試著做一下吧。
效果圖:
操作步驟:
老規(guī)矩,先來分析一下。這里我們主要分為三個(gè)部分:底座、外圓、內(nèi)圓,其它問題都不大,主要是外圓部分、需要用到多個(gè)圖層來繪制線條,騷年分析完已經(jīng)成功一半了,離成功還會(huì)遠(yuǎn)嗎?
步驟一:
首先新建畫布900px*900px畫布,命名為播放按鈕,為背景添加顏色#3d3835。
步驟二:
使用圓角矩形工具、繪制一個(gè)615px*615px圓角半徑為90px底座,并為它添加圖層樣式。
步驟三:
高逼格的底座一下就出來了,有木有。!接下來繼續(xù)使用橢圓工具、繪制一個(gè)400px的正圓,并為它添加圖層樣式。
步驟四:
學(xué)習(xí) · 提示
- 發(fā)評論 | 交作業(yè) -
最新評論

單雪途2024-04-17 04:14
我的作業(yè):
回復(fù)











菇?jīng)鰟e矯情好嗎2018-06-14 01:32
1、為什么平胸妹子一般都是吃貨? 神回復(fù):因?yàn)楦F胸極餓! 2、別人的孩子都會(huì)買手紙了,我的孩子還在手紙上。 神回復(fù):別人的老婆都會(huì)生氣了,你的老婆還要充氣。 3、都40多了,還有許多事不明白該問誰? 神回復(fù):外事問谷歌,內(nèi)事問百度,房事問天涯! 4、女生為什么會(huì)來大姨媽? 神回復(fù):這個(gè)卵子啊,等不到精子啊,那叫一個(gè)郁悶,邊走邊吐血。 5、公交車上看見一個(gè)合口味的男生,怎么勾搭? 神回復(fù):假裝癲癇,口吐白沬,倒他懷里,雙手抽搐,趁機(jī)抓他襠,夠大就繼續(xù),不滿意就——哎!我好了! 6、你離死亡最近的一次經(jīng)歷? 神回復(fù):二十年前,差點(diǎn)給后面那精子追上了! 7、某人發(fā)狀態(tài),大家看我的頭像牛逼嗎? 神回復(fù):像。 8、女朋友賭氣關(guān)機(jī),怎么辦? 神回復(fù):樓主去理發(fā)吧,方便戴帽子。 9、為什么中國領(lǐng)導(dǎo)訪問日本,日本方面比較冷淡,甚至機(jī)場連歡迎標(biāo)語都沒掛? 神回復(fù):怎么掛?熱烈歡迎老朋友來日? 10、有一個(gè)女玩家在論壇上發(fā)貼問:“光棍節(jié)想向心儀的男生表白,送點(diǎn)什么禮物好?” 神回復(fù):First Blood。 11、該死的理發(fā)店把我頭剪壞了!大家出點(diǎn)損招,要求破壞性越大越好,動(dòng)靜越小越好,因?yàn)槭俏乙粋(gè)人去。 神回復(fù):半夜三更,月黑風(fēng)高,靜靜地、輕輕地,一個(gè)人吊死在理發(fā)店門口。 12、比吃一坨屎更惡心的事是什么? 神回復(fù):吃兩坨。 比那更惡心的是什么? 神回復(fù):塞牙了。 13、為什么CCAV新聞放完以后,總要播出他們在收拾稿子的片段? 神回復(fù):為了告訴你,我們吹牛是打草稿的! 14、為什么星座里只有處女座,沒有處男座? 神回復(fù):怎么沒有,只不過人家后來改名叫射手座了! 15、老婆是路,朋友是牛,人生只有一條路,路上會(huì)有好多牛,有錢時(shí)別走錯(cuò)路,沒錢時(shí)別賣牛! 神回復(fù):牛上路了咋辦?

菇?jīng)鰟e矯情好嗎2018-06-14 01:32
1、為什么平胸妹子一般都是吃貨? 神回復(fù):因?yàn)楦F胸極餓! 2、別人的孩子都會(huì)買手紙了,我的孩子還在手紙上。 神回復(fù):別人的老婆都會(huì)生氣了,你的老婆還要充氣。 3、都40多了,還有許多事不明白該問誰? 神回復(fù):外事問谷歌,內(nèi)事問百度,房事問天涯! 4、女生為什么會(huì)來大姨媽? 神回復(fù):這個(gè)卵子啊,等不到精子啊,那叫一個(gè)郁悶,邊走邊吐血。 5、公交車上看見一個(gè)合口味的男生,怎么勾搭? 神回復(fù):假裝癲癇,口吐白沬,倒他懷里,雙手抽搐,趁機(jī)抓他襠,夠大就繼續(xù),不滿意就——哎!我好了! 6、你離死亡最近的一次經(jīng)歷? 神回復(fù):二十年前,差點(diǎn)給后面那精子追上了! 7、某人發(fā)狀態(tài),大家看我的頭像牛逼嗎? 神回復(fù):像。 8、女朋友賭氣關(guān)機(jī),怎么辦? 神回復(fù):樓主去理發(fā)吧,方便戴帽子。 9、為什么中國領(lǐng)導(dǎo)訪問日本,日本方面比較冷淡,甚至機(jī)場連歡迎標(biāo)語都沒掛? 神回復(fù):怎么掛?熱烈歡迎老朋友來日? 10、有一個(gè)女玩家在論壇上發(fā)貼問:“光棍節(jié)想向心儀的男生表白,送點(diǎn)什么禮物好?” 神回復(fù):First Blood。 11、該死的理發(fā)店把我頭剪壞了!大家出點(diǎn)損招,要求破壞性越大越好,動(dòng)靜越小越好,因?yàn)槭俏乙粋(gè)人去。 神回復(fù):半夜三更,月黑風(fēng)高,靜靜地、輕輕地,一個(gè)人吊死在理發(fā)店門口。 12、比吃一坨屎更惡心的事是什么? 神回復(fù):吃兩坨。 比那更惡心的是什么? 神回復(fù):塞牙了。 13、為什么CCAV新聞放完以后,總要播出他們在收拾稿子的片段? 神回復(fù):為了告訴你,我們吹牛是打草稿的! 14、為什么星座里只有處女座,沒有處男座? 神回復(fù):怎么沒有,只不過人家后來改名叫射手座了! 15、老婆是路,朋友是牛,人生只有一條路,路上會(huì)有好多牛,有錢時(shí)別走錯(cuò)路,沒錢時(shí)別賣牛! 神回復(fù):牛上路了咋辦?

菇?jīng)鰟e矯情好嗎2018-06-14 01:32
1、為什么平胸妹子一般都是吃貨? 神回復(fù):因?yàn)楦F胸極餓! 2、別人的孩子都會(huì)買手紙了,我的孩子還在手紙上。 神回復(fù):別人的老婆都會(huì)生氣了,你的老婆還要充氣。 3、都40多了,還有許多事不明白該問誰? 神回復(fù):外事問谷歌,內(nèi)事問百度,房事問天涯! 4、女生為什么會(huì)來大姨媽? 神回復(fù):這個(gè)卵子啊,等不到精子啊,那叫一個(gè)郁悶,邊走邊吐血。 5、公交車上看見一個(gè)合口味的男生,怎么勾搭? 神回復(fù):假裝癲癇,口吐白沬,倒他懷里,雙手抽搐,趁機(jī)抓他襠,夠大就繼續(xù),不滿意就——哎!我好了! 6、你離死亡最近的一次經(jīng)歷? 神回復(fù):二十年前,差點(diǎn)給后面那精子追上了! 7、某人發(fā)狀態(tài),大家看我的頭像牛逼嗎? 神回復(fù):像。 8、女朋友賭氣關(guān)機(jī),怎么辦? 神回復(fù):樓主去理發(fā)吧,方便戴帽子。 9、為什么中國領(lǐng)導(dǎo)訪問日本,日本方面比較冷淡,甚至機(jī)場連歡迎標(biāo)語都沒掛? 神回復(fù):怎么掛?熱烈歡迎老朋友來日? 10、有一個(gè)女玩家在論壇上發(fā)貼問:“光棍節(jié)想向心儀的男生表白,送點(diǎn)什么禮物好?” 神回復(fù):First Blood。 11、該死的理發(fā)店把我頭剪壞了!大家出點(diǎn)損招,要求破壞性越大越好,動(dòng)靜越小越好,因?yàn)槭俏乙粋(gè)人去。 神回復(fù):半夜三更,月黑風(fēng)高,靜靜地、輕輕地,一個(gè)人吊死在理發(fā)店門口。 12、比吃一坨屎更惡心的事是什么? 神回復(fù):吃兩坨。 比那更惡心的是什么? 神回復(fù):塞牙了。 13、為什么CCAV新聞放完以后,總要播出他們在收拾稿子的片段? 神回復(fù):為了告訴你,我們吹牛是打草稿的! 14、為什么星座里只有處女座,沒有處男座? 神回復(fù):怎么沒有,只不過人家后來改名叫射手座了! 15、老婆是路,朋友是牛,人生只有一條路,路上會(huì)有好多牛,有錢時(shí)別走錯(cuò)路,沒錢時(shí)別賣牛! 神回復(fù):牛上路了咋辦?

相關(guān)教程
- UI圖標(biāo)教程,用PS制作一個(gè)音樂圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)
- 插畫制作,用PS繪制簡約沙漏插畫效果圖片
- 圖案設(shè)計(jì),用PS快速制作一個(gè)心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
- 相機(jī)圖標(biāo),用UI制作簡單的彩虹相機(jī)圖標(biāo)
- 圖標(biāo)制作,制作一款玻璃質(zhì)感的圖標(biāo)
推薦教程
- UI圖標(biāo),用PS制作一個(gè)寫實(shí)的插頭圖標(biāo)
- UI教程,ps設(shè)計(jì)西服主題圖標(biāo)實(shí)例
- UI圖標(biāo)圓角的設(shè)計(jì)技巧
- 如何設(shè)計(jì)iOS7風(fēng)格圖標(biāo)UI教程
- 設(shè)計(jì)音樂UI圖標(biāo)教程
- 用PS設(shè)計(jì)APP過程中改進(jìn)IOS設(shè)計(jì)流程的30個(gè)密訣
- 畫ICON外框的簡單方法
- UI設(shè)計(jì)知識(shí),基礎(chǔ)界面制作&細(xì)節(jié)把握
- 圖標(biāo)制作,用PS制作時(shí)尚的郵件圖標(biāo)
- APP設(shè)計(jì)教程,快速設(shè)計(jì)下載APP
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!