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

FireWorks
Fireworks 三帧打造酷 Banner
Fireworks MX制水晶立体五星
Fireworks 做证券效果的 Logo
使用Fw MX插件 3D Primitives
Fireworks Edge滤镜与彩色描边
给玉兰油MM做个曲别针展示图效果
用Fireworks制作Logo心得体会
用Fireworks制作连续跳跃数字
巧用Fireworks设计个性化印章
Fireworks蒙版制作图片窗格效果
使用Fireworks制作漂亮的礼花
Fireworks文本路径结合操作
FW制作片头文字渐显渐隐动画
Fireworks轻松绘制banner广告
Fireworks网页切片应用详解
Fireworks绘制纸折扇(2)
Fireworks绘制纸折扇(5)
Fireworks绘制纸折扇(1)
Fireworks绘制纸折扇(4)
Fireworks绘制纸折扇(3)

FireWorks 中的 Fireworks4极速教程


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 103 ::
收藏到网摘: 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

登陆 还没注册?