css模糊遮罩效果_AE特效制作模糊特效教程

把图片导进AE之后拖入新建的合成中,在合成里选中这张图按ctrl+D复制一层,先说一下原理:两张一模一样的图放了两层,上面的那层把主体(也就是第一帧要凸显的物体)画一个mask遮罩,下面的一层不需要画遮罩。也就是说上面那一层是主体物,下面这层是背景,两个层叠加在一起还是原来的那张图。然后给两个层都添加fast blur(快速模糊)特效并且做关键帧动画,上面一层的动画是由清晰到模糊改变,下面一层的动画是有模糊到清晰改变,这样两层结合起来就是你要的效果。

下面截图演示操作步骤:

1导入图片123到AE的合成面板

8737707cffca5cc3f5806a56afa23331.png

点击图片拖拽到左下角从左往右数第三个图标上,这样就以这张图的大小新建了一个合成并且图片也在合成中,就是这样:

789d2fe5946ae13eac3db1fb08e588fa.png

2点击选中图片,按ctrl+D就会再复制一层,如图:

daefd292ad446435e338f1212c3039d7.png

3下面给上面那层图画mask遮罩,首先鼠标点击上面那一层,然后找到软件上面那一排工具栏从左往右数第七个选框工具,点击那旁边的小三角出现下拉菜单选择椭圆选框

8172e5842de11a29e44b5ada753e7f20.png

4然后再合成面板的图片上画一个椭圆

181e44a79b0c28974a207201170c638d.png

5回到下面的合成面板,修改mask的羽化值(mask feather)

d5d259df713a5edc2c8c8876d75aa55e.png

6鼠标点击选择上面这层右键>特效>模糊与锐化>快速模糊

31886a2dd96555b08ce27a635222ebf2.png

7这时特效面板就会多一个这个fast blur特效

f75c8a8345de512f0be61aaa04326cd6.png

点击blurriness左边的那个小码表

884968bef84e7cf46bfe2e38f8cbe0fe.png

后变成这样

6d6a7ba4a0c077d0e14e9662f9894c15.png

这个意思就是打了一个关键帧,然后按一下键盘的page down键把blurriness数值调到你觉得可以的模糊值,比如15吧(这一步的模糊值是由0变成15)

722966f9082fe93d1290e20d42db19cf.png

8再选择下面那一层

f9aa8377c02c2e11e925e457e2f3ce95.png

同样进行上面的操作,我就不截图了,就是添加快速模糊特效,只不过这一层的模糊值是反着的,首先点击小码表,把数值调到15,然后下一帧为0(这一步的模糊值是由15变成0)

喜欢特效的朋友们可以点点关注,一起讨论学习一下

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值