![After Effects 移动UI动效设计 案例精粹](https://wfqqreader-1252317822.image.myqcloud.com/cover/597/22691597/b_22691597.jpg)
案例4 制作光盘装载动态效果
01 打开After Effects,在项目窗口空白处单击右键,导入PSD自制素材图层,导入种类为【合成-保持图层大小】,图层选项为【合并图层样式到素材】,单击【确定】。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0057_0002.jpg?sign=1739254375-Qlla13HeJKOCtrEFvQmMwgxCTtBcRTTI-0-98010254cc7554fcf2fe56d56818e078)
02 将导入的素材拖曳至After Effects面板下方的项目窗口中,并双击打开素材。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0058_0001.jpg?sign=1739254375-FSlkClC4I4qk67a12o7pWy0emAvq2the-0-e5f26e4e640fc8e77ad8ac426768c17f)
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0058_0002.jpg?sign=1739254375-0uOquBEL9qsbl0hA3XCPAhdPOYZfq7HF-0-f8d48d8575d23a86f403e5ed5cf4b888)
03 将【时间指针】调节至零秒零帧处,单击“Dial层”,单击【变换】→【旋转】,单击【旋转】前的【小码表】标志设置关键帧。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0058_0003.jpg?sign=1739254375-Tg7oBo4qfQVUruiOX2CezwDKf9Ky9KH6-0-0b732ad5fe581480183bc84cc8f2fa55)
04 将【时间指针】调节至2秒处,此时修改【x数值】为【1】,即旋转一圈,此时箭头就会随着后来的数值变换而旋转,如图所示。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0059_0001.jpg?sign=1739254375-w3EO0NuT6cstMaYetUxwZQm1LluXUPN0-0-40af04bcbf69d74c6d6ad53300c735fd)
05 选中“椭圆1”图层,然后在After Effects右侧【效果和预设】搜索栏里输入关键字【擦除】,下拉双击选择【径向擦除】,此时After Effects面板的左侧会出现径向擦除的效果控件。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0059_0002.jpg?sign=1739254375-mp5bCUWcxHwnDuEfBkDR7lPO1ax8i9ej-0-629b676d48c0aa53ecbe7ed78af81bb5)
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0059_0003.jpg?sign=1739254375-vIuKZT7cdRlePh1e6obXuiQEXvtVcEQG-0-bedfc19f1bf76c3aff264161cafbc817)
06 将【时间指针】调节至零秒零帧处,单击After Effects面板左上方中的效果控件中的【过渡完成】前的【小码表】标志,设置关键帧,此时【过渡完成】前的数值为【0】。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0060_0001.jpg?sign=1739254375-5J6u0aUULVcObHrDFGzntj4Zk4g7elF5-0-4f78fec3860c44527d5ab6fc96d46055)
07 将【时间指针】调节至2秒处,将【过渡完成】前的数值改为【100】,并将“素材之家”这一层拖动至“椭圆1”层之上,让黑色覆盖在蓝色之上。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0060_0002.jpg?sign=1739254375-WE9NHpUqwAq2OTDqb6cUv3LK2Q4kDaQR-0-412f463740b18ce7b1667306bfcd0203)
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0060_0003.jpg?sign=1739254375-cap8JDIdudPKdKiJnG8K7W4kzZX2x52C-0-e11930439774afb700d6936cd9ed45fa)
08 按快捷键【Ctrl+Y】新建纯色面板,并单击【确定】。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0061_0001.jpg?sign=1739254375-cAqI3iTnAToftOetWgEHZxxmuNnDAFt6-0-dde15f71ca49a38285f9db30c9a00325)
09 选中新建的“纯色图层”,在After Effects面板右上方的【预设和效果】里的搜索框中搜索【编号】,双击选择【编号】。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0061_0002.jpg?sign=1739254375-UTm60OnLJwUvtWG9CIrcfPbSSXuoV8Zm-0-f9cf43b235d99c64fd3e59c2d0d71034)
10 在左侧的编号效果控件中,将【小数位数】改为【0】,将【时间指针】调整到零秒零帧处,单击【数值/位移/随机】前的【小码表】标志设置关键帧,并将数值调整为【0】。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0062_0001.jpg?sign=1739254375-HhhtILjwdES5RNGZRa1RVuZoCLgz74sN-0-f1e11a93735f1d3af605b0bc0bf31047)
11 将【时间指针】拖动至2秒处,将【数值/位移/随机】改为【100】,之后可以根据需要更改【位置】后边的数值调节数字的位置,更改【大小】的数值可调节数字大小。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0062_0002.jpg?sign=1739254375-FQq7MLRuMiFpdnGCHIjJ4XP39n8VPCf3-0-d67aeb82796a7cd0996184a0cd7a5035)
12 在右侧【预设和效果】的搜索框中输入【阴影】,选择【径向阴影】,在左侧的效果控件中可以调节阴影与文本之间的【距离】以及阴影的【不透明度】和【感光度】。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0063_0001.jpg?sign=1739254375-gIfTZS3pOFwPqQEtx7vdwGFJV7enQN5Q-0-127c5422c0c8241675503883cc5c3e67)
13 选择【文本工具】,在空白处输入“%”,将其位置调到适当位置即可。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0063_0002.jpg?sign=1739254375-9Zeu4R0fNZz4E4QcIZc5iFDQibvXIWnJ-0-72e7b4c4bc4950288dc3da33d5174cac)
14 选择“浅灰色…”那一层,选中【效果控件】中的【径向阴影】并按快捷键【Ctrl+C】复制,打开“%”层,按快捷键【Ctrl+V】粘贴,使百分号和文本具有一样的阴影效果。
![](https://epubservercos.yuewen.com/A28FB4/11261877703072306/epubprivate/OEBPS/Images/figure_0063_0003.jpg?sign=1739254375-5BWrOvZggQVvFog8vgSHNgGHSka6giad-0-69560e821926b6dbe28a97d8ba1f0cb5)