当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > 奇妙的网页隐藏图像

FireWorks
Fireworks教程:英文网页导航的制作方法
Fireworks教程:打造漂亮的水波gif动画
Firewoks教程:摇动变形打造摇滚波字体
Fireworks翻译教程:打造滚动的足球动画效果
Fireworks教程:设计制作漂亮网页的过程
Fireworks教程:路径组合打造公告栏挂绳效果
分析宽高自适应的九宫格背景图片切割的技巧
Fireworks教程:合成制作怀旧石头字效果
Fireworks教程:通过实例讲解光影的运用
Fireworks教程:分享动画制作的心得
Fireworks教程:运用滤镜制作旋转的四叶草动画
Fireworks教程:简单打造可爱粉色gif闪图
Fireworks教程:图片转换动态个性签名的制作
FireWorks教程:外发光效果巧应用
Fireworks教程:运用字体打造酷酷涂鸦墙壁效果
Fireworks教程:结合PS制作马赛克变换动画效果
Fireworks教程:制作可爱晶莹果冻字
Fireworks教程:运用滤镜打造特色打孔字效果
Fireworks实用教程:gif动画图片批量添加水印的方法
Fireworks教程:打造仿梦幻水墨画效果

FireWorks 中的 奇妙的网页隐藏图像


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 47 ::
收藏到网摘: n/a

 

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

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



  准备工作:

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

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

  输出成dots.gif,如果单纯存为dots.png也行。记得图片的路径,稍候待用。

  挑一张特别花哨的图片,以便完美地隐藏我们需要隐藏的图。

 

  在FW MX内打开该图,在图片上方画一白色矩形,材质填充选Others,调用我们刚准备的微型图,设置Amount of texture 100,并勾选透明选项。

  调入我们打算隐藏的图案,嘿嘿,准备吓一跳吧!

  把需要隐藏的图案放到最下层,选中填充的矩形和欲盖弥彰的图片组成遮罩,Modify-->Mask-->Group as Mask。

  用鼠标在画布外的背景上点一下,可以看到Properties面版的图档背景色显示。
  点选背景色核取方块将背景色改为白色,你也可以通过Modify-->Canvas-->Canvas Color来更改。

  把最下层需要隐藏的图片选中,将其透明度设置在10%~15%之间。

  现在可以输出看效果了。

  点击此连接下载.png源文件研究 765K