- 中文版After Effects CC 2020完全自学一本通
- 李晓斌编著
- 1796字
- 2021-07-23 17:40:28
3.5 制作元素入场动画
上一节介绍了图层中的5种基础变换属性,通过这5种基础变换属性能够制作出元素的基础变换效果,将这5种基础变换属性结合使用,可以使动画的表现效果更加丰富。本节将通过一个元素入场动画的制作,使读者掌握图层的这5种基础变换属性的使用方法。
应用案例 制作元素入场动画
源文件:源文件\第3章\3-5.aep 视频:光盘\视频\第3章\3-5.mp4
STEP 01 在After Effects中新建一个空白的项目,执行“文件>导入>文件”命令,在弹出的“导入文件”对话框中选择“源文件\第3章\素材\3501.psd”,如图3-101所示。单击“导入”按钮,弹出设置对话框,参数设置如图3-102所示。
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-84-1.jpg?sign=1739036699-N6400CZB7qrTZ5zlggRoWtHBRCZQ3sP7-0-f85f72631e671ac390ec260187309134)
图3-101 选择需要导入的素材
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-84-2.jpg?sign=1739036699-P0K0S09SE0qIspg2w8lbyc38qDCZ2eUC-0-74ddace53065a59120896d96fc5689ed)
图3-102 “导入设置”对话框
STEP 02 单击“确定”按钮,导入PSD素材并自动生成合成,如图3-103所示。双击“项目”面板中自动生成的合成,在“合成”窗口中打开该合成,如图3-104所示。
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-84-3.jpg?sign=1739036699-6MzYtaMgliwWPIQ6cY3sQsETrAMmrwTi-0-0a336d5117215c7590d8283f5f196a5e)
图3-103 导入素材文件
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-84-4.jpg?sign=1739036699-8ipA55s8pagWsPzlIyCZvxRJCgAMxGb3-0-d7382c496942247678d7bc7c4e8f0b1a)
图3-104 “合成”窗口
STEP 03 在“时间轴”面板中可以看到该合成中相应的图层,如图3-105所示。将“背景”图层锁定,选择“海底大冒险”图层,展开该图层的“变换”属性,确认“时间指示器”位于0秒位置,在“时间轴”面板中分别单击“缩放”和“不透明度”这两个属性前的“秒表”图标,为这两个属性插入关键帧,如图3-106所示。
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-84-6.jpg?sign=1739036699-pUEhRMrlU7DI3Qx1B4Xq8RRWbnLraHRg-0-8e642d0b9afda15134b863234233fd25)
图3-105 相应的图层
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-84-7.jpg?sign=1739036699-xiQ5ykwNdtOTKHDILiOplaqGhDR4gSaC-0-88c189368702e9b1ac8fac047f40d529)
图3-106 插入“缩放”和“不透明度”属性关键帧
STEP 04 设置“缩放”属性为0%,“不透明度”属性为0%,在“合成”窗口中可以看到该图层中对象的效果,如图3-107所示。将“时间指示器”移至1秒20帧位置,在“时间轴”面板中设置“缩放”属性为110%,“不透明度”属性为100%,效果如图3-108所示。
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-85-1.jpg?sign=1739036699-L5wknPnezLWcAvgqdFFjHvAkgOqGR2LX-0-25402f607fc643780490be99a86a7db5)
图3-107 元素效果
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-85-2.jpg?sign=1739036699-coJOl2MsqXs9uHQgirvHkbwmNDSUjskp-0-f1769a756d18fb465eee3ce5d8967d6b)
图3-108 元素效果
STEP 05 将“时间指示器”移至2秒位置,在“时间轴”面板中设置“缩放”属性为100%,效果如图3-109所示,“时间轴”面板如图3-110所示。
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-85-3.jpg?sign=1739036699-crEwGftxgq38RvhC2Nau8PfR1ZxUzuAh-0-264e31fb6519b93bee5a9c39cabe2b63)
图3-109 元素效果
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-85-4.jpg?sign=1739036699-i9LYaaTS6IjTVXBQRYkrp3My9OM9Mdif-0-0ba8e9d9daa538ad461d66e7e5b6895b)
图3-110 “时间轴”面板
STEP 06 选择“按钮1”图层,将光标移至该图层内容入点位置,当光标呈现左右双向箭头时拖动调整该图层入点位置到2秒,如图3-111所示。确认“时间指示器”位于2秒位置,展开“按钮1”图层的“变换”属性,分别为“旋转”和“不透明度”属性插入关键帧,并设置“不透明度”属性值为0%,如图3-112所示。
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-85-5.jpg?sign=1739036699-Qe8eyV7YPWf40nkZZFjPrZIfB7hFbrQl-0-6c2e1b46316666227bd4f4211de32372)
图3-111 调整图层内容入点位置
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-85-6.jpg?sign=1739036699-fy1hoQAjgXNcxYfn7DpDspo3SR6L91kZ-0-12f2cb37fbac22f2464a41da7fa855bf)
图3-112 插入“旋转”和“不透明度”属性关键帧
STEP 07 在“合成”窗口中可以看到该图层元素的效果,如图3-113所示。将“时间指示器”移至3秒位置,设置“旋转”属性值为1x,“不透明度”为100%,效果如图3-114所示。
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-85-7.jpg?sign=1739036699-ltllHgX4MldSVBixfdJdVxXaW6Vz123T-0-8785683227fbdd6b19c5388b6284cf9c)
图3-113 元素效果
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-85-8.jpg?sign=1739036699-Ya1ZyphCPYTO0TNHrS46abRLv5rBota3-0-cdfce259a5618caa7d5b13504620621f)
图3-114 元素效果
STEP 08 选择“按钮2”图层,将光标移至该图层内容入点位置,拖动调整该图层入点位置到3秒,如图3-115所示。采用与“按钮1”图层相同的制作方法,完成该图层中动画效果的制作,如图3-116所示。
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-86-1.jpg?sign=1739036699-hfljUFnwq0UaVJO8FegpDsTesn1rOFB6-0-5fff1830f8097877d3c14035d90231fb)
图3-115 调整图层内容入点位置
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-86-2.jpg?sign=1739036699-76SqiZYWqKU5Ns96B8u4kYC2W3CjCvIc-0-11bb12bfbbf16269c8f7511b0f6f0a47)
图3-116 “时间轴”面板效果
STEP 09 选择“按钮3”图层,将光标移至该图层内容入点位置,拖动调整该图层入点位置到4秒,如图3-117所示。采用与“按钮1”图层相同的制作方法,完成该图层中动画效果的制作,如图3-118所示。
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-86-3.jpg?sign=1739036699-PVb4FnvyS88Pa5kq1IHzr2x0CzSOOmAN-0-3eae8f225f6e706560c56e8ca1dc8f07)
图3-117 调整图层内容入点位置
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-86-4.jpg?sign=1739036699-lFp2H8uGBPbEliEe3NmksVd8eTrxeR6I-0-460c4417c8922df6e9573474effeaead)
图3-118 “时间轴”面板效果
STEP 10 将“时间指示器”移至5秒位置,选择“潜艇”图层,分别为“缩放”和“位置”属性插入关键帧,如图3-119所示。将“时间指示器”移至3秒位置,设置“缩放”属性值为50%,在“合成”窗口中将该图层元素移至合适的位置,如图3-120所示。
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-86-5.jpg?sign=1739036699-ERqfMM5p6YkJRIuT5xXA0qAceSNbmEyl-0-e495278bd112787bd8f908d4a820cdbe)
图3-119 插入“位置”和“缩放”属性关键帧
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-86-6.jpg?sign=1739036699-I0KehipH8JViLVrOKdydFIEwLcMbVBHG-0-689f3ab5c2d4c187376d561db3b73f67)
图3-120 调整元素位置
STEP 11 自动在3秒位置添加“位置”和“缩放”属性关键帧,如图3-121所示。将“时间指示器”移至5秒位置,选择“设置按钮”图层,展开该图层下方的“变换”选项,为“缩放”和“不透明度”属性插入关键帧,如图3-122所示。
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-86-7.jpg?sign=1739036699-TOiRDtPwhWgiv1GQsuLgWG0wPJgvGwW4-0-79925beb2d3160d54bc6853497dcc34a)
图3-121 自动添加属性关键帧
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-86-8.jpg?sign=1739036699-GbXYKUeeGvQOpT68Nvevde14arFp9mhw-0-3b75f5a276747cb96c483ea45e7e994d)
图3-122 插入“缩放”和“不透明度”属性关键帧
STEP 12 设置“缩放”属性值为0%,“不透明度”属性值为0%,效果如图3-123所示。将“时间指示器”移至6秒位置,设置“缩放”属性值为100%,“不透明度”属性值为100%,自动添加相关属性关键帧,如图3-124所示。
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-87-1.jpg?sign=1739036699-rwIg8AV6yc65WpnY6yEkOpetACmvYDzK-0-5c776f1275830af04a612803bb84d5bd)
图3-123 元素效果
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-87-2.jpg?sign=1739036699-PT8ZXGR6GGrsANB4DYgv2Bl63nftmJ8n-0-1a36e45ff75f896ec86775869360ed89)
图3-124 自动添加属性关键帧
STEP 13 采用与“设置按钮”图层相同的制作方法,完成“帮助按钮”图层中动画效果的制作,“时间轴”面板如图3-125所示。在“项目”面板中的3501合成上单击鼠标右键,在弹出的快捷菜单中选择“合成设置”命令,在弹出的“合成设置”对话框中设置“持续时间”为8秒,如图3-126所示。单击“确定”按钮,完成“合成设置”对话框的设置。
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-87-3.jpg?sign=1739036699-NJw6lpH0IR345HIbdB5F95tRuOA62sgt-0-d25d768c32224e4ea877cb07a5562956)
图3-125 “时间轴”面板效果
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-87-4.jpg?sign=1739036699-RPjbxC7dNhZ3rhHBvYKyvVA3hl9B1OGj-0-042e6197021855a88c23ef22e186776f)
图3-126 修改“持续时间”选项
完成元素入场动效的制作后,单击“预览”面板中的“播放/停止”按钮,可以在“合成”窗口中预览动画效果,如图3-127所示。
![](https://epubservercos.yuewen.com/FBD34F/20637463701302106/epubprivate/OEBPS/Images/41120-00-87-6.jpg?sign=1739036699-rp08GuewITukOtYduYhOwOXb9CJhGGcq-0-be57f8d11d6deaf37053aa3a8c9ac67e)
图3-127 动画预览效果