Sketch从入门到精通-Sketch3四种模糊方式

现在经常能看到界面上各种模糊效果,或者是背景模糊,然后上面排字,放图片;通常是做背景的时候用到的模糊效果。在Sketch里面就有基本的四种模糊方式,分别介绍一下。

首先是最常见的高斯模糊(Gaussian Blur),在右侧检查器最后几项里

clip_image002[4]

高斯模糊是可以使模糊对象特别均匀,无论是颜色上还是模糊的程度上来看,都比较均匀和自然,这也是大多数设计师喜欢用高斯模糊的原因。如下图,看一下高斯模糊的效果:

clip_image004[4]­

接下来要­介绍的是动态模糊(Motion Blur),一种造成动向的错觉,并且只向一个方向模糊,看起来比较有动感。如下如:

clip_image006

第三个是缩放模糊,由内向外模糊,从一个固定好的点开始,向外部扩散。如下

图:

clip_image008

最后一个是背景模糊,背景模糊比较特殊,因为他是模糊下一图层,背景模糊是在苹果发布 iOS 7之后添加的新功能,而且不是像其他模糊方式直接就能看见模糊效果,必须要在有一个半透明的图层,然后在图层表面应用了背景模糊效果,这样在下一层的模糊内容才会出现。
一般很少建议用模糊效果,因为会消耗渲染效果,图层越多,越大,就需要消耗很多的内存和电脑处理器的能力,如果一定要使用的话,选择基本的模糊吧,就不要使用背景模糊了。­­

模糊对于设计背景的效果处理很有用,而且给人以朦胧感,适当运用会创造出很多好玩的模糊效果。

Sketch从入门到精通-Sketch3 四种模糊方式

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/7746/

(0)
iouedioued
上一篇 2015-08-03
下一篇 2015-08-03

相关推荐

  • 网络和辅助线的使用- Sketch从入门到精通

    设计师一般在作图的时候都离不开网格和辅助线,以前在PS或AI里的时候辅助线你必须手动去调整辅助线的位置,有的时候也难免会有误差或者半像素的偏离。但在Sketch 3里面,辅助线极大的避免了失误,并且提高了效率。 …

    2015-07-13
  • sketch 插件 sketch-measure 更新,又大大的提高了工作效率 ~

    今天更新了一下sketch measure的插件,下面说一下都更新了哪些地方 1.新的UI界面 友好的ui界面使你标记起来更加便捷,新界面是不是看起来更加专业了许多,视觉上更加直观 2.输出出口 自动生成HTML的样式,而不仅仅…

    Sketch 2016-07-25
  • Sketch汉化插件-SketchI18N最新版本

    安装使用 下载安装包,并解压,在安装包找到SketchI18N.sketchplugin 双击 SketchI18N.sketchplugin 完成安装 重启 Sketch 自动汉化后完成汉化 如果第三步没成功,试试 在 Sketch 中按快捷键 control command + x …

    2018-03-19
  • Sketch汉化插件: SketchI18N 一键汉化

    推广:五丰 美仑达 赣南脐橙 【国家地理标志产品】供港央企品质保障,原产地直采,进口专业分选设备,品质始终如一,脆嫩香甜,味美多汁 SketchI18N SketchI18N is multi-language plugin for Sketch.app Language …

    2017-03-16
  • 搞定设计版本控制!一份超详细的 Sketch git 插件使用指南

    一份超详细的 Sketch git 插件使用指南

    2016-05-31
  • Sketch从入门到精通-Sketch3 九宫格

    九宫格 在做图的时候,有的时候需要把画面划分几个部分,分别进行设计。因为随着作图能力的提高,规范性和严谨性就需要提高。尤其是网页设计,一个好的网页设计不是杂乱无序的。 所以我们可以用Sketch里的九宫格,…

    2015-08-03
  • Sketch从入门到精通-Sketch3布尔运算

      在Sketch里面,如果你发现一些基本的图形都不适合你,你想组合或者用更多的图形时,这时候就离不开布尔运算。当然,如果钢笔工具用的熟练的话,用钢笔工具也可以画出自己想要的复杂图形,但有些时候我们其实…

    2015-07-20
  • 最火的Sketch 的开发商 Bohemian Coding 是怎样一个公司?

    TL;DR: Bohemian Coding 是一个高效务实而且懂得做产品的小团队。但也因为团队小开发实力有限主打产品 Sketch 仍存在不少问题。先从这个小公司的历史说起。Bohemian Coding 在 2008 年成立,主要专注于开发 Mac 软…

    2015-06-29
  • Sketch从入门到精通-Sketch3 复制旋转功能的运用

    复制旋转功能是一个算是很特别很好玩的一个功能,当你需要对一个图形重复旋转的时候,如果手动调一定会有偏差,这个时候就需要复制旋转功能来实现,在菜单栏中进入图层 — 路径 ­­— 复制旋转 (Layer > Paths >…

    2015-08-03
  • Sketch导出icon神器插件App Asset export教程

    废话不多说,直接开整: 1.首先可以直接在 Sketch Tool 中搜索"App Asset Export" 这个插件直接安装 或者到源码主页下载双击安装插件Github开源下载地址 使用方法 建一个1024x1024大小图层进行Icon设计 打开Plugins…

    2018-03-13