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

完成效果：
* @/ ?5 ]/ `6 O4 e6 }
' n- Z6 Z, Y& |5 j$ @/ {# G
. a* b# G8 C0 e“电话卡”图像　　下面我们看具体操作步骤。

4 |- Y* {# e8 e; @　　（1）新建一个大小为400×300的图像，点击工具箱上的圆角矩形工具

绘制一个大小为360×240的圆角矩形，设置其填充类型为放射状填充。第一个色块为白色，第二个色块为#CCCCFF，得到图1所示的图像。


图1 绘制圆角矩形
4 X7 G$ E, l, E4 g- b: h! O5 w# I　　（2）为了增强图像效果，我们选中该圆角矩形，在其属性面板中点击

在弹出菜单中选择“Shadow and Glow”>>“Drop Shadow”为其添加阴影，得到图2所示的图像效果。


图2 为圆角矩形添加阴影
　　（3）现在我们需要导入一幅图像作为电话卡的背景图。点击“File”菜单，在下拉菜单中选择“Import”导入一幅图像，如图3所示。

% ~& g7 O% V) K% K8 L1 u) f/ H
% N2 ?7 a0 Y! x4 h& y( j: N. x 图3导入一幅图像
# e9 P7 R# V* S8 X, C5 s4 n
[color=red\\'][1]
9 a- x( e) z$ p# y5 o: K[2]下一页
7 P& `9 T6 ^/ p6 ?; ^: c; \6 o（4）由于导入的图像不够大，这样做的“电话卡”的效果不会很好，所以我们需要对该图像进行大小调整。选中这幅图像，点击工具箱上的缩放工具

/ ?" ^" p- Y" h  d  M# ^7 Y: r 对该图像进行大小调整，然后将其放置到适当位置，如图4所示。
" S( d0 s/ `) F4 X3 X) {

8 h# Z- o: t, A% _
图4 调整图像大小并放置到适当位置
　　（5）选中调整大小后的图像然后点击“Command”菜单，在下拉菜单中选择“Creative”>>“Fade Image”，这时候跳出图49所示的Fade Image（淡化图像）对话框，我们选择一种淡化方式，然后点击“OK”得到图5所示的图像效果，我们还可以淡化控制杆来调整淡化效果。
" p9 e: B4 a# ~9 b: J0 Y
8 h4 _/ b+ q5 s) g6 C& O
! A( a. n+ V& `  V. v 图5 Fade Image对话框
( \* ^0 N6 M  C' b1 W7 z　　

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


图7 绘制圆形并添加文字上一页[1]
$ I, ^$ l* c6 b0 w+ \5 _" Q% w[color=red\\'][2]
  m! n( n+ u$ m! [