由Macromedia(在2005年被Adobe收购)推出的一款网页作图软件,软件可以加速 Web 设计与开发, 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。Fireworks 不仅具备编辑矢量图形与位图图像的灵活性, 还提供了一个预先构建资源的公用库,并可与 Adobe Photoshop、Adobe Illustrator、Adobe Dreamweaver和 Adobe Animate 软件省时集成。 在 Fireworks中将设计迅速转变为模型, 或利用来自Illustrator、Photoshop和Flash的其它资源。 然后直接置入Dreamweaver中轻松地进行开发与部署。
- 外文名
- Adobe Fireworks
- 发布方
- Macromedia公司
- 类 型
- 图形编辑软件
- 易用度
- 容易
简要介绍
播报编辑
Fire腿危纸垫works是Macromedia公司发布的一款专为网络图形设计的图形编辑软件,它大大简化了网络图形设计的工作难度,无论是专业设计家还是业余爱好者,使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画,还可以轻易地完成大图切割、动态按钮、动态翻转图等,因此,对于辅助网页编辑来说,Fireworks将是最大的功臣。借助于Macromedia Fireworks 8,您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与 MacromediaDreamweaver和 MacromediaFlash共同构成的集成工作流程可以让您厦甩创建并优化图像,同时又能避免由于进行Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具,无需学习代码即可创建具有专业品质的网页图形和动画,如变换图像和弹出菜单等。
2013年05月07日
宣布终结Creative Suite(CS)家族的同时,Adobe宣布迎来Creative Cloud(CC)全新系列应用和服务。MAX大会上,Adobe证实,Web设计、原型设计和移动应用程序设计工具F记档晚irew享炒臭orks被备龙毙掉了。
Adobe表示,他们已经决定,Fireworks不会包含在CC家族中,开发团队将专注于开发全新的工具来满足消费者的需求。这样做的主要原因是, Fireworks、Photoshop、Illustrator、Edge Reflow之间在功能上档地地有较多重叠。
不过,Fireworks CS6今后纸臭愚仍然可以使用,也可以购买,不过和CS6套装以及寒询其它组件一样,只能买到数字版。只是,Adobe不再为其开发新的功能,今后只是提供必要的安全更新和Bug修复。
Adobe将正式发布CC家族产品,包括:Photoshop CC、InDesign CC、Illustrator CC、Dreamweaver CC、Premiere Pro CC等,只是没有Fireworks CC了。 [1]
创建编辑
播报编辑
图像优化
播报编辑
高效集成
播报编辑
导入 Photoshop (PSD) 文件,导入时可保持分层的图层、图层效果和混合模式。将 Fireworks (PNG) 文件保存回 Photoshop (PSD) 格式。导入 Illustrator (AI) 文件,导入时可保持包括图层、组和颜色信息在内的图形完整性。
原型构建
播报编辑
支持多页
播报编辑
组织方式
播报编辑
滤镜效果
播报编辑
公用库存
播报编辑
公用库中包含 Web应用程序、表单、界面和网站中经常用到的图形元件、文本元件和动画,可以使用它迅速开始原型构建过程。
智能缩放
播报编辑
简化集成
播报编辑
复制 Fireworks CS3 中的任意对象,并直接粘贴到 Dreamweaver CS3 中。创建可保存为 CSS 和 HTML(标准通用标记语言下的一个应用) 的弹出菜单。将 Fireworks (PNG) 文件直接导出至 Flash CS3,导出时可保持矢量、位图、动画和多状态不变,然后在 Flash CS3 中编辑文件。
主要说明
播报编辑
为Macromedia家族的一员,三剑客之一的FW,这款软件的主要任务和特色就是制作矢量图为网页服务,FW也是Flash的最佳伴侣,在三剑客的MX系列中,FW和Flash的联系更为紧密,所以无论是网页制作和Flash制作,Fw都是不可或缺的利器.在Fw3年的应用实践过程中,我无时无刻不在感受她的卓越和便利。的确,网页制作看重的是效果和速度,并不是你用的软件专业与否,你用了多少个软件作出的网页,设计师作出的网页是为了让大家接受而不是显示自己的本领,在这样的前提下,Fw的确是最好的选择,最好的矢量图效果,最快的速度。
必知功能
播报编辑
众所周知,在网页上的jpg图片如果过大,会严重影响页面的打开速度,Fireworks提供优化图片的功能,即缩小图片的KB,而且不影响画面的质量(除非放大了与原图对比)。由于很多人喜欢用photoshop制作jpg图片,所以它的容量会很大(因为它是适合处理印刷品,要求较清晰),最终还是要用Fireworks来处理一下。
快捷键表
播报编辑
工具
指针、选择后方对象 【V】,【0】 [2]
部分选定 【A】,【1】
裁剪、导出区域 【C】
魔术棒 【W】
线条工具 【N】
钢笔工具【P】
矩形、圆角矩形、椭圆、多边形 【U】
文本工具【T】
铅笔、刷子 【B】
矢量路径、重绘路径 【P】
缩放、倾斜、扭曲 【Q】
滴管工具 【I】
油漆桶、渐变 【G】
橡皮擦工具【E】
模糊、锐化、减淡、加深、涂抹 【R】
橡皮图章工具【S】
刀子工具 【Y】矩形热点、圆形热点、多边形热点 【J】
切片、多边形切片 【K】
手形工具【H】
缩放工具【Z】
隐藏/显示切片 【2】
设置默认笔触/填充色【D】
交换笔触/填充色【X】
切换屏幕模式 【F】
菜单命令
新建文件(N) 【Ctrl】+【N】
打开(O)… 【Ctrl】+【O】
关闭(C) 【Ctrl】+【W】
保存(S) 【Ctrl】+【S】
另存为(A)… 【Ctrl】+【Shift】+【S】
导入(I)… 【Ctrl】+【R】
导出(E)… 【Ctrl】+【Shift】+【R】
导出预览(R)… 【Ctrl】+【Shift】+【X】
在辅助浏览器中预览 【Ctrl】+【F12】,【Shift】+【F12】
打印(P)… 【Ctrl】+【P】
退出(X) 【Ctrl】+【Q】
撤消 【Ctrl】+【Z】
重做 【Ctrl】+Y,【Ctrl】+【Shift】+【Z】
新建元件(Y)… 【Ctrl】+【F8】
热点(H) 【Ctrl】+【Shift】+【U】
切片(S) 【Alt】+【Shift】+【U】
查找和替换(F)… 【Ctrl】+【F】
剪切(T) 【Ctrl】+【X】
复制(C)【Ctrl】+【C】
复制HTML代码(H)… 【Ctrl】+【Alt】+【C】
粘贴(P) 【Ctrl】+【V】
清除 【退格】,【DEL】
贴入内部(I) 【Ctrl】+【Shift】+【V】粘贴属性(A) 【Ctrl】+【Alt】+【Shift】+【V】
重复(L) 【Ctrl】+【Alt】+【D】
克隆(N) 【Ctrl】+【Shift】+【D】
参数选择(F)… 【Ctrl】+【U】
放大(Z)【Ctrl】+=,【Ctrl】+(小)+,【Ctrl】+【Shift】+【=】
缩小(O) 【Ctrl】+-,【Ctrl】+(小)【-】
缩放比率50% 【Ctrl】+5,【Ctrl】+(小)【5】
100% 【Ctrl】+1,【Ctrl】+(小)【1】
200% 【Ctrl】+2,【Ctrl】+(小)【2】
300% 【Ctrl】+3,【Ctrl】+(小)【3】
400% 【Ctrl】+4,【Ctrl】+(小)【4】
800% 【Ctrl】+8,【Ctrl】+(小)【8】
1600% 【Ctrl】+6,【Ctrl】+(小)【6】
选区符合窗口大小(S)【Ctrl】+【Alt】+0,【Ctrl】+【Alt】+(小)【0】
文档符合窗口大小(F) 【Ctrl】+0,【Ctrl】+(小)【0】
完整显示(D) 【Ctrl】+【K】
隐藏所选(H)【Ctrl】+【L】
显示全部(A) 【Ctrl】+【Shift】+【L】
标尺(R) 【Ctrl】+【Alt】+【R】
显示网格(G) 【Ctrl】+【Alt】+【G】
对齐网格(S) 【Ctrl】+【Alt】+【Shift】+【G】
显示引导线(U) 【Ctrl】+【;】 锁定引导线(L) 【Ctrl】+【Alt】+【;】
对齐引导线(S)【Ctrl】+【Shift】+【;】
切片引导线(L) 【Ctrl】+【Alt】+【Shift】+【;】
隐藏面板(P) 【F4】,【Tab】
选择全部(S) 【Ctrl】+【A】
取消选择(D) 【Ctrl】+【D】
整体选择(E) 【Ctrl】+【→】
部分选定(U) 【Ctrl】+【←】
反选(V) 【Ctrl】+【Shift】+【I】
修剪画布(T) 【Ctrl】+【Alt】+【T】
符合画布(F) 【Ctrl】+【Alt】+【F】
选择动画(A)… 【Alt】+【Shift】+【F8】
转换为元件(C)… 【F8】
补间实例(T)… 【Ctrl】+【Alt】+【Shift】+【T】
平面化所选(F) 【Ctrl】+【Alt】+【Shift】+【Z】
向下合并(D) 【Ctrl】+【E】
任意变形(T) 【Ctrl】+【T】
数值变形(N)… 【Ctrl】+【Shift】+【T】
移到最前(F) 【Ctrl】+【Shift】+【↑】
向前移动(B) 【Ctrl】+【↑】
向后移动(S)【Ctrl】+【↓】
移到最后(K) 【Ctrl】+【Shift】+【↓】
左对齐(L) 【Ctrl】+【Alt】+1,【Ctrl】+【Alt】+(小)【1】
垂直居中(V) 【Ctrl】+【Alt】+2,【Ctrl】+【Alt】+(小)【2】
右对齐(R) 【Ctrl】+【Alt】+3,【Ctrl】+【Alt】+(小)【3】
顶对齐(T) 【Ctrl】+【Alt】+4,【Ctrl】+【Alt】+(小)【4】
水平居中(H)【Ctrl】+【Alt】+5,【Ctrl】+【Alt】+(小)【5】
底对齐(B)【Ctrl】+【Alt】+6,【Ctrl】+【Alt】+(小)【6】
均分宽度(W) 【Ctrl】+【Alt】+7,【Ctrl】+【Alt】+(小)【7】
均分高度(D) 【Ctrl】+【Alt】+9,【Ctrl】+【Alt】+(小)【9】
合并路径(J) 【Ctrl】+【J】
拆分路径(S) 【Ctrl】+【Shift】+【J】
组合路径(G) 【Ctrl】+【G】
取消组合路径(U)【Ctrl】+【Shift】+【G】
缩小字体(S) 【Ctrl】+【Shift】+【,】
增大字体(L) 【Ctrl】+【Shift】+【.】
粗体样式(B) 【Ctrl】+【B】
斜体样式(I) 【Ctrl】+【I】
左对齐(L) 【Ctrl】+【Alt】+【Shift】+【L】
右对齐(R)【Ctrl】+【Alt】+【Shift】+【R】
两端对齐(J) 【Ctrl】+【Alt】+【Shift】+【J】
强制齐行(S)【Ctrl】+【Alt】+【Shift】+【S】
附加到路径(P) 【Ctrl】+【Shift】+【Y】
转换为路径(C)【Ctrl】+【Shift】+【P】
检查拼写(S)… 【Shift】+【F7】
重复插件【Ctrl】+【Alt】+【Shift】+【X】
新建窗口(N) 【Ctrl】+【Alt】+【N】
显示隐藏”工具”(T) 【Ctrl】+【F2】
显示隐藏”答案”(A) 【Alt】+【F1】
显示隐藏”层”(L) 【F2】
显示隐藏”帧”(R) 【Shift】+【F2】
显示隐藏”样式”(S) 【Shift】+【F11】
显示隐藏”库”(Y) 【F11】
显示隐藏”URL”(U) 【Alt】+【Shift】+【F10】
显示隐藏”颜色混合器”(M) 【Shift】+【F9】
显示隐藏”样本”(W) 【Ctrl】+【F9】
显示隐藏”信息”(I) 【Alt】+【Shift】+【F12】
显示隐藏”行为”(B) 【Shift】+【F3】
显示隐藏”查找和替换(F) 【Ctrl】+【F】
其它
下一帧 【PgDn】,【Ctrl】+【PgDn】
克隆并向上大幅推动 【Alt】+【Shift】+【↑】,【Ctrl】+【Alt】+【Shift】+【↑】
克隆并向上轻推 【Alt】+【↑】,【Ctrl】+【Alt】+【↑】
克隆并向下大幅推动 【Alt】+【Shift】+【↓】,【Ctrl】+【Alt】+【Shift】+【↓】
克隆并向下轻推 【Alt】+【↓】,【Ctrl】+【Alt】+【↓】
克隆并向右大幅推动 【Alt】+【Shift】+【→】,【Ctrl】+【Alt】+【Shift】+【→】
克隆并向右轻推 【Alt】+【→】,【Ctrl】+【Alt】+【→】
克隆并向左大幅推动 【Alt】+【Shift】+【←】,【Ctrl】+【Alt】+【Shift】+【←】
克隆并向左轻推 【Alt】+【←】,【Ctrl】+【Alt】+【←】
前一帧 【PgUP】,【Ctrl】+【PgUP】
向上大幅推动 【Shift】+【↑】
向上轻推 【↑】
向下大幅推动 【Shift】+【↓】
向下轻推 【↓】
向右大幅推动 【Shift】+【→】
向右轻推 【→】
向左大幅推动 【Shift】+【←】
向左轻推 【←】
播放动画【Ctrl】+【Alt】+【P】
用所选填充象素 【Alt】+【退格】,【Alt】+【DEL】
粘贴于内部 【Ctrl】+【Shift】+【V】
网页切法
播报编辑
切片介绍
1. 切片是将图片转换成可编辑网页的一座桥梁,通过切片才可以将普通图片变成Dreamweaver可以编辑的网页格式
2. 切片后的图像可以更快的在网络上传播
3. 切片后的图像也是网页中片的主要来源
切片方法
2. 切片图像的大小尽量保持在15K以内(便于网络传输)
3. 充分利用Dreamweaver中的自动拼贴功能减少垃圾切片
操作技巧
技巧8:使用【钢笔】工具绘制路径的过程中,按住【Alt】键不放,可以随时调整路径点的控制手柄。
技巧9:使用【刷子】工具绘制图像时,按住【Shift】键不放,绘制出出一条水平或垂直线后,释放鼠标,但不要松开【Shift】键,继续绘制,fireworks会把所画前一条线的终点和后一条线的起点连接起来。
技巧11:绘制多个选区时,按住【Shift】键表示增加选区;按住【Alt】键表示减选区;按住【Shift】+【Alt】键表示对选区进行交集运算。
学习辅导教材,网络上有很多文字图片类的和视频类的教程。另外看书本结合练习也是很好的选择!
羽化方法
播报编辑
用Fireworks对位图边缘进行羽化,这是在fireworks运用中常用到的功能,希望对大家学习fireworks有所帮助。
方法一
一、导入位图
三、用黑色箭头工具全选这二个物体。
四、菜单modify中的mask命令,并在其后序菜单中选择group as mask.
五、这样图片边缘羽化也就完成了。用mask做羽化有一个好处,就是当你选择这个图片时,边框是蓝色的时候,选中当中的蓝色标记,就能把改变图片的位置。呵呵,这样你就不需要担心选择的地方不正确了,只要确定好最终的图片大小 ,就能随意调节羽化图片的哪一部份。
方法二
一、在文件中导入一张需要被羽化的位图(菜单 %26gt; file %26gt; import)
三、菜单 %26gt; modify %26gt; marquee %26gt; feather命令。
五、用黑色箭头工具,把这个选择框拉到一边,相应的图片也跟着移到旁边。
六、我们可以把不需要的图片删除,也可以把这个已经羽化完了的图片复制到别的文件中去。