恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
AE小技巧!3个方法帮你快速实现流畅好看的相融动效
0.0°
2018-01-17 好文转载 教程 原作者: @正越升 举报 4160 57 40 2

是我接触MG之后一直很喜欢的一个效果,自己也尝试寻找不同的办法来实现相融的动效,下面是我收集的3种常用的制作方法,各有千秋,每种方法都仅有两三个步骤,


这是我的微信公众号:uisjxy,关注后回复“梦梦”就可以领取3000款字体和100个素材网

Image title




一、快速模糊+Choke

步骤1:做出基本的运动,这里做的是一个黄色小球在白色圆矩上方移动。

Image title

步骤2:给合成添加一个调节层,放在最上面。给调节层添加[快速模糊]效果。


`

Image title

步骤3:给调节层添加[简单阻塞工具],调节合适的参数后收工。


Image title


二、形状图层的合并路径+位移路径(路径偏移)

步骤1:做好基本的图形运动,所有的形状都要在一个形状图层下面。


Image title

步骤2:给形状图层添加[合并路径],模式为“相加”。然后再添加两个[位移路径],线段连接改成“圆角连接”,上面的数量的绝对值和下面的数量的绝对值要一样,并且一正一负,正的在上,负的在下。


Image title

三、矩形+毛边

步骤1:做好基本的的图形运动。

Image title

步骤2:在需要的地方手动添加矩形,矩形的长短、粗细根据物体间的距离变化,模拟“藕断丝连”的感觉。

Image title


步骤3:给合成添加一个调节图层,放在最上面。然后给调节图层添加一个[毛边]效果,注意要把“分形影响”的参数调成“0”。



Image title

让我们点评一下这三种制作相融效果的方法。

第一种[快速模糊+choke]方法,简单粗暴,就算多复杂的图形运动也能hold得住,但是图形的大小会有所损失,如下图所示。

Image title

而第二种方法[合并路径+位移路径],利用两个[位移路径],先扩展路径,再收缩路径,由于数值的绝对值一样,巧妙地解决了图形损失的缺陷。然而,第二种方法只能在同一个形状图层下进行,因此有很大局限性,如不能用于非形状图层,并且形状很多的话很难管理。

第三种方法[矩形+毛边],纯属手工打造相融效果,最大的好处就是相融的可控性大大增强!你可以打造千百种不同的相融效果。缺陷是面对大量物体时,这种手动的方法将很耗时间。


MG动画里面还有很多很有趣的效果,相融只是其中之一,我会继续收集、总结一些好的方法技巧整理成推送分享的哈。




更新:2018-01-17

收藏

57人已收藏

梦梦_喵喵星人

小白领取资源,咨询设计问题都可以加我qQUN:652137396

  • 175

    作品

  • 748

    粉丝

  • 4

    关注

  • PS鼠绘章鱼角图标教程
  • PS鼠绘邮件图标教程
  • AI绘制扁平化快餐图标教程
  • PS绘制简约风格沙滩插画教程

    猜你喜欢

      2018-01-17 好文转载 教程 原作者: @正越升 举报 4160 57 40 2

      AE小技巧!3个方法帮你快速实现流畅好看的相融动效

      0.0°

      你确定要举报AE小技巧!3个方法帮你快速实现流畅好看的相融动效

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年11月02日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      40
      57
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录