什么是Fireworks?我想知道Fireworks是怎样操作及应用!!!
Adobe推出的一款网页作图软件,软件可以加速 Web 设计与开发, 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。具备编辑矢量图形与位图图像的灵活性, 还提供了一个预先构建资源的公用库, 并可与 Adobe Photoshop CS4、Adobe Illustrator CS4、Adobe Dreamweaver CS4 和 Adobe Flash CS4 软件省时集成。 在 Fireworks 中将设计迅速转变为模型, 或利用来自 Illustrator、Photoshop 和 Flash 的其它资源。 然后直接置入 Dreamweaver CS4 中轻松地进行开发与部署。
不仅可以轻松地制作出十分动感的GIF动画,还可以轻易地完成大图切割、动态按钮、动态翻转图等,因此,对于辅助网页编辑来说,Fireworks将是最大的功臣。
我现在做网页效果图都是用这个工具,方便快捷。
工具及快捷键表:
工具
指针、选择后方对象 【V】,【0】
部分选定 【A】,【1】
选取框、椭圆选取框 【M】
快捷键
套索、多边形套索 【L】
裁剪、导出区域 【C】
魔术棒 【W】
线条工具 【N】
钢笔工具 【P】
矩形、圆角矩形、椭圆、多边形 【U】
文本工具 【T】
铅笔、刷子 【B】
矢量路径、重绘路径 【P】
缩放、倾斜、扭曲 【Q】
自由变形、更改区域形状 【O】
滴管工具 【I】
油漆桶、渐变 【G】
橡皮擦工具 【E】
模糊、锐化、减淡、加深、涂抹 【R】
橡皮图章工具 【S】
刀子工具 【Y】
fireworks作品
矩形热点、圆形热点、多边形热点 【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】
在浏览器中预览 【F12】
在辅助浏览器中预览 【Ctrl】+【F12】,【Shift】+【F12】
打印(P)... 【Ctrl】+【P】
退出(X) 【Ctrl】+【Q】
撤消 【Ctrl】+【Z】
重做 【Ctrl】+Y,【Ctrl】+【Shift】+【Z】
插入新建按钮(B)... 【Ctrl】+【Shift】+【F8】
新建元件(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】
fireworks作品
粘贴属性(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】+【;】
隐藏边缘(E) 【F9】
隐藏面板(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】
旋转90°顺时针 【Ctrl】+【Shift】+【9】
旋转90°逆时针 【Ctrl】+【Shift】+【7】
移到最前(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】
显示隐藏”属性”(P) 【Ctrl】+【F3】
显示隐藏”答案”(A) 【Alt】+【F1】
显示隐藏”优化”(O) 【F6】
显示隐藏”层”(L) 【F2】
显示隐藏”帧”(R) 【Shift】+【F2】
显示隐藏”历史记录”(H) 【Shift】+【F10】
显示隐藏”样式”(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】
编辑位图 【Ctrl】+【E】
退出位图模式 【Ctrl】+【Shift】+【E】
Fireworks要怎么学
Fireworks属于网页图像处理软件,在学习FW的时候,关键能把握以下知识点:
1、学会FW对位图的简单处理
说明:FW不像PS那样,PS是专业图像处理,PS可以制作非常高难度的效果,比如什么发光字呀,爆炸效果呀等等。用FW作网页的时候,主要是对图片明暗、大小、分辩率处理这些简单问题。
2、学会FW矢量图的绘制
说明:FW提供了大量的基本图形,比PS还多,这些图形都能快速得制作成网页的一些LOGO、Bannet、按钮等效果。
3、学会FW切片工具的应用,掌握网页的切分和导出HTML
说明:这是很关键的一步,这也就体现了FW比PS的价值,一定要学习好。
4、学会使用FW制作网页导航栏、按钮和GIF简单动画制作
说明:这也是FW特有的功能,在FW制作好的导航栏,拥有多种鼠标状态,可以快速导出HTML格式,方便在DW里插入使用。
5、FW的行为应用
说明:FW的应用可以很方便的制作一些动态交互效果,图形和JS结合的结晶。
以上是我个人多年教学的心得,当然不管是要学好FW或者是DW、FLASH,都需要多借一些书练习,从每一本书里体会到1、2点技术,也就差不多了。(借书会比买书,学起来更有动力,很多朋友自己买到的书都是放在家里不用的……)
最后,请一位老师指导……