奇妙的网页隐藏图像

[复制链接]
查看: 393|回复: 0
gggds 发表于 2009-12-27 13:29:59 | 显示全部楼层 |阅读模式
% A: U( f0 o; u: U( z" H
   这是一张很有意思的图片——当你按下Ctrl+A全选的时候,你会看见这张鲜花的图片突然变成了……不信?动手试试吧!  其实这种隐藏图片做起来也很简单,下面我们介绍用Fireworks MX制作这种隐藏图的经过。文章末尾提供.png原文件下载。 ; t. B6 A3 O2 e! p

8 }  p/ z1 K8 \. s) y
; q  b6 `9 Q  E9 S/ v& L
3 x6 L- o4 u9 A/ P
3 I3 M6 r7 Z& o* R- l5 _+ g  准备工作:  新建画布2x2px,背景白色,放大至1600%。  选用铅笔工具,取消抗锯齿功能(Anti-Aliased),在画面对角点两个黑点。
; _+ a  @: n/ C
5 @' E* ?$ f9 V
) d1 u7 h+ {+ `1 E; t) u1 _# o2 D1 t/ I  i6 i, h1 O
  输出成dots.gif,如果单纯存为dots.png也行。记得图片的路径,稍候待用。
8 k1 m1 d, x. L' D
; o# f, g' \6 \* R: r
! x, _( U! \7 w- ~& x- y) o' g  挑一张特别花哨的图片,以便完美地隐藏我们需要隐藏的图。
* o" Y4 V3 P, S( E9 L3 Q
2 X: P% M; L2 t# Q2 K3 N8 o/ Y+ Q4 t- }
6 c. ]4 i7 j0 J/ Y$ n3 I, h# s9 k
  在FW MX内打开该图,在图片上方画一白色矩形,材质填充选Others,调用我们刚准备的微型图,设置Amount of texture 100,并勾选透明选项。
1 ~" _/ f6 D/ m- _( w
3 g7 r/ |" ~* H6 D( S6 a! j
$ ^- u5 P: D/ ]1 w! Z3 a: q
2 E4 q; Z- Z: d3 K  调入我们打算隐藏的图案,嘿嘿,准备吓一跳吧!, A2 f) ]1 y' }/ h2 B- R  r
  I6 [7 q, n* T
3 O) U4 V) b6 F& K; z
( @: Z4 \4 c$ H$ B! d) E/ Q  q; x
  把需要隐藏的图案放到最下层,选中填充的矩形和欲盖弥彰的图片组成遮罩,Modify-->Mask-->Group as Mask。
2 J" W, z2 f9 }& g, ]! B9 n6 G! ~9 e
  ^5 k  \# ?3 l9 J/ ?# d
. L( ^# u8 Q& K1 `( _- H5 {/ e
% |/ l$ P, ^5 q  用鼠标在画布外的背景上点一下,可以看到Properties面版的图档背景色显示。  点选背景色核取方块将背景色改为白色,你也可以通过Modify-->Canvas-->Canvas Color来更改。6 M. K( A; B8 M" Q2 @

7 Z6 O% n3 h! N) ^- H
! G" I* Y2 b: P" h
  \1 d/ Y9 j, u6 l3 a* H3 K  把最下层需要隐藏的图片选中,将其透明度设置在10%\\\"15%之间。
& \9 g: e& K* O2 O  @. l6 D
7 ]' E2 r! b  z: r# a% S% r
0 O6 H# |+ l) P( R1 H( k6 n
* i8 a4 d6 @0 [2 _2 e+ C: ]7 m  现在可以输出看效果了。
' i) e8 @6 `+ a: n; i% V, p
4 T) h& }3 J) ^$ r! J! D/ Z( D

2 A/ t7 P9 l4 D4 H8 Y* _* J9 p  点击此连接下载.png源文件研究?765K

本版积分规则

精彩图文

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