原文鏈接：infinit.io/community/magnifying-effect-tutorial-on-sketch-3/ 作者：GA?TAN ROCHEL

這個教程將會展示如何去實現(xiàn)一個放大鏡效果。通過放大鏡效果，你可以強調(diào)一個圖片的特定細節(jié)。Sketch是我設(shè)計Infinit應(yīng)用時最喜歡的一個界面和原型設(shè)計工具。

選擇圖片

拖動圖片到Sketch的畫布上。在這個教程里，我們會使用Infinit應(yīng)用作為例子，通過放大鏡效果強調(diào)這個應(yīng)用的一個圖標。

magnifying_glass_tutorial_sketch.jpg

復(fù)制圖片

這里的思路很簡單，拷貝原圖，把它放到和原圖一樣的位置上。然后，在你想放大的區(qū)域插入一個橢圓圖層（oval shape），在Sketch右邊的邊界面板（Borders）設(shè)置這個橢圓圖層的外邊界為白色。

magnifying_glass_tutorial_sketch_2.jpg

添加蒙版

將拷貝的圖片和橢圓圖層分為一組（譯者注：選中這兩個圖層，然后使用快捷鍵command+G），然后右鍵點擊界面左邊列表的橢圓圖層，選擇“Use as Mask”（譯者注：橢圓圖層要放在拷貝的圖片的下方，可通過工具欄的Backward把橢圓圖層向下移動）。做完這個步驟后，給原圖添加一個高斯模糊效果，在窗口右邊的高斯模糊面板有這個選項（Gaussian Blur）。

magnifying_glass_tutorial_sketch_3.jpg

調(diào)整要放大的圖片

接著你可以增加或減小蒙版圖片的大小，或者改變它的位置來達到你想要的效果?，F(xiàn)在你就可以看到想要的放大鏡效果了。

magnifying_glass_tutorial_sketch_4.jpg

如果你喜歡這篇文章，你興許也會喜歡我們的應(yīng)用：Infinit，一個免費的，給設(shè)計師設(shè)計的，靈敏、優(yōu)雅以及不限制文件分享的應(yīng)用。