首页 > web前端 > html教程 > 用simple choker制作融合效果的菜单_html/css_WEB-ITnose

用simple choker制作融合效果的菜单_html/css_WEB-ITnose

WBOY
发布: 2016-06-21 08:49:26
原创
1804 人浏览过

Simple Choker 简单阻塞, 也有翻译成简单抑制的,听着挺抽象的,还是直接看图吧。今天就简单说一下如何用Simple Choker特效制作图形融合效果的菜单。

1、 创建如下图所示场景,

这一步就是通过基本的图形图层创建的,比较简单,这里就不做详细说明

2、给5个小的圆形做从大圆中心发散的动画,

这里就自由发挥,弹性、缓冲等可以自己根据喜好调节动画效果。

3、新建一个调节层,命名为choker 给其添加simple choker效果,如下图:

choke matte 的值可以稍微设置大一点,这样融合的效果比较明显,我这里设为了60。

这里需要注意重点来了,,当我们把choke matte的值设置的越大图形也就变形的越严重,导致这些圆有点变形、缩小。见下图:

这个圆形的左侧明显的突出了一块, 如何解决这个问题呢? 我们只需给这个图层添加一个mask,就可以解决这个问题,见下图:

看到没有,这个圆给修正过来了。可以适当的调整一下这个圆的大小,因为应用simple choke的时候导致圆形变小了。

附上源文件,有兴趣的可以练练,欢迎交流。

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板