动态UI图标比静态UI图标更具有灵动性和趣味性,那么如何制作UI图标的动画效果呢?下面,小编就来教大家具体的方法技巧。
1、打开After Effects,单击顶部菜单栏中的“合成”按钮,选择“新建合成”选项(或点击左侧的新建合成图标)。
2、弹出“合成设置”窗口,在该窗口中输入合成名称,设置宽度和高度、帧速率和持续时间,单击“确定”按钮即可。
3、使用矩形工具在预览窗口中画一个矩形,移动时间线,展开形状图层的属性列表,给“内容→矩形1→矩形路径1”中的大小属性添加关键帧,并将大小的宽度参数设为0(记得取消链接)。
4、移动时间线,把大小的宽度参数修改为240,复制两个矩形的形状图层,并调整矩形的位置。
5、调整相应矩形的关键帧,然后按F9柔和关键帧,将所有矩形的位置、缩放和旋转属性都添加关键帧,移动时间线,并调整相应的属性参数。
6、选中所有的关键帧,按F9柔和关键帧,移动时间线,复制相应的关键帧。
7、再次移动时间线,调整相应的属性参数。
8、将时间线移动到相应的位置,复制第一个和第三个矩形的最后一个关键帧。
9、将时间线往后移,复制第二个矩形的最后一个关键帧,然后再往后移,调整缩放的高度参数。
10、用矩形工具画两个长方形,给它们的位置、缩放和旋转属性添加关键帧,移动时间线,调整相应的属性参数即可。
以上就是制作动态UI图标的方法技巧,希望能对大家有所帮助,学完本教程,赶紧动手试试吧!