《点开就变的图片简单的制作方法(5)》

又双叒叕一个点击图片变化的方法
这次的方法有点复杂是放大和缩小影响变化
在QQ中可能会遇到一些比较“神奇”的图片,它们看似普通,但是当你点开看大图时,就会摇身一变,成了完全不一样的图。这种图一般都为灰色背景,图中图案为黑白。

原理:以QQ为例,在点开图之前,QQ默认的图片背景色是白色,点开后默认背景色是黑色。我们需要做的是将一个图分成两部分,一部分仅在黑色背景上显示,白色背景上完全看不到(真图);另一部分仅在白色背景上显示,黑色背景上完全看不到(伪图)。但是如何让一个图只能在黑色的背景显示但是在白色背景完全不显示,而且不能是只有黑色和白色呢?那就是将“灰度(这个颜色有多灰)”转换成不透明度,比如可以将灰色转化成50%的黑,在白色背景上看起来效果是一样的,但是在黑色背景上,纯灰依然是纯灰,但是50%的黑+100%黑=100%黑,就显示不出来了。白色同理。
工具:

1.Photoshop(演示中我会使用Photoshop CC 2015版本,Mac OS 所以可能看起来跟windows有些差距)

2.伪图(点开之前的图)

3.真图(点开之后的图)

准备好后,Here we go!
第一步,制作 “灰色背景”

新建一个2x2像素的画板,并放大到3200%。
test
创建2x2的画布
test
注意右下角放大倍数3200%

使用一个像素粗细的铅笔将左下,右上,右下的像素涂黑。
test

然后选择(编辑-自定义图案-确定)这样这个画布就被当作图案储存了。第一步结束。第二步,填充背景再新建一个画布,推荐(1000*800左右)太大了在Photoshop中显示会有问题。新建图层-图层样式-图案叠加-(选中刚刚储存的图案)-缩放100%-叠加模式正常-100%不透明度-确定

test

背景填充配置

然后右键栅格化图层样式

选择-色彩范围

选择-取样颜色-颜色容差200,用吸管取左边色板中的黑色,确定
test
选中图层1,重复上述步骤,在选颜色时用吸管取色板中白色部分。确定,Ctrl+J,得到图层2(again) ,重命名为“白色部分”

隐藏图层1.

第二步结束,效果如图
test

第三步,设置伪图

置入伪图,我就选了一张Conan 和 Haibara Ai的壁纸。

图像-调整-黑白-(不用改设置)-确定

图像-调整-反相

隐藏其它所有图层
test

编辑-定义画笔预设-(命名为“伪图”)-确定。

新建图层-(填充为黑色)-添加模版-选中模版-选中画笔工具-右键-找到刚刚设置的“伪图”图案-在画布中间点一下
test
在右侧图层上右键,转换为智能对象,重命名“伪图”

第三步结束第四步,设置真图

原理同上,照片以链接形式放出。

置入真图,我就选了一张Code Lyoko的壁纸。

test

图像-调整-黑白-(不用改设置)-确定隐藏其它所有图层编辑-定义画笔预设-(命名为“真图”)-确定。新建图层-(填充为白色)-添加模版-选中模版-选中画笔工具-右键-找到刚刚设置的“真图”图案-在画布中间点一下转换为智能对象,重命名“真图”第四步结束第五步,分配背景。这里需要解释一下。因为在第二步填充背景时,我们将背景以3:1的方式分成了白色部分和黑色部分,即在一个2x2的方格内有1个白色部分和3个黑色部分。可以尝试将白色部分分给“真图”,如果效果不好再试试另一种方法。(我这次选的图适合将白色部分分给伪图)在“白色部分”图层缩略图按住ctrl——左键,再选中“伪图”图层,Ctrl+J.得到图层2,重命名为“伪图2”在“黑色部分”图层缩略图按住ctrl——左键,再选中“真图”图层,Ctrl+J.得到图层2,重命名为“真图2”将除了“伪图2”和“真图2”的其它图层隐藏,包括背景图层。第五步结束,效果图如下。

test
第六步,导出。

这就不说了,关键是一定要导出到png图片。

完成!

作者:PlayerMin
链接:https://www.zhihu.com/question/43473759/answer/118721356
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


 上一篇
新一代线稿自动上色软件Style2Paint的搭建方法
《新一代线稿自动上色软件Style2Paint的搭建方法》还是贴吧看到的转过来了非常实用的上色服务,有网页版没有的模仿上色功能。 先说下硬件要求:例子1: i3-2350m+8g内存, 无显卡. 正常运行, 就是上色要上2分钟;例子2:
2018-12-22
下一篇 
【教程】点开就变的图片简单的制作方法(4)
《点开就变的图片简单的制作方法(4)》又一个点击图片变化的方法1.首先,打开PS找到你所中意的图2.将图片黑白化:如图所示,找到“色相/饱和度”3.在“饱和度”一栏拉到底黑白化完成4.找到到右下角的“通道”之后点击图中红圈所示的“将通道作为
2018-12-22