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

  • 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


    第一节:编辑向量图形

    我们先来看一看下边的效果图(如图1)

    苹果中的笑脸

    图1 苹果中的笑脸

    怎么样?是不是很有意思!下面我们就来看一下它是如何制作的?

    一. 绘制苹果

      首先,我们新建一个文件(300x300 Pixels;颜色为绿色),然后设置Stroke面板(如图2a),Fill、Effect面板为None;选择“形状绘图工具” ,在画布中绘制一个椭圆;双击“自由格式工具” ,弹出工具参数面板(Options),设置光标的半径大小为40像素(如图2b);在画布中按下鼠标,可以看到鼠标变成了一个红色的圆,用这个红色的圆拖动路径变成如图3的样子。这样苹果的大部分轮廓就出来了。

    初始设置

    图2 初始设置

    苹果的最初轮廓

    图3 苹果的最初轮廓

      现在我们再来为苹果添加一个小小的柄,按住自由格式工具,我们就会发现弹出了四种工具(其实,每个右下角带有一个小三角形的工具(如图4a),按住它都会弹出其它可供选择的同类型工具),选择“区域变形工具”,然后双击它,弹出工具参数面板(Options),设置光标的半径大小为10像素,力度为80%,选中Pressure的两个选项和Preview选项,如图4b所示;然后从苹果的内部来拖动路径,按住鼠标左键向上拖,如图5所示,其中小圆圈为鼠标的形状。

    自由格式工具参数选择

    图4 自由格式工具参数选择

    苹果的基本轮廓

    图5 苹果的基本轮廓

       

     

    二. 美化苹果

      下面我们来为苹果化妆一下,让它更加漂亮、更加具有立体感,首先选择“细部选取工具”并单击画布的空白处,取消对苹果的选择状态,然后将笔刷的颜色设置为白色,将漆桶的颜色设置为红色,Fill 面板选择Radial,其他设置如图6a;双击漆桶,弹出工具参数面板,具体设置如图6b;在苹果的内部拖动鼠标,苹果就穿上了新装;下面我们再为苹果美化一下,按住圆形手柄,将它拖到苹果的核心;拖动长方手柄,适当改变一下白色的辐射范围;另外,我们将鼠标放到手柄的黑线上,就会出现一个环形箭头,按住并拖动鼠标,适当地改变填充图案的方向(如图7)

    填充和漆桶参数设置

    图6 填充和漆桶参数设置

    对苹果的美化

    图7 对苹果的美化

      接下来,我们再为苹果添加一个特效,使它更加具有立体感,首先选中苹果,然后开启“Effect”面板,单击“特效”按钮并在弹出的菜单中选择“Shadow and Glow\Drop Shadow”(如图8a),最后双击“Drop Shadow”,将其设置如图8b

    立体效果设置

    图8 立体效果设置

      这样,一个具有立体感、光泽鲜艳的苹果就浮现在我们的眼前了。(如图9)

    立体效果的苹果

    图9 立体效果的苹果

     

    三. 添加笑脸

      怎样才能为苹果添加一副笑脸呢?

    割图

    图10 割图

      首先单击“打开文件”按钮,双击“打开”对话框我们预先准备好的“笑脸.jpg”,笑脸.jpg就在一个新的工作区域中打开了;按下“形状选择工具”,选择“割图工具”;拖动鼠标将“笑脸”框住,利用键盘适当地改变一下选择区域位置,拖动缩放手柄使选择区域尽量的小,然后回车,“笑脸”就被截下来了(如图10);双击“魔术棒”,在弹出的“Option”面板中将“Tolerance”设置为:30(注:颜色的容许度Tolerance越大,选择范围越大,但是太大,会造成选择范围不准确,因此需要不断地尝试,以便设置一个合适的值),然后按住Shift 键,点击笑脸外的地方(如图11a),然后按下Ctrl+Shift+I组合键----反选,这样选择区域就变成了笑脸(如图11b),Ctrl+C将它复制到剪贴板中。

    选择笑脸

    图11 选择笑脸

    单击“新建文件”按钮 ,弹出了新文件对话框,由于Fireworks 3可以根据剪贴板的内容自行裁定新建文件的尺寸和分辨率大小,所以我们只需要将画布的颜色设置为透明即可,单击“ok”按钮,笑脸就在新的画布中打开了;接下来我们再进一步调整一下笑脸,首先,双击“橡皮工具” ,弹出工具参数面板,设置擦除尺寸为:6;Erase to 项设置为:Transparent(透明),其他具体设置如图12a,然后用橡皮将头部以外的部分擦掉,接下来,选择“变形工具”将它适当地缩小(如图12b)。将笑脸复制下来,切换到“苹果”工作区,Ctrl+V,将笑脸拖到苹果的核心。

    橡皮工具和添加笑脸

    图12 橡皮工具和添加笑脸

      

    四. 调整画布

      为了便于编辑,我们可以将“笑脸”和“苹果”合并,首先选中它们,然后选取菜单指令“Modify\Group”即可。

      接下来,我们选中“一般选物工具” 将合并后的“笑脸”和“苹果”拖到画布的左上角,然后选取菜单指令“Modify\Canvas Size”,在弹出的窗口中,我们将画布的大小改为130x130 Pixels(视具体情况而定),Anchor(锚)设为左上角,单击“ok”即可(如图13)

    画布大小参数面板

    图13 画布大小参数面板

      同理,如果我们想要调整画布的颜色,选取菜单指令“Modify\Canvas Color”,在弹出的窗口中选中Custom,并将颜色调整为最佳效果即可(如图14)

    画布颜色参数面板

    图14 画布颜色参数面板

      到此为止,整个“苹果中的笑脸”就编辑完了。

    五. 保存文件(最佳化影像处理)

      1、 保存为GIF格式

      选取菜单指令“File\Export Preview”,开启Export Preview窗口,选择“Option”选项卡;要转存为GIF格式,我们首先必须在“Format”选项中选择“GIF”选项;然后在“Palette”选择适当的色盘,我们常用的色盘为:

      Adaptive 色盘:Adaptive的意思为最适合的色彩,如果我们要转存的图片不只是渐进式的色彩,那么这个色盘会先选用相对安全的色彩,然后再以延续渐进的方式来加入非安全性的色彩,因此,转存后的图片将会有不错的效果。

      WebSnap Adaptive 的意思是接近网页的最适合色彩,如果我们转存的是相片图形,它会使图片获得更平顺的效果。

      我们选择Adaptive 色盘,然后再在“Loss”选项中设置一下压缩比率,它的预设值为0,表示压缩的品质最好,但是图片的体积最大,若设为100,则压缩后的体积最小,但图片品质最差。我们可以根据需要设置适当的压缩比率。

      另外,色彩数量也是影响图片大小的一个重要因素,色彩数量越少,图片的体积就越小,但相对的图片品质就会降低,我们可以在如图的选项中选择系统提供的色彩数量,也可以手动修改色彩数量,这样我们就可以通过使用最少的色彩,达到最好的图片品质。

      大家都知道GIF文件可以设置透明色,那么在Fireworks 3中它是如何设置的呢?

      在窗口的下方,我们可以看到三个吸管状的按钮,使用它们就可以设置图片的透明色:透明色选择按钮可以选取一个色彩作为透明色;增加透明色按钮可以选取两个以上的颜色;删除透明色按钮可以恢复色彩原来的颜色。

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

    文章录入:zbzcs    责任编辑:zbzcs 
  • 上一篇文章: Fireworks 3 教程:新手上路

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