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

下面截图演示操作步骤:

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




Android glide加遮罩 an遮罩层动画制作步骤_关键帧


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


Android glide加遮罩 an遮罩层动画制作步骤_css模糊遮罩效果_02


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


Android glide加遮罩 an遮罩层动画制作步骤_下拉菜单_03


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


Android glide加遮罩 an遮罩层动画制作步骤_css模糊遮罩效果_04


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


Android glide加遮罩 an遮罩层动画制作步骤_关键帧_05


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


Android glide加遮罩 an遮罩层动画制作步骤_Android glide加遮罩_06


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


Android glide加遮罩 an遮罩层动画制作步骤_关键帧_07


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


Android glide加遮罩 an遮罩层动画制作步骤_下拉菜单_08


点击blurriness左边的那个小码表


Android glide加遮罩 an遮罩层动画制作步骤_关键帧_09


后变成这样


Android glide加遮罩 an遮罩层动画制作步骤_下拉菜单_10


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


Android glide加遮罩 an遮罩层动画制作步骤_下拉菜单_11


8再选择下面那一层


Android glide加遮罩 an遮罩层动画制作步骤_关键帧_12


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