现在位置:中国IDC吧>网页设计>Fireworks教程> 文章内容

Fireworks4功能介绍

收藏发布 来源:互联网 作者:中国IDC吧 更新日期:2008-10-07 点击:

译 / www.loadskill.com Donger

  这是一个演示,将带你感受在一个典型站点中创造几个新页面的全过程。本演示按照这个过程的不同阶段被分成几个部分。如果你需要更多的帮助信息,在Fireworks里也包括了一个帮助。

  第一步:安装

  Fireworks:CD中包括了Fireworks的安装程序。CD中还有Alien Skin提供的Alien Skin Eye Candy的演示版本。安装Eye Candy文件夹到你的xtras文件夹中。

  Dreamweaver 4 CD中包括了Dreamweaver Demo版的安装程序。

  Macromedia Flash 5 CD中包括了Macromedia Flash 5 Demo版的安装程序。

  在我们开始以前,先讲一个名词--“选择物体”:

  在这整个演示中,我将经常提起“选择物体”这个名词。意思是,在工具栏中选择指针工具,点击你想选择的物体。如果想一下子选择多个物体,你也能这样做。方法有两种:

  1. 按下Shift键,然后再用指针工具选择别的物体。

  2. 用指针工具,点击并拖出一个区域,被这个区域所包含的物体都被选中。

译 / www.loadskill.com Donger

  在位图和矢量图编辑环境中工作


  在这一部分中,我们最开始将从导入的位图和矢量图创造出矢量图。

  从Photoshop中导入带有遮照的图片

打开Demo_02.png

选择"文件/导入",文件名为"Compass.psd"

在文件中点击任意位置放置图片

请注意该罗盘图形包含了来自Photoshop的蒙版图层,在Fireworks中仍旧得到了保留。同时具有文字及生动的阴影效果。选中自Photoshop导入的图象与文字后,使用Info面板来定位

在info面板中,键入x=0,y=106

译 / www.loadskill.com Donger

  编辑物体的遮照

单击层面板的遮照并选择它(边界框就会出现)

在工具面板中选择椭圆工具,设置它的填充颜色为白色

在图象的最右边画一个细的垂直椭圆形

这将在右边缘创造一个凹入的效果以替代当前遮照的直边缘

退出位图编辑模式(按ESC键)


  编辑生动的文字

在文字"Online Adventure Travel"上双击,并编辑它

把"Online"改写成"The Latest In"

当文字编辑框还是打开时,在当前文件中,单击并拖动文字,重新安排使它精确的定

位在图象右边稍下的位置

改变文字的颜色为白色,点击OK

在Effect面板,注意文字效果是从Photoshop带进来的

此时文字仍旧被选中,打开Effect面板,点击"I"图标

调整阴影的透明度为100%

续对文件进行处理或者如果你刚开始阅读这一部分,请使用文件:Demo_03.png

译 / www.loadskill.com Donger

  输入多个位图(转换位图并编辑他们成为图标)

选择菜单File/Open

在Bitmaps文件夹中按住Shift全选这7个图片

选择"Open as animation",单击打开

所有7个图像都在同一个文档中打开,每一个在一个不同的帧,我们将对每个图像作

稍微不同的处理。命名每个帧使我们知道哪个图像在哪个帧

在帧面板,双击Frame1并命名为"surfing"来表示这个图象所代表的意思

双击每个帧并根据每个图片的意思重命名他们

Frame 2=Kayaking

Frame 3=Mountain Biking

Frame 4=Rafting

Frame 5=Rappelling

Frame 6=Diving

Frame 7=Fly Fishing

译 / www.loadskill.com Donger

 位图编辑

单击Frame 6,帧的名字为Diving,并且选中这个图片

图片进行处理后,就对他进行颜色的调节,使用生动效果

上一页12 3 4 5 6 下一页
[点击复制本页地址发送给 QQ/MSN 好友] [ 发布内容][ 举报][ 关闭窗口][ 返回顶部]
收藏此页到网摘/书签:
所有评论

评论列表

用户名: 新注册) 密码: 匿名评论