动态UI图标比静态UI图标更具有灵动性和趣味性，那么如何制作UI图标的动画效果呢？下面，小编就来教大家具体的方法技巧 。
文章插图
1、打开After Effects，单击顶部菜单栏中的“合成”按钮，选择“新建合成”选项（或点击左侧的新建合成图标） 。
2、弹出“合成设置”窗口，在该窗口中输入合成名称，设置宽度和高度、帧速率和持续时间，单击“确定”按钮即可 。
3、使用矩形工具在预览窗口中画一个矩形，移动时间线，展开形状图层的属性列表，给“内容→矩形1→矩形路径1”中的大小属性添加关键帧，并将大小的宽度参数设为0（记得取消链接） 。
4、移动时间线，把大小的宽度参数修改为240，复制两个矩形的形状图层，并调整矩形的位置 。
5、调整相应矩形的关键帧，然后按F9柔和关键帧，将所有矩形的位置、缩放和旋转属性都添加关键帧，移动时间线，并调整相应的属性参数 。
【AE如何制作动态UI图标？UI图标动画制作教程】6、选中所有的关键帧，按F9柔和关键帧，移动时间线，复制相应的关键帧 。
7、再次移动时间线，调整相应的属性参数 。
8、将时间线移动到相应的位置，复制第一个和第三个矩形的最后一个关键帧 。
9、将时间线往后移，复制第二个矩形的最后一个关键帧，然后再往后移，调整缩放的高度参数 。
10、用矩形工具画两个长方形，给它们的位置、缩放和旋转属性添加关键帧，移动时间线，调整相应的属性参数即可 。
以上就是制作动态UI图标的方法技巧，希望能对大家有所帮助，学完本教程，赶紧动手试试吧！
推荐阅读
- 光影魔术手如何制作背景虚化？如何只让背景虚化人物不变
- PR如何制作子弹分割效果？PR子弹分割效果小技巧
- PR如何制作炫酷文字穿越效果？PR炫酷文字穿越效果小技巧
- PR如何制作裸眼3D效果？PR裸眼3D效果小技巧
- PR如何制作人景分离转场效果？PR人景分离转场效果小技巧
- PR如何制作水墨转场效果？水墨转场小技巧
- PR如何进行电影感调色？PR电影感调色小技巧
- PR如何制作电影级文字开场效果？PR电影级文字开场效果小技巧
- 如何使用光影魔术手裁剪图片？光影魔术手快速的裁剪照片方法
- PR如何制作亮度溶解转场？PR亮度溶解转场小技巧