gggds 发表于 2009-12-27 03:18:16

Fireworks实用设计:电话IC卡(1)





完成效果:

http://edu.itbulo.com/UploadFiles_1485/200512/20051221111513967.JPG
“电话卡”图像  下面我们看具体操作步骤。

  (1)新建一个大小为400×300的图像,点击工具箱上的圆角矩形工具
http://edu.itbulo.com/UploadFiles_1485/200512/20051221111514406.JPG
绘制一个大小为360×240的圆角矩形,设置其填充类型为放射状填充。第一个色块为白色,第二个色块为#CCCCFF,得到图1所示的图像。

http://edu.itbulo.com/UploadFiles_1485/200512/20051221111514996.JPG
图1 绘制圆角矩形
  (2)为了增强图像效果,我们选中该圆角矩形,在其属性面板中点击
http://edu.itbulo.com/UploadFiles_1485/200512/20051221111514956.JPG
在弹出菜单中选择“Shadow and Glow”>>“Drop Shadow”为其添加阴影,得到图2所示的图像效果。

http://edu.itbulo.com/UploadFiles_1485/200512/20051221111514562.JPG
图2 为圆角矩形添加阴影
  (3)现在我们需要导入一幅图像作为电话卡的背景图。点击“File”菜单,在下拉菜单中选择“Import”导入一幅图像,如图3所示。

http://edu.itbulo.com/UploadFiles_1485/200512/20051221111514907.JPG
图3导入一幅图像


下一页




(4)由于导入的图像不够大,这样做的“电话卡”的效果不会很好,所以我们需要对该图像进行大小调整。选中这幅图像,点击工具箱上的缩放工具
http://edu.itbulo.com/UploadFiles_1485/200512/20051221111514811.JPG
对该图像进行大小调整,然后将其放置到适当位置,如图4所示。


http://edu.itbulo.com/UploadFiles_1485/200512/20051221111514875.JPG
图4 调整图像大小并放置到适当位置
  (5)选中调整大小后的图像然后点击“Command”菜单,在下拉菜单中选择“Creative”>>“Fade Image”,这时候跳出图49所示的Fade Image(淡化图像)对话框,我们选择一种淡化方式,然后点击“OK”得到图5所示的图像效果,我们还可以淡化控制杆来调整淡化效果。

http://edu.itbulo.com/UploadFiles_1485/200512/20051221111514126.JPG
图5 Fade Image对话框
  
http://edu.itbulo.com/UploadFiles_1485/200512/20051221111514740.JPG
图6 淡化导入的图像后所得图像
  注意:这里的Fade Image命令实际上是一个由外部开发的Fireworks扩展插件,它是由Joseph Lowery开发的,目前版本是1.0版,使用这个扩展我们可以对选中的对象实施淡化效果。
  (6)选择工具箱上的椭圆工具并同时按住Shift键我们再为图像绘制一个正圆形,并设置填充颜色为#0066CC。接着点击工具箱上的文字工具,再圆形上添加一个“皖”字,代表电话卡的发行单位标识。如图7所示。

http://edu.itbulo.com/UploadFiles_1485/200512/20051221111514123.JPG
图7 绘制圆形并添加文字上一页

页: [1]
查看完整版本: Fireworks实用设计:电话IC卡(1)