设为首页
加入收藏
联系站长
首页 | 骨科文章中心 | 骨科资源下载 | 骨科图片中心 | 留 言 本 | 骨科论坛 | 网站管理 | 职工邮箱 | 会议报名 | 
您现在的位置: 齐鲁骨科网 >> 骨科文章中心 >> 人才培养 >> 骨科教学 >> 正文 用户登录 新用户注册
  • 常用办公软件教程

  • flash 3 教程:高级使用

  • flash 3 教程:基本操作

  • flash 3 教程:轻松起步

  • Fireworks 3 教程:自动…

  • Fireworks 3 教程:网页…

  • Fireworks 3 教程:网页…

  • Fireworks 3 教程:网页…

  • Fireworks 3 教程:网页…

  • PhotoShop5.5教程:第四…

  • Fireworks 3 教程:新手上路       ★★★
    Fireworks 3 教程:新手上路
    作者:佚名 文章来源:洪恩在线 点击数: 更新时间:2004-1-6


    第一节:网页最佳选择

    Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件,它大大简化了网络图形设计的工作难度,无论是专业设计家还是业余爱好者,使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画,还可以轻易地完成大图切割、动态按钮、动态翻转图等,因此,对于辅助网页编辑来说,Fireworks将是最大的功臣。

      新推出的Fireworks 3 更是增加了许多脍炙人口的新功能:

      1. 可以输出SWF和 Illustrator7文件;

      2. 与Dreamweaver紧密的配合;

      3. 与网页编辑器的结合;

      4. 可以直接编辑点阵图;

      5. 更方便的Roll over;

      6. 向量模式编辑;

      7. 即时预览;

      8. 允许加入Photoshop滤镜;

      9. 可以读入Photoshop文件;

      10. 提供MAC Gamme预览功能;

      11. 提供GIF编辑环境;

      12. 提供History panel来记录动作;

      13. 提供全新的按钮制作工具;

      14. 可编辑的操作环境;

      15. 资料库(Library)的运用;

      16. 提供图形与文字的样式库(Style)。

      怎么样?Firework 3如此强大的网页编辑功能是不是很令人眼馋呀?!是不是恨不得马上就掌握这个网页编辑利器呀?!别急!就让我们一起来深入地研究它吧!


    第二节:基本概念

      在学习firework 3.0之前,让我们首先来弄清矢量图像和位图图像这两个基本概念。

    一、 矢量图像

      矢量图像是用包含颜色和位置属性的直线或曲线(即称为矢量)来描述图像属性的一种方法。比如说一个椭圆,它就包括由通过椭圆边缘的一些点组成的轮廓和轮廓内的点两部分。

      对于矢量图像,椭圆的颜色取决于椭圆轮廓曲线的颜色和轮廓封闭的区域颜色,与轮廓内单独的点无关。我们可以通过修改描述椭圆轮廓的直线或曲线来更改椭圆的性质,也可以移动、放缩、变形,或者在不改变图形显示质量的前提下,改变具有矢量性质的椭圆的颜色。

      矢量图形具有独立的分辨率,也就是说我们以各式各样的分辨率来显示矢量图形,它都不会失真。

    二、 位图图像

      位图图像是用每一个栅格内不同颜色的点来描述图像属性的,这些点就是我们常说的像素。就拿前面的椭圆来说吧,也可以由所有组成该椭圆的像素的位置和颜色来描述。因为编辑位图时,修改的是像素,而不是直线和曲线。因此无法通过修改描述椭圆轮廓的直线或曲线来更改椭圆的性质。

      位图图像的分辨率不是独立的,因为描述图像的数据是对特定大小栅格中图像而言的,因此,编辑位图会改变它的显示质量,尤其是放缩图像,会因为图像在栅格内的重新分配而导致图像边缘粗糙。在比位图图像本身的分辨率低的输出设备上显示图像也会降低图像的显示质量。

      对于矢量图像和位图图像的转化,可以举一个简单的例子来说明,在firework 3.0中将文字变为路径(Convert to Path)时,可以看成是把文字变为矢量图像,若在对象监控板中选择Transform as Pixels,则可以转化为位图图像。


    第三节:初识Firework 3

      启动Firework 3,我们就会发现它并不陌生,它长得和Photoshop十分相像。

      Firework 3视窗是由菜单栏、工具栏、工具箱和数个浮动面板组成,当我们开启或建立一个新文件时,视窗内还会出现一个绘图工作区,如图1所示。

    图1 Firework视窗

    一、 菜单栏

      菜单栏位于Firework 3视窗的上方,当视窗内尚未开启任何文件时,菜单栏仅仅提供了“File”、“Edit”、“View”、“Commands”、“Window”与“Help”六个菜单,而且菜单中所提供的项目也不多。不过当我们新建或开启一个文件时,菜单栏中的项目就热闹了许多,除了上述的六个菜单外,还增加了“Modify”、“Text”与“Xtras”三个菜单,而且菜单中的项目也增加了不少。

      单击菜单后,就会弹出一个下拉式菜单,如果其中项目的右方有一个如图2的“箭头”符号,则表示该项目还有一个子菜单,单击该项目就会弹出它的子菜单,其中包含了更多的项目。

    菜单栏

    图2 菜单栏

    二、 工具箱

      Firework 3工具箱的预设位置是在视窗的左方,它提供了一套极为专业的向量路径绘制工具群,利用这些工具我们可以绘制出十分动人的图形。

      将工具箱拖曳到空白的位置,就可以把它变成独立的浮动面板,除此之外,我们还可以将它拖曳到视窗的右方,这可依个人喜好而定。

      如果我们想隐藏工具箱,可以单击 “Window\Toolbox”选项,使Toolbox左方的对钩消失即可,若想重新显示工具箱,单击选项,使对钩出现即可。

    三、 工具栏

      Firework 3工具栏( Toolbars)(图3)包括Main(主工具栏)、Modify(修改工具栏)和View Control(视域控制栏)三种工具栏,预设状态下,它们都处于显示状态。

      我们可以将这三个工具栏拖曳到任何位置,也可以将其拖曳成独立的浮动面板。

      通过钩选和取消钩选 “Toolbars”菜单中的“Main、Modify或View Control”选项,我们可以将它们显示和隐藏。

    工具栏

    图3 工具栏

    四、 浮动面板

      Firework 3提供了许多浮动面板来方便我们设计图形,但是如果开启了所有的浮动面板,则会占满整个视窗。为了能够获得一个最佳的工作视窗,我们可以自行开启、关闭、缩放或移动浮动面板,甚至还可以将某个浮动面板加入另一个面板群组中,来组合出适合自己的浮动面板。

      就拿“Stroke”面板来说吧,我们钩选“Window”中的“Stroke”项目,就可以将其开启;如果我们想要关闭它,只需单击浮动面板右上角的“关闭”按钮即可。如果我们想要切换到“Fill”面板,只需单击“Fill”选项卡即可;拖曳“Stroke”面板到“Frames”浮动视窗中,就可以将它加入其中,或者将其拖曳到空白处,就可以独立成一个浮动视窗;如果我们觉得浮动面板占用了太多空间,双击浮动面板的标题栏,就可以将其最小化,再次双击就可将其还原(图4)

      好啦!发挥你的想象力和创造力为自己设计一个最佳的工作视窗吧!

    浮动面板

    图4 浮动面板

    五、 状态栏

      状态栏位于Firework 3视窗的下方,它可以显示我们所选取的菜单项目、工具箱内的工具或工具栏上的按钮之简介,也可以显示目前所选取的物件种类,除此以外,它还包括了一个视窗检视控制栏来切换我们所要检视的Frame。


    第四节:制作一个简单的例子

      我们等不急了,能不能先演示一把!好吧,我们先来制作一个简单的动画(图1)

    “闪烁的星”效果图

    图1 “闪烁的星”效果图

    一、 新建文件

      单击新建按钮 ,弹出New Document(新文件)对话框(图2),设置画布为180x87像素(Pixels),分辨率(Resolution)为:72 像素/英寸(Pixels/Inch),画布颜色选择自定义(Custom)中的黑色,单击“ok”按钮,视窗内就出现了一个绘图工作区。

    新文件对话框

    图2 新文件对话框

     

    二、 选择工具

      左键按住工具箱中的形状绘图工具,我们就会看到有三种形状可供选择

    [1] [2] [3] 下一页  

    文章录入:zbzcs    责任编辑:zbzcs 
  • 上一篇文章: PhotoShop5.5教程:第四节 制作一幅漂亮的图片

  • 下一篇文章: Fireworks 3 教程:网页基本功
  • 【字体: 】【发表评论】【告诉好友】【打印此文】【关闭窗口
    (只显示最新10条。评论内容只代表网友观点,与本站立场无关!)