當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>UI設計教程>教程內(nèi)容

UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標

來源:站酷 作者:全棧UI筆記 學習:19192人次

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

效果圖:

UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標_m.theoat.com.cn
m.theoat.com.cn

操作步驟:

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

UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標_m.theoat.com.cn

步驟一:

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

UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標_m.theoat.com.cn

UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標_m.theoat.com.cn

步驟二:

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

UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標_m.theoat.com.cn

UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標_m.theoat.com.cn

UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標_m.theoat.com.cn

UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標_m.theoat.com.cn

步驟三:

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

UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標_m.theoat.com.cn

UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標_m.theoat.com.cn

UI圖標教程,用PS繪制一個獨特的漸變風格播放器圖標_m.theoat.com.cn

步驟四:

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(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è)了{:5_235:}
LeeSin2018-11-20 04:28
交作業(yè)啦,謝謝作者!我的作業(yè):
怡逸童心2018-10-17 04:37
我的作業(yè):
勇敢的心2018-07-04 12:54
預測這是一個利用指觸進行高頻震動傳感達到瘦身目的的未來高科技產(chǎn)品我的作業(yè):
丟妹兒2018-06-15 03:02
我的作業(yè):
丟妹兒2018-06-15 03:01
怎么上傳作業(yè)啊
菇?jīng)鰟e矯情好嗎2018-06-14 01:32
1、為什么平胸妹子一般都是吃貨? 神回復:因為窮胸極餓! 2、別人的孩子都會買手紙了,我的孩子還在手紙上。 神回復:別人的老婆都會生氣了,你的老婆還要充氣。 3、都40多了,還有許多事不明白該問誰? 神回復:外事問谷歌,內(nèi)事問百度,房事問天涯! 4、女生為什么會來大姨媽? 神回復:這個卵子啊,等不到精子啊,那叫一個郁悶,邊走邊吐血。 5、公交車上看見一個合口味的男生,怎么勾搭? 神回復:假裝癲癇,口吐白沬,倒他懷里,雙手抽搐,趁機抓他襠,夠大就繼續(xù),不滿意就——哎!我好了! 6、你離死亡最近的一次經(jīng)歷?  神回復:二十年前,差點給后面那精子追上了! 7、某人發(fā)狀態(tài),大家看我的頭像牛逼嗎?  神回復:像。 8、女朋友賭氣關機,怎么辦? 神回復:樓主去理發(fā)吧,方便戴帽子。 9、為什么中國領導訪問日本,日本方面比較冷淡,甚至機場連歡迎標語都沒掛?  神回復:怎么掛?熱烈歡迎老朋友來日? 10、有一個女玩家在論壇上發(fā)貼問:“光棍節(jié)想向心儀的男生表白,送點什么禮物好?” 神回復:First Blood。 11、該死的理發(fā)店把我頭剪壞了!大家出點損招,要求破壞性越大越好,動靜越小越好,因為是我一個人去。 神回復:半夜三更,月黑風高,靜靜地、輕輕地,一個人吊死在理發(fā)店門口。 12、比吃一坨屎更惡心的事是什么? 神回復:吃兩坨。 比那更惡心的是什么? 神回復:塞牙了。 13、為什么CCAV新聞放完以后,總要播出他們在收拾稿子的片段? 神回復:為了告訴你,我們吹牛是打草稿的! 14、為什么星座里只有處女座,沒有處男座? 神回復:怎么沒有,只不過人家后來改名叫射手座了! 15、老婆是路,朋友是牛,人生只有一條路,路上會有好多牛,有錢時別走錯路,沒錢時別賣牛! 神回復:牛上路了咋辦?
菇?jīng)鰟e矯情好嗎2018-06-14 01:32
1、為什么平胸妹子一般都是吃貨? 神回復:因為窮胸極餓! 2、別人的孩子都會買手紙了,我的孩子還在手紙上。 神回復:別人的老婆都會生氣了,你的老婆還要充氣。 3、都40多了,還有許多事不明白該問誰? 神回復:外事問谷歌,內(nèi)事問百度,房事問天涯! 4、女生為什么會來大姨媽? 神回復:這個卵子啊,等不到精子啊,那叫一個郁悶,邊走邊吐血。 5、公交車上看見一個合口味的男生,怎么勾搭? 神回復:假裝癲癇,口吐白沬,倒他懷里,雙手抽搐,趁機抓他襠,夠大就繼續(xù),不滿意就——哎!我好了! 6、你離死亡最近的一次經(jīng)歷?  神回復:二十年前,差點給后面那精子追上了! 7、某人發(fā)狀態(tài),大家看我的頭像牛逼嗎?  神回復:像。 8、女朋友賭氣關機,怎么辦? 神回復:樓主去理發(fā)吧,方便戴帽子。 9、為什么中國領導訪問日本,日本方面比較冷淡,甚至機場連歡迎標語都沒掛?  神回復:怎么掛?熱烈歡迎老朋友來日? 10、有一個女玩家在論壇上發(fā)貼問:“光棍節(jié)想向心儀的男生表白,送點什么禮物好?” 神回復:First Blood。 11、該死的理發(fā)店把我頭剪壞了!大家出點損招,要求破壞性越大越好,動靜越小越好,因為是我一個人去。 神回復:半夜三更,月黑風高,靜靜地、輕輕地,一個人吊死在理發(fā)店門口。 12、比吃一坨屎更惡心的事是什么? 神回復:吃兩坨。 比那更惡心的是什么? 神回復:塞牙了。 13、為什么CCAV新聞放完以后,總要播出他們在收拾稿子的片段? 神回復:為了告訴你,我們吹牛是打草稿的! 14、為什么星座里只有處女座,沒有處男座? 神回復:怎么沒有,只不過人家后來改名叫射手座了! 15、老婆是路,朋友是牛,人生只有一條路,路上會有好多牛,有錢時別走錯路,沒錢時別賣牛! 神回復:牛上路了咋辦?
菇?jīng)鰟e矯情好嗎2018-06-14 01:32
1、為什么平胸妹子一般都是吃貨? 神回復:因為窮胸極餓! 2、別人的孩子都會買手紙了,我的孩子還在手紙上。 神回復:別人的老婆都會生氣了,你的老婆還要充氣。 3、都40多了,還有許多事不明白該問誰? 神回復:外事問谷歌,內(nèi)事問百度,房事問天涯! 4、女生為什么會來大姨媽? 神回復:這個卵子啊,等不到精子啊,那叫一個郁悶,邊走邊吐血。 5、公交車上看見一個合口味的男生,怎么勾搭? 神回復:假裝癲癇,口吐白沬,倒他懷里,雙手抽搐,趁機抓他襠,夠大就繼續(xù),不滿意就——哎!我好了! 6、你離死亡最近的一次經(jīng)歷?  神回復:二十年前,差點給后面那精子追上了! 7、某人發(fā)狀態(tài),大家看我的頭像牛逼嗎?  神回復:像。 8、女朋友賭氣關機,怎么辦? 神回復:樓主去理發(fā)吧,方便戴帽子。 9、為什么中國領導訪問日本,日本方面比較冷淡,甚至機場連歡迎標語都沒掛?  神回復:怎么掛?熱烈歡迎老朋友來日? 10、有一個女玩家在論壇上發(fā)貼問:“光棍節(jié)想向心儀的男生表白,送點什么禮物好?” 神回復:First Blood。 11、該死的理發(fā)店把我頭剪壞了!大家出點損招,要求破壞性越大越好,動靜越小越好,因為是我一個人去。 神回復:半夜三更,月黑風高,靜靜地、輕輕地,一個人吊死在理發(fā)店門口。 12、比吃一坨屎更惡心的事是什么? 神回復:吃兩坨。 比那更惡心的是什么? 神回復:塞牙了。 13、為什么CCAV新聞放完以后,總要播出他們在收拾稿子的片段? 神回復:為了告訴你,我們吹牛是打草稿的! 14、為什么星座里只有處女座,沒有處男座? 神回復:怎么沒有,只不過人家后來改名叫射手座了! 15、老婆是路,朋友是牛,人生只有一條路,路上會有好多牛,有錢時別走錯路,沒錢時別賣牛! 神回復:牛上路了咋辦?
沉寂的風流2018-06-13 10:38
好東西啊啊啊啊啊

關注大神微博加入>>

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