北联网教程:是一个免费提供流行视频软件教程、在线学习分享的学习平台!
优惠券免费领
淘宝
女装
男装
内衣
人气榜
数码

Fireworks页面设计综合案例7

时间:2019-11-23作者:未知来源:北联网教程人气:

软件安装:装机软件必备包             

图形(Graph)和图像(Image)都是多媒体系统中的可视元素,虽然它们很难区分,但确实不是一回事。图形是矢量图(Vector Drawn),它是根据几何特性来绘制的。图形的元素是一些点、直线、弧线等。图像是位图(Bitmap),它所包含的信息是用像素来度量的。
十一、 创建变形动画 

    给一个网站添加动画对于访问者的时间和金钱都是一个不小的花销,因此在添加您的动画前,一定要先考虑好如下问题:动画能否增进您的信息传达力度,访问者下载和播放动画是否迅速、方便,是否有足够的组成动画的内容和资源。尽管网络动画及其传递方式正在不断的发生改变,但传统的GIF动画依然有着不可忽视的优势,我们在这里介绍一下创建GIF动画的两种途径。 

1、 在层面板新建一个Logo层,将其置于Web Layer层下方。 
2、 我们需要将背景层修改为一个共享图层,打开层面板,切换到背景层,在弹出菜单中选择Share This Layer,将背景层共享,此层上的内容将在所有帧都可见,此层的后面将出现一个共享图标,如下图:


3、 切换到Logo层,在文档的右上角创建www.karsong.com文字。 
4、 按F8将其转换为图形符号Graphic Symbol。 
5、 打开Effect面板,对此符号的实例添加红色Glow效果,如下图所示:


6、 选中此实例,在右键弹出菜单中执行Edit>Clone,复制出一个新的实例,并且带有相同的Glow特效。 
7、 在Effect面板修改第二个实例的特效,将其改为黄色,并改变Glow的范围和大小,如下图:


8、 选择这两个实例,在右键弹出菜单中执行Symbols>Tween Instances创建变形动画,设定插入帧数为6帧,并勾选Distribute to Frames分布到帧,如下图所示:


9、 打开Web Layer图层的显示,在此动画位置创建一个切片。 
10、 打开Optimize优化面板,设定此切片的类型为Animated GIF,并设定颜色数为32色,如下图所示:


11、 此动画完成,您可以打开帧面板设定动画帧之间显示的时间。 

十二、 创建实时动画Live Aniamation 

Fireworks4新增了一种实时动画创作方式,这种方式可以快速的创建一个动画符号,生成的动画具有即时编辑性能,及您可以在任意时间修改形成动画的各种元素属性。 

1、 在文档左上角新增一个切片,点击工具面板最下方的 按钮关闭切片显示[点击旁边的 按钮可以打开切片显示]。 
2、 在层面板中切换到Logo层,在刚才的左上角位置处输入文字“Karsong”。 
3、 选择此文字对象,按F8快捷键将其转换为一个动画符号,将其命名为“Animate Logo”,符号类型为“Animation”,如下图所示:


4、 在弹出的设置窗口中设置插入帧数为8,并进行如下设置:


5、 拖动生成的动画符号中心的小红点,将其向右拖动到适当位置,注意不要将其拖出刚才创建的切片范围之外。


6、 打开优化面板Optimize设定此切片的类型为“Animated GIF”,颜色数为32,如下图所示:



矢量图常用于框架结构的图形处理,应用非常广泛。图形是人们根据客观事物制作生成的,它不是客观存在的;图像是可以直接通过照相、扫描、摄像得到,也可以通过绘制得到。




软件推荐:      

最新版腾讯视频下载 最新版暴风影音下载 最新版爱奇艺视频下载 最新版QQ音乐下载 最新版酷狗音乐下载 最新版PPTV网络电视下载 最新版酷我音乐下载

关键词:Fireworks页面设计综合案例7


软件合集下载 更多
2345一键安装合集标准版下载(软件大全) 2345一键安装合集标准版下载(软件大全)
360一键装机集合包免费下载 360一键装机集合包免费下载(纯净绿色)
腾讯精品装机软件合 腾讯精品装机软件合集包(官方安装包)
谷歌浏览器电脑最新版本下载设计简洁 谷歌浏览器电脑最新版本下载(设计简洁)
UC浏览器电脑最新官方版下载 UC浏览器电脑最新官方版下载
悟空苹果助手(免费安装苹果应用) 悟空苹果助手(免费安装苹果应用)

支付宝领红包活动


Copyright © 2012-2018 北联网教程(http://www.wz300.com) .All Rights Reserved 网站地图 友情链接

免责声明:本站资源均来自互联网收集 如有侵犯到您利益的地方请及时联系管理删除,敬请见谅!

QQ:1006262270   邮箱:kfyvi376850063@126.com   手机版