纸老虎 发表于 2008-12-16 09:56:01

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

<IMG src="/bbs/attachments/websoft/20081216/200812169544723477801.jpg" align=right border=0>　　本文中我们看看怎么样使用 MX 2004设计一张电话卡。主要熟悉Fireworks中圆角矩形工具、创意、自由形状等工具的使用。<BR><BR>　　<STRONG>完成效果：</STRONG> <P align=center><IMG src="/bbs/attachments/websoft/20081216/200812169544729677802.jpg"> <BR>“电话卡”图像</P>　　下面我们看具体操作步骤。 <P></P><P>　　（1）新建一个大小为400×300的图像，点击工具箱上的圆角矩形工具 <IMG src="/bbs/attachments/websoft/20081216/200812169544729677803.jpg"> 绘制一个大小为360×240的圆角矩形，设置其填充类型为放射状填充。第一个色块为白色，第二个色块为#CCCCFF，得到图1所示的图像。</P><P align=center><IMG src="/bbs/attachments/websoft/20081216/200812169544735977804.jpg"> <BR>图1 绘制圆角矩形</P><P>　　（2）为了增强图像效果，我们选中该圆角矩形，在其属性面板中点击 <IMG src="/bbs/attachments/websoft/20081216/200812169544737577805.jpg"> 在弹出菜单中选择“Shadow and Glow”&gt;&gt;“Drop Shadow”为其添加阴影，得到图2所示的图像效果。</P><P align=center><IMG src="/bbs/attachments/websoft/20081216/200812169544743777806.jpg"> <BR>图2 为圆角矩形添加阴影</P><P>　　（3）现在我们需要导入一幅图像作为电话卡的背景图。点击“File”菜单，在下拉菜单中选择“Import”导入一幅图像，如图3所示。</P><P align=center><IMG src="/bbs/attachments/websoft/20081216/200812169544753177807.jpg"> <BR>图3导入一幅图像</P><P><p></p><p> </p>　　（4）由于导入的图像不够大，这样做的“电话卡”的效果不会很好，所以我们需要对该图像进行大小调整。选中这幅图像，点击工具箱上的缩放工具 <IMG src="/bbs/attachments/websoft/20081216/200812169544757877808.jpg"> 对该图像进行大小调整，然后将其放置到适当位置，如图4所示。</P><P align=center><IMG src="/bbs/attachments/websoft/20081216/200812169544764077809.jpg"> <BR>图4 调整图像大小并放置到适当位置</P><P>　　（5）选中调整大小后的图像然后点击“Command”菜单，在下拉菜单中选择“Creative”&gt;&gt;“Fade Image”，这时候跳出图49所示的Fade Image（淡化图像）对话框，我们选择一种淡化方式，然后点击“OK”得到图5所示的图像效果，我们还可以淡化控制杆来调整淡化效果。</P><P align=center><IMG src="/bbs/attachments/websoft/20081216/2008121695447703778010.jpg"> <BR>图5 Fade Image对话框</P><P>　　 <IMG src="/bbs/attachments/websoft/20081216/2008121695447765778011.jpg"> <BR>图6 淡化导入的图像后所得图像</P><P>　　注意：这里的Fade Image命令实际上是一个由外部开发的扩展插件，它是由Joseph Lowery开发的，目前版本是1.0版，使用这个扩展我们可以对选中的对象实施淡化效果。</P><P>　　（6）选择工具箱上的椭圆工具并同时按住Shift键我们再为图像绘制一个正圆形，并设置填充颜色为#0066CC。接着点击工具箱上的文字工具，再圆形上添加一个“皖”字，代表电话卡的发行单位标识。如图7所示。</P><P align=center><IMG src="/bbs/attachments/websoft/20081216/2008121695447828778012.jpg"> <BR>图7 绘制圆形并添加文字</P></p><p align='center'><b><font color='red'></font> <a href='/news/news001/Fireworks/200510/20051016120552_2.html'></a> <a href='/news/news001/Fireworks/200510/20051016120552_3.html'></a> <a href='/news/news001/Fireworks/200510/20051016120552_2.html'></a></b></p>                                                                                                   



                                    <IMG src="/bbs/attachments/websoft/20081216/200812169544723477801.jpg" align=right border=0>　　本文中我们看看怎么样使用 MX 2004设计一张电话卡。主要熟悉Fireworks中圆角矩形工具、创意、自由形状等工具的使用。<BR><BR>　　<STRONG>完成效果：</STRONG> <P align=center><IMG src="/bbs/attachments/websoft/20081216/200812169544729677802.jpg"> <BR>“电话卡”图像</P>　　下面我们看具体操作步骤。 <P></P><P>　　（1）新建一个大小为400×300的图像，点击工具箱上的圆角矩形工具 <IMG src="/bbs/attachments/websoft/20081216/200812169544729677803.jpg"> 绘制一个大小为360×240的圆角矩形，设置其填充类型为放射状填充。第一个色块为白色，第二个色块为#CCCCFF，得到图1所示的图像。</P><P align=center><IMG src="/bbs/attachments/websoft/20081216/200812169544735977804.jpg"> <BR>图1 绘制圆角矩形</P><P>　　（2）为了增强图像效果，我们选中该圆角矩形，在其属性面板中点击 <IMG src="/bbs/attachments/websoft/20081216/200812169544737577805.jpg"> 在弹出菜单中选择“Shadow and Glow”&gt;&gt;“Drop Shadow”为其添加阴影，得到图2所示的图像效果。</P><P align=center><IMG src="/bbs/attachments/websoft/20081216/200812169544743777806.jpg"> <BR>图2 为圆角矩形添加阴影</P><P>　　（3）现在我们需要导入一幅图像作为电话卡的背景图。点击“File”菜单，在下拉菜单中选择“Import”导入一幅图像，如图3所示。</P><P align=center><IMG src="/bbs/attachments/websoft/20081216/200812169544753177807.jpg"> <BR>图3导入一幅图像</P><P><p></p><p> </p>　　（4）由于导入的图像不够大，这样做的“电话卡”的效果不会很好，所以我们需要对该图像进行大小调整。选中这幅图像，点击工具箱上的缩放工具 <IMG src="/bbs/attachments/websoft/20081216/200812169544757877808.jpg"> 对该图像进行大小调整，然后将其放置到适当位置，如图4所示。</P><P align=center><IMG src="/bbs/attachments/websoft/20081216/200812169544764077809.jpg"> <BR>图4 调整图像大小并放置到适当位置</P><P>　　（5）选中调整大小后的图像然后点击“Command”菜单，在下拉菜单中选择“Creative”&gt;&gt;“Fade Image”，这时候跳出图49所示的Fade Image（淡化图像）对话框，我们选择一种淡化方式，然后点击“OK”得到图5所示的图像效果，我们还可以淡化控制杆来调整淡化效果。</P><P align=center><IMG src="/bbs/attachments/websoft/20081216/2008121695447703778010.jpg"> <BR>图5 Fade Image对话框</P><P>　　 <IMG src="/bbs/attachments/websoft/20081216/2008121695447765778011.jpg"> <BR>图6 淡化导入的图像后所得图像</P><P>　　注意：这里的Fade Image命令实际上是一个由外部开发的扩展插件，它是由Joseph Lowery开发的，目前版本是1.0版，使用这个扩展我们可以对选中的对象实施淡化效果。</P><P>　　（6）选择工具箱上的椭圆工具并同时按住Shift键我们再为图像绘制一个正圆形，并设置填充颜色为#0066CC。接着点击工具箱上的文字工具，再圆形上添加一个“皖”字，代表电话卡的发行单位标识。如图7所示。</P><P align=center><IMG src="/bbs/attachments/websoft/20081216/2008121695447828778012.jpg"> <BR>图7 绘制圆形并添加文字</P></p><p align='center'><b><font color='red'></font> <a href='/news/news001/Fireworks/200510/20051016120552_2.html'></a> <a href='/news/news001/Fireworks/200510/20051016120552_3.html'></a> <a href='/news/news001/Fireworks/200510/20051016120552_2.html'></a></b></p>                                                                                                   



                                    <P><p></p><p> </p>　　（7）同理为图像添加文字，并适当为一些文字添加发光效果，发光的颜色为白色，文字颜色为黑色，得到图8所示的图像。</P><P align=center><IMG src="/bbs/attachments/websoft/20081216/2008121695447843778013.jpg"> <BR>图8 添加文字并为文字添加发光效果</P><P>　　（8）点击工具箱上的多边形工具 <IMG src="/bbs/attachments/websoft/20081216/2008121695447890778014.jpg"> ，在多边形工具的属性面板中设置边数为3，绘制一个三角形，如图9所示。</P><P align=center><IMG src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg
页: [1]
查看完整版本: Fireworks实用设计：电话IC卡 (1)