- After Effects 移动UI动效设计 案例精粹
- 汪兰川 刘春雷
- 854字
- 2020-06-26 10:19:16
案例4 制作光盘装载动态效果
01 打开After Effects,在项目窗口空白处单击右键,导入PSD自制素材图层,导入种类为【合成-保持图层大小】,图层选项为【合并图层样式到素材】,单击【确定】。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0057_0002.jpg?sign=1739694477-PPs15baRo4I4JVPEzDqfxylLR1S2ZGBT-0-24f5e9b120d6fd89dc7781754ecf1a6f)
02 将导入的素材拖曳至After Effects面板下方的项目窗口中,并双击打开素材。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0058_0001.jpg?sign=1739694477-OEMS5kSfMeuaydOMhKch7j1wEMcwx3JH-0-c91d11641db0bff7eccaa5efa2a84413)
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0058_0002.jpg?sign=1739694477-Vu9bZx8QEMJDb5IhDtqbyhyoW6BzCFpl-0-633636d812ccf4c75d482a3fe713c4f2)
03 将【时间指针】调节至零秒零帧处,单击“Dial层”,单击【变换】→【旋转】,单击【旋转】前的【小码表】标志设置关键帧。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0058_0003.jpg?sign=1739694477-RATtSwfffTn5kdks8veQY4tVQ5qV5nbt-0-a5420595a843424d277ec2e239ff943d)
04 将【时间指针】调节至2秒处,此时修改【x数值】为【1】,即旋转一圈,此时箭头就会随着后来的数值变换而旋转,如图所示。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0059_0001.jpg?sign=1739694477-N8DtjVI3myiDZnRpopVT0suOiGt7vuo5-0-377d75232f040fd85afb4cd4726a129a)
05 选中“椭圆1”图层,然后在After Effects右侧【效果和预设】搜索栏里输入关键字【擦除】,下拉双击选择【径向擦除】,此时After Effects面板的左侧会出现径向擦除的效果控件。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0059_0002.jpg?sign=1739694477-bvTDwMLtbHsUlQhy3EFa2PglaM101A66-0-30e4c7b554702b8d51c7a1b77fab3a23)
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0059_0003.jpg?sign=1739694477-prMlDoweKSrY2jtHxbLUeeh15SWsS2EH-0-0106a0e89b789306d31c27e2afae4771)
06 将【时间指针】调节至零秒零帧处,单击After Effects面板左上方中的效果控件中的【过渡完成】前的【小码表】标志,设置关键帧,此时【过渡完成】前的数值为【0】。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0060_0001.jpg?sign=1739694477-hNWCU8KIfx1MOycN7T4gQXcSwTF0rCNc-0-3f2508f0dd2f8f17cf14d8c1b0b96976)
07 将【时间指针】调节至2秒处,将【过渡完成】前的数值改为【100】,并将“素材之家”这一层拖动至“椭圆1”层之上,让黑色覆盖在蓝色之上。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0060_0002.jpg?sign=1739694477-smFYxCEVgNoNhuuNMioMmOwykdYg4Ubc-0-2c21179d0bba0e44031d72be59d9ce94)
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0060_0003.jpg?sign=1739694477-PUyB6Z8L9AQteSyWh3ARcen67DzjsFXa-0-64dc15382dd8cbfee88e2a14ea342ffb)
08 按快捷键【Ctrl+Y】新建纯色面板,并单击【确定】。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0061_0001.jpg?sign=1739694477-3EzjNtZN14sLAiZkSfG7blej8HEi3SoD-0-9661819101d346549295c4b3fb01a8ea)
09 选中新建的“纯色图层”,在After Effects面板右上方的【预设和效果】里的搜索框中搜索【编号】,双击选择【编号】。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0061_0002.jpg?sign=1739694477-3hZtVgnLcnLrcLk1dzLLGhZ0UwgyDTyb-0-b563584cbbd22a3d2f81dc27fd3ec23d)
10 在左侧的编号效果控件中,将【小数位数】改为【0】,将【时间指针】调整到零秒零帧处,单击【数值/位移/随机】前的【小码表】标志设置关键帧,并将数值调整为【0】。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0062_0001.jpg?sign=1739694477-RBSMO1IE7hZc2sCxL9OqPGdOPhbSjVxJ-0-c031156c35a4ef151d45e4541b1b7c8c)
11 将【时间指针】拖动至2秒处,将【数值/位移/随机】改为【100】,之后可以根据需要更改【位置】后边的数值调节数字的位置,更改【大小】的数值可调节数字大小。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0062_0002.jpg?sign=1739694477-26sDtpvbZwfDx7VFVRJyqxH5wPvbrtvJ-0-4778c5c01994ecc2b5ef03b9787076d9)
12 在右侧【预设和效果】的搜索框中输入【阴影】,选择【径向阴影】,在左侧的效果控件中可以调节阴影与文本之间的【距离】以及阴影的【不透明度】和【感光度】。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0063_0001.jpg?sign=1739694477-0VDKm3mQ8rXP6Df9IA3LNxpXBQjn308d-0-8ddaeb4064e85af90f97b1b1f9ce3a96)
13 选择【文本工具】,在空白处输入“%”,将其位置调到适当位置即可。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0063_0002.jpg?sign=1739694477-7DYDmvNlLDuKseHBWtFT5yGvp307A5ey-0-beb6b43f89d1e35ef333503eb99b5912)
14 选择“浅灰色…”那一层,选中【效果控件】中的【径向阴影】并按快捷键【Ctrl+C】复制,打开“%”层,按快捷键【Ctrl+V】粘贴,使百分号和文本具有一样的阴影效果。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0063_0003.jpg?sign=1739694477-Xsra4UkAPvFyySDbkUcAS7twuIOZcpSW-0-4d09c372a9c5ea3157c67f637f170f15)