原文再续, 接续上一回, 上一篇记录了从0开始通过路径做出了一个会动的贪吃蛇作为外衬. 那当然仅有一个外衬是没啥内涵的, 还得要上主角才行, 所以这次继续上回的工程…如果各位直接从这里进入, 而略过了第一部分, 可以从下面的链接倒回去从0开始的.
《AE学习练手(01)_徒手做一个Logo渐入渐出效果(一)》
这一次我将把工程做到这样的效果, 先来看看, 如果感兴趣的话欢迎多多支持一下:
实际操作分步步骤
(01). 新建Logo背后载体图层
创建一个矩形作为Logo背后的载体, 尺寸按照自己需要设置就好. 我设置为500×500, 因为前面创建的路径范围尺寸是512×512的, 可以让Logo在路径范围内可能比较好一些(都是因应实际情况做出处理的).

新图层创建一个矩形,放在适当的位置
在这里备注一下, 有些朋友之前跟我反映一下说只能拖拉出矩形或者圆形等, 但是怎么无法自己设置比较准确的尺寸和位置参数呢? 其实是有的, 在左下角参数设置的位置里, 找到"内容"->"矩形1"->"矩形路径1"->"大小", 即可手动设置精准的尺寸. 而设置矩形位置的地方, 在"变换"->"位置"里面设置, 这个参数是设置矩形的中心点坐标, 而不是左上角, 这是一个点, 注意一下就好.

新建一个预合成

定义"预合成"的参数并确定

此时目标图层成为了"预合成"模式,双击图层可进入单独编辑状态
(02). 设置"预合成"图层样式

设置"填充"颜色,取消"描边"
(03). 把需要用到的Logo图片拉进图层, 放置到背景容器上层, 调整好初始的缩放比例和初始位置

通过调整图层下面的参数,调整好logo资源的状态
(04). 给Logo背景容器图层设置两个关键帧, 开始的一个设置缩放比例为0, 结束的关键帧设置缩放比例为100, 拖动时间轴就可以看到背景容器从0到100的缩放过程
目前我设置的关键帧状况是:
1s: 缩放0, 2s: 缩放100, 2:15s: 缩放90, 6s: 缩放100

给Logo容器层设置缩放比例的关键帧

往后一段时间设置一个缓慢的缩放的过程
(05). 重复一个Logo容器层, 覆盖到Logo层上方, 调整上层覆盖的特效关键帧

选中背景图层,重复(Ctrl+D),把新图层覆盖到Logo上方
当前设计效果的需要, 把遮罩层首个关键帧起始点删除掉, 从第2个关键帧开始设置动画, 把遮罩层缩放参数设置为0, 从该位置时间开始从0缩放.

把遮罩层的变化关键帧设置相应参数
(06). 为Logo图标图层做Alpha遮罩, 让Logo浮到上层
选中Logo图标所在图层, 上方菜单->图层->跟踪遮罩->Alpha遮罩, 为该图层添加Alpha遮罩

添加"Alpha遮罩"
(07). 为Logo图标图层设置新的独立"预合成", 并设置相关参数

在Logo图层上右键菜单->预合成

创建新预合成,"将所有属性移动到新合成"

对应两个容器层的关键帧, 设置新预合成总体的缩放动效, 让总体效果更好一些
至此, 这个练习项目已经大致完成. 有了上一节的路径动效装饰, 这一节也已经把主体的核心Logo特效做上了, 其实也可以算交作业了. 感兴趣的伙伴们也可以尝试做做看, 互联网上或许有很多类似的教程或者记录, 但是未必真的能完整走通下来. 在下的确是一步一脚印踩过坑, 终于做出了一个属于自己的小作品, 也学到了一些基本的小技巧.
最后再来看一看, 经过这两节最后得到的小效果是如此的, 效果总共7s而已:
不过当前觉得总体画面还是有些略显单调, 下一节也是最后一节, 给添加一些文字特效, 完善一下总体效果. 感谢各位的支持, 您们的支持是我继续在这方面坚持走下去的最佳动力!

原创文章,作者:admin,如若转载,请注明出处:https://www.seohomer.com/11054.html