[翻译]Sketch教程：实现放大镜效果

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

这个教程将会展示如何去实现一个放大镜效果。通过放大镜效果，你可以强调一个图片的特定细节。Sketch是我设计Infinit应用时最喜欢的一个界面和原型设计工具。

选择图片

拖动图片到Sketch的画布上。在这个教程里，我们会使用Infinit应用作为例子，通过放大镜效果强调这个应用的一个图标。

magnifying_glass_tutorial_sketch.jpg

复制图片

这里的思路很简单，拷贝原图，把它放到和原图一样的位置上。然后，在你想放大的区域插入一个椭圆图层（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，一个免费的，给设计师设计的，灵敏、优雅以及不限制文件分享的应用。