如何在Sketch中繪制Google Chrome圖標
在設計一個復雜的圖形時,往往都是由一些簡單的圖形組合而成的。今天我們來講一下在Sketch中如何繪制Google Chrome圖標。下面將詳細介紹步驟。打開Sketch工具首先,打開Sketch工具,
在設計一個復雜的圖形時,往往都是由一些簡單的圖形組合而成的。今天我們來講一下在Sketch中如何繪制Google Chrome圖標。下面將詳細介紹步驟。
打開Sketch工具
首先,打開Sketch工具,準備開始繪制Google Chrome圖標。
繪制圓和矩形
一般情況下,我們可以通過畫一個圓和三個矩形來繪制Google Chrome圖標。具體操作流程在此不多說,大家可以自己嘗試一下。但是,還有另外一種繪制方法。
使用等邊三角形和圓形繪制
1. 新建一個畫布,設置大小為80 x 80。
2. 在畫布內(nèi)部繪制一個等邊三角形。注意,這里不能直接使用三角形工具繪制,因為無法實現(xiàn)等邊三角形的要求。我們可以使用五角星工具,將屬性欄中的"Points"設置為3,并將大小改為80 x 80,然后將其與圓居中對齊,效果如圖所示。
3. 接下來,繪制一個40 x 40的圓,同樣進行居中對齊。
4. 添加輔助線并在三角形下方繪制一個矩形,可以降低透明度以查看效果。
進行布爾運算
接下來,我們需要進行兩個布爾運算:
1. 將矩形與外部大圓(80 x 80的圓)進行布爾運算(交集/Intersect)。
2. 將三角形與內(nèi)部小圓(40 x 40的圓)進行布爾運算(減去頂層/Subtract),如圖所示。
用鋼筆工具勾畫圖形
使用鋼筆工具勾畫出圖中所示的形狀,并進行兩次布爾運算。如果對布爾運算不熟悉,可以參考相關教程。
旋轉(zhuǎn)并復制
使用頂部工具欄中的"Rotate Copies"工具,在彈出的對話框中將默認數(shù)字6更改為2,點擊"OK"。
然后將錨點調(diào)整到輔助線的中心位置。請注意,圖中的示范是錯誤的,需要調(diào)整至中心位置。
調(diào)整顏色和繪制陰影
調(diào)整圖形的顏色,然后繪制中間的圓形。使用鋼筆工具勾畫陰影部分。
使用蒙版隱藏多余部分
最后,使用蒙版(Mask)隱藏陰影多余的部分?;镜腉oogle Chrome圖標繪制完成。
以上就是在Sketch中繪制Google Chrome圖標的步驟。希望本文能對你有所幫助!