首页    新闻    下载    文档    论坛     最新漏洞    黑客教程    数据库    搜索    小榕软件实验室怀旧版    星际争霸WEB版    最新IP准确查询   
名称: 密码:      忘记密码  马上注册
操作系统 :: windows

FireworksMX2004网页工具-创建简单变换图象


(略)
  



  简单变换图象就是直接把第一帧上的图像替换为它下面第二帧的图象。在创建这个效果前,最好准备两张相同大小的图片。



  1.使用“指针”工具选中图片,选择“编辑”>“插入”>“切片”在图象或对象上方创建切片。



  <img src="images/dd/1161967774_ddvip_7150.jpg" onclick="get_larger(this)" />



  2.单击“新建 / 复制帧”按钮在“帧”面板中创建一个新帧。



  <img src="images/dd/1161967790_ddvip_6365.jpg" onclick="get_larger(this)" />



  3.打开另一幅图片,使用“剪切”和“粘贴”命令把这幅图片粘贴到创建的新帧中。



  <img src="images/dd/1161967795_ddvip_2451.jpg" onclick="get_larger(this)" />



  4.在“帧”面板中选择“第 1 帧”,本例中因为切片重叠,所以可以选择任意一帧。将指针放在行为手柄上方,指针更改为手柄,将行为手柄拖到切片的左上边缘。



  



  <img src="images/dd/1161967802_ddvip_384.jpg" onclick="get_larger(this)" />



  5.出现一条从切片中心延伸到左上角的蓝色行为线,同时打开“交换图象”对话框。在“交换图象自”弹出菜单中,选择要交换的图象所在的帧,这里选择帧2。



  <img src="images/dd/1161967814_ddvip_4562.jpg" onclick="get_larger(this)" />



  6. 简单变换图象做好了,主要起作用的是javascript代码,所以必须导出为html格式。选择“文件”/“导出预览”,在“保存类型”中选择“HTML和图像”。



  <img src="images/dd/1161967819_ddvip_7938.jpg" onclick="get_larger(this)" />



  7. 在Dreamweaver中,单击“Fireworks HTML”按钮,选择之前导出的html文件即可。



  <img src="images/dd/1161967826_ddvip_6889.jpg" onclick="get_larger(this)" />



  



  素材图片,请自行选择两张图片,这里不提供。



  <img src="images/dd/1161805175_ddvip_239.gif" onclick="get_larger(this)" /><a href="http://tech.ddvip.com/2006-10/11618936729908.html" target="_blank">查看全套"Fireworks MX 2004 入门"教程>>>>></a>
<< FireworksMX2004图像的输出设置 FireworksMX2004文字转为路径 >>
API:
gipsky.com& 安信网络
网友个人意见,不代表本站立场。对于发言内容,由发表者自负责任。

系统导航

 

Copyright © 2001-2010 安信网络. All Rights Reserved
京ICP备05056747号