AE-游戏机滚动抽奖动画图文教程
作者:huke88发布时间:2022年01月17日 08:01

虎课网为您提供影视动画版块下的AE-游戏机滚动抽奖动画图文教程,本篇教程使用软件为AE(CC2020),难度等级为初级练习,下面开始学习这节课的内容吧!



本节课讲解 After Effects(简称AE)软件 - 影视后期 - 游戏机滚动抽奖动画,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复。


学完本课内容后,同学们可以根据下图作业布置,在视频下方提交作业图片,老师会一一解答。


那我们开始今天的教程吧。


1.打开AE软件,【新建合成】游戏机动画,宽度和高度为1920×1080像素,帧速率为25帧/秒,持续时间为5秒,如图所示。


2.【新建-纯色】,颜色为偏蓝色作为背景色,使用【圆角矩形工具】【按住Shift键】绘制正方形,展开此层的【属性】,调整圆度为80做出圆角正方形,如图所示。


3.调整大小为600,600,在【对齐】中将它【水平居中对齐】和【垂直居中对齐】,【重命名】此形状图层为电视,使用【锚点工具】将它的锚点移至中心,如图所示。


4.【保存 快捷键:Ctrl+S】防止项目丢失,使用【圆角矩形工具】在电视上方绘制矩形,修改填充颜色为较淡的蓝色,使用【选择工具】调整其位置大小,如图所示。


5.【重命名】此形状图层为屏幕,然后继续使用【圆角矩形工具】在屏幕上绘制矩形,修改填充颜色为白色,同样使用【选择工具】调整其位置大小,然后【复制层 快捷键:Ctrl+D】并右移,做出三个白色矩形,将它们【重命名】为白底,如图所示。


6.继续使用【圆角矩形工具】或【椭圆工具】绘制形状,相同方法调整,做出电视上的装饰图案,然后使用【椭圆工具】在电视右侧绘制圆形,【重命名】为摇杆,将此层移至纯色层上方,如图所示。


7.使用【钢笔工具】绘制摇杆的路径,取消填充并设置同色的描边,描边大小为20像素,做出摇杆,如图所示。


8.使用【椭圆工具】绘制小圆,设置橙色填充并取消描边,调整位置大小,放在摇杆上,将形状1移至底层,如图所示。


9.使用【椭圆工具】绘制大的椭圆,设置填充为相同的蓝色,降低【不透明度 快捷键:T】至15%,调整其位置,做出游戏机的阴影,【重命名】此形状图层为阴影,如图所示。


10.对装饰用的形状图层【预合成】,命名为装饰,完成形状的绘制,接下来制作动画,将图片素材拖入项目面板,全部移入至合成的顶部,然后调整它们的位置大小,移至白色圆角矩形上,调整【位置 快捷键:P】将其向上或向下移,如图所示。


11.为图片素材添加【效果和预设-颜色键】,使用主色的吸管吸取图片素材的白色去除白色背景,如图所示。


12.【复制】,【颜色键】并【粘贴】给其他的图片层,去除它们的白色背景,然后选中所有图片层,在【对齐】中点击【垂直均匀分布】,将它们均匀排列,如图所示。


13.发现仙人掌图案被误删了白色花盆部分,可使用【钢笔工具】绘制蒙版选区选中仙人掌部分,隐藏其他部分,如图所示。


14.再次将所有图片层【垂直均匀分布】,微调仙人掌的位置,然后将这些图片层【预合成】命名为图片,然后为它们制作滚动效果,为图片层添加【动态拼贴】效果,打上【拼贴中心】关键帧,调整参数做出图案不断下移的效果,注意确保图案在白色矩形的中央,如图所示。


15.选中这两个【拼贴中心】关键帧,设置【缓动 快捷键:F9】,打开【图表编辑器】,调整曲线做出图案滚动先快后慢的效果,如图所示。


16.【复制层】图片层,【重命名】为图片2,将它移至右侧的白色矩形上,【显示关键帧 快捷键:U】,将它的第二个【拼贴中心】关键帧移至后方,使其滚动停止得迟一些,如图所示。


17.相同方法制作第三列滚动图案,完成后打开这三个图片层的【动态模糊】,让它们滑动时有模糊效果,如图所示。


18.找到各列图案对应的白底,将图片层拖至对应的白底层下方,设置图片层【轨道遮罩-Alpha遮罩】,然后【复制层】白底层并移至此图片层下方,显示这个白底层,使图案仅在白色矩形区域内显示,如图所示。


19.相同方法处理其他两个图片层和对应的白底层,最后制作摇杆效果,展开摇杆层的【属性-椭圆2-同样路径1】,打上【位置】关键帧,调整位置做出其上移的效果,如图所示。


20.展开【形状1-路径1】,打上【路径】关键帧,调整路径做出其随着摇杆变形的效果,即做出摇杆摇动的效果,如图所示。


21.【显示关键帧】摇杆层的关键帧,分别【复制】并【粘贴】【位置】和【路径】关键帧至后方,为所有关键帧设置【缓动】,打开【图表编辑器】,调整曲线做出图案滚动先慢后快、先快后慢的效果,如图所示。


22.将音效素材拖入至合成的底部,展开它的【属性-音频-波形】,调整音效的位置,使音效在动画开始就播放,即可完成制作,如图所示。


23.回顾本节课所讲解到的内容,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复。


24.最终效果如图所示,视频学百遍,不如上手练一练!你学会了吗?


以上就是AE-游戏机滚动抽奖动画图文教程的全部内容了,你也可以点击下方的视频教程链接查看本节课的视频教程内容,虎课网每天可以免费学一课,千万不要错过哦!


点击观看视频教程
AE-游戏机滚动抽奖动画
初级练习9451人已学视频时长:22:39
立即学习
特别声明:以上文章内容仅代表作者huke88本人观点,不代表虎课网观点或立场。如有关于作品内容、版权或其它问题请与虎课网联系。
500+精品图书
20G学习素材
10000+实用笔刷
持续更新设计模板
立即领取

下载虎课APP

随时随地学技能
APP更方便
每天免费学课程
下载虎课网APP
随时随地学海量会员教程
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习90000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了23,727
并提交了249份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 90000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证