Hype中文官网 > 使用技巧 > 实例：用Hype制作飞机飞行效果（下）

实例：用Hype制作飞机飞行效果（下）

发布时间：2020/06/12 11:43:28

在之前的文章中，给大家带来了素材准备的相关教程，接下来小编就给大家介绍一下，该如何实现飞机飞行的动画效果。

如果想要了解上一篇教程，请点击查看：实例：用Hype制作飞机飞行效果（上）。

动画效果实现的教程如下：

在Hype界面的上方有个缩放按钮，可以将场景画布进行缩放，这里我们可以选择75%的缩放比例。

缩放
图1：缩放

将飞机和白云素材拖移至场景画布外，我们先将这两个素材都进行缩小处理，只要选中该元素，然后按住command键选中一个小圆点向图像中心拖动即可进行同比例缩小。

将素材移至画布外
图2：将素材移至画布外

将时间线通过拖移游标的方式拖至2秒钟处 ，或者我们可以直接在时间框内进行对应数字的修改操作，在选中飞机素材的前提下点击“记录“按钮。

记录
图3：记录

将飞机拖移至如下图所示位置，然后单击行动轨迹，我们可以在此轨迹上添加锚点，拖动锚点修改运动路径，这里可以一边修改一边查看效果，调整到自己满意的位置即可，设置完成之后再次点击“记录“按钮结束关键帧的录制。

修改运动路径
图4：修改运动路径

接下来我们处理白云素材，将白云移到画布中，然后在复制出一个新的白云出来放在远处。

复制白云素材
图5：复制白云素材

一般，我们看远处的东西都会比较小一点和模糊一点，这里我们也将后面的白云进行缩小和模糊处理，选中该元素，在元素检查器中找到滤镜效果，将其中的模糊度进行相应修改即可。

模糊度
图6：模糊度

如果你觉得面的云朵也需要这样的处理，进行同样的操作就可以了。

接下来将两个云朵也进行动画效果处理，方法可以参考飞机部分的操作，我们可以边处理边看效果，以便进行调整。

云朵进行动画处理
图7：云朵进行动画处理

处理完成之后，我们可以在览器中进行查看，如果觉得没问题，那么按照自己需要的格式进行导出就可以了，这样就可以和你的朋友们分享自己的小作品了。

导出为影片
图8：导出为影片

以上就是使用Hype制作的飞机飞行效果的全部教程了，如果想要了解更多关于这款动效软件的使用方法，欢迎大家关注Hype中文网站的教程页面。

作者：Shirley

