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

FireWorks
Fireworks教程:英文网页导航的制作方法
Fireworks教程:打造漂亮的水波gif动画
Firewoks教程:摇动变形打造摇滚波字体
Fireworks翻译教程:打造滚动的足球动画效果
Fireworks教程:设计制作漂亮网页的过程
Fireworks教程:路径组合打造公告栏挂绳效果
分析宽高自适应的九宫格背景图片切割的技巧
Fireworks教程:合成制作怀旧石头字效果
Fireworks教程:通过实例讲解光影的运用
Fireworks教程:分享动画制作的心得
Fireworks教程:运用滤镜制作旋转的四叶草动画
Fireworks教程:简单打造可爱粉色gif闪图
Fireworks教程:图片转换动态个性签名的制作
FireWorks教程:外发光效果巧应用
Fireworks教程:运用字体打造酷酷涂鸦墙壁效果
Fireworks教程:结合PS制作马赛克变换动画效果
Fireworks教程:制作可爱晶莹果冻字
Fireworks教程:运用滤镜打造特色打孔字效果
Fireworks实用教程:gif动画图片批量添加水印的方法
Fireworks教程:打造仿梦幻水墨画效果

FireWorks 中的 位图边缘加框


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 50 ::
收藏到网摘: 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复杂,但做了同样的工作,我只需要改变一下设置就可以得到不得的效果,关键是要靠我们自己的想法啦:)