Fireworks实用设计:电话IC卡

2016-02-19 19:13 10 1 收藏

图老师小编精心整理的Fireworks实用设计:电话IC卡希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - fireworks教程 】

  本文中我们看看怎么样使用 MX 2004设计一张电话卡。主要熟悉Fireworks中圆角矩形工具、创意、自由形状等工具的使用。

  完成效果:

 
“电话卡”图像

  下面我们看具体操作步骤。

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


图1 绘制圆角矩形

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

  (2)为了增强图像效果,我们选中该圆角矩形,在其属性面板中点击 在弹出菜单中选择“Shadow and Glow”“Drop Shadow”为其添加阴影,得到图2所示的图像效果。


图2 为圆角矩形添加阴影

  (3)现在我们需要导入一幅图像作为电话卡的背景图。点击“File”菜单,在下拉菜单中选择“Import”导入一幅图像,如图3所示。


图3导入一幅图像

 

 

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


图4 调整图像大小并放置到适当位置

  (5)选中调整大小后的图像然后点击“Command”菜单,在下拉菜单中选择“Creative”“Fade Image”,这时候跳出图49所示的Fade Image(淡化图像)对话框,我们选择一种淡化方式,然后点击“OK”得到图5所示的图像效果,我们还可以淡化控制杆来调整淡化效果。


图5 Fade Image对话框

  
图6 淡化导入的图像后所得图像

  注意:这里的Fade Image命令实际上是一个由外部开发的扩展插件,它是由Joseph Lowery开发的,目前版本是1.0版,使用这个扩展我们可以对选中的对象实施淡化效果。

  (6)选择工具箱上的椭圆工具并同时按住Shift键我们再为图像绘制一个正圆形,并设置填充颜色为#0066CC。接着点击工具箱上的文字工具,再圆形上添加一个“皖”字,代表电话卡的发行单位标识。如图7所示。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)


图7 绘制圆形并添加文字

     

  本文中我们看看怎么样使用 MX 2004设计一张电话卡。主要熟悉Fireworks中圆角矩形工具、创意、自由形状等工具的使用。

  完成效果:

 
“电话卡”图像

  下面我们看具体操作步骤。

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


图1 绘制圆角矩形

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

  (2)为了增强图像效果,我们选中该圆角矩形,在其属性面板中点击 在弹出菜单中选择“Shadow and Glow”“Drop Shadow”为其添加阴影,得到图2所示的图像效果。


图2 为圆角矩形添加阴影

  (3)现在我们需要导入一幅图像作为电话卡的背景图。点击“File”菜单,在下拉菜单中选择“Import”导入一幅图像,如图3所示。


图3导入一幅图像

 

 

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


图4 调整图像大小并放置到适当位置

  (5)选中调整大小后的图像然后点击“Command”菜单,在下拉菜单中选择“Creative”“Fade Image”,这时候跳出图49所示的Fade Image(淡化图像)对话框,我们选择一种淡化方式,然后点击“OK”得到图5所示的图像效果,我们还可以淡化控制杆来调整淡化效果。


图5 Fade Image对话框

  
图6 淡化导入的图像后所得图像

  注意:这里的Fade Image命令实际上是一个由外部开发的扩展插件,它是由Joseph Lowery开发的,目前版本是1.0版,使用这个扩展我们可以对选中的对象实施淡化效果。

  (6)选择工具箱上的椭圆工具并同时按住Shift键我们再为图像绘制一个正圆形,并设置填充颜色为#0066CC。接着点击工具箱上的文字工具,再圆形上添加一个“皖”字,代表电话卡的发行单位标识。如图7所示。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)


图7 绘制圆形并添加文字

     

 

 

  (7)同理为图像添加文字,并适当为一些文字添加发光效果,发光的颜色为白色,文字颜色为黑色,得到图8所示的图像。


图8 添加文字并为文字添加发光效果

  (8)点击工具箱上的多边形工具 ,在多边形工具的属性面板中设置边数为3,绘制一个三角形,如图9所示。

来源:https://www.tulaoshi.com/n/20160219/1620340.html

延伸阅读
想要打电话给交行信用卡中心,但不知道电话号码该怎么办?下面分享交通银行信用卡中心电话以及各个主要银行的电话号码,一起来看看吧。 交通银行信用卡中心电话 各大银行信用卡中心电话 交通银行,客服电话95559,信用卡中心电话400-800-9888 招商银行,客服电话95555,信用卡中心电话400-820-5555 中国银行,客服电...
DECT设计的无绳电话
    八、 建立切片      我们的基本导航及页面结构已经建立好了,现在到了增加切片的时候了。中的切片是输出图形及产生交互的主要参考物件,导出的文档将根据切片来将图形切割成不同的部分,并在浏览器中通过表格组装到一起。同时,所有的交互行为也是通过切片之间的联系来产生的,如翻转图、弹出菜单等...
    三、 创造矢量对象      位图是用像素来描述物体的,它适合于表现色彩变化丰富的照片,而矢量图是使用路径和填充来定义对象的外观,它非常容易编辑,并且它的质量不会因大小的改变而丢失或减弱。Fireworks同时提供了编辑这两种格式图像的方法,默认情况下Fireworks是以矢量的方式创建和编辑对象。Fir...
    在本文中我们将帮助您亲身体验在网页创作中的强大功能,我们通过一个网站页面的设计过程,为您详细介绍Fireworks在网页设计的不同阶段是如何处理各种不同任务的。通过解决您所遇到的每一个具体的任务,您将对Fireworks的主要功能有一个统一的全局性的了解,同时为您在设计中如何利用Fireworks提供一个清晰的思路。最终完成的...