Fireworks制作产品展示图

文章类别：Fireworks | 发表日期:2008-9-20 19:31:39

转载请联系作者

要害词：矩形工具（Rectangle tool）,数字变换（Numeric Transform），效果（Effects),打孔(Punch ).

假如你想在主页上展示你的新产品，下面的实例是一个不错的方法。记住，在得到最终结果之前，你随时可以用Ctrl+Z来撤消你上一步的操作。

创建一个新的Fireworks文档，Files>New(快捷键Ctrl+N)。大小300*300，假如图片用于网络发布，保持默认分辨率为72不变。

设置描边为空，填充色为黑色。选择矩形工具

，绘制矩形，大小为宽189px,高202px（矩形大小和你后面导入的图片有关）.克隆（Ctrl+Shift+D）矩形两次。

选择最上面的矩形，改变填充色为灰色(#CCCCCC）；选择Modify>Transform>Numeric Transform，点掉Constrain Proportions左边的对号（不按照原比例进行缩放），设置width为80%，height为70%.

　　　

现在你的画布应该如左下所示。用方向键把灰色矩形向上移动，图片形成了一个方向的厚边。保持灰色矩形仍为选择状态，按Shift不松，同时选择位于灰色矩形下面的黑色矩形。选择Modify>Combine>Punch（右下图）。

　　　

改变打孔后的“矩形”填充色为白色，描边为灰色(#CCCCCC).然后在Effects面板里选择Emboss>Inner Bevel，参数设置如下中图，选择完整的黑色矩形，在Effects选择Glow>Drop Shadow，参数设置如右下所示：

　　

导入图片(Files>Import)。图片可以通过缩放工具

(Scale Tool）来改变大小。在层面板里，左键将图片拖到“打空矩形”于“完整矩形”之间。选择画布上所有元素（快捷键Ctrl+A)，使用缩放工具旋转，使得到一个合适的角度。

　　　

基本工作已经完成。下面的效果是我放置了一系列根据上面的方法制作出的图片，并恰当的组合了一下。Have Funs~

上一篇：FireWorks象素按纽教程人气:2671
下一篇：Fireworks混合模式之宝石花效果人气:2362

Fireworks视频教程

看全部视频教程
购买方式/价格
:	咨询客服
tel:15972130058

Windows操作 [文]	Word教程 [文]	Excel教程 [文]	PowerPoint [文]	Dreamweaver [文]	Fireworks [文]
Flash教程 [文]	PhotoShop [文]	CorelDraw [文]	C语言教程 [文]	Html教程 [文]	Div+Css布局 [文]
Javascript [文]	ACCESS数据库 [文]	ASP教程 [文]	SQLServer [文]	ASP.NET教程 [文]	FlashAS [文]

Word教程网	Excel教程网	Dreamweaver 教程网	Fireworks教程网	PPT教程网	FLASH教程网	PS教程网
HTML教程网	DIV CSS教程网	FLASH AS教程网	ACCESS教程网	SQL SERVER教程网	C语言教程网	JAVASCRIPT教程网
ASP教程网	ASP.NET教程网	CorelDraw教程网