PS教程!教你用布爾運算繪制一個太極八卦圖

編者按:布爾運算是UI設計中一個關鍵的知識點,今天@P大點S微博?繼續給不熟悉的同學補補課。用一個八卦圖教你熟悉布爾運算,特別適合新手練習,已經有不少同學交作業了,一起來做一個!

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

PS教程!教你用布爾運算繪制一個太極八卦圖

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

PS教程!教你用布爾運算繪制一個太極八卦圖

復制一層,CTRL+T縮小一點改成白色,用“減去”模式畫一個矩形刪掉半個圓形。

PS教程!教你用布爾運算繪制一個太極八卦圖

按A點擊白色圓形,CTRL+ALT+T復制路徑。縮小50%,為了精確,可以直接輸入百分比,移動到上邊,因為有參考線的吸附作用,很輕松完成。

PS教程!教你用布爾運算繪制一個太極八卦圖

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

PS教程!教你用布爾運算繪制一個太極八卦圖

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

PS教程!教你用布爾運算繪制一個太極八卦圖

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

PS教程!教你用布爾運算繪制一個太極八卦圖

隱藏掉太極圖,打開首選項,把網格的大小改為30像素,按CTRL+'開啟網格。

選擇“多邊形”,設為八邊形,畫一個大小合適的圖形,CTRL+T旋轉22.5度。

PS教程!教你用布爾運算繪制一個太極八卦圖

CTRL+ALT+T復制路徑,縮小一個網格單位,更改模式為“減去”。

PS教程!教你用布爾運算繪制一個太極八卦圖

繼續CTRL+ALT+T復制路徑,縮小一個網格單位,更改模式為“添加”。

PS教程!教你用布爾運算繪制一個太極八卦圖

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

PS教程!教你用布爾運算繪制一個太極八卦圖

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

PS教程!教你用布爾運算繪制一個太極八卦圖

旋轉22.5度。

PS教程!教你用布爾運算繪制一個太極八卦圖

CTRL+ALT+T復制旋轉45度。

PS教程!教你用布爾運算繪制一個太極八卦圖

SHIFT+CTRL+ALT+T復制兩次完成。

PS教程!教你用布爾運算繪制一個太極八卦圖

繼續畫一個短一點的矩形,復制兩個。

PS教程!教你用布爾運算繪制一個太極八卦圖

選中這三個小矩形,垂直復制。

PS教程!教你用布爾運算繪制一個太極八卦圖

選中所有小矩形,CTRL+ALT+T復制旋轉45度。

PS教程!教你用布爾運算繪制一個太極八卦圖

SHIFT+CTRL+ALT+T復制2次。

PS教程!教你用布爾運算繪制一個太極八卦圖

關閉網格和參考線,對照真實的太極八卦圖刪除小矩形。

PS教程!教你用布爾運算繪制一個太極八卦圖

PS教程!教你用布爾運算繪制一個太極八卦圖

完成!

PS教程!教你用布爾運算繪制一個太極八卦圖

可能是國內做原創教程最用心的公眾號:

PS教程!教你用布爾運算繪制一個太極八卦圖

「Illustrator新手教程合集」

同類型紋理教程:
《AI教程:手把手教你用AI創建漂亮的無縫幾何圖案》

簡單好上手,效果還很贊!長投影教程:
《AI新手教程:教你創建精致閃亮的長投影寶石》

據說是目前最火的設計趨勢:
《AI新手教程!教你簡單快速地將圖片變成多邊形背景》

原文地址:pdadians

PS教程!教你用布爾運算繪制一個太極八卦圖

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量112萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

收藏 6
點贊 1

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。