Gif 动画软件比较(2)
2008-04-11 12:46:11来源:互联网 阅读 ()
在每一个帧的下方,都显示着一个数字标记,这是表示在动画完成之后,本帧所代表的画面将迟延几秒。当然,数字越大,表示该画面停留的时间就越长,一般将重要的页面设置比较大的数值,便于引起别人的注意,一些效果过渡的画面可以取较小的值,这样可以增加动感效果。在设置完成以后,可以点击该面板下的播放按钮来对动画进行预览,通过预览,可以发现你不满意的地方,这样再修改,直到你满意为止。
作为在网页上使用的动画,在文件输出前对其进行优化处理是必不可少的,ImageReady在这方面也提供了比较出色的支持。Optimize面板可以让你对你的作品进行压缩优化设置设置,可以将动画输出格式设置为gif格式,尽量减少颜色数量可以很大程度上的减小生成的文件大小。 在完成所有设置后,记得保存好PSD格式的文件,便于以后必要的时候进行改动(其实这点是需要养成的好习惯)。到了最后时刻了,打开File菜单,选择SaveOptimized将文件保存成gif格式的动画文件。
如果你是一个PS高手的话,相信可以利用ImageReady制作出更经典gif动画。
Fireworks4.0是Macromedia公司推出的一款编辑矢量和位图的综合工具。与Dreamweaver和Flash合为网页制作三剑客。在Fireworks中,您可以创建动画广告条,动画标志,动画卡通等多种类型的动画图像.和其他一些动画编辑软件差不多,它是通过动画符号(symbol)在不同影格的不同设置,造成我们视觉上的变化。当影像随着影格播放,就形成了动画.因为该软件制作动画随意性比较大,所以下面用具体的步骤来说明。
1. 步骤一:新建一个文件,定义好长和宽,导入所需图片。
2. 步骤二:选中图片,选择modify菜单Animate->Animated selection,进入动画参数设置。
3. 步骤三:在frame 框中输入10,说明这个动画将由10个帧组成,帧数越多,动画越细腻,但是会加大文件大小。
4. 步骤四:在move框中输入200,这是设定移动的距离像素。
5. 步骤五:在direction中输入45,设定移动的角度,你可以点击工作区上的symbol,用鼠标拖动路径上的第一帧(绿色的点)和最后一帧(红色的点),来改变它们的位置。也可以拖动中间的帧(蓝色的点),改变整条路径(w)。
6. 步骤六:单击ok,Fireworks 将会问你是否添加新的frame(帧)。单击ok,将会自动添加新的帧,步骤同上。
现在图中的矩形上的右下角就会加上一个小小的箭头,表示这是一个动画符号(animation symbol),一条线表示这个符号的移动路径,线上的每一个点表示一帧。用鼠标拖动路径上的第一帧(绿色的点)和最后一帧(红色的点),来改变它们的位置。也可以拖动中间的帧(蓝色的点),改变整条路径。
你可以直接在工作区内预览这个动画。点击画布下方的播放/停止按钮,就可以播放动画。在frames面板上你可以看到每一帧的动画(如果frames面板不可见,选择window -> frames。)。
要在浏览器中看到这个动画,就必须输出成gif动画格式或swf格式。
1) 打开optimize(优化)面板。
2) 选择输出格式设为animated gif(必须的)。
3) 单击菜单上file -> export命令。
4) 保存类型选择 html and images就可以输出一个html文件。
Fireworks对创建的任何对象或导入的对象都可以作为动画符号。每一个符号都有自己独立的属性。所以你可以针对不同的对象创建不同的动画形式,例如移动,淡入淡出等。
利用Fireworks你的创作可以更自由,更有创意。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:文明的碎片-通道在风中扩散
下一篇:用PS滤镜制作透明玻璃酒杯
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash
