论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Fireworks教程
Tag:切片,gif,动画,文字,图标,照片,网页,效果图,表情,按钮,工作,8.0,cs,视频教程

奇妙的网页隐藏图像

文章类别:Fireworks | 发表日期:2008-9-20 19:30:37


   这是一张很有意思的图片——当你按下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

上一篇:Fireworks蒙版巧制图片窗格 人气:2336
下一篇:Fireworks MX 2004新功能 人气:2364
视频教程列表
文章教程搜索
 
Fireworks推荐教程
Fireworks热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058