网友俱乐部 » » Fireworks教程 » 奇妙的网页隐藏图像

2008-4-21 09:40 lonjew
奇妙的网页隐藏图像

[img]http://webdesign.chinaitlab.com/UploadFiles_8014/200605/20060510143952385.jpg[/img]

   这是一张很有意思的图片——当你按下Ctrl A全选的时候,你会看见这张鲜花的图片突然变成了……不信?动手试试吧!

  其实这种隐藏图片做起来也很简单,下面我们介绍用[u]Fireworks[/u] [u]MX[/u]制作这种隐藏图的经过。文章末尾提供.png原文件下载。
  



[img]http://webdesign.chinaitlab.com/UploadFiles_8014/200605/20060510143952141.jpg[/img]
  
  准备工作:

  新建画布2x2px,背景白色,放大至1600%。

  选用[u]铅笔[/u]工具,取消抗锯齿功能(Anti-Aliased),在[u]画面[/u]对角点两个黑点。  

[img]http://webdesign.chinaitlab.com/UploadFiles_8014/200605/20060510143958835.gif[/img]
  
  输出成dots.[u]gif[/u],如果单纯存为dots.png也行。记得图片的路径,稍候待用。
[img]http://webdesign.chinaitlab.com/UploadFiles_8014/200605/20060510144001554.gif[/img]
  
  挑一张特别花哨的图片,以便完美地隐藏我们需要隐藏的图。  

[img]http://webdesign.chinaitlab.com/UploadFiles_8014/200605/20060510144001530.jpg[/img]
  
在FW MX内打开该图,在图片上方画一白色矩形,材质填充选Others,调用我们刚准备的微型图,设置Amount of texture 100,并勾选透明选项。   
  

[img]http://webdesign.chinaitlab.com/UploadFiles_8014/200605/20060510144002905.gif[/img]
  
  调入我们打算隐藏的图案,嘿嘿,准备吓一跳吧!  

[img]http://webdesign.chinaitlab.com/UploadFiles_8014/200605/20060510144004912.gif[/img]
  
  [b]
[color=red'][/color]
    [/b]

页: [1]
查看完整版本: 奇妙的网页隐藏图像


Powered by Discuz! Archiver 5.5.0  © 2001-2006 Comsenz Inc.