奇妙的网页隐藏图像
www.ad119.cn/bbs/attachments/websoft/20081227/200812271626920377801.jpg这是一张很有意思的图片——当你按下Ctrl A全选的时候,你会看见这张鲜花的图片突然变成了……不信?动手试试吧!
其实这种隐藏图片做起来也很简单,下面我们介绍用Fireworks MX制作这种隐藏图的经过。文章末尾提供.png原文件下载。
www.ad119.cn/bbs/attachments/websoft/20081227/200812271626957877802.jpg
准备工作:
新建画布2x2px,背景白色,放大至1600%。
选用铅笔工具,取消抗锯齿功能(Anti-Aliased),在画面对角点两个黑点。
www.ad119.cn/bbs/attachments/websoft/20081227/200812271626962577803.gif
输出成dots.gif,如果单纯存为dots.png也行。记得图片的路径,稍候待用。
www.ad119.cn/bbs/attachments/websoft/20081227/200812271626967177804.gif
挑一张特别花哨的图片,以便完美地隐藏我们需要隐藏的图。
www.ad119.cn/bbs/attachments/websoft/20081227/200812271626971877805.jpg
在FW MX内打开该图,在图片上方画一白色矩形,材质填充选Others,调用我们刚准备的微型图,设置Amount of texture 100,并勾选透明选项。
www.ad119.cn/bbs/attachments/websoft/20081227/200812271626976577806.gif
调入我们打算隐藏的图案,嘿嘿,准备吓一跳吧!
www.ad119.cn/bbs/attachments/websoft/20081227/200812271626981277807.gif
把需要隐藏的图案放到最下层,选中填充的矩形和欲盖弥彰的图片组成遮罩,Modify-->Mask-->Group as Mask。
www.ad119.cn/bbs/attachments/websoft/20081227/200812271626985977808.gif
用鼠标在画布外的背景上点一下,可以看到Properties面版的图档背景色显示。
点选背景色核取方块将背景色改为白色,你也可以通过Modify-->Canvas-->Canvas Color来更改。
www.ad119.cn/bbs/attachments/websoft/20081227/200812271626990677809.gif
把最下层需要隐藏的图片选中,将其透明度设置在10%"15%之间。
www.ad119.cn/bbs/attachments/websoft/20081227/2008122716269953778010.gif
现在可以输出看效果了。
www.ad119.cn/bbs/attachments/websoft/20081227/200812271626957877802.jpg
点击此连接下载.png源文件研究 765K
页:
[1]