当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks4极速教程

FireWorks
Fireworks教程:制作韩国女包
Firewoks实例:铅笔图标
Fireworks打造javascript图片提示效果
Fireworks教程:动画制作的技巧
Firewoks教程:联通标志轻松做
Firewoks教程:图片的渐变矢量风格
Fireworks教程:制作实物光影
Fireworks教程:简单制作网站Logo
Fireworks教程:绘制网页虚线的方法
Fireworks教程:绘制小老鼠图案邮票
Fireworks教程:立体质感水晶的制作过程
Fireworks制作RockWave摇滚波字体
Fireworks教程:液体金属表面特效制作
Fireworks笔触打造另类十字架
Fireworks粒子插件帮助AE制作绚丽焰火
用Fireworks打造的脸部特写
Fireworks制作超酷质感按钮
Fireworks快速制作带血的金属刀具
Fireworks教程:果冻水晶字
Fireworks简单绘制甲壳虫小轿车

FireWorks 中的 Fireworks4极速教程


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 73 ::
收藏到网摘: n/a

 

文 / 5D多媒体 Candy

一、初识Fireworks4.0

  Fireworks是一个强大的网页图形设计工具,你可以使用它创建和编辑位图、矢量图形,还可以非常轻松的做出各种网页设计中常见的效果,比如翻转图象,下拉菜单等,设计完成以后,如果你要在网页设计中使用,你可以将它输出为html文件,还能输出为可以在photoshop,illustrator和flash等软件中编辑的格式。

文件窗口

  Fireworks 的文件窗口上有四个标签,可以同时编辑和预览图象,你可以同时预览四种不同的优化设定所产生的效果,选择最理想的一种设定。

工具条

  工具条上包括各种选择、创建、编辑图象的工具,有的工具按钮的右下角有一个小三角,说明这个工具包含有几种不同的形式,按住这个工具不放就能显示其他的形式。

矢量模式与位图模式

  Fireworks 可以进行矢量模式与位图模式的编辑,在默认状态下,Fireworks 在打开时是处于位图模式下,你所绘制的图形是作为矢量对象来处理的。当你在编辑它们时,你会看到你是在修改构成矢量图形的路径。

  你可以打开或是输入位图,可以对构成位图的像素进行编辑,在处于位图状态下时,画布带斜纹的框包围着。

浮动面板

  Fireworks的浮动面板包括有layer(图层),frames(帧),color mixs(颜色混合),behavor(行为),optimize(优化)和object(对象)等。

  在工作中你可能会发现有些面板经常会用到,你可以把工作起来最方便的面板排列方式保存起来,使用菜单命令command ->panel layout,如果下次要调出这种排列方式只要command ->panel layout set的子菜单内选择就行。

  在工作区的右下角有一排快速启动栏,点击快速启动按钮就可以很迅速的调出相应的浮动面板。

库(Library)

  库(Library)里储存了可以被重复使用的元素,称为symbol(符号),你可以创建一个符号或是将已经存在的对象转化为符号。

  符号分为图象、动画、和按钮三种,要调用符号只要把它拖到画布上就可以了,一个符号可以有多个instance(例图),如果你编辑了符号,那么画布上所有的instance(例图)都会改变。

文 / 5D多媒体 Candy

二、做一个按钮

画一个矩形

  首先我们要在辅助线的帮助下,画一个矩形。

  1、从菜单上将 View > Guides 的 Show Guides 和 Snap to Guides 选上,这样就可以显示辅助线并且确保对齐到辅助线(Guids)。

  2、单击工具条上的矩形工具(Rectangle tool)

  3、将矩形工具(Rectangle tool)指针贴近辅助线(Guides)矩形区域的一个角,按下鼠标并拖动到对角上。

渐变填充

  为了让这个矩形更象一个按钮,我们要给这个矩形进行渐变填充并且加上立体效果。

  1、打开fill(填充)面板,然后确保矩形仍然处于选中的状态,在fill面板上的Fill Category 下拉菜单上选择Linear(线型渐变)方式。

  2、然后在Fill name下拉菜单上选择Black,White。

评论 (0) All

登陆 还没注册?