FW制作透明立体网格效果

[复制链接]
查看: 412|回复: 0
gggds 发表于 2009-12-27 13:28:19 | 显示全部楼层 |阅读模式
?
6 k; s8 S) j( j8 c0 h7 R4 I
3 a+ C3 {% L4 ^4 E% L
% }& Y  P: B/ \* b* W) u, }% t  简单的步骤一样可以做出简洁漂亮的效果。今天我们用Fireworks来制作一个透明立体网格效果。  制作步骤如下。  1、在Fireworks中新建文件,大小为50*50。  2、选取矩形工具,绘制一个50*50大小的正方形,填充及描边笔触设置如图。
; z: y5 u3 u7 I  Y8 b' j3 j0 g/ N4 W  C6 z) C% A% E& m

8 l& Z6 |7 B2 M2 M& }  3、将绘制好的图形保存为PNG或GIF文件,取名为“网格.png”备用。  4、打开一副素材图片。4 n9 u; ^  L; u0 A# h/ e+ f$ O

) q& ]1 ]( d$ j; B7 O# p0 j
  I, z$ g1 P8 S+ H8 V  5、在图片上方绘制一个略大于图像并覆盖整个画布的矩形框。在属性面板上,选择填充纹理为“其他...”,在弹出的文件浏览框中选择刚才保存好的“网格.png”文件。
3 h0 i4 z& g& j2 G7 o- q, B# G9 P  ~) ~( f& D% U! w

3 ]9 h9 i7 Z. o6 P6 f- S2 K  6、设置其他填充选项如图所示。: X$ R2 v( A7 ?  C8 _

3 }7 X: P6 n+ ]6 b) O( h" _8 Q5 G* ?2 e( y$ n& C
  7、打开层面板,将素材位图克隆一份(Ctrl+Shift+D)。2 u5 @  n- F& K1 U& y0 |
4 x. z7 B" `. F6 \* C/ R4 b! u

0 {  {, M  r  V% G  n4 N1 [' D+ [

! G. R+ n2 G( q6 C  [$ E. h& p
- e3 A3 ]$ F4 K. V* z天极IT资讯短信服务 电脑小技巧
' D+ J, ^( _/ a资费:包月5元手机:
1 Y7 d! Z/ ]0 D$ }( C4 U0 Z
介绍:细处着手,巧处用功。高手和菜鸟之间的差别就是:高手什么都知道,菜鸟知道一些。电脑小技巧收集最新奇招高招,让你轻松踏上高手之路。   8、同时选中矩形路径和上层的位图对象,选择菜单“修改|蒙版|组合为蒙版”命令,组成遮罩组。4 g1 D2 L# X! d  k
  Y, H, G/ \+ V9 e8 h
; G; d! |& m1 R' n
  9、此时如果隐藏位于底层的位图对象,将会看到遮罩得到的图形效果。  B- j( `! w! k3 F

, `3 y1 P" k$ ?
5 Z* n' G: f! N! I% l" f' r! \+ f  10、对遮罩组对象应用“斜角和浮雕|内斜角”效果,特效参数设置如图。" B9 M7 A" S" E2 ^

5 w# U' t# l" m( F* Q5 a. }
) n4 {* B' _1 S3 s; d  11、取消底层位图对象的隐藏属性,得到最终的透明立体网格效果。" ~* |' ~, L3 N% }
. n2 u1 W) J4 |

; P  t9 Y0 Q$ _  PNG源文件下载:
" G' X2 z! H/ S  ~5 f( h0 C" u/ l+ d: c) y4 h) s

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )