fireworks cs3(网页三剑客的Fireworks)

大家好，关于fireworks cs3很多朋友都还不太明白，今天小编就来为大家分享关于网页三剑客的Fireworks的知识，希望对各位有所帮助！

网页三剑客的Fireworks

矢量编辑与位图编辑。创建和编辑矢量图像与位图图像，并导入和编辑本机 Photoshop和 Illustrator文件。

图像优化。采用预览、跨平台灰度系统预览、选择性 JPEG压缩和大量导出控件，针对各种交付情况优化图像。

高效的 Photoshop和 Illustrator集成。导入 Photoshop(PSD)文件，导入时可保持分层的图层、图层效果和混合模式。将 Fireworks(PNG)文件保存回 Photoshop(PSD)格式。导入 Illustrator(AI)文件，导入时可保持包括图层、组和颜色信息在内的图形完整性。

快速原型构建。网站和各种 Internet应用程序构建交互式布局原型。将网站原型导出至 Adobe Dreamweaver,将 RIA原型导出至 Adobe Flex。

支持多页。使用新的页面板在单个文档(PNG文件)中创建多个页面，并在多个页面之间共享图层。每个页面都可以包含自己的切片、图层、帧、动画、画布设置，因而可在原型中方便地模拟网站流程。

分层的图层组织方式。采用与 Adobe Photoshop类似的新分层图层结构来组织和管理原型，使您能方便地组织 Web图层和页面。

滤镜效果。应用灯光效果、阴影效果、样式和混合模式(包括源自 Photoshop的 7种新的混合模式),增加文本和元件的深度和特性。

公用库。公用库中包含 Web应用程序、表单、界面和网站中经常用到的图形元件、文本元件和动画，可以使用它迅速开始原型构建过程。

智能缩放。通过 9切片缩放智能地缩放矢量图像或位图图像中的按钮与图形元件。将 9切片缩放与新的自动形状库相结合，以加速网站和应用程序的原型构建进度。

简化的 Dreamweaver和 Flash集成。复制 Fireworks CS3中的任意对象，并直接粘贴到 Dreamweaver CS3中。创建可保存为 CSS和 HTML的弹出菜单。将 Fireworks(PNG)文件直接导出至 Flash CS3,导出时可保持矢量、位图、动画和多状态不变，然后在 Flash CS3中编辑文件。 Dreamweaver是美国Macromedia公司（现已被Adobe公司收购，成为Adobe Dreamweaver）开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

Dreamweaver、Flash以及在Dreamweaver之后推出的针对专业网页图像设计的Fireworks，三者被Macromedia公司称为DreamTeam（梦之队），足见市场的反响和Macromedia公司对它们的自信。说到Dreamweaver我们应该了解一下网页编辑器的发展过程，随着互联网(Internet)的家喻户晓，HTML（标准通用标记语言下的一个应用）技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。它的优点

最佳的制作效率。Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dreamweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。

网站管理。使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。

无可比拟的控制能力。Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XML Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascading style sheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告。

它的缺点

难以精确达到与浏览器完全一致的显示效果。也就是说您在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到您真正想要的效果，这一点在结构复杂一些的网页（如分帧结构、动态网页结构）中便可以体现出来；

页面原始代码的难以控制性，比如您在所见即所得编辑器中制作一张表格也要几分钟，但您要它完全符合您要求可能需要几十分钟，甚至更多时间。而相比之下，非所见则所得的网页编辑器，就不存在这个问题，因为所有的HTML（标准通用标记语言下的一个应用）都在您的监控下产生，但是由于非所见则所得编辑器的先天条件就注定了它的工作低效率。如何实现两者的完美结合，则既产生干净、准确的HTML代码，又具备所见则所得的高效率、直观性，一直是网页设计师梦想。 Adobe出品的CS5系列开始销售了，我们关注下此次DREAMWEAVER CS5的相关功能。

实时视图新增功能

借助 Dreamweaver CS5中新增的实时视图在真实的浏览器环境中设计网页，同时仍可以直接访问代码。呈现的屏幕内容会立即反映出对代码所做的更改。

针对 Ajax和 JavaScript框架的代码提示

借助改进的 JavaScript核心对象和基本数据类型支持，更有效地编写 JavaScript。通过集成包括 jQuery、Prototype和 Spry在内的流行 JavaScript框架，充分利用 Dreamweaver CS5的扩展编码功能。

全新用户界面

借助共享型用户界面设计,在 Adobe Creative Suite® 4的不同组件之间更快、更明智地工作。使用工作区切换器可以从一个工作环境快速切换到下一个环境。

相关文件和代码导航器

