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

完成效果：

+ r, }0 G" |; L7 d& M6 p4 X
“电话卡”图像　　下面我们看具体操作步骤。
0 n* o' e' w9 i/ P6 t
　　（1）新建一个大小为400×300的图像，点击工具箱上的圆角矩形工具
, k' B0 v' b' u: `, S9 V
绘制一个大小为360×240的圆角矩形，设置其填充类型为放射状填充。第一个色块为白色，第二个色块为#CCCCFF，得到图1所示的图像。
% Q+ m8 k1 u6 y2 f) D$ e
1 E. {$ t( P. W* E
图1 绘制圆角矩形
　　（2）为了增强图像效果，我们选中该圆角矩形，在其属性面板中点击
( s  `% F3 B0 e( J  g. U; Q
在弹出菜单中选择“Shadow and Glow”>>“Drop Shadow”为其添加阴影，得到图2所示的图像效果。


2 g1 ~' D. ?  u& G, z, G: @$ n! I 图2 为圆角矩形添加阴影
3 c! \  k8 F+ u7 ~! q/ H+ t, A　　（3）现在我们需要导入一幅图像作为电话卡的背景图。点击“File”菜单，在下拉菜单中选择“Import”导入一幅图像，如图3所示。
4 R& e( H. e0 C3 s
* f  i, c7 d) }# B; B( n
% Y4 m4 l5 l7 K0 S. a8 L+ v# d. C0 v  S 图3导入一幅图像

6 z0 Z- s6 a0 u' f3 F& e4 i9 {( B[color=red\\'][1]
[2]下一页
3 l  Z; p6 M3 k' H（4）由于导入的图像不够大，这样做的“电话卡”的效果不会很好，所以我们需要对该图像进行大小调整。选中这幅图像，点击工具箱上的缩放工具
; k- p) O$ a. y9 b1 i0 q
对该图像进行大小调整，然后将其放置到适当位置，如图4所示。
, B& q2 B9 t+ s5 N( J
! d1 o9 G  g/ n

; T, @! n5 i& [% ?, p7 b 图4 调整图像大小并放置到适当位置
　　（5）选中调整大小后的图像然后点击“Command”菜单，在下拉菜单中选择“Creative”>>“Fade Image”，这时候跳出图49所示的Fade Image（淡化图像）对话框，我们选择一种淡化方式，然后点击“OK”得到图5所示的图像效果，我们还可以淡化控制杆来调整淡化效果。
1 H+ M  h5 H- B! E" \
* I- ~7 ^! V; f8 h
图5 Fade Image对话框
0 t3 E" o- C' u# f1 t　　
0 k$ J& H3 v5 J. v/ }$ @
图6 淡化导入的图像后所得图像
& }0 G9 T& f) m, n2 X- k　　注意：这里的Fade Image命令实际上是一个由外部开发的Fireworks扩展插件，它是由Joseph Lowery开发的，目前版本是1.0版，使用这个扩展我们可以对选中的对象实施淡化效果。
　　（6）选择工具箱上的椭圆工具并同时按住Shift键我们再为图像绘制一个正圆形，并设置填充颜色为#0066CC。接着点击工具箱上的文字工具，再圆形上添加一个“皖”字，代表电话卡的发行单位标识。如图7所示。
4 g( e/ d5 D$ d& c
* U- {9 ]/ B. {
图7 绘制圆形并添加文字上一页[1]
$ C) g/ P) X/ a. ^7 I9 {( f' m[color=red\\'][2]
" M& `% u& p  e( C: O# {& j1 a