無線圖標(biāo),快速設(shè)計(jì)wifi無線圖標(biāo)(4)

來源:站酷 作者:RooKie_Chen 學(xué)習(xí):17597人次

簡單設(shè)計(jì)一個(gè)WIFI無線網(wǎng)絡(luò)圖標(biāo)。圖標(biāo)設(shè)計(jì)很簡單,適合新手學(xué)習(xí)。

1.新建一個(gè)500*500的畫布,填充背景顏色#2b2b2btheoat.com.cn_0310014F7-1.png

theoat.com.cn_03100160K-2.png

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

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

變成theoat.com.cn_031001EF-6.png。名稱默認(rèn)為橢圓1.theoat.com.cn_0310013623-7.gif

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

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

(這時(shí)候就不用按住Alt了)然后點(diǎn)擊確定。生成一個(gè)theoat.com.cn_0310011452-9.png.選用theoat.com.cn_03100155W-10.png路徑選擇工具,移動(dòng)生成的圓形對(duì)齊。

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

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

theoat.com.cn_0310012324-13.png

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

theoat.com.cn_0310011a2-14.png

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

theoat.com.cn_0310013H5-15.png

單擊確定

theoat.com.cn_0310011153-16.png

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

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

theoat.com.cn_0310013633-18.png。

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

在工具欄中theoat.com.cn_0310011622-20.png把白色的點(diǎn)移動(dòng)到左下位置,theoat.com.cn_0310011R8-21.png角度輸入-45°。

變成這樣:

theoat.com.cn_03100164H-22.png

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

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

7.最后一步新建一個(gè)50*50的橢圓,放在正確的位置theoat.com.cn_0310013Z6-25.png。

那么一個(gè)簡單的wifi按鈕就做完了。

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

theoat.com.cn_0310011V3-26.png

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

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

theoat.com.cn_0310014257-27.png

2.然后Ctrl+J復(fù)制2個(gè)圖層,一個(gè)縮放至73.33%。另一個(gè)縮放至47%。

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

(這一步你要?jiǎng)h除哪個(gè)圓環(huán)的錨點(diǎn)必須先選中對(duì)應(yīng)的圖層!不然不能操作。)

theoat.com.cn_0310012R5-29.png

theoat.com.cn_0310011403-30.png

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

theoat.com.cn_0310014947-31.png

結(jié)果如下:

theoat.com.cn_0310012447-32.png

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

theoat.com.cn_0310012N7-33.png

第一次學(xué)著別人制作教程,有欠缺的地方歡迎大家指出,請(qǐng)大家多多指教!

theoat.com.cn_031001O30-34.jpg

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

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

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

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