八卦圖,利用布爾運(yùn)算制作人一個(gè)八卦圖標(biāo)(5)

來源:pdadians 作者:P大點(diǎn)S 學(xué)習(xí):28707人次

UI設(shè)計(jì)經(jīng)常要運(yùn)用到布爾運(yùn)算,今天就用制作八卦圖實(shí)例跟大家講解布爾運(yùn)算的使用,讓大家更好的理解布爾運(yùn)算。一起跟著做,做完交作業(yè)。

先看看效果:

m.theoat.com.cn_022UG433-21.jpg

新建一個(gè)長寬相同的畫布,布置兩條上下左右居中的參考線。

m.theoat.com.cn_022UM112-0.jpg

先畫中間的太極圖,用矢量橢圓畫一個(gè)深灰色的圓形,顏色選擇現(xiàn)在無所謂,看著舒服就行,等完成后再改回來。

m.theoat.com.cn_022UL0H-1.jpg

復(fù)制一層,CTRL+T縮小一點(diǎn)改成白色,用“減去”模式畫一個(gè)矩形刪掉半個(gè)圓形。

m.theoat.com.cn_022UI2L-2.jpg

按A點(diǎn)擊白色圓形,CTRL+ALT+T復(fù)制路徑?s小50%,為了精確,可以直接輸入百分比,移動(dòng)到上邊,因?yàn)橛袇⒖季的吸附作用,很輕松完成。

m.theoat.com.cn_022UG055-3.jpg

繼續(xù)CTRL+ALT+T復(fù)制,移到下面,把模式改為“減去”。

m.theoat.com.cn_02292C105-0.jpg

CTRL+ALT+T復(fù)制,縮小至25%,把模式改為“添加”。

m.theoat.com.cn_022UH910-5.jpg

按A點(diǎn)擊上面那個(gè)小圓形,CTRL+ALT+T復(fù)制,同樣縮小至25%,把模式改為“減去”,這樣太極圖算是完成了。

m.theoat.com.cn_022UI102-6.jpg

隱藏掉太極圖,打開首選項(xiàng),把網(wǎng)格的大小改為30像素,按CTRL+’開啟網(wǎng)格。

選擇“多邊形”,設(shè)為八邊形,畫一個(gè)大小合適的圖形,CTRL+T旋轉(zhuǎn)22.5度。

m.theoat.com.cn_022UIB9-7.jpg

CTRL+ALT+T復(fù)制路徑,縮小一個(gè)網(wǎng)格單位,更改模式為“減去”。

m.theoat.com.cn_022UG946-8.jpg

繼續(xù)CTRL+ALT+T復(fù)制路徑,縮小一個(gè)網(wǎng)格單位,更改模式為“添加”。

m.theoat.com.cn_022UH334-9.jpg

以此類推,完成八卦的雛形。

m.theoat.com.cn_022UI3M-10.jpg

用“減去”模式畫一個(gè)尺寸為一個(gè)網(wǎng)格寬的矩形,長度橫貫整個(gè)八卦。

m.theoat.com.cn_022UMB6-11.jpg

旋轉(zhuǎn)22.5度。

m.theoat.com.cn_022UIJ3-12.jpg

CTRL+ALT+T復(fù)制旋轉(zhuǎn)45度。

m.theoat.com.cn_022UI1B-13.jpg

SHIFT+CTRL+ALT+T復(fù)制兩次完成。

m.theoat.com.cn_022UM5L-14.jpg

繼續(xù)畫一個(gè)短一點(diǎn)的矩形,復(fù)制兩個(gè)。

m.theoat.com.cn_022UJ0O-15.jpg

選中這三個(gè)小矩形,垂直復(fù)制。

m.theoat.com.cn_022UG113-16.jpg

選中所有小矩形,CTRL+ALT+T復(fù)制旋轉(zhuǎn)45度。

m.theoat.com.cn_022UL3Q-17.jpg

SHIFT+CTRL+ALT+T復(fù)制2次。

m.theoat.com.cn_022UG305-18.jpg

關(guān)閉網(wǎng)格和參考線,對照真實(shí)的太極八卦圖刪除小矩形。

m.theoat.com.cn_022UGa3-19.jpg

m.theoat.com.cn_022UI3W-20.jpg

完成!

m.theoat.com.cn_022UG433-21.jpg

 

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
妮子822022-11-15 10:33
練習(xí)

小小PS小小2021-07-23 02:15
我的作業(yè):

丫頭2017-01-11 12:00
作業(yè)
shenchan2016-11-03 10:02

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

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