标签：
新手入门 常见问题 使用技巧
Hype中文版
创建漂亮的HTML5网页内容
立即购买
QQ 群
官方交流群：1046763737 立即加群
kefu@makeding.com
下载试用
热门文章
盘点那些简单易用的H5动画制作软件
现在的生活中很多方面都要用到H5动画，比如公众号的推文、电子婚礼请帖、活动邀请函等等，H5动画在我们的生活中扮演着越来越重要的角色，会做H5动画和也成为了工作技能的加分项，那么简单易用的H5动画制作软件又有哪些呢？下面我们一起来盘点两款较为常用的H5制作软件吧。
2021-01-20
基础教程：Hype 4工作流程（一）
本章节通过一个简单的案例，完整讲述Hype 4的基础操作，让小伙伴了解怎么样使用Hype 4交互动效制作软件设计一个动效。
2020-11-09
Hype 如何进行安装与激活
本篇将为各位小伙伴们集中介绍一下H5制作软件Hype的安装与激活教程。
2020-12-24
基础教程：Hype 4软件界面介绍
Hype是一款基于MacOS系统的交互动效制作软件，延续了苹果软件的简洁风格，与Keynote软件的界面基本一致。
2020-07-23
H5制作软件Hype导出功能详解
Hype是一款Mac端网页制作工具，它可以通过时间线录制功能制作各种各样的网页炫酷动画效果，同时也支持使用物理引擎制作动画。当然，它的强大不仅仅体现于动画制作方面，它的导出功能同样也是功能齐全，下面小编就通过使用Hype 4版本，为大家详细介绍下这款H5制作软件的导出功能。
2020-06-05
这个好用的H5动画制作软件，你知道吗?
什么是H5动画？H5动画是指以网页和动画的形式，通过动画，达成与观看者、使用者之间的动态交互，减少静态死板的场景，以提升使用者的使用体验，一个好的H5动画，对于提升网页的整体效果有显著作用。
2021-07-05
盘点那些简单易用的H5动画制作软件
现在的生活中很多方面都要用到H5动画，比如公众号的推文、电子婚礼请帖、活动邀请函等等，H5动画在我们的生活中扮演着越来越重要的角色，会做H5动画和也成为了工作技能的加分项，那么简单易用的H5动画制作软件又有哪些呢？下面我们一起来盘点两款较为常用的H5制作软件吧。
2021-01-20
基础教程：Hype 4工作流程（一）
本章节通过一个简单的案例，完整讲述Hype 4的基础操作，让小伙伴了解怎么样使用Hype 4交互动效制作软件设计一个动效。
2020-11-09
Hype 如何进行安装与激活
本篇将为各位小伙伴们集中介绍一下H5制作软件Hype的安装与激活教程。
2020-12-24
基础教程：Hype 4软件界面介绍
Hype是一款基于MacOS系统的交互动效制作软件，延续了苹果软件的简洁风格，与Keynote软件的界面基本一致。
2020-07-23
H5制作软件Hype导出功能详解
Hype是一款Mac端网页制作工具，它可以通过时间线录制功能制作各种各样的网页炫酷动画效果，同时也支持使用物理引擎制作动画。当然，它的强大不仅仅体现于动画制作方面，它的导出功能同样也是功能齐全，下面小编就通过使用Hype 4版本，为大家详细介绍下这款H5制作软件的导出功能。
2020-06-05
这个好用的H5动画制作软件，你知道吗?
什么是H5动画？H5动画是指以网页和动画的形式，通过动画，达成与观看者、使用者之间的动态交互，减少静态死板的场景，以提升使用者的使用体验，一个好的H5动画，对于提升网页的整体效果有显著作用。
2021-07-05
最新文章
怎么在Hype中设置掉落弹起的动画效果
如果使用Hype制作球体掉落弹起的效果，是不是只能通过绘制运动路径的方法？其实，我们有更加便捷的方法，就是在关键帧过渡方式中选择弹起的方式，让元素在开始帧与结束帧之间呈现弹跳的动画。
2022-03-30
如何在Hype制作3秒后出现下一步的页面（场景设置）
为了让浏览者在阅读页面内容时，花费足够的时间阅读，减少因阅读过快造成信息遗漏，一些页面会设置倒计时按钮。浏览者需要在倒计时完成后，才能看到“下一步”、“下一页”等切换页面的按钮。
2022-03-16
利用Hype制作汽车驾驶的动态路线图
在一些电视节目里，为了保护隐私，经常会使用动画来展现当前地点与目的地的行走路径，比如图1所示的简单汽车驾驶路径。
2021-12-18
利用Hype制作鼠标移至切换图片的效果（场景设置）
在一些图库网站里，我们经常会使用到滑动切换图片的功能。该功能可帮助我们快速地浏览图库中的图片，避免进行繁琐的打开、关闭图片的操作。
2021-12-04
利用Hype制作鼠标移至切换图片的效果（鼠标移至动作）
在《利用Hype制作鼠标移至切换图片的效果（场景设置）》中，我们已经详细讲解了切换按钮的制作，以及图片的排版方式。
2021-11-27
如何在Hype制作3秒后出现下一步的页面（动画制作）
在《如何在Hype制作3秒后出现下一步的页面（场景设置）》一文中，我们已经详细讲解了倒计时按钮的制作以及下一步触发动作的设置。
2021-11-21

微信公众号

欢迎加入 Hype 产品的大家庭，立即扫码关注，获取更多软件动态和资源福利。

读者也喜欢这些内容: