我想設計UI這檔事,常常都為了造型設計傷腦筋,正常來說我不會使用貝茲曲線拉出我要的弧度,設計出UI的外型,不過在畫這個外型一開始我來真的有動過這個腦筋,因為實在畫不出外型的弧度 ^^||最後我還是動了一點腦筋,把他畫出來了
地標.jpg
接下來你們也可以看看,是要如何畫出這一個形狀
Step 1. 開啟新檔
畫布設定為 1024X1024

標誌-1.jpg
Step 2. 設定顏色

標誌-2.jpg
這個顏色原本是屬於填滿的顏色,但是因為我想看清楚所有圓型排列的狀狀,所以我把填滿設定為無色;線條設為#3E3E3E
Step 3. 畫大圓形
設定400ptX400pt

標誌-3.jpg
接下來的形狀都是只有線條喔

標誌-4.jpg
Step 4. 移動之後再複製
我要在複製一個相同的圓形在同一個水平上,設定水平移動230pt,按下拷貝

標誌-4-1.jpg
結果

標誌-5.jpg
Step 5.設定第一個小圓,138.7X138.7

標誌-6.jpg
我們使用參考線將所有圓形確定放在同一條水平上,小圓也確定放在"中心點"

標誌-6-1.jpg
將小圓往下移動62pt

標誌-6-2.jpg
結果

標誌-7.jpg
Step 6.設定第二個小圓,55.5X55.5

標誌-8.jpg
一樣把他在"正中心"
 

標誌-8-1.jpg
往下移動128.5pt

標誌-8-2.jpg
結果

標誌-9.jpg
Step 7.物件交集
我們只需要2個大圓中間那一個像是橄欖球形狀的物件,將2個大圓選起來之後,使用路徑管理員裡的交集功能

標誌-10.jpg
2個物件交集之後便是我們要的形狀

標誌-11.jpg
Step 8.物件分割
有部分多餘物件我們需要將他刪除,將剩餘物健全選,按下分割

標誌-12.jpg
按下滑鼠左鍵,選擇解散群組

標誌-13.jpg
選擇上方物鍵-->del

標誌-14.jpg
選擇下方物鍵-->del

標誌-15.jpg
Step 9.物件合併
物件再度全選,合併

標誌-16.jpg
結果

標誌-17.jpg
Step 10.填滿顏色
標誌-2.jpg
當然我是按下Shift+X將顏色互調過來,你也可以變更顏色選擇你喜歡的顏色

標誌-18.jpg

 

 

 

arrow
arrow
    全站熱搜

    Make Live 發表在 痞客邦 留言(0) 人氣()