当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > 位图边缘加框

FireWorks
Fireworks命令插件:Change Text Size
Fireworks CS3体验之Pages面板
Fireworks绘制打印机图标
实用Fireworks企业标识不扣图反白法
Fireworks打造质感金属锁图标
Fireworks CS3基础教程:切片和优化功能的运用
Fireworks快速简单打造网页“闪字”动画
Fireworks打造逼真梵高之光特效
Fireworks轻松打造质感Vista LOGO
Fireworks教程:打造一个没有钨丝的灯泡
用Fireworks 8的位图工具打造精美网页效果图
疯狂的补间&元件&路径 制作仿3D光亮DNA桌面(试用版)
Fireworks CS3教程:蒙版的运用基础
网页设计翻译教程:图标缩小后变形的解决办法
fireworks教程:用笔触绘制“毁灭顶峰”效果
Firework教程:教你制作特殊的切角图形
Firework教程:韩式风格手提袋的绘制
Firewoks教程:制作液体金属表面文字效果
Fireworks教程:电视雪花动画效果的制作
Fireworks教程:制作一个简单的网页新闻播报框

FireWorks 中的 位图边缘加框


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 41 ::
收藏到网摘: n/a

 

文/donger

位图边缘加框

  在photoshop中,能直接对导入的位图边缘加框,可是在fireworks中却没有那么简单,因为fireworks主要是面向矢量图形的,对位图的处理并没有象photoshop那么灵活自如。但是给导入的位图加个边框,也不是那么困难的事情。

1  导入需要加框的位图,打开info面板,查看位图的长宽尺寸,这儿显示的W为150,H为240。


2用矩形工具 画一个矩形,填充色fill为空,边缘stroke为黑色。为了精确起见,我们还是需要用到info面板,打开info面板,在W和H中输入位图相同的大小,这样这个矩形的大小就和导入的位图一样大了,X和Y是指放置的位置,上面位图的位置为x:77,y:75。同样,我们也在矩形的info面板中输入77 和75的字样。这样有描边的矩形和导入的位图就处于同一个位置,在层面板中我们可以看到,矩形的位置在位图的上面,因此我们所直接观察到的就是位图的边缘加了一个黑色的边框。


3  当然这个边框的颜色和大小,可以随我们在stroke面板中的设置来决定,虽然处理的方法比ps复杂,但做了同样的工作,我只需要改变一下设置就可以得到不得的效果,关键是要靠我们自己的想法啦:)