交作业：微博搜索话题 #优设每日作业# 进入话题页即可发布作业
AEUX插件：https://aeux.io/
来啦！今天跟大家分享一个比较实用的液态标签栏效果，此次使用的是 Sketch+AE，Sketch导入 AE 需要用插件 AEUX，没有 Sketch 的同学也可以自己用其他软件绘制图标~
01. 在AE的“窗口”-“扩展”里点开AEUX → 设置各参数
02. Sketch里点击“插件”，打开“AEUX” → 选中要导入的画板 → 点击“Send selection to AE”，导入到Ae
03. 点击色块，不同icon标记不同颜色，便于区分 → 其它图层隐藏，留下「icon2」和「bg」
01. 时间线放在第5帧 → 选中「icon2-默认」图层 → 快捷键S，调出“缩放”属性 → 点击“缩放”前的码表，打上一个关键帧
02. 时间线在第8帧 → “缩放”数值改为0
03. 框选两个关键帧 → 右击关键帧 → 关键帧辅助 → 缓动（让运动更加自然）
01. 把「黄圆」打一个预合成（Ctrl+Shift+C）
02. 时间线在第7帧 → 点击「点亮」和「黄圆」图层后的“父级链接”表单 → 都选上「黑圆」（使它们跟随黑圆运动）
03. 选中「黑圆」→ 调出“缩放”（S键）→ 打上关键帧，数值为0 → 在12帧处，关键帧数值为100
时间线在10帧 → 调出“位置”属性（快捷键P）→ 打一个关键帧 → 时间线在20帧 → Y轴数值减去91（使icon向上移动）→ 时间线在1秒零1帧 → Y轴数值加41（使icon向下移动）→ 给关键帧加缓动
01. 时间线在10帧 → 双击进入「黄圆」预合成 → 复制一个（Ctrl+D）
02. 选中「黄圆」图层 → 选中“锚点工具”和“对齐”，把锚点放在中下方
03. 调出“位置”属性（P键）→ 打上关键帧 → 在第20帧 → Y轴数值加54（让圆向下移动）→ 点开合成设置（Ctrl+K），画布高度增加一些
04. 在16帧处 → S，调出“缩放”，打上关键帧 → 在1秒处，“缩放”改为0（让它在向下移动的过程中，缩小至消失） → 调出所有操作的关键帧（快捷键U），加上缓动
05. 在空白区域 → 右击鼠标，新建调整图层
06. 右击“调整图层”-“效果”-“模糊和锐化”-“高斯模糊”
07. 再次右击 → 找到“颜色校正”里的曲线
08. “高斯模糊”的“模糊度”为80
09. “曲线”的“通道”改为“Alpha” → 调节曲线上下端点，直至黄圆既没有锯齿也不模糊
复制一个“调整图层”（Ctrl+C）→ 回到总合成，粘贴到「黑圆」上方（Ctrl+V）→ 针对黑圆微调一下曲线
01. 在1秒11帧 → 复制一组所有图层（Ctrl+D），放在下面 → 调出所有关键帧（U键）
02. 右击 → 时间 → 时间反向图层
03. 把时间轴往前拖，直到第一个关键帧对齐时间线
04. 按Alt+[，把前面截断
05. 再选中上方这几个图层 → 按Alt+]，把后面截断
06. 选中时间反向过的「默认icon」→ 把时间轴拉长（让画面最后定格在默认icon上）
07. 时间线放在3秒处 → 快捷键N，截断工作区 → 右击工作区，选择“将合成修剪至工作区域”
到这里就完成啦??
欢迎关注作者的微信公众号：「动效空间」
想要来 优优自学团 和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc5 备注「优优自学团」（无备注不通过哦）
学完这篇教程的人还在学…
非特殊说明，本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译，原作品版权归属原作者，转载请联系 @优优教程网 授权。
转载时请在文首注明，来源 UiiiUiii.com 及教程作者，并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
继续阅读与本文标签相同的文章：
发表评论 已发布 2 条