原文鏈接：infinit.io/community/magnifying-effect-tutorial-on-sketch-3/ 作者：GA?TAN ROCHEL
這個教程將會展示如何去實現一個放大鏡效果飘言。通過放大鏡效果罪治，你可以強調一個圖片的特定細節(jié)忘伞。Sketch是我設計Infinit應用時最喜歡的一個界面和原型設計工具。
選擇圖片
拖動圖片到Sketch的畫布上徒河。在這個教程里，我們會使用Infinit應用作為例子，通過放大鏡效果強調這個應用的一個圖標烤镐。
magnifying_glass_tutorial_sketch.jpg
復制圖片
這里的思路很簡單盲再，拷貝原圖西设，把它放到和原圖一樣的位置上。然后答朋，在你想放大的區(qū)域插入一個橢圓圖層（oval shape）贷揽，在Sketch右邊的邊界面板（Borders）設置這個橢圓圖層的外邊界為白色。
magnifying_glass_tutorial_sketch_2.jpg
添加蒙版
將拷貝的圖片和橢圓圖層分為一組（譯者注：選中這兩個圖層梦碗，然后使用快捷鍵command+G）禽绪，然后右鍵點擊界面左邊列表的橢圓圖層蓖救，選擇“Use as Mask”（譯者注：橢圓圖層要放在拷貝的圖片的下方，可通過工具欄的Backward把橢圓圖層向下移動）印屁。做完這個步驟后循捺，給原圖添加一個高斯模糊效果，在窗口右邊的高斯模糊面板有這個選項（Gaussian Blur）雄人。
magnifying_glass_tutorial_sketch_3.jpg
調整要放大的圖片
接著你可以增加或減小蒙版圖片的大小从橘，或者改變它的位置來達到你想要的效果。現在你就可以看到想要的放大鏡效果了础钠。
magnifying_glass_tutorial_sketch_4.jpg
如果你喜歡這篇文章恰力，你興許也會喜歡我們的應用：Infinit，一個免費的旗吁，給設計師設計的踩萎，靈敏、優(yōu)雅以及不限制文件分享的應用阵漏。
