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从入门到精通 熟悉一下钢笔及各种基本图形的练习 免费版

    上一章节因为涉及到了画圆及各种图形,怕有的小伙伴还是不知道,就在这一章节里仔细的讲一遍,大家也可以更熟悉一下Insert有哪些更多工具有助于设计稿。 第一个是钢笔工具,快捷键是V,可以画出你想要的任意形状。…

    2015-07-03
  • Sketch从入门到精通-Sketch3 九宫格

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

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

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

    2016-05-31
  • 字体的转曲-sketch从入门到精通

    字体在设计中是不可缺少的元素,无论你是设计海报,广告牌,网站,还是手机界面,都离不开字体。字体的运用也是设计中重要的组成部分。尤其是在做手机端界面设计的时候,一个像素都不能差。所以这就涉及到每个元素…

    2015-07-13
  • Sketch 3.6的更新

    Sketch 3.6 带来了许多新的更新,终于盼来了文本渲染和SVG的改进,以及性能增强和bug修复。 固定基准 之前不一致的基线导致在设计的时候出现了很多问题,新的版本中当改变一个文本图层的字体和字体大小时,该图层出…

    2016-03-08
  • Sketch从入门到精通-Sketch3 复制旋转功能的运用

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

    2015-08-03
  • Sketch从入门到精通 怎样切图及导出图片尺寸 免费版

    怎样切图及导出图片尺寸 在讲这一章之前,先把上一章提到的布尔运算给大家讲一下(如下图) 这是顶部工具栏区域的一小部分。布尔运算有四种形式,你可以根据你的需求来选择不同的方式。 合并形状 (Union):合并的结果…

    2015-07-03
  • Sketch从入门到精通-Sketch3蒙版的使用

    蒙版,顾名思义就是蒙上一层东西,只显示你想显示的部分,类似PS里面的遮罩。在Sketch里面,你可以有选择去显示想要显示的内容,比如你可以打开一张正方形的图片,然后想做一个圆形的头像,那么就需要在这个正方形…

    2015-07-20
  • Sketch从入门到精通 第一章 初识Sketch 免费版

    第一章 初识Sketch 1. Sketch 是什么? Sketch 是一款非常适合UI界面设计师们使用的矢量绘图应用。集合了PS和AI的优点,很容易上手使用。它可以很方便的进行网页,图标及移动端界面的设计制作和切图。 2. 为什么要…

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

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

    2015-06-29