教你如何利用灰度图透明效果制作隐藏图片.part1

#更新
使用深色图片简单实现隐藏图片二不需要网格抠图
http://blog.csdn.net/chenzhuyu/article/details/54766757
#效果图:
在QQ聊天的时候,图片在聊天窗口与详情两个界面显示的是不同的图片.
电脑端查看也具有类似效果
贴吧也有相同效果
聊天界面缩略图查看效果:

聊天界面点击查看详情效果
#原理
使用了两张图片进行拼接,并使用PNG透明特性,使得图片在白色背景和黑色背景下具有不相同的显示,在白色背景下,以白底为主色的图片变为全白,无法识别;在黑色背景下,以黑色为主色的图片变为全黑,无法识别.

#术语
这里我自行规定几个术语
1.缩略图–在聊天界面看到的图片
2:详情图–点击查看到的图片

#制作素材
需要图片
一张网格图,如下两张图,每个方块越小越好,我这里为边长一像素.

不同的网格图在显示效果上也略有区别,主要体现在电脑上的点击查看效果上:

1. 第一张制作的详情图在以浅色较多的图片下效果不好
2. 第二张在非100%放大下,详情图显示为缩略图内容

#制作步骤

1. 打开PS,新建两个图层,分别填充纯黑和纯白
2. 借助网格图,分别将两个图层上网格图对应的另一个颜色的部分删除,删除的部分为透明.并且两个图层能够互补.也就是:白色图层只有网格图中白色部分,没有黑色部分;黑色图层只有网格图中黑色部分,没有白色部分;并且两个图层合并以后便为网格图
3. 将作为缩略图的图片设置为黑色图层的图层蒙版,并且反相蒙版;将作为详情图的图片设置为白色图层的图层蒙版.(选中图层,添加图层蒙版,将图片导入到一个图层,全选复制,ALT+左键点击蒙版,然后粘贴)
4. 黑色图层与白色图层现在便是两个纯色图层,并且图层透明度与图片灰度一致.
5. 只显示黑白两个图层,另存为PNG格式,并且勾选交错选项.
6. 检查方法:在最底层新建一图层,填充纯白或者纯黑,分别显示缩略图或详情图

#制作效果

##效果1

#小提示
目前感觉600*480分辨率配合网格图2效果最好.

#附录

##原图与制作的图片

##网格图素材
注:可能图片被压缩,建议通过反复复制粘贴本文开头的局部网格图