UI教程,設(shè)計(jì)金屬質(zhì)感的UI圖標(biāo)教程
來(lái)源:站酷
作者:全棧UI筆記
學(xué)習(xí):19094人次
教程講解十分詳細(xì),主要分幾個(gè)部分完成,分別是設(shè)計(jì)底紋,然后通過(guò)圖層樣式制作金屬按鈕,最后加上圖案即可完成。
最終效果:
下面是教程詳細(xì)步驟,大家一起來(lái)學(xué)習(xí)。
老規(guī)矩,先來(lái)分析一下。這里我們主要分為二個(gè)部分:底座、圖標(biāo),其它問(wèn)題都不大,主要是底部框架部分、需要用到多個(gè)圖層來(lái)表現(xiàn)圖標(biāo)的立體感,騷年分析完已經(jīng)成功一半了,離成功還會(huì)遠(yuǎn)么,噢耶。!
步驟一:
首先新建畫布800px*800px畫布,命名為質(zhì)感圖標(biāo),為背景添加圖層樣式。
步驟二:
使用圓角矩形工具、繪制一個(gè)450px*540px圓角半徑為90px底座,并為它添加圖層樣式。
步驟三:
高逼格的底座一下就出來(lái)了,有木有。!接下來(lái)繼續(xù)使用圓角矩形工具、繪制一個(gè)390px*390px圓角半徑為90px的形狀,命名為底座-2,并為它添加圖層樣式。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 金屬質(zhì)感
- ps網(wǎng)頁(yè)設(shè)計(jì)
- UI圖標(biāo)教程
- 全棧UI筆記
- UI教程
學(xué)習(xí) · 提示
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
Elyvan2020-04-30 06:05
我的作業(yè):
回復(fù)
半夏2017-09-13 02:29
原地等待吧2017-09-11 08:02
我睡醒了,這是在醫(yī)院里?我轉(zhuǎn)過(guò)臉,看到自己床前趴著一個(gè)長(zhǎng)發(fā)妹子,看不清臉。我伸手推醒了妹子,她抬起臉——好漂亮。 妹子說(shuō):“爸,你醒了! 我問(wèn):“我為什么會(huì)在這里,你媽呢?” 爸,你睡糊涂了?媽早就死了。 什么,現(xiàn)在是哪一年?我得了什么? 現(xiàn)在是2046年,你得了絕癥,醫(yī)生說(shuō)你只有一個(gè)月可以活了。 …… 不過(guò)現(xiàn)在醫(yī)學(xué)發(fā)達(dá)了,醫(yī)院已經(jīng)治好了你的絕癥。 太好了。 可是為了治病我們把家產(chǎn)全給賣了,現(xiàn)在不但付不起住院費(fèi),連家都沒(méi)了。 好在我找了一份工作,收入還不錯(cuò),至少夠我們父女倆過(guò)日子的。 哦。 昨天我一晚上接了五十個(gè)客,實(shí)在是累壞了,所以剛才睡著了。 你…… 爸,你想什么呢?我說(shuō)的是接待客戶。 咳 唉,可是現(xiàn)在打得嚴(yán),毒品生意不好做了。 你! 這時(shí)一個(gè)穿白大褂的醫(yī)生走進(jìn)來(lái),厲聲訓(xùn)斥:“小麗,你給我出去!”女孩做了個(gè)鬼臉,咯咯地笑著跑出去了。 醫(yī)生:“不好意思,那是我女兒,她老是喜歡跟病人惡作劇。” 我:“這里是什么醫(yī)院,我到底得了什么?” 這里是精神康復(fù)中心,你得了妄想癥,總是幻想自己有個(gè)女朋友。 搞了半天我還是沒(méi)有女朋友…… 不,你有一個(gè)女朋友,而且長(zhǎng)得很漂亮。 她人呢? 你得了精神病,她不堪忍受和你分手了。 你胡說(shuō)!我沒(méi)病,我要出去!我要去找她! “是的,你確實(shí)沒(méi)病,是我們誤診了!贬t(yī)生遞過(guò)一份表格,“請(qǐng)?jiān)谶@里簽字! “這是什么?” “這是確認(rèn)你精神正常的診斷書,簽了之后你就可以出院了! 我拿起筆飛快地簽了字:“我現(xiàn)在可以走了吧?” 醫(yī)生一招手,兩名警察走進(jìn)病房,朝我亮出手銬:“請(qǐng)跟我們走吧! “這是怎么回事?你們要帶我去哪里?” 警察:“你女朋女要跟你分手,你一怒之下把她殺了,然后偽裝成精神病想逃脫罪責(zé),但是醫(yī)生已經(jīng)確認(rèn)你精神正常,所以請(qǐng)你跟我們走吧! 警察上前要拖走我,我拼命掙扎:“不要,我沒(méi)有殺我女朋友,我……我想起來(lái)了,我根本就沒(méi)有女朋友!” 警察停下了手,笑了。隨后他們脫下警服,露出了白大褂。 醫(yī)生走上前:“你終于想起來(lái)了。你得的其實(shí)是失憶癥,我們剛才用震撼療法,終于讓你恢復(fù)了記憶。” 我喘了一口氣:“搞了半天,我還是沒(méi)有女朋友! 醫(yī)生笑了:“當(dāng)然沒(méi)有,你都結(jié)婚這么多年了……” 我也笑了:“是啊,我想起來(lái)了,我有一個(gè)漂亮的妻子……” 醫(yī)生收起笑,一臉嚴(yán)肅地看著我:“現(xiàn)在告訴我,你把你老婆的尸體藏在哪了?”
相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂(lè)圖標(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繪制一款簡(jiǎn)約風(fēng)格的解密游戲圖標(biāo)
- 插畫制作,用PS繪制簡(jiǎn)約沙漏插畫效果圖片
- 圖案設(shè)計(jì),用PS快速制作一個(gè)心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
- 相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)
推薦教程
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- UI教程:設(shè)計(jì)電池icon
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- ps日歷圖標(biāo)
- PS繪制磚塊ICO圖標(biāo)
- UI知識(shí),做UI的工作方式與流程
- ps設(shè)計(jì)盒子圖標(biāo)
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!