gggds 发表于 2009-12-27 12:25:23

Fireworks 制作图片窗格效果(1)

 效果图片(Png源图):

http://edu.chinaz.com/Files/BeyondPic/934-1.png
  1、在Fw中打开图片,可稍加处理,比如做些TV扫描线特效、高斯模糊效果等等,具体制作我们这里不再详述;

http://edu.chinaz.com/Files/BeyondPic/934-2.jpg
  2、使用圆角矩形工具在工作区画出正圆角矩形(长:60px,宽:60px,笔触:#ccccccc,填充色:#ffffff),并放置好位置(X轴:0,Y轴:0);  3、从“窗口”菜单中打开“历史记录”面板,将面板中存有的历史记录都清除;

http://edu.chinaz.com/Files/BeyondPic/934-3.gif
  4、选择好该正圆角矩形,从“编辑”菜单中选择“克隆(Ctrl+Shift+D)”,原位复制该矩形,并向右移动至X轴为64。观察历史面板:

http://edu.chinaz.com/Files/BeyondPic/934-4.gif
  5、全选这面板中的记录,然后按面板中的“重放”按钮,这样一排的正圆角矩形排列完成;  6、同样的操作,我们对行进行操作,清“历史记录”、“克隆(Ctrl+Shift+D)”、下移......最终排列如下图所示:

http://edu.chinaz.com/Files/BeyondPic/934-5.jpg
页: [1]
查看完整版本: Fireworks 制作图片窗格效果(1)