单击“相关文件”栏中显示的任何包含文件，即可在“代码”视图中查看其源代码,在“设计”视图中查看父页面。新增的代码导航器功能显示影响当前选定内容的 CSS源代码，并允许您快速访问它。

HTML数据集

无需掌握数据库或 XML编码即可将动态数据的强大功能融入网页中。Spry数据集可以将简单 HTML表中的内容识别为交互式数据源。

Adobe InContext Editing(预发布版)

在 Dreamweaver中设计页面，使最终用户能使用 Adobe InContext Editing在线服务编辑他们的网页，无需帮助或使用其它软件。*作为 Dreamweaver设计人员，您可以限制对特定页面、特殊区域的更改权，甚至可以自定格式选项。

Adobe Photoshop®智能对象

将任何 Photoshop PSD文档插入 Dreamweaver即可创建出图像。智能对象与源文件紧密链接。无需打开 Photoshop即可在 Dreamweaver中更改源图像和更新图像。

CSS最佳做法

无需编写代码即可实施 CSS最佳做法。在“属性”面板中新建 CSS规则，并在样式级联中清晰、简单地说明每个属性的相应位置。

Subversion集成

在 Dreamweaver中直接更新站点和登记修改内容。Dreamweaver CS4与 Subversion软件紧密集成，后者是一款开放源代码版本控制系统，可以提供更强大的登记/注销体验。

Adobe AIR创作支持新增功能

在 Dreamweaver中直接创建基于 HTML和 JavaScript的 Adobe AIR应用程序。在 Dreamweaver中即可预览 AIR应用程序。使 Adobe AIR应用程序随时可与 AIR打包及代码签名功能一起部署。升级到 Dreamweaver CS6，可以使用更新的“实时视图”和“多屏预览”面板高效创建和测试跨平台、跨浏览器的 HTML5内容。利用增强的 jQuery和 PhoneGap™支持构建更出色的移动应用程序，并通过重新设计的多线程 FTP传输工具来缩短上传大文件所需的时间。

如何在fireworks里使用蒙版

Fireworks CS3中蒙版的应用

一、蒙版概述

简单来说，蒙版的作用就是实现透过某个形状看另外一个图形的效果。

除了能够把图像显示在任何一种形状内以外，蒙版还能够制作图像渐隐效果，如图5-63所示。

图像渐隐效果是指图像由清晰到透明的一种过度效果，过度的形式有很多，上面这张图像是图像由右到左的逐渐变透明，在网页设计中经常可以使用图像渐隐效果，使图像逐渐过度到网页的底色上。

二、Fireworks CS3的蒙版属性

在Fireworks CS3中创建蒙版之后，【图】面板中的图层会变成两个缩略图，左侧的缩略图为被蒙对象，右侧的缩略图为蒙版。

选中右侧的蒙版缩略图之后，在【属性】面板中会显示蒙版的属性。

1.路径轮廓蒙版

这种类型的蒙版可以透过路径轮廓清楚的看到被蒙对象，而且跟矢量路径的颜色没有任何的关系，也就是说作为蒙版的路径不管填充了什么颜色，蒙版效果仍旧是非常清晰的。如果选中了“显示填充和笔触”那么可以显示蒙版的边缘路径效果。

2.灰度外观蒙版

这种类型蒙版也是透过路径看到被蒙对象，但是看到被蒙对象的清晰度就会受到路径的填充色和描边色的深浅影响，这种类型蒙版的填充色和描边颜色都为灰度图，如果蒙版的颜色为白色，则蒙版下的图像能够清晰显示。如果蒙版的填充颜色为黑色，则蒙版下的图像则完全透明。如果蒙版的填充颜色为中间的灰色，则蒙版下的图像将以半透明装显示。填充下边的边缘属性中可以设置边缘羽化。

利用灰度外观蒙版受填充色深浅的影响，可以轻松实现图像渐隐效果，其原理就是给用来蒙版的矢量路径填充由黑色到白色的渐变色，这样蒙版后黑色的一边将为透明，白色的一边为清晰的效果，从而实现图像渐隐的效果。

三、在Fireworks CS3中创建蒙版

在Fireworks CS3中创建蒙版的很多，但是最终的目的只不过是生成蒙版，所以基本上记住一两种生成蒙版的方法，重点掌握蒙版的属性就足够了，另外再了解蒙版的删除禁用和启用就可以了。

粘贴于内部

使用粘贴于内部命令是Fireworks CS3中最简单的创建蒙版的方法，需要注意的是，粘贴于内部创建的蒙版默认是路径轮廓蒙版，所以和作为蒙版的路径颜色无关，下面通过一个具体的实例来给大家进行介绍，具体的操作步骤如下：

1.新建一个Fireworks文件。

