Fireworks图形符号解析

Fireworks动画制作基本类型Fireworks动画制作基本类型 Fireworks在Gif动画制作和处理上有它独到的强⼤功能和灵活简便性，它的内置指令能够⽣成的动画形式⽐较简单，⼤致可以分为两个类别：⼀是基本运动类，⼆是特效运动类，但是只要我们熟练掌握，并添加进⾃⼰的创意，⼀样能做出很酷炫的动画效果。

以下是YJBYS⼩编搜索整理的关于Fireworks动画制作基本类型，供参考阅读，希望对⼤家有所帮助!想了解更多相关信息请持续关注我们应届毕业⽣培训⽹! 注意:在本篇中只针对软件直接⽣成的动画效果进⾏分析，不做⼿⼯分帧动画的讨论。

提⽰:在FW中有两种“符号”可以通过软件内建指令产⽣运动及其它变化的效果。

⼀是“图形符号(Graphic Symbol)”，⼆是“动画符号(Animation Symbol)”。

⼀、基本运动类型 直线运动：它包含了垂直、竖直、倾斜这三种运动情况。

如图1所⽰。

直线运动 渐变运动：FW只⽀持两种渐变运动，⼀是⼤⼩渐变运动，⼆是可见性渐变运动，可见性即指透明度的变化，其中还包括运动过程中符号的旋转。

如果你想把⼀个圆形逐渐变成矩形，那么只有通过⼿动⽅式⼀帧帧的'做了。

位置渐变运动 透明度渐变运动 ⼤⼩渐变运动 ⼆、特效运动 特效运动只有⼀种即“遮照类”动画。

遮照类动画有两种⽣成的⽅法，其⼀是利⽤共享⽂件夹(Share Across Frames)功能创造遮照的效果，如图5所⽰。

遮照动画 ⼆是真正的利⽤遮照功能(Paste as mask or Group as mask)通过被遮照物体的运动⽽⽣成遮照动画。

如图6所⽰。

遮照动画 以上就是可以通过FW内建指令⽣成的两⼤类动画。

只要我们善于利⽤这些指令再加上我们的创意就可以创造出很多很有意思或者很COOL的效果了。

附录：在FW中转换及添加符号的⽅法 ⼀、将初始的向量图形转换为Symbol(符号)的快捷⽅式:选中图形按下F8键。

Fireworks实例教程：教你⽤Fireworks画图标的完整⽅法（图⽂）本教程是向⼤家如何利⽤Fireworks画图标的完整⽅法，以画⼀个USB接头为例，向⼤家详解图标画法的全过程，教程⽐较实⽤，推荐过来与⼤家⼀起学习，希望对⼤家有所帮助！基本上平⾯软件做⽴体图标也是先建模再渲染的过程，然⽽这些都得⾃⼰去做，虽然再逼真度上和3D软件还是有差距，但是更多变的风格和效果使平⾯软件制作图标给了设计者更多发挥空间。

下⾯是我画⼀个USB接头的过程(个⼈认为图标不要太接近实物为好，更卡通风格，选⽤更代表性的物体才是优秀的图标...虽然我还做不到 )上⾯为制作的流程和最终效果图⾸先我要说的是：Fireworks本⾝不带直接透视功能，不过有透视辅助线(其实也不太⽅便)和3D插件。

但是直接做更好的练习⾃⼰的透视能⼒。

我这⾥画的整套图标都是同⼀个⾓度透视的，所以我采⽤⼀个正⽅形⽽不是这个USB插头本⾝，是为了适应更多图标。

1、如上，很正的正⽅形2、使⽤扭曲⼯具把他变形成从侧⾯看的效果。

