無線圖標,快速設(shè)計wifi無線圖標(4)

來源:站酷 作者:RooKie_Chen 學習:17597人次

簡單設(shè)計一個WIFI無線網(wǎng)絡(luò)圖標。圖標設(shè)計很簡單,適合新手學習。

1.新建一個500*500的畫布,填充背景顏色#2b2b2btgudhdp.cn_0310014F7-1.png

tgudhdp.cn_03100160K-2.png

2.然后選擇tgudhdp.cn_0310012261-3.png形狀工具快捷鍵:U。右鍵單擊選擇橢圓工具tgudhdp.cn_0310012013-4.png。

之后單擊操作區(qū)域彈出tgudhdp.cn_0310015305-5.png,點擊確定。

變成tgudhdp.cn_031001EF-6.png。名稱默認為橢圓1.tgudhdp.cn_0310013623-7.gif

3.選中圖層1,按住Alt(Alt是減去操作,Shift是合并形狀操作),在操作區(qū)域單擊一次。

出現(xiàn)tgudhdp.cn_0310015613-8.png

(這時候就不用按住Alt了)然后點擊確定。生成一個tgudhdp.cn_0310011452-9.png.選用tgudhdp.cn_03100155W-10.png路徑選擇工具,移動生成的圓形對齊。

變成了一個圓環(huán).tgudhdp.cn_0310013618-11.png。是不是感覺叼叼噠tgudhdp.cn_031001CW-12.jpg

4.繼續(xù)按照步驟3的方法,不過現(xiàn)在是按Shift+鼠標左鍵。大小220*220。移動圓形對齊,結(jié)果變成這樣

tgudhdp.cn_0310012324-13.png

5.重復步驟3和步驟4,圓的大小為180*180;140*140最后可得(是不是有種重重的理科生的味道)

tgudhdp.cn_0310011a2-14.png

然后在上方的工具欄中找到路徑操作的按鈕,點擊合并形狀組件

tgudhdp.cn_0310013H5-15.png

單擊確定

tgudhdp.cn_0310011153-16.png

6.然后選中橢圓1,選中矩形工具tgudhdp.cn_0310011313-17.png,

按住Shift(像步驟3和步驟4),單擊鼠標左鍵,創(chuàng)建一個150*150矩形

tgudhdp.cn_0310013633-18.png。

用路徑選擇工具tgudhdp.cn_031001IB-19.png選中矩形,Ctrl+T,

在工具欄中tgudhdp.cn_0310011622-20.png把白色的點移動到左下位置,tgudhdp.cn_0310011R8-21.png角度輸入-45°。

變成這樣:

tgudhdp.cn_03100164H-22.png

選中矩形,在工具欄中選擇tgudhdp.cn_0310013635-23.png。

最后變成了這樣tgudhdp.cn_031001E02-24.png。

7.最后一步新建一個50*50的橢圓,放在正確的位置tgudhdp.cn_0310013Z6-25.png。

那么一個簡單的wifi按鈕就做完了。

Ps:如果覺得邊緣太直了,那么可以用6個20*20的圓填補上去,如圖

tgudhdp.cn_0310011V3-26.png

如果你認為這樣就結(jié)束了,那么你就錯了。這里還有第二種簡單的方法,雖然說不是布爾運算,不過也可以嘗試一下

1.首先同樣的建立一個500*500的畫布。也是同樣的用橢圓工具建立一個300*300的正圓。無填充背景,描邊調(diào)整為20px。

tgudhdp.cn_0310014257-27.png

2.然后Ctrl+J復制2個圖層,一個縮放至73.33%。另一個縮放至47%。

這里其實我是一個形狀220*220.另一個是140*140.之后用tgudhdp.cn_0310013V7-28.png直接選擇工具選擇錨點,按delece刪除。結(jié)果如下

(這一步你要刪除哪個圓環(huán)的錨點必須先選中對應(yīng)的圖層!不然不能操作。)

tgudhdp.cn_0310012R5-29.png

tgudhdp.cn_0310011403-30.png

3.然后全選三個圓環(huán)。在上方選項中選擇如圖圓角

tgudhdp.cn_0310014947-31.png

結(jié)果如下:

tgudhdp.cn_0310012447-32.png

最后如同第一個方法結(jié)尾所講的變換-45度。然后加一個小的圓形。就完成啦!

tgudhdp.cn_0310012N7-33.png

第一次學著別人制作教程,有欠缺的地方歡迎大家指出,請大家多多指教!

tgudhdp.cn_031001O30-34.jpg

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
張德帥2017-08-29 04:56
張德帥2017-08-29 04:56
張德帥2017-08-29 04:56
張德帥2017-08-29 04:56
張德帥2017-08-29 04:56
張德帥2017-08-29 04:55
在河東河西2017-05-28 07:04
想學習學習
小說零零七2017-05-28 03:23
很棒的教材~~~~~~~~~~~~~~~

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

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