在传统的网页设计制作过程中,常常使用Flash来表现网页中的动画效果,Flash动画很长一段时间在网页设计制作中占据着非常重要的地位。在浏览器中浏览Flash动画必须依赖浏览器的Flash Player插件,虽然目前许多浏览器都预装了Flash Player插件,但是许多移动平台并不支持Flash Player插件,更重要的是Adobe公司已经终止了安卓系统Flash Player客户端的开发,这就导致Flash动画在移动平台上的发展受到限制。
在各方抵制基于移动平台的Flash内容的压力下,HTML5以其标准化和优异特性脱颖而出,成为众多UI设计者的选择。于是,Adobe公司开发并推出了HTML5的可视化开发制作软件——Edge Animate。
虽然HTML5成为了设计师未来的选择,HTML5中众多的标签也支持了动画,但是使用HTML5制作出类似于Flash那样的动画效果,对于设计开发人员的要求非常高并且需要花费大量的精力,这个时候,Adobe公司推出了Edge Animate可视化HTML5动画制作软件。Edge Animate主要的功能是通过HTML5、CSS3、JavaScript和jQuery制作跨平台、跨浏览器的网页动画,其生成的是HTML5网页,可以方便的通过互联网传输,最重要的是可以更好的兼容移动互联网。
[第14课] 制作图像淡入淡出动画
淡入淡出动画是网站中非常常见的一种图片过渡动画效果,使用Edge Animate中的“不透明度”选项能够轻松的制作出淡入淡出的动画效果。
763
人气 /0
评论6分31秒[第15课] 在动画中添加文字
文字是传递信息的重要手段,也是必不可少的一部分,动画不能直接的表达出需要的意思,需要文字来加以解释,明确主题。随着时间的发展,动画和文字已经成为一体。
834
人气 /0
评论5分30秒[第16课] 制作网站静态广告
在网页动画中常常会使用一些特殊的字体,在Edge Animate中预设的字体往往并不能满足用户的需要,不过在Edge Animate中可以添加多种Edge Web字体,从而使动画中的字体应用更加丰富。
785
人气 /0
评论4分56秒[第18课] 制作阴影文字动画
添加阴影效果是一种使文字看起来更加具有层次感和空间感的有效方法,在添加阴影的同时用户还可以对阴影的位置,颜色和清晰度等进行相应的设置,达到需要的效果
753
人气 /0
评论7分37秒[第19课] 制作文字弹跳动画
静态的文本加上缓动效果会让整个文本具有很强的动感,吸引眼球,用户可以自己根据运动规律,运用添加关键帧的方式,进行弹跳效果的制作,也可以直接使用Edge Animate CC软件中自带缓动效果来制作文字弹跳效果
768
人气 /0
评论5分06秒[第23课] 制作纸飞机飞行动画
时间轴中的动画效果都是直线运动的,当然在Edge Animate中可以改变动画的运动轨迹,使其产生曲线运动,类似于Flash中的运动引导线动画。