这⾥可以⽤FW中的辅助线来制作或者使⽤3D插件透视⼀个正⽅形，完成变形以后千万记得把这个变形的历史记录保存到命令中tips：很多朋友都不知道扭曲⼯具是什么？为什么我的扭曲总是放⼤或者缩⼩⽽不能任意变形呢？扭曲⼯具是变形⼯具的第三个！FW绘制3D图形(ipod)3、复制⼀个然后向右边移动⼏个象素,再缩⼩到99%,⼤致的画出这⾥画的USB插头的正⾯和反⾯所在的平⾯..为了更准确的达到⽴体效果不失真,真的能不失真吗?请继续向下看.tips:后⾯的⾯要⽐前⾯的⾯稍⼩⼀点点..近⼤远⼩嘛.⽤过相机拍摄微距的朋友⼀定知道,镜头越近,前后⼤⼩差别越⼤4、把画好的两个⾯收起来(隐藏)~~以后再⽤..然后画上平⾯图⽚.USB插头的内容都在⼀个⾯上,所以画正⾯就好了.如果⽴体图形的⼏个⾯内容都很多..那就要画三视图的平⾯图了..这张平⾯图的内容最好把所有你觉得可能出现的都画上,甚⾄包括很明显的⾊彩过渡.5、同时选取你画好的正⾯图和正⽅形.然后再执⾏菜单中的 [命令] - [你再第⼆步保存的变形命令] 好了..不但正⽅形变了,USB插头的正⾯图也变成透视图了.完成以后先不要删除辅助线(被透视的正⽅形),先把第3步画的两个⾯拿出来.正⾯对正⾯反⾯对反⾯.6、对整齐以后再删除辅助线.现在USB插头的基本形状已经出来了,哎呀.有点失真了.后⾯的那个⾯太下了.好了,现在你可以开始骂我第3步不做会更好了.我的错啊..对,这就是教程和经验交流的区别.我更希望⼤家能提出对我的制作过程中的看法,看贴回帖是⼀种美得!!看看这个图⽚,上⼀部做的东西真的失真了吗?其实不然..但是真的有点怪怪的啊,原因是我们把USB插头的⾦属部分和塑料部分放在⼀个⾯上了..再仔细看看上图..侧⾯来看其实不是在⼀个⾯上的.怎么让他们各⾃到各⾃的⾯上去呢?这个只有靠感觉去微调⼀下了..蓝⾊的⾯向右移动⼀象素,红⾊的⾯向上移动两象素,左⼀象素tips:很多地⽅我们需要⽤到微调,⽐如在⽴体图形上⾯有⼀个凸出的⾯,但是⼜凸出的不多..我们当作他在原来的那个⾯上做透视,然后再微调⼀下7、把那些⾯连接成⽴体形状.这个很简单..详细请看"FW制作3D图形"既然已经成了⽴体图形,我们把侧⾯也画上去,这⾥有⼏个凹⼊的槽.先画三根线.效果后⾯做到这⾥模型已经全部完成了.⼤家画画的时候也会先画线稿再上⾊对把,这个就是线稿了.8.上⾊.如果是⽤马克笔,⼀般就直接在线稿上⾯画质感了,是的,马克笔五块钱⼀⽀,电五⽑钱⼀度....SO.我们不⽤直接画渐变,先画个基本⾊,然后再⼀个⼀个部分修改为渐变9.调整渐变来表现光感(谁能告诉我⼀个更专业的词语),不同的质感对光的反映是有讲究的,塑料⽐较圆滑,⾦属⽐较直爽,玻璃⽐较活跃.塑料的转⾓是⼀个缓慢变化的过程,⽽⾦属的转⾓不能⽤单⼀的渐变来表现,⼀般我会再转⾓多加⼏条⿊⾊和⽩⾊的线条....10.还是光感.塑料部分的正⾯进⾏⽻化:⽻化塑料的正⾯,达到从正⾯到侧⾯的⾊彩缓慢过渡的⽬的.你可以和上图⽐较下,可见上图的菱⾓是很明显的.半透明渐变:把⼿握的位置的反光画出来,具体是上⾯透明,下⾯⽩⾊的渐变,再⽻化⼀下.同上:同上制作⼿握位置的⾓的⾼光⽩⾊实⼼填充:制作⼀条细线来表现整个塑料部分的菱⾓的⾼光,上⼀部的作⽤和这⼀步是同样的,只是⼿握的位置的⾼光线条⽐较粗,所以我⽤两步来实现⾦属部分表⾯内容的内侧阴影:⾦属部分表⾯有⼀个槽和两个洞..内侧阴影是为了表⽰他们是凹进去的.⼀象素⽩⾊线条:⾦属部分的⾼光,⾦属部分的菱⾓是很直爽的.直接变到另外⼀个⾯11.细节部分.操作解释如下理解USB标志的原⾓举⾏边框:使⽤1PX内侧阴影表现它们是凹⼊的USB标志:使⽤1PX投影,表⽰它是凸出的,投影和阴影的⽬的是画出那个很薄的侧⾯.⾦属质感修改:这⾥加⼀个⿊⾊的或者你也可以再加⼀条⽩⾊的再左边.为什么??你从凸出的镜⼦看⾃⼰,⾃⼰被压扁了.,那么从⼀个到90度的菱⾓看景物..每个景物就剩下⼀根线了,所以⾦属的原⾓有⼀系列⽆规律的线条..12.来看看⾦属部分的另外⼀些细节和全部组成内容塑料再⾦属上的投影:使⽤表⾯做内侧阴影,然后选上[去底⾊],这是塑料挡住了部分照到⾦属的光.⾃⾝的边缘:⾦属的边缘,由于11步说的原理,所以⾦属的边缘加两条深线条13.过份仿真的图标在使⽤起来是没有太⼤意义的,真正的图标要使⽤起来必须颜⾊清晰,容易区分,有体量感(胖⼀点).⽽且实际制作中,⼀套图标要风格统⼀.你可以使⽤同样⾓度的透视或者同样的配⾊或者同样的表现风格.这⾥我使⽤了同样的透视,这就意味着整套图标的透视都⽤同⼀个透视的命令.如下另⼀例⼦14.这⾥使⽤了上⼀个图标制作所保存的命令,这样两个图标就是从同⼀个⾓度透视了,这个例⼦中,我也把 [光影渐变]和[渲染质感]作为两步,这样能更好的调整⾊彩！以上就是利⽤Fireworks画图标的完整过程，希望对⼤家有所帮助！。

