• --:)欢迎访问锋网源码(:--
  • 首页
  • RSS订阅
  • 常用软件
  • 网页模板
  • 网站运作
  • 锋网学院
  • 繁體中文

  • 学院首页
  • 新闻资讯
  • 网站运营
  • 网站开发
  • 美工设计
  • 数据库类
  • 服务器类
  • 网络应用
  • 操作系统
  • 软件教学
编程开发   认证考试   网络安全   文章搜索: 高级搜索
会员登录/控制面版 您的位置: 学院首页 >> 美工设计 >> FIREWORKS教程 >> 文章内容
 

精彩推荐

 
 

本类推荐文章

  • 翻译:Fireworks ::钢笔教程..
  • Fireworks 模拟闪光灯效果
  • 用 Fireworks MX 锻造黄金质..
  • Fireworks 动态模糊技巧综述..
  • Fireworks 动态模糊技巧综述..
 
 

本类阅读排行

  • Fireworks8教程:用素材制作炫..
  • Windows 桌面风格页面制作点..
  • Fireworks教程:简单制作网站..
  • 翻译:Fireworks ::钢笔教程..
  • Fireworks 模拟闪光灯效果
  • 用Fireworks渐变工具做简单图..
  • FW中几种字体效果的制作
  • 简简单单几步搞定水晶字
  • 用 Fireworks MX 锻造黄金质..
  • Fireworks 动态模糊技巧综述..
  • FW MX 2004新增等高渐变填充
  • 译:用 Fireworks MX 制作水..
  • Fireworks 动态模糊技巧综述..
  • Fireworks打造javascript图片..
  • Fireworks MX 实现 MAC 文字..
  • Fireworks教程:液体金属表面..
  • LOGO制作实例教程
  • Fireworks制作按钮简明教程
  • Fireworks粒子插件帮助AE制作..
  • Fireworks教程:立体质感水晶..
 
 

FW MX和Flash MX的亲密合作

  • 日期:2007-10-24     人气:     出处:     作者:
  • 字体大小:
  • 小
  • 中
  • 大

 

  以前用网页三剑客设计网页时,感觉最为惬意的是Dreamweaver和Fireworks的亲密无间:在Fireworks中可以轻松地将图片切割输出为网页到Dreamweaver中或输出成为Dreamweaver中的库对象;在Dreamweaver中只要轻松一个键,就可插入Fireworks完成的图形网页,如果不满意,一个编辑按钮马上激活Fireworks返回修改,处理好了再一个按钮又回到Dreamweaver中;如果不想大动干戈,只想优化一下图片,选中图片按一下右键,就可以打开Fireworks的输出预览这部分进行优化工作……

  这样体贴入微的设计,反让人不知足起来,什么时候Fireworks和Flash也能这样热乎就好了!

  今天网页三剑客同步踏入MX时代,Fireworks MX加强了对Flash MX的支持,操作起来还是那么简洁明快。

  在Fireworks MX中处理好图形,点击图片编辑窗口右上角的按钮,你可以看到这样的菜单:

  在这里我们可以看到,Fireworks MX为更多的软件提供了接口,以弥补其它软件在图形制作或处理上的不足。下面我们就仔细看看Fireworks MX和Flash MX之间的珠联璧合吧!

  一、从Fireworks MX快速输出图形到Flash MX中

  1、将图形或图片输出为Flash MX的动画格式SWF,方便Flash MX使用

  在Fireworks MX中处理好图形,点击图片编辑窗口右上角的按钮,选择 Micromedia Flash/导出SWF,出现设置面板(下图)。

  因为Fireworks MX是一个矢量编辑和像素图处理兼收并蓄的软件。在对象中如果是选择维持路径,导入到Flash MX中将是可编辑的矢量图形;如果选择维持外观,导入到Flash MX中将是像素图形式,并且可以保持在Fireworks MX中的填充的描边样式。文字对象选择维持可编辑性,导入到Flash MX中将可以继续编辑;选择转换为路径,文字将被看作矢量图形。



  下面来看个例子:

在Fireworks MX中的效果
输出选项设置
对象:维持路径
文字:维持可编辑性
输出为swf格式的效果
(矢量图形的效果将失去)
导入到Flash MX中的情形

(中文和英文都可继续编辑。但是对中文的支持不太好)
在Flash MX中库情况
(只有图片会转换为组件。)

 

在Fireworks MX中的效果
输出选项设置
对象:维持外观
文字:转换为路径
输出为swf格式的效果
(矢量图形的效果将保持)
中文和英文都转变为路径,失去可编辑性。
在Flash MX中库情况

(施加了阴影效果的的矢量标志已经自动转化为图片组件。)

  上面导入的都是静止的图片,Fireworks MX还可以设计Gif动画,设计好了快速输出,导出时在选项面板可以设置帧速和导入动画的内容。

  2、复制(将当前图形复制到剪贴板上,再打开Flash MX进行粘贴)

  在Fireworks MX中处理好图形,点击图片编辑窗口右上角的按钮,选择“复制”,再在flash中粘贴进来。


这是在Fireworks MX中的图像

  
这是粘贴到Flash MX中的效果     Flash MX中库情况

  这时打开Flash MX的库,可以看到Flash MX已经自动建好一个Fireworks MXs Objects的文件夹,刚刚复制过来的物体自动转化为里面的一个电影夹(mc)。在这里Flash MX将施加了效果的图形转为像素图,并且这种像素图还是透明背景的。


  这一下在Flash MX中更好结合像素图制作动画了!不过笔者不太主张这样做,因为不管是做动画,还是做网页,非常重要的是保存源文件,便于自己以后修改。

  如果你已经在Fireworks MX中设计好了,并保存为png格式的源文件,你还可以……

  二、在Flash MX中导入Fireworks MX制作的图片

  1、导入Fireworks MX的.png源文件

  打开Flash MX,在文件菜单中选择导入,找到你的png源文件,这时会出现导入设置:

  在文件结构中有两种选择:一是将png文件作为电影夹导入并保持原有图层,这样你可在库中看到Fireworks MXs Objects,里面是Flash MX自动为你生成的电影夹,管理和使用都非常方便;二是将.png导入到当前场景新的层上。

  物体处理可以选择光栅化转为像素图来保持外观不变,或是使所有路径可编辑;
  文字处理可以选择光栅化转为像素图来保持外观不变,或是使所有文字可编辑。

  如果不想这么麻烦也可以选中最后一项,将.png作为一个合并的像素图导入。


Fireworks MX中的源文件


导入到Flash MX中的输出效果



在Flash MX中库情况

  在这里可以看到,利用这种方式导入可以保持对中文的良好支持。

  2、导入和编辑其它格式的图片文件

  其它格式的图片文件想借Fireworks MX的东风,又怎样做呢?很简单!

  导入图片,在Flash MX的舞台上选中图片,按属性面板的编辑按钮,就启动Fireworks MX了!





  如果图片在库中,选中库中的图片按右键,在下拉菜单中选择Edit with Fireworks即可。(当然你还可以选择Edit with用其它的图形处理软件来处理,不过肯定没有Fireworks MX方便……)

  这时就会激活Fireworks MX,我们可以看到久违了的。

  和在Dreamweaver MX中操作一样,修改按完成就返回Flash MX中。

  后记:Flash升级到Flash MX,绘图工具没有多大变化,有人抱怨在Flash MX中画个五角形都不可以……其实有像素图矢量集成的Fireworks MX贴心帮助,提供丰富的素材,Flash MX不就如虎添翼了吗!

相关文章
  • Fireworks教程:绘制精致的跑车
  • Fireworks教程:不同切角效果
  • Fireworks教程:制作韩国女包
  • Fireworks教程:简单制作渐隐线
  • Fireworks教程:动画制作的技巧
  • Fireworks教程:制作实物光影
  • Fireworks教程:绘制网页虚线的方法
  • Fireworks教程:绘制小老鼠图案邮票
  • Fireworks教程:简单制作网站Logo
  • Fireworks制作按钮简明教程
相关软件

  • 网友评论:
  • 查看所有评论
  • 我要发表评论
 

关于本站 | 广告联系 | 版权声明 | 网站地图 | 加入收藏 | 帮助中心 |

Copyright © 2006-2007 fwvv.net  程序支持:木翼  皖ICP备06004916号