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 搭建动态布局

    如果你在设计交互,你可能会经常遇到一些重复性的元素,比如列表中的行,或者网格化元素。尽管Sketch提供了一些方法,通过使用Symbols将一些样式应用到元素中,但如果你想让布局更有适应性或者动态变化,它恐怕就很…

    2017-12-28
  • sketch 插件 sketch-measure 更新,又大大的提高了工作效率 ~

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

    Sketch 2016-07-25
  • Sketch从入门到精通-Sketch3节点的模式运用

      在进行对图形的具体编辑的时候,会经常用到节点,或者叫点也可以。当你用钢笔画出一个图形的时候,然后回车一下,你就会发现有好多个节点组成了一条线,这个时候我们要对具体某个图形编辑的时候,就可以调节…

    2015-07-20
  • Mirror镜像的运用- Sketch从入门到精通

    Mirror镜像这个只针对于设计手机界面的同学来说,比较有用。因为这是一个可以电脑做图和手机显示同步的一个功能。在Sketch的工具栏,你会发现这个Mirror,如下图: 看见了么?怎么样能实现和手机同步呢?首先你要在…

    2015-07-13
  • 静电的SKETCH教室,全套教学视频免费分享下载。

    “静电的sketch设计教室”教学视频,对于新手自学来讲非常的合适,感谢静电,讲解的非常的清晰明了,视频就在这儿,剩下的就需要你付出时间去学习咯,祝大家学有所成!链接: https://pan.baidu.com/s/1iIbE-DI_yHLayj7wue49yQ 密码: mw25·—END—·

    2018-04-18
  • Sketch从入门到精通 第一章 初识Sketch 免费版

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

    2015-07-03
  • 字体的转曲-sketch从入门到精通

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

    2015-07-13
  • 在Sketch里怎么切图?

    有了Sketch之后,切图变得越来越简单,之前在Sketch教程里有写过切图方面的教程,但还是有很多人想知道到底怎么用Sketch切图,这篇教程就作为一个Sketch的切图大综合,详细的讲一讲怎样在Sketch里面切图,以及切图…

    2015-11-30
  • Sketch汉化插件: SketchI18N 一键汉化

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

    2017-03-16
  • Sketch从入门到精通 熟悉一下钢笔及各种基本图形的练习 免费版

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

    2015-07-03