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

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

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

效果圖:

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

操作步驟:

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

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

步驟一:

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

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

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

步驟二:

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

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

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

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

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

步驟三:

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

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

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

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

步驟四:

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

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

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

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

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