圖標(biāo)設(shè)計(jì),設(shè)計(jì)同步按鈕實(shí)例(4)

來(lái)源:優(yōu)設(shè) 作者:涼星在 學(xué)習(xí):8131人次

教程很簡(jiǎn)單,只需要十幾分鐘就能完成,想學(xué)的同學(xué)就跟著一起做吧。做完記得交作業(yè)。

先來(lái)看看最終效果圖:

圖標(biāo)設(shè)計(jì),設(shè)計(jì)同步按鈕實(shí)例

第二步:

在畫布上新建一個(gè)正圓,填充白色,然后把圓整成這個(gè)樣子。【加斜面和浮雕、加內(nèi)陰影、加漸變】

編者注:以下步驟全是先提供效果圖讓同學(xué)們自己動(dòng)手,做不出可以看后面的參數(shù)值,有對(duì)比才有進(jìn)步嘛。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)同步按鈕實(shí)例

第二步的具體數(shù)值:

圖標(biāo)設(shè)計(jì),設(shè)計(jì)同步按鈕實(shí)例
圖標(biāo)設(shè)計(jì),設(shè)計(jì)同步按鈕實(shí)例
圖標(biāo)設(shè)計(jì),設(shè)計(jì)同步按鈕實(shí)例

第三步:

在底板圓形的額基礎(chǔ)上在畫一個(gè)圓形,再整成這樣。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)同步按鈕實(shí)例

第三步圓形的數(shù)值:

圖標(biāo)設(shè)計(jì),設(shè)計(jì)同步按鈕實(shí)例
圖標(biāo)設(shè)計(jì),設(shè)計(jì)同步按鈕實(shí)例
圖標(biāo)設(shè)計(jì),設(shè)計(jì)同步按鈕實(shí)例

第四步:

在小圓的基礎(chǔ)上在畫一個(gè)圓圈,添加效果。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)同步按鈕實(shí)例

上面添加的數(shù)值:

圖標(biāo)設(shè)計(jì),設(shè)計(jì)同步按鈕實(shí)例
圖標(biāo)設(shè)計(jì),設(shè)計(jì)同步按鈕實(shí)例

第五步:

畫出藍(lán)色旋轉(zhuǎn)箭頭,添加內(nèi)陰影。這個(gè)比較簡(jiǎn)單,就不列數(shù)值了。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)同步按鈕實(shí)例

第六步:

關(guān)于外面藍(lán)色漸變圓弧的畫法。

首先畫一個(gè)園,將它切成空心帶厚度的,然后用橡皮擦擦掉一半,將圓弧填充藍(lán)色,或是你喜歡的其他顏色,然后細(xì)節(jié)上處理一下,做出漸變的效果。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)同步按鈕實(shí)例

第七步:

將上面的圓弧加上外發(fā)光,數(shù)值可自己調(diào)整。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)同步按鈕實(shí)例

最后,完結(jié),只需7步就可以畫出一個(gè)圖標(biāo)。

下面排好隊(duì)開始交作業(yè)啦。

圖標(biāo)設(shè)計(jì),設(shè)計(jì)同步按鈕實(shí)例

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
櫻花落雪2019-01-25 04:29
圖標(biāo)按鈕我的作業(yè):
白裙妖嬈2018-02-22 04:09
筆刷下載
秋晨瑾2017-05-28 03:17
轉(zhuǎn)發(fā)微博了
不朽張熱愛2017-05-27 06:42
效果不是一般的好呀~不過(guò)好難的說(shuō)。。
庸人自擾2017-05-27 04:29

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

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