当前位置:站长之家学习教程图象图形Fireworks学习教程 → 文章列表
文章标题关闭所有内容预览 | 展开所有内容预览
  • [组图] Fireworks4教程一:初识Fireworks [内容预览] 1021 | 2006-02-02 10:53:51
      fireworks是一个强大的网页图形设计工具,你可以使用它创建和编辑位图、矢量图形,还可以非常轻松的做出各种网页设计中常见的效果,比如翻转图象,下拉菜单等,设计完成以后,如果你要在网页设计中使用,你可以将它输出为html文件,还能输出为可以在photoshop,illustrator和flash等软件中编辑的格式...

    [阅读全文]

  • [组图] Fireworks4教程二:做一个按钮(上) [内容预览] 505 | 2006-02-02 10:53:50
      画一个矩形  首先我们要在辅助线的帮助下,画一个矩形。  1,从菜单上将View>Guides的ShowGuides和SnaptoGuides选上,这样就可以显示辅助线并且确保对齐到辅助线(Guids)。  2,单击工具条上的矩形工具(Rectangletool)。  3,将矩形工具(Rectangletool)指...

    [阅读全文]

  • [组图] Fireworks4教程二:做一个按钮(下) [内容预览] 319 | 2006-02-02 10:53:48
      要创建一个JavaScript按钮,必须先将物件转化为Symbols(符号),fireworks中的(符号)是存储在文档的库(Library)中可以重复利用的元素。  转化为Symbols(符号)  1,选定这个矩形区域,从菜单中选择Insert>ConverttoSymbol.  2,在Name(名称)一栏中填入...

    [阅读全文]

  • [组图] Fireworks4 教程三:创建动画 [内容预览] 308 | 2006-02-02 10:53:47
      创建一个物体来产生动画  1,新建一个文件,长和宽都是200pixel  2,用矩形工具画一个矩形,你可以使用你喜欢的任何颜色    动画的设定  1,选中这个矩形,选择modify菜单Animate->Animatedselecation.  2,在frame框中输入5  3,move框中输入180,这是设定移动...

    [阅读全文]

  • [组图] Fireworks4教程四:热点和切片(上) [内容预览] 188 | 2006-02-02 10:53:45
      热点(hotspots)和切片(slices)是用来创建图象交互效果的重要工具,热点和切片被称为web对象,也就是说,它们不是图象而是一段html代码,在层面板上的WebLayer,你可以查看,选择和重命名热点和切片。  热点和影象地图  在网页设计中热点(hotspots)和影象地图(imagemaps)被广泛的...

    [阅读全文]

  • [组图] Fireworks4教程四:热点和切片(下) [内容预览] 142 | 2006-02-02 10:53:44
      添加链接:    1,打开object面板  2,在link框内添入链接地址  3,在alt框内可输入替代图象的文字,在图象下载的过程中这些文字会显现出来  给切片加上链接的方式也是一样的  切片  切片可以将一副大的图片分割开来,这样可以减低图象的大小,并且能创造交互的效果,如翻转图象等,还能将图象的一些区域用h...

    [阅读全文]

  • [组图] Fireworks4 教程五:翻转图像 [内容预览] 202 | 2006-02-02 10:53:42
      除了创建按钮之外,Fireworks还可以让您轻松的创建一个奇异的Javascript翻转效果。例如,当鼠标指针滑过一个按钮,除了改变这个按钮的显示状态,您还可以让它改变在这一页中的其他区域的显示,在Fireworks中,这种翻转效果被称作不相交翻转(disjointrollover)。  加入引发翻转的图象   ...

    [阅读全文]

  • [组图] Fireworks4 教程六:下拉菜单 [内容预览] 133 | 2006-02-02 10:53:41
      创建标题  1,新建一个图象  2,用矩形工具画一个长方形    3,用文字工具输入文字    创建切片  选中这个矩形,然后选择菜单insert->slice(插入-切片).  加上下拉菜单  1,保持切片处于选中的状态,选择菜单insert->popmenu,插入子菜单  2,在弹出的窗口内进行输入,text(...

    [阅读全文]

  • [组图] Fireworks4 教程七:查找替换颜色 [内容预览] 134 | 2006-02-02 10:53:39
      1,打开一个文件    2,打开查找替换(Findingandreplacing)面板  3,在查找替换(Findingandreplacing)面板上面的下拉菜单上选择searchdocument  4,在下一个下拉菜单内选择findcolor     5,指定find的颜色,将鼠标移到文件窗口,在红色区域上点击...

    [阅读全文]

  • [组图] Fireworks4 教程八:自动操作 [内容预览] 112 | 2006-02-02 10:53:38
      录制command  你可以使用history(历史)面板来建立command,在下次要执行相同的操作时可以使用command来自动操作可以大大提高工作效率。  1,建立一个新文件  2,在层面板上建立一个新层  3,用文字工具输入draft  4,选择window菜单上的history打开历史面板  5,你可以看...

    [阅读全文]

  • [图文] Fireworks4 教程九:图象优化 [内容预览] 122 | 2006-02-02 10:53:36
      使用Optimize(优化)面板  Optimize(优化)面板可以很方便的在工作区内进行图象优化,并且同时看到优化后的效果,在Optimize(优化)面板上预先设置了几种优化设定可供选择,你也可以按照自己的需要进行设定。    切片优化  你可以对分割的图象的每一个切片进行不同的优化设定,比如你可以将图象上色彩丰...

    [阅读全文]

  • [图文] Fireworks4 教程十:输出图象 [内容预览] 98 | 2006-02-02 10:53:35
      输出图象  当图象优化完成以后,就可以输出了    1,选择File->Exportto可以直接进行输出  2,选择ImagesOnly只输出图象  3,选择htmlandimages可输出图象和html文件  输出一个区域的图象  1,选择工具条上的输出区域工具,在图上画出需要输出的区域范围  2,双击输出区域,...

    [阅读全文]

  • [图文] Macromedia FireworksMX新特性一 [内容预览] 85 | 2006-02-02 10:53:32
      随着FlashMX的推出,Macromedia公司不可避免的将其旗下的其他产品也一并MX化,并且统一称为MacromediaMXStudio,于是在这种情况下首先发布了测试版本,有兴趣的朋友可以到论坛寻找下载地址,在此感谢jet提供,一同发布的还有DreamweaverMX的测试版,需要的请到http://www....

    [阅读全文]

  • [组图] Macromedia FireworksMX新特性二 [内容预览] 89 | 2006-02-02 10:53:30
      MacromediaFireworksMX的新特性之简单易用的新特性  参考材料:FireworksMXHelp    “一个舒适的、直观的工作环境使得MacromediaFireworksMX成为一个容易学习和快速使用的理想工具”Macromedia如是说,“它的新界面组织的更好更合理,同时也和其他Macrome...

    [阅读全文]

  • [图文] Macromedia FireworksMX新特性三 [内容预览] 62 | 2006-02-02 10:53:29
    MacromediaFireworksMX的新特性之增强了的新功能作者:spikal点燃灵感参考材料:FireworksMXHelp  FireworksMX拥有一系列全新的创造和自动完成的功能,有了这些功能,不但网络设计方面的新手会觉得容易使用,而且经验丰富的设计师们也会倍感方便。  动态数据图象向导(TheData...

    [阅读全文]

  • [组图] Fireworks MX教程(一)制作虚线 [内容预览] 172 | 2006-02-02 10:53:19
      操作步骤:  1.启动FireworksMX,新建一个文件,文件宽和高都设为200象素,也可以是任意大小,背景为白色。  2.单击“工具”面板“矢量”部分的“线条”工具,并且按住键盘上的“Shift”键,在编辑区任意绘制一条直线。      3.在“工具”面板的“选择”部分中选择“指针”工具,选中这条直线。    ...

    [阅读全文]

  • [组图] Fireworks MX教程(二)环绕文字 [内容预览] 231 | 2006-02-02 10:53:17
      1.新建宽和高都是300像素的文件,背景设为白色。  2.点选“工具”面板中的“文本”工具,在工作区输入文本“http://vip.5d.cn/fuguotao/,字体选择“ArialBlack”,字号为20像素大小,颜色为黑色。    3.点选“工具”面板“矢量”部分的“椭圆”工具。    4.按住“Shift”...

    [阅读全文]

  • [组图] Fireworks MX教程(三)改变图片 [内容预览] 99 | 2006-02-02 10:53:15
      1.打开一个图片。此图片大小为宽2950,高2094。目的是要把这个图片变成宽400的图片。    2.打开“修改”菜单,单击“画布”里的“图象大小”。    3.在宽度中输入400。    4.选择“文件”菜单中的“导出”,给文件命名,保存即可。    

    [阅读全文]

  • [组图] Fireworks MX教程(四)羽化图片 [内容预览] 142 | 2006-02-02 10:53:13
      1.打开一个图片。  2.点击“工具”面板“位图”部分的“选取框”工具。也可以选择“椭圆选取框”工具。    3.选择部分图象。    4.在属性检查器中,“边缘”项中选择“羽化”    5.调整羽化大小。    6.打开“选择”菜单,单击“反选”。    7.反选过的图片:    8.按键盘上的Delete键删除...

    [阅读全文]

  • [组图] fireworks MX教程(五)缺角矩形 [内容预览] 147 | 2006-02-02 10:53:11
      1.新建一个宽为150象素,高为100像素的文件,背景色任意。  2.选中工具面板中的矩形工具,在编辑区画一个矩形。    3.选择工具面板矢量部分的“刀子工具”,并且按住Shift键,把矩形右上角的边框进行切割。    4.切割后的图片:    5.点选“工具”面板中的“部分选定”工具。    6.选择顶点。  ...

    [阅读全文]

  • [组图] Fireworks MX(六)两头半圆矩形 [内容预览] 78 | 2006-02-02 10:53:10
      1.在“工具”面板的“矢量”部分中选择“圆角矩形”工具。    2.在属性检查器中,单击矩形圆度旁边的滑块,拖动滑块到100。    3.在工作区画一个两头半圆的矩形。    

    [阅读全文]

  • [组图] Fireworks MX(七)制作渐变按钮 [内容预览] 78 | 2006-02-02 10:53:08
      1.使用矩形工具在工作区画一个矩形。    2.在“工具”面板“位图”部分中的“油漆桶”工具上单击并按住鼠标按钮。从出现的弹出菜单中选择“渐变”工具。    3.单击属性检查器中的“填充颜色”框。选择“线性”填充。    4.打开“编辑渐变”弹出窗口,在色阶下面单击添加一个色样。实例中添加的色样在中间。    5....

    [阅读全文]

  • [组图] fireworks MX(八)圆角三角形 [内容预览] 76 | 2006-02-02 10:53:06
      1.选择“多边形”工具。    2.在“属性”检查器中,在“边”文本框中输入3。    3.按住Shift键,在画布上从上到下拖动,画出一个正三角形。    4.打开菜单:修改>改变路径>伸缩路径。    5.方向选择“外部”,宽度为15,也可以是其它数值,角选择圆弧,如下图。    6.做好的圆角三角形。    ...

    [阅读全文]

  • [组图] Fireworks MX(九)制作抽线图 [内容预览] 96 | 2006-02-02 10:53:05
      1.打开一幅图像。    2.选择“矩形”工具。    3.点击属性检查器上的填充类别下拉框。    4.单击“填充选项”。    5.在如下图中,设置“填充类别”为实心,也可以试试其它项。纹理为水平线4。纹理总量为100%,只要不为0就可以。选择透明项。在纹理总量中不为0,就可以选中透明项。    6.使用矩形工...

    [阅读全文]

  • [组图] Fireworks MX(十一)Mac按钮 [内容预览] 154 | 2006-02-02 10:53:03
      1.新建一个文件,背景色自定。使用圆角矩形工具,在编辑区绘制一个圆角矩形,矩形宽120象素,高40象素,矩形圆度为50。    2.选中这个圆角矩形,在属性面板上,描边设为无,填充方式为线性,填充颜色设置为灰色到白色。选取油漆桶工具,从上向下拖动。    3.打开层面板,选中当前图层,拖到“新建复制层”按钮上,复制...

    [阅读全文]

  • [组图] Fireworks MX(十)荧光按钮 [内容预览] 124 | 2006-02-02 10:53:01
      1.新建一个文件,大小任意,背景为透明。  2.在透明画布上,使用圆角矩形工具画一个两头半圆的按钮,颜色为黑色。制作方法见《制作两头半圆的矩形》一文。    3.选中当前图层,单击层面板右上角的弹出菜单按钮,在弹出的菜单中选择复制图层命令,复制当前选定图层,在弹出对话框中选择“在顶端”,将复制的图层命名为“效果层”...

    [阅读全文]

  • [组图] Fireworks MX(十二)立体按钮 [内容预览] 84 | 2006-02-02 10:52:59
      1.新建一个文件,使用矩形工具在画布上绘制一个矩形,宽90,高20,填充颜色为#656565。    2.单击属性检查器中的“添加效果”按钮,然后从“效果”弹出菜单中选择“斜角和浮雕”/“内斜角”。    3.在弹出的对话框中设置如下图。    4.做好的效果。  

    [阅读全文]

  • [组图] Fireworks MX(十三)虚线背景图片 [内容预览] 82 | 2006-02-02 10:52:58
      1.新建一个文件,设置如下图。    2.在优化面板中,选择GIF格式,Alpha透明,导出文件,在dreamweaver中,就可以把这个图像作为单元格的当前图像。  3.使用“缩放”工具,把画布放大800%。    4.使用矩形工具,在最中间处画一个点。在优化面板中,选择GIF格式,Alpha透明,导出这个文件,...

    [阅读全文]

  • [组图] Fireworks MX(十四)去背景图 [内容预览] 92 | 2006-02-02 10:52:56
      1.打开要去背景的图片,使用魔术棒工具,选择图片中的背景。    2.在属性面板中设置容差,边缘可以选择羽化。  3.删除选中的背景,反复进行这个过程,最后的图片如下。

    [阅读全文]

  • [组图] Fireworks MX(十五)圆角矩形框 [内容预览] 83 | 2006-02-02 10:52:55
      1.在工具面板上选择圆角矩形工具,在画布上绘制一个圆角矩形。    2.在属性检查器中设置如下。    3.做出的圆角矩形框。  

    [阅读全文]

 Fireworks学习教程   1280   30   1/43页   首页   1   2   3   4   5         GO