手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

AE折纸动画 UI动效设计

时间:2024-10-13 20:10:26

1、打开AE ,点击新建合成按钮。

AE折纸动画 UI动效设计

2、新建合成,预设改为HDTV 1920 25

AE折纸动画 UI动效设计

3、在合成空白处右键点击,选择新建----纯色图层。

AE折纸动画 UI动效设计

4、纯色图层颜色选择偏暗的红色。

AE折纸动画 UI动效设计

5、红色图层创建完成。

AE折纸动画 UI动效设计

6、在红色图层被选中的情况下,双击AE上方的矩形工具,为红色图层添加蒙版。

AE折纸动画 UI动效设计

7、展开红色图层左侧的小三角,会看到图层添加了蒙版属性。

AE折纸动画 UI动效设计

8、将鼠标切换为选择工具,框选蒙版左侧的两个点,按住键盘上有箭头,对蒙版的两个点向右移动。

AE折纸动画 UI动效设计

9、同样,将左侧、上下的蒙版进行调整,如图。

AE折纸动画 UI动效设计

10、选择AE上方的锚点工短铘辔嗟具,按住ctrl键,将纯色图层的锚点移动到红色形状的下方中间位置。鼠标改为选择工具。

AE折纸动画 UI动效设计

11、复制红色图层。将新复制的图层移动到右侧,当作N的右边笔画。

AE折纸动画 UI动效设计

12、再次复制红色图层,展开新图层的蒙版属性,选择蒙版路径,使用AE选择工具将图形上面两个路径点移咿蛙匆盗动到N的左侧笔画上端对齐。

AE折纸动画 UI动效设计

13、放大画面,确认笔画对齐。

AE折纸动画 UI动效设计

14、使用AE锚点移动工具,将N的斜笔画的锚点移动到上方,与上方笔画起点的中间对齐。

AE折纸动画 UI动效设计

15、将所有图层后面添加上立方体盒子,它们就具有了三维属性。

AE折纸动画 UI动效设计

16、为N的左侧笔画添加X轴关键帧旋转动画。开头将N的左边笔画旋转到水平放置的状态。

AE折纸动画 UI动效设计

17、同样,为后面两个笔画制作X轴旋转动画。

AE折纸动画 UI动效设计

18、最终完成整个动画的制作。

AE折纸动画 UI动效设计
© 手抄报圈