為mac設計的UISketch入門----運用布爾運算的一個簡單心形的制作。 隻做mac設計。

布爾運算

原理

• 布爾運算的原理是任意的複雜圖形都可以被

  分解

  為基本形狀，換而言之就是任何複雜圖形都可以通過基本圖形進行布爾運算組成
• 簡單的欣賞一下：一個心形圖示的合成

  兩個圓形➕一個方形 = 一個心形

  

四種運算方式

⚠️：當

選中2個以上

形狀圖層時，

工具欄上右上角

的布爾運算操作圖示才會被

激活

，即：

概念簡介

• 聯集

  （Union）：執行合并後，你将得到兩個形狀區域的和

• 減去頂層

  （Subtract）：将上層形狀區域與下層形狀中的重疊部分，從下層區域中挖去，同時隻保留下層被挖去後的區域

• 交集

  （Intersect）：取兩個形狀重疊的部分

• 差集

  （Difference）：将兩個形狀相交的部分挖去，保留其它部分

簡單使用

• 首先建立一塊畫布
• 選擇添加 —> 形狀 --> 橢圓形 --> 在畫布畫出兩個圓使其存在相交部分（使用快捷鍵會友善喲）

  在繪畫時按住shift鍵即可繪制正圓

  

• 選中兩個橢圓進行布爾運算

  

  • 聯集

    

  • 減去頂層

    

  • 交集

    

  • 差集

    

一個執行個體

根據前面學習過的知識，我們來做一個練習，畫一下開頭提到的❤️

• 首先建立畫布
• 畫出一個方形以及兩個同樣大小的圓

  建議：

  1. 先畫出方形，在畫圓形比較好一點，因為可以圓的直徑要等于方形的邊長
  2. 第二個圓複制粘貼即可
  3. 調整位置時注意要圓跟方形的位置（放在二分之一處）

  

• 調整圖形與圖形之間的位置

  

• 進行布爾運算（聯集運算）

  

• 調整圖形在畫布中間的位置并上色🎨（完成啦）

  

  🍂這樣我們一個簡單的心形就畫完啦

  整個過程都在這裡👇