动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
   网页设计 → 阅读文章

 Ulead SmartSaver Pro 3.0秘籍点点通(七)

作者来源: 
阅读 数 417 人次 , 2006-4-18 2:50:00 

3.WEB动画控制

  到这里,我们已经初步见识了Ulead SmartSaver Pro 3.0的图像处理功能,以上都是局限于静态的图像处理(还不能称的上强大的Web图像处理功能啊,呵呵),可是,当您看到它在动态图像的处理上的美妙功能, 我保证您一定会对Ulead SmartSaver Pro 3.0赞不绝口的。

  举例来说,刚才我们是用不动的JPEG格式的图片来替换单元格中的图像,那么可不可以用动画来换它呢,答案是肯定的,就是:“Yes!Absolutely yes!!”

  可以利用其他的动画制作软件把这三张模特图片制作成Gif动画格式(只是可惜在纸上看不到动的效果,只好听织秋一叶口述来望梅止渴啦),这里我们利用友立的另一款优秀的动画制作软件Gif Animator给每张图片加上从右至左的滚动字幕)。

  运行Gif Animator后,打开其中的一幅图片(图片的格式必须是gif格式,如果不是该格式,还得先在Photoshop里面转化),选择命令“Layer>Add Banner Text>Simple,在弹出的“Add Simple Banner”菜单中设置滚动文字的内容,颜色,滚动形式和有无边框。预览效果如果满意的话,就优化保存这幅Gif图片。用同样的方法给另外两张图片制作滚动字幕。制作好以后,就可以用这三幅图片替换单元格图像了,这样,不但是三个模特亭亭玉立在领奖台上,还配以滚动字幕,效果多么酷。

  在SmartSaver Pro 3.0中不但可以在单元格中插入动画,还可以结合Photoshop的层面制作动画呢,原理就是将 PSD文件的某些层变成动画的帧。这里有必要说说GIf动画的原理。所谓Gif图形文件,也就是一种包含两张以上独立Gif图形文件或FRAME(帧或影格)的文件。每一影格均设定了画面的播放时间和重播次数。控制动画的设置,主要是指定每一个轮回的动画播放时间与回放次数。

  下面我们就来制作一幅露珠滴落在鲜花上的动画,很精彩的噢!

  第一:在photoshop中准备好一幅鲜花图片,并且根据露珠滴落的过程,分别在上面放置七个图层,这七个图层代表了露珠滴落的不同位置。(加上背景层,一共有八层)

Ulead SmartSaver Pro 3.0秘籍点点通(七)

图010:用红线框住的位置放七个图层


  第二:运行 SmartSaver Pro 3.0,执行“文件>打开”命令,在弹出“打开PSD文件”对话框。

  第三:在该对话框中进行设置动画的各项参数,设置好后点击确定按钮。

Ulead SmartSaver Pro 3.0秘籍点点通(七)

图011:设置动画控制参数

1. 在图层下的选框中勾选后,被选中的图层将变成动画的帧。

2. 点击箭头标记将移动图层,即改变动画中各帧的先后顺序。

3. 点击动画按钮将进入动画控制的详细信息对话框。

Ulead SmartSaver Pro 3.0秘籍点点通(七)

图0012:动画控制选项

4. 在循环后的选项中设置循环的次数。

5. 在延迟时间后可以设置帧延迟的时间。

注意:设置好后可以在帧属性面板中看到各个帧,选中某个帧后可以发现对应的编辑窗口也起了变化。

  第四:设置完成后,点击标准工具栏上的“在IE中预览”按钮,就可看到水珠滴下的效果了。
  
 
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:Ulead SmartSaver Pro 3.0秘籍点点通(六)
· 下一篇:Ulead SmartSaver Pro 3.0秘籍点点通(八)
· 学设计必看之设计常识
· 建站全攻略(23)
· DreamwaverMX与ASP.NET(二)
· 网站基本配色——专职
· Web设计核心问题3:为用户设计(八)


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077