第7章Fireworks MX基础知识网页图像是网页上的重要元素，是网页的灵魂，在设计和制作网页之前，首先要制作网页图像。

本章主要讲述Fireworks MX 的基本概念和操作。

通过本章学习，应该掌握以下内容：●●网页图像格式的种类及其特点●●Fireworks MX工作界面的构成●●矢量图形绘制与编辑工具的使用7.1 网页图像概述7.1.1图像的格式目前网络支持的图形格式主要有JPEG/JPG、GIF和PNG 3种。

由于这3种格式各有利弊，在设计网页时，要根据实际情况来考虑选择使用何种图像格式。

这3种图像格式的特点如下：∙JPEG/JPG（Joint Photo Graphic Experts Group的缩写）格式：是一种失真压缩的文件格式，其压缩效果非常明显，并支持真彩色24位和渐进格式（Progressive）。

但压缩后的文件相对网络图像而言仍然显得很大，仅适用于质量要求较高的图像，如颜色丰富的风景画和照片作品等。

∙GIF（Graphics Interchange Format 的缩写）格式：支持透明背景和动画功能，同时他还支持“渐进交错”功能，此格式在网页中应用非常广泛。

GIF格式的图像与JPEG格式不同，它为非失真压缩，存储格式由1位—8位，只支持256色，而不支持真彩色24位，这是GIP格式的主要特点。

∙PNG（Portable Network Graphics的缩写）格式：此格式是Macromedia Fireworks 的默认格式，它是一种非失真压缩格式。

它具有JPEG 和GIF 格式的全部优点。

7.1.2 矢量图像和位图图像矢量图像和位图图像是计算机显示图形的两种主要方法。

1. 矢量图像矢量图像是用包含颜色和位置属性的直线或曲线（即称为矢量）来描述图像属性的一种方法。

比如，一个圆包括两部分：由通过圆的边缘的一些点组成的轮廓和轮廓内的点。

矢量图形是具有独立分辨率的，即它可以在不损失任何质量的前提下，以各种各样的分辨率显示在输出设备中。

