奇妙的网页隐藏图像

[复制链接]
查看: 376|回复: 0
gggds 发表于 2009-12-27 13:29:59 | 显示全部楼层 |阅读模式
$ o! O5 K% ^$ L2 X9 I4 d8 L. I, h
   这是一张很有意思的图片——当你按下Ctrl+A全选的时候,你会看见这张鲜花的图片突然变成了……不信?动手试试吧!  其实这种隐藏图片做起来也很简单,下面我们介绍用Fireworks MX制作这种隐藏图的经过。文章末尾提供.png原文件下载。
( a1 E5 X/ _) U* ]% b8 e1 ?5 \2 K5 m+ j# Q0 ]0 R* T
- f0 l" O0 H8 z) h( J
$ |8 N( K8 \: [

$ s% ]4 V0 W3 c& H  G. E  准备工作:  新建画布2x2px,背景白色,放大至1600%。  选用铅笔工具,取消抗锯齿功能(Anti-Aliased),在画面对角点两个黑点。8 x- n+ w$ w9 e0 F% e

! d& C4 l, J. Y* I, x( p8 u5 H! m& v5 w% K* d& m6 L6 j

: v% e- O# v1 n# r5 x' x1 j( V: G  输出成dots.gif,如果单纯存为dots.png也行。记得图片的路径,稍候待用。' s  ?- e1 G& f9 ?# @, l

, [" g5 {$ E& z5 H% t: z- a; c
, z  G( @" h; }, }  挑一张特别花哨的图片,以便完美地隐藏我们需要隐藏的图。  q% A- B) m: v" S: h
; }+ t" |0 h, \1 i
  B: L) z8 r/ W$ B( N, e
* A' s2 {0 M' s- a9 a( ^7 q9 {8 f
  在FW MX内打开该图,在图片上方画一白色矩形,材质填充选Others,调用我们刚准备的微型图,设置Amount of texture 100,并勾选透明选项。
4 u1 S2 r+ r, C( ^
# @$ Y5 p7 p: h) C7 A  Z5 h- i) N2 p4 \# O$ O
5 E! q! {* Y/ b5 b& }5 u4 R
  调入我们打算隐藏的图案,嘿嘿,准备吓一跳吧!4 ?" Q$ W6 P2 Y
3 B8 `5 d% J  |8 r- ~6 r! ?7 X& w
$ w4 B5 O6 W3 d4 Z6 t2 o# w, _- {
9 E7 P0 o5 n: r0 R' C9 o
  把需要隐藏的图案放到最下层,选中填充的矩形和欲盖弥彰的图片组成遮罩,Modify-->Mask-->Group as Mask。( m5 I0 X! F/ s

: L6 [# H/ m& e7 R5 g
3 {: s. ^5 t( X- M# v* w6 o5 w" g7 A0 s  C7 [0 A- C
  用鼠标在画布外的背景上点一下,可以看到Properties面版的图档背景色显示。  点选背景色核取方块将背景色改为白色,你也可以通过Modify-->Canvas-->Canvas Color来更改。
- I) u9 o# P- m' P8 s9 Q- W; N/ E* k$ g8 S3 x6 h$ M  W: B

9 p  f4 |( C/ G& E& e: [0 W( q3 n% m+ o& |# g0 s6 I
  把最下层需要隐藏的图片选中,将其透明度设置在10%\\\"15%之间。- [) ]' l$ X7 @' c/ b

0 ^; X. z( u8 O9 P
2 {  j1 P$ b( x4 a/ a
, B0 \! t2 |* Z/ T2 b% K  l  现在可以输出看效果了。
7 ]1 c0 W  ?+ ?# P! o! _( b0 ]+ B* J/ G) ]$ C  f, B

* C4 a: }  X: K: ^! Q: I' F$ T
3 l# _2 b/ s! @' I# D, A  点击此连接下载.png源文件研究?765K

本版积分规则

精彩图文

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