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

來(lái)源:站酷 作者:全棧UI筆記 學(xué)習(xí):19192人次

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

效果圖:

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)_www.tgudhdp.cn
www.tgudhdp.cn

操作步驟:

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

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)_www.tgudhdp.cn

步驟一:

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

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)_www.tgudhdp.cn

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)_www.tgudhdp.cn

步驟二:

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

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)_www.tgudhdp.cn

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)_www.tgudhdp.cn

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)_www.tgudhdp.cn

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)_www.tgudhdp.cn

步驟三:

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

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)_www.tgudhdp.cn

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)_www.tgudhdp.cn

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)_www.tgudhdp.cn

步驟四:

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
單雪途2024-04-17 04:14
我的作業(yè):

來(lái)看看原因2019-12-23 10:09
音美仔 發(fā)表于 2019-12-23 10:04
我的作業(yè):
點(diǎn)評(píng)建議:做這個(gè)要花多少時(shí)間?
查查2019-12-23 01:48
音美仔 發(fā)表于 2019-12-23 10:04
我的作業(yè):
點(diǎn)評(píng)建議:這個(gè)做的太棒的,無(wú)可挑剔呀~~~
查查2019-12-23 01:47
音美仔 發(fā)表于 2019-12-23 10:04
我的作業(yè):
點(diǎn)評(píng)建議:這個(gè)做的太棒的,無(wú)可挑剔呀~~~
音美仔2019-12-23 10:04
我的作業(yè):

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

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!