邮件订阅
5ucms培训,用 Fireworks 制作产品展示图
作者: 来源: 日期:2017/8/15 12:48:50 浏览量:34(滞后) 人气:LOADING...(实时) 【

5ucms培训,用 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,点掉C border=0>

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

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

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

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


无忧站长学院,建站自然无忧www.5ucms.org

本站推荐: 5ucms模板下载 5ucms插件下载 仿站联系Q3876307       [复制给好友] [打印] [关闭] [返回] [顶部]
上一篇:5ucms模版,用 Fireworks MX 做齿轮效果(3)
下一篇:5ucms仿站,Fireworks - 象素按钮
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。
5ucms培训,用 Fireworks 制作产品展示图的关键词:
评论信息
相关分类
本周热门
本月热门
关于我们 - 版权/免责 申明 - 建站服务 - 网站地图 - 稿件投递 - 联系我们 - 5ucms
Copyright © 2008-2015 www.5ucms.org