Fireworks制作产品展示图
2005-07-02 17:00:59 来源:WEB开发网核心提示:转载请联系作者关键词 :矩形工具(Rectangle tool),数字变换(Numeric Transform),效果(Effects),打孔(Punch ). 如果你想在主页上展示你的新产品,Fireworks制作产品展示图,下面的实例是一个不错的方法,记住,基本工作已经完成,下面的效果是我放置了一系列根据上面的方法
转载请联系作者
关键词 :矩形工具(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~

关键词 :矩形工具(Rectangle tool),数字变换(Numeric Transform),效果(Effects),打孔(Punch ).

创建一个新的fireworks文档,Files>New(快捷键Ctrl+N)。大小300*300,如果图片用于网络发布,保持默认分辨率为72不变。
设置描边为空,填充色为黑色。选择矩形工具



选择最上面的矩形,改变填充色为灰色(#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)。图片可以通过缩放工具



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