當前位置:首頁>ps實例教程>ps網頁設計>按鈕圖標>教程內容

圖標設計,設計同步按鈕實例(4)

來源:優(yōu)設 作者:涼星在 學習:8131人次

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

先來看看最終效果圖:

圖標設計,設計同步按鈕實例

第二步:

在畫布上新建一個正圓,填充白色,然后把圓整成這個樣子!炯有泵婧透〉、加內陰影、加漸變】

編者注:以下步驟全是先提供效果圖讓同學們自己動手,做不出可以看后面的參數值,有對比才有進步嘛。

圖標設計,設計同步按鈕實例

第二步的具體數值:

圖標設計,設計同步按鈕實例
圖標設計,設計同步按鈕實例
圖標設計,設計同步按鈕實例

第三步:

在底板圓形的額基礎上在畫一個圓形,再整成這樣。

圖標設計,設計同步按鈕實例

第三步圓形的數值:

圖標設計,設計同步按鈕實例
圖標設計,設計同步按鈕實例
圖標設計,設計同步按鈕實例

第四步:

在小圓的基礎上在畫一個圓圈,添加效果。

圖標設計,設計同步按鈕實例

上面添加的數值:

圖標設計,設計同步按鈕實例
圖標設計,設計同步按鈕實例

第五步:

畫出藍色旋轉箭頭,添加內陰影。這個比較簡單,就不列數值了。

圖標設計,設計同步按鈕實例

第六步:

關于外面藍色漸變圓弧的畫法。

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

圖標設計,設計同步按鈕實例

第七步:

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

圖標設計,設計同步按鈕實例

最后,完結,只需7步就可以畫出一個圖標。

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

圖標設計,設計同步按鈕實例

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!