sketch實例教程-經過旋轉複製和混合模式組合來畫Photos圖標

Sketch  Mac 以簡約的設計是基於無限的規模和層次的繪圖空間免費調色板面板，菜單，窗口和控件。雖然使用簡單，它提供了功能強大的矢量繪圖和文字工具。如完美的布爾運算，符號和強大的標尺，參考線和網格。矢量工具和基本形狀是基礎;不管你是設計圖標，網站，界面或任何其餘。點擊獲取Sketch 55 for mac(矢量繪圖軟件）

一、最終成品展現

以下圖所示，這是一枚蘋果系統的Photos圖標，看起來像是由8片顏色驚豔的「花瓣」組成，很是的漂亮；咱們來分析一下這枚圖標的繪製方法，手工繪製的大神暫且不表，經過觀察發現，最有可能的繪製手段就是經過旋轉複製（Rotate Copies）把相同尺寸、不一樣角度「花瓣」繪製出來；這些「花瓣」有重疊，且顏色是二者重疊後的調和色，須要混合模式（Blending）功能。

二、具體繪製過程

1>先肯定參考線是圖標繪製的第一步，在Sketch中，獲取iOS圖標的參考線很是簡單，只須要依次選擇File＞New from Template＞iOS App Icon，從模板中選擇76pt的參考線便可。

2>咱們須要繪製「花瓣」，使用圓角矩形工具拉出一個20*31的矩形，設置Radius=10，勾選「Smooth Corners」，取消描邊並設置填充顏色爲#F63C2B，不透明度爲50%。設置完成以後，經過Layer＞Combine＞Flatten把「花瓣」展平。

3>咱們按照下圖所示的位置，把「花瓣」放到參考線上，在860%的畫布放大效果下，咱們能夠看到20*31的矩形用完美對稱的方式，落在像素方格內。

4>咱們要用旋轉複製功能複製另外7個「花瓣」，選擇工具欄的Rotate Copies，而後在輸入框中輸入7便可。

5>經過旋轉複製出現的手柄，控制中心點和「花瓣」的位置，有了圖標參考線以後，咱們會發現這裏的手柄控制變得十分簡單，只須要把中心點拖動對準到圖標參考線的中心點便可。拖動完成後，咱們能夠看到各個「花瓣」對齊得十分完美，×××座表示很舒服。

6>咱們要經過分離（Break Apart）功能把這些花瓣「打散」，由於旋轉複製後，花瓣變成了新形狀的子路徑，只能統一着色。選中新形狀，而後在菜單欄中依次選擇Layer＞Combine＞Break Apart便可。

7>咱們把「花瓣」圖層的混合模式（Blending）設置爲正片疊底（Multiply）後，就能夠分別爲花瓣上色了，從12點鐘開始，把花瓣的填充顏色分別設置爲：#FEB82E、#F1E52A、#BFD950、#7BC7AD、#7BB4E0、#A793C七、#DE89A六、#F26A6A、#FEB82E。這個時候，咱們會發現圖標已經很接近咱們想要的樣子了。

最後，咱們能夠對圖標再進一步作優化，例如：原版圖標中，「花瓣」並非純色填充，而是漸變色填充；中間重合的小葉子間隙也經過形狀疊加做出更深的顏色，這些，都留待你們自行動手體驗修改了。

以上就是小編爲你們帶來sketch實例教程-經過旋轉複製和混合模式組合來畫Photos圖標的實戰訓練。還有更多詳細、實用的功能，你們快來關注小編吧。