
发布时间:2020/05/21 15:01:40
Hype 4.0(Mac系统)是一款专业的HTML5制作软件,可实现优秀的视觉效果,并带来更流畅的动画播放效果。Hype 4对新手用户相当友好,即使大家从未接触过编码式的HTML5制作方法,也可以运用Hype 4的可视化操作功能构建HTML5的动画内容。
另外,Hype 4可定制性的操作界面功能,允许用户自行创建符合自身使用习惯的操作界面,提高了软件使用的灵活性。接下来,本文将详细介绍Hype 4的场景、播放控制、时间线以及元素面板。想要一同进行了解的小伙伴们可以在下载页进行Hype下载安装。
Hype 4的场景面板是用户进行场景管理的功能面板,包含了创建、复制、删除等功能。场景是Hype 4进行HTML5制作的基础,如同演示文稿中的幻灯片一样,为用户提供作品的创作场所。
如图2所示,场景面板的左侧为各个场景的缩略图,而右侧就是用户进行内容制作的地方。用户可为场景导入各种元素,如图片、文字、形状等。
Hype 4的播放控制面板位于场景的下方,用以控制场景内的动画播放。播放控制面板依次包含了转到开头、上一帧、播放/暂停、下一帧、循环播放以及记录六个按钮,用户可通过单击这些按钮来控制动画的预览。
位于播放控制面板右侧的时间刻度,标注的是当前播放动画的时间刻度。用户可自行输入时间刻度,来快速定位动画。
Hype 4的时间线面板,是用于装载动画的重要工具。时间线面板与场景密切相关,是依附于场景而存在的,因此每个场景都会包含一条或多条的时间线。
用户可以为时间线添加操作,如跳转到下一个场景、触发行为等,从而为HTML5的制作添加动画效果。
Hype 4的元素面板展示的是当前场景中所包含的所有元素,这些元素可能是文字、图片、音频、视频等。
单击元素右侧的“眼睛”按钮,可以隐藏或显示当前元素;而单击“眼睛”按钮右侧的“锁”按钮,则可以控制元素编辑的锁定与否。
场景、元素两个面板是Hype 4进行HTML5制作的基础面板,而时间线面板以及播放控制面板能为HTML5的制作增添更多动画的内容。在接下来的Hype用户界面详细解读(下)中小编将为大家介绍其他内容。
如果您还需要其他的功能介绍,或者希望学习其他使用技巧,请访问Hype 4中文网站。
作者:Noel
读者也喜欢这些内容:
怎么在Hype中设置掉落弹起的动画效果
如果使用Hype制作球体掉落弹起的效果,是不是只能通过绘制运动路径的方法?其实,我们有更加便捷的方法,就是在关键帧过渡方式中选择弹起的方式,让元素在开始帧与结束帧之间呈现弹跳的动画。...
阅读全文 >
利用Hype制作汽车驾驶的动态路线图
在一些电视节目里,为了保护隐私,经常会使用动画来展现当前地点与目的地的行走路径,比如图1所示的简单汽车驾驶路径。...
阅读全文 >
应用Hype制作英文字母卡片学习小动画
对于很多小朋友来说,英文的学习会显得枯燥而乏味。但如果是借助一些视觉性的工具,比如学习英文字母用的卡片动画,可提高学习的趣味性,让小朋友更容易接受。...
阅读全文 >
Hype 4多条时间线的轮播图(二) 设置第1张图片
在上一章节中,已经做好了轮播图设置的前期工作,把所有图片放在一个符号里,并且把002至004三张图片移到到符号外。接下来选择符号,在“度量”面板中,“内容概览”选项中选择“隐藏”,把符号外的图片隐藏起来,从而使图片的轮播只出现在显示窗口里。...
阅读全文 >