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~

时间: 2024-09-14 11:19:15

Fireworks制作产品展示图的相关文章

Fireworks制作个性台历(图)

   利用Fireworks制作个性台历 1.新建png文档,按默认600*800像素即可. 2.接下来就是设置背景了,为了能清楚地看到工作区中的元件,建议将背景设置为深色,至于什么颜色无所谓,到最后还可以根据自己的喜好来调整嘛! 3.言归正传,先用圆角矩形工具绘出台历纸板,不要边框,对角填充黑白渐变,然后再复制一个,水平+垂直翻转,稍稍斜拉一点,再调整前后顺序.左右位置,直到有"纸板"的感觉即可.为了以后边缘不出锯齿,建议羽化一像素. 4.接着就是后面的支架了,用钢笔工具绘出,然后复

用FIreworks制作QQ企鹅图

效果: 第一步:做身体:两个椭圆,左右各一个没有手指头的小手 手的部分这样处理: 路径联合后,效果如下:哈哈,真有成就感 第二步:眼睛:比较简单,两个立式椭圆,左眼仍是一个椭圆,右眼是个拱形. 第三步:小脚丫:注意给多画出一条线来表示有脚趾头,P.S.此乃左脚 第四步:嘴:花了很多次,最得这样处理比较合适:整体只留填充色,单画一条线作为嘴 第五步:围巾:调整起来比较麻烦,有点耐心就OK 第六步:哈哈,最好做的一步:大肚皮 第七步:把所有的东西放到一起,欣赏一下,哈哈 PNG源文件:

360度全景产品展示技术的推出

千龙网讯 终结单一的静态产品图时代,近日亚马逊中国在国内电子商务平台首推360度全景产品展示技术.消费者可在选购商品时通过360度全景视频观看所购产品的外形.颜色.材质等,全角度获悉产品细节.目前360度全景产品展示技术已经应用于亚马逊中国的珠宝首饰和钟表品类的百余款商品中,未来还将大规模推广到其他品类.该技术全面升级了消费者的购物体验,真正达到了所见即所购,开辟了中国电子商务网站以视频展示产品的先河. 目前国内网购商品展示以若干图片来实现,用户需要逐个点击静态图片,获得有限的观看角度.亚马逊中

JavaScript 仿Apple滑动条(拖动条)产品展示效果

这个滑动条(拖动条)效果,一开始是参考了BlueDestiny的slider和Apple产品展示的样式,做了程序的原型.在做了拖放效果之后,我想应该可以做一个更好的了,所以重做一遍,完善和扩展了一些功能.碍于时间没有做得很强大,都是一些基本功能,希望各位多提意见! 效果预览(代码太多只能贴个图了) 预览效果1:这个是仿Apple滑动条产品展示效果.除了原来的效果(包括点击缓动滑移.拖动滑移),我还加入了本程序特有的滚轮和键盘控制,滑动条两端鼠标放上去会自动滑动,滑动到两边还会自动换一个表示停止的

Fireworks制作字体遮罩动画

用Fireworks制作字体遮罩动画是一件非常轻松的事情,下面我们不妨一起动手试试. 完成效果 1.选择一幅图像作为Mask字体的底层动画. 2.把上一步骤的图复制/粘贴2次,然后把3幅图合并,这样会使动画更加连贯. 3.选中这幅图,然后在菜单中选择:Insert--Convert to Symbol,或按F8, 然后选择Animation,将它定义为动画.在动画参数设置里只要填Frames播映的帧数就可以了,我们在Frames那里填10. 4.选中箭头所指的红点,向右拖动. 5.拖动后,调整好

Fireworks制作钟摆式公告牌摇摆动画

今天我们用Fireworks制作一个钟摆式的公告牌. 先参阅一下效果图. 1.新建一个文件,画布背景颜色选取白色.同时将画布大小设置稍大些. 2.使用Fwmx2004的矢量工具,绘制圆角矩形,自选一种纹理效果填充,如图. 3.输入文字. 4.在圆角矩形右.左上角绘制小圆形,如图所示. 5.添加辅助形,找到该圆角矩形的中心点位置,如图. 6.在中心点上方垂直辅助线上绘制渐变效果的小圆形,以及两根斜直线段,复选该圆形及斜直线对角,组合并移至最后,使用钢笔工具,分别在两个白色小圆形上绘制曲线.如图.

Fireworks 制作地球旋转动画

旋转 Fireworks 制作地球旋转动画.本教程主要练习蒙板与动画原件的应用.闲话少说,看实际效果: 具体步骤: 1.双击任务栏右下角的时间. 2.打开日期和时间属性对话框后,按ALT+PrintScreenSysRq键,将对话框屏幕复制到剪贴板中(呵呵,就地取材). 3.进入Fireworks,新建文件,粘贴.粘贴后利用裁剪工具将世界地图部分裁剪下来,裁剪时一定要放大比例进行裁剪,精确一些. 4.将裁剪好的世界地图克隆一份(CTRL+SHIFT+D),移动到画布右侧之外,空白处单击,选择属性

用Fireworks制作钟摆式公告牌效果

先参阅一下效果图: 1.新建一个文件,画布背景颜色选取白色.同时将画布大小设置稍大些: 2.使用Fwmx2004的矢量工具,绘制圆角矩形,自选一种纹理效果填充,如图: 3.输入文字"织梦论坛": 4.在圆角矩形右.左上角绘制小圆形,如图所示: 5.添加辅助形,找到该圆角矩形的中心点位置,如图: 6.在中心点上方垂直辅助线上绘制渐变效果的小圆形,以及两根斜直线段,复选该圆形及斜直线对角,组合并移至最后,使用钢笔工具,分别在两个白色小圆形上绘制曲线.如图: 7.群组(Ctrl+A.Ctrl

Fireworks制作美丽典雅的“青花陶瓷按钮”

韩国风格的网页出现,风靡一时,苹果水晶风格的按钮出来,也风靡一时. 广泛学习.取其精华是可以的,不过如果只是生搬硬套,不糅合自己的创意进去,就只是永远在步人家的后尘.中国也有自己的特色和创意,下面我们说一下如何用Fireworks制作这些美丽典雅的"青花陶瓷按钮". 这次的制作需要一些矢量花草,我用的是"YY Old English Dingbats"花草装饰字体.你也可以使用其它矢量图或矢量字体. 基本形状 绘画一个圆角矩形,大小在175×80左右,填充颜色为#D