2.在弹出的【新建文档】对话框中设置画布的宽度为“350”像素、高度为“250”像素，背景颜色为白色。。

3.把准备好的手机图像素材复制到创建的画布中，并且调整好大小和位置。

4.使用【椭圆】工具，在画布的右侧绘制一个正圆，这个正圆要比画布大很多。

5.打开准备好的素材图像，由于准备的素材图像尺寸大于我们的目标尺寸，所以需要选择【修改】@@【画布】中的【图像大小】命令来缩小图像素材，以适应我们的需求。

6.选中缩小后的图像素材，选择【编辑】菜单下的【复制】命令，然后选中刚刚绘制的正圆，选择【编辑】菜单下的【粘贴于内部】(快捷键为：【Ctrl+Shift+V】)命令，这样就可以把图像素材显示在正圆中了。

7.这时图像素材虽然显示到了正圆的内部，但是并不是我们所需要的位置，如果直接使用【指针】工具拖拽的话，是正圆和内部的图像一起移动，如果我们只需要调整正圆内部图像素材的位置，而不希望改变正圆的位置，可以点击【层】面板中的关联图标，取消图像和蒙版之间的关联，这样就可以任意调整图像素材的位置，而不改变正圆的位置了。

8.位置调整完毕后，可以把蒙版中图像和正圆的关联继续关联起来，整个图像效果就制作完毕了。

通过掌握【粘贴于内部】命令，我们可以把任何一张图像素材显示到任意一个形状中去。

组合为蒙版

使用组合为蒙版，同样可以创建蒙版效果，需要注意的是，组合围蒙版默认创建的是灰度外观的蒙版。下面通过一个简单的实例来给大家进行说明，具体操作步骤如下：

1.新建一个Fireworks文件。

2.打开准备好的图像素材。

3.复制另外一张鱼类图像素材到画布中来，并且调整好大小尺寸。

4.使用【矩形】工具，在绘制一个和画布一样尺寸的矩形，并且填充线性渐变色。设置渐变色的方向为垂直方向，最上方填充白色，最下方填充黑色。

5.同时选中鱼类的图像素材和这个矩形，选择【修改】@@【蒙版】@@【组合为蒙版】命令。

6.在【层】面板中选择右侧的矩形蒙版，调整渐变色的范围，适当增加黑色部分所占的面积，这样可以让蒙版下方的透明部分增加。

...再在上面写其他字用Adobe fireworks CS3怎么弄啊

主要是怎么去文字，提供几个方法供你参考。

1、使用仿制图章工具去除文字。

不同的笔刷硬度会影响绘制区域的边缘融合效果。

2、使用修补工具去除文字。

如果图片的背景色彩或图案比较一致，使用修补工具就比较方便。选择修补项为“源”，关闭“透明”选项。然后用修补工具框选，拖动到想要的色彩或图案相似的位置，松开鼠标就完成复制。修补工具具有自动匹配颜色的功能，复制出的效果与周围的色彩较为融合，这是仿制图章工具所不具备的。

3、使用修复画笔工具去除文字。

操作的方法与仿制图章工具相似。按住Alt键，在区域点击需要的相似的色彩或图案采样，然后在修补区域拖动鼠标复制以复盖。只是修复画笔工具与修补工具一样，也具有自动匹配颜色的功能，可根据需要进行选用。

4、相似图形（或图案）

某些情况下，框选无文字区域的相似图形（或图案），按Ctrl+j键将其复制成新的图层，再利用变形工具将其变形，直接用以覆盖没用的文字会更为快捷。

5、应用“消失点”滤镜进行处理

对于一些透视效果较强的画面(如地板)，可以应用“消失点”滤镜进行处理。操作的方法是，框选要处理的文字区域，（防止选区以外的部分也被覆盖）执行菜单命令：滤镜→消失点，进入消失点滤镜编辑界面。

然后：

⑴选取左边工具栏中的创建面板工具，由地板砖缝交汇处开始，沿着缝隙，依次点四个点，连成一个有透视效果的矩形。然后拖动其边线

向右方及下方扩展，令面板完全复盖文字。

⑵选取左边工具栏中的图章工具,按住Alt键点击选取源图像点，绿色十字变红后，在文字区域拖动便完成复制。

6、矩形选框工具

某些背景色为垂直线性渐变颜色的图标，有一个方便的方法去除文字。方法是，用矩形选框工具在无文字区域中作一个选区，选区不宜太宽，高度应高于文字。然后按住Ctrl+Alt键，连续按方向键（→或←），直至完全复盖文字则可。

好了，文章到这里就结束啦，如果本次分享的fireworks cs3和网页三剑客的Fireworks问题对您有所帮助，还望关注下本站哦！