AE如何制作动态UI图标?UI图标动画制作教程

李想            来源:优草派

动态UI图标比静态UI图标更具有灵动性和趣味性,那么如何制作UI图标的动画效果呢?下面,小编就来教大家具体的方法技巧。

AE如何制作动态UI图标?UI图标动画制作教程

1、打开After Effects,单击顶部菜单栏中的“合成”按钮,选择“新建合成”选项(或点击左侧的新建合成图标)。

2、弹出“合成设置”窗口,在该窗口中输入合成名称,设置宽度和高度、帧速率和持续时间,单击“确定”按钮即可。

3、使用矩形工具在预览窗口中画一个矩形,移动时间线,展开形状图层的属性列表,给“内容→矩形1→矩形路径1”中的大小属性添加关键帧,并将大小的宽度参数设为0(记得取消链接)。

4、移动时间线,把大小的宽度参数修改为240,复制两个矩形的形状图层,并调整矩形的位置。

5、调整相应矩形的关键帧,然后按F9柔和关键帧,将所有矩形的位置、缩放和旋转属性都添加关键帧,移动时间线,并调整相应的属性参数。

6、选中所有的关键帧,按F9柔和关键帧,移动时间线,复制相应的关键帧。

7、再次移动时间线,调整相应的属性参数。

8、将时间线移动到相应的位置,复制第一个和第三个矩形的最后一个关键帧。

9、将时间线往后移,复制第二个矩形的最后一个关键帧,然后再往后移,调整缩放的高度参数。

10、用矩形工具画两个长方形,给它们的位置、缩放和旋转属性添加关键帧,移动时间线,调整相应的属性参数即可。

以上就是制作动态UI图标的方法技巧,希望能对大家有所帮助,学完本教程,赶紧动手试试吧!

【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。
TOP 10
  • 周排行
  • 月排行