ItemID QuestionType Itemvalue optionA optionB 11如何将各个所选对象组合起来，然后将选择编辑>组选择修改>组把边缘柔和度21笔触选项弹出窗口中如何设置可以得到把边缘柔和度单击混色器中31如何将颜色栏中的颜色应用于所选矢量单击混色器中41如何使用样本面板对所选对象的笔触或单击工具面板单击工具面板文字对象转化51Fireworks 的文字特性有应用到路径对路径是矢量图61以下关于路径的描述，错误的是路径只有一个克隆复制出的71克隆和重复之间的区别是什么？克隆复制出来双击该文本块81在固定宽度文本块或自动调整大小文本在文本块内部91以下以下哪种不是混合色面板上的颜色RGB HSB在属性面板效101如何重新排列所选对象的效果应用顺序将效果拖动到111下列那一种格式的图形文件是Firework CorelDRAW 8压缩的CDR 文在文本编辑中121如何使用系统字体查看文本？在文本编辑中设置字体尺寸131以下哪一项不属于文本编辑器的功能？设置文本字体双击左面的标单击并从上面141在Fireworks MX 中如何创建水平引导线将效果拖动到151如何重新排列所选对象的效果应用顺序选中一个效果161下面哪些说法是正确的？调整分辨率而调整分辨率而克隆位图图像171橡皮图章工具的作用是复制和粘贴图按照颜色创建181样本面板选项菜单中的按颜色排序的作按照颜色值对191克隆命令的作用是复制出一个完复制出一个完单击选项按钮201如何创建自定义动态效果？单击属性检查211铅笔工具可以用来 绘制出单像任意像素的线221Fireworks 的效果效果中，哪一个特效曲线阴影选择油漆桶工231如何使用在位图图像中使用油漆桶工具选择油漆桶工将绘制的线条241使用铅笔工具时属性面板上的保持透明限制铅笔工具251下面那种颜色模式是根据计算机的特点CMY GifFireworks 附262关于图案填充下列说法正确的是可以添加自定决定色彩类似272在使用魔术棒工具时，容差的作用是确定选取区域模糊和锐化橡皮图章282Fireworks mx 提供了一套新的图像修饰292Fireworks 中用来创建颜色的工具是 滴管工具填充面板在其周围拖动302指针工具的作用是单击对象选择使用修改>变312如何用数值变形对象？使用属性检查选中显示对象322在效果的编辑窗口中的显示对象选项的选中显示对象查看、更改样332样本面板的作用是选择笔触和填在画面上单击342关于引导线以下哪一种说法正确？引导线不驻留GIF PSD 352可以将来自 Fireworks 和其它应用程序列出最近使用362历史记录面板的作用是用户可以选择在文本编辑器372关于文本编辑器，以下说法正确的是文本编辑器在通过拖动颜色382使用混合色面板可以通过拖动颜色393设置锯齿会应用到文本中选定的字符正确错误403可以使用保存笔触保存自定义笔触以便正确 错误413可以将gif 文件的调色板文件中导入自正确错误423选择一个断开的路径。

fireworks快捷键使用教程详解Macromedia Fireworks是一个制作和处理网页图形图像的工具软件。

学习fireworks 的基础首先要熟悉快捷键的使用。

下面店铺给大家整理了更多关于fireworks 快捷键大全，希望大家喜欢。

fireworks 快捷键大全：fireworks 工具快捷键指针、选择后方对象【V】,【0】部分选定【A】,【1】选取框、椭圆选取框【M】套索、多边形套索【L】裁剪、导出区域【C】魔术棒【W】线条工具【N】钢笔工具【P】矩形、圆角矩形、椭圆、多边形【U】文本工具【T】铅笔、刷子【B】矢量路径、重绘路径【P】缩放、倾斜、扭曲【Q】自由变形、更改区域形状【O】滴管工具【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】在浏览器中预览【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】粘贴属性(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】水平居中(C) 【Ctrl】【Alt】【Shift】【C】右对齐(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快捷键使用教程详解 Macromedia Fireworks是一个制作和处理网页图形图像的工具软件。