Sketch Mac 以簡約的設計是基於無限的規模和層次的繪圖空間免費調色板面板，菜單，窗口和控件。雖然使用簡單，它提供了功能強大的矢量繪圖和文字工具。如完美的布爾運算，符號和強大的標尺，參考線和網格。矢量工具和基本形狀是基礎;無論你是設計圖標，網站，界面或任何其他。點擊獲取Sketch 55 for mac(矢量繪圖軟件）
1、最終成品展示
如下圖所示，這是一枚蘋果系統的Photos圖標，看起來像是由8片顏色驚豔的“花瓣”組成，非常的漂亮；我們來分析一下這枚圖標的繪製方法，手工繪製的大神暫且不表，通過觀察發現，最有可能的繪製手段就是通過旋轉複製（Rotate Copies）把相同尺寸、不同角度“花瓣”繪製出來；這些“花瓣”有重疊，且顏色是兩者重疊後的調和色，需要混合模式（Blending）功能。
2、具體繪製過程
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、#A793C7、#DE89A6、#F26A6A、#FEB82E。這個時候，我們會發現圖標已經很接近我們想要的樣子了。
最後，我們可以對圖標再進一步做優化，例如：原版圖標中，“花瓣”並不是純色填充，而是漸變色填充；中間重合的小葉子間隙也通過形狀疊加作出更深的顏色，這些，都留待大家自行動手體驗修改了。
以上就是小編爲大家帶來sketch實例教程-通過旋轉複製和混合模式組合來畫Photos圖標的實戰訓練。還有更多詳細、實用的功能，大家快來關注小編吧。