這張圖是如何做到在其中隱藏另一張圖的?

一般情況下看到的是一條(咸)魚,然後點一下就會變成昆西

(為什麼上傳之後反而看不到了)

手機上看是這樣的


首先說明不是另一個答主所說的gif那個方法,原因很簡單,知乎是不支持gif圖片的

然後說原理

第一要明白這是一張PNG圖像,PNG圖像的特點是可以自定義背景,同時可以為原圖像定義256個透明層次

接下來是問題的關鍵,知乎或空間或微博的手機客戶端都有一個特點,預覽圖時圖片是在白色背景色上的,而打開圖片後背景色是黑色,圖片的作者準備了兩個圖層,一個是黑色背景白色圖像的昆西,然後將背景透明,另一個是白色背景黑色圖像的鹹魚,也將背景透明
在預覽圖時因為是在白色背景色上,所以白色的昆西無法被你看到,這時你看到僅有鹹魚,而打開圖像後也是黑色背景色,所以黑色的鹹魚是無法被看到的,只能看到白色的昆西

證明這一點很簡單,知乎有一個夜間主題會改變預覽圖時的背景色,這個背景色既不是黑色也不是白色

看,又有鹹魚又有昆西 與此相同的道理(這下面有張圖的!你們點一下下面的空白區域就知道了!)


作者:素素
鏈接:這種像是點陣圖的是如何做到放大後是另一張圖片的? - 素素的回答
來源:知乎
著作權歸作者所有,轉載請聯繫作者獲得授權。
關於製作方法在咱拖了兩天後終於發現了,已解決,分享一波經驗,感謝樓上提供的思路,對解題方向有重要意義,方法如下↓
關於雙層圖片有幾個重點:
1、 這個說明僅針對點擊放大後圖片背景為黑色的軟體或程序,具體顏色熟練後自己配
2、了解圖片縮放過程中會省略部分像素點這個概念
3、參考知乎,有指導意義原文,明白四宮格像素點基本原理。
4、不誇我的都要去女裝!

步驟:
1、新建文件,長寬均為2. ↖黑 黑↗鉛筆畫出圖案,編輯→定義圖案,擦掉重畫↖空 空↗,不用保存,關閉。------橫線-----↙黑 空↘---------------------------------------------------------↙空 白↘(這裡的順序在知乎應該不會錯位吧。。)
2、新建純黑白兩個圖層,便於查看顏色。
3、打開兩個圖片文件,一般是RGB格式,不用管的,針對單一圖片,點擊通道CTRL+RGB顏色,獲得選區,新建圖層準備填充。
4、shift backspace填充選區,對上面的圖層(縮略圖顯示圖層)選區進行反選!!重要!!ctrl+shift+I 反選選區,填充圖案三黑一空白的那個,填充透明度我設置75%,你們自己嘗試著改。下面的圖層(放大後顯示圖層)填充圖案三空白一白色那個,透明度也為75%。(強烈建議自己嘗試嘛)
5、保存文件名為:雨落直播女裝誤被毒心撞見,點擊圖片查看.PNG 否則會失敗(滑稽)。

PS:
1、老司機請勿開車,新司機小心翻車。
2、感謝樓上各位提出的思路~轉載請註明出處,有不明白的地方可以問我哈~
13:35 2016/10/22
圖片太大壓縮壞了.. OvO


貼吧最近出現的老司機新車,幻影坦克
╭(°A°`)╮突然飆車,最為致命


帶Alpha通道的圖像格式就能製作,下面只討論灰度圖像,因為對於彩色圖像基本無解。

屏幕顯示一張有透明度的圖像,必定要有背景才能顯示出來,關鍵就在於這個背景是什麼。背景大多情況下是純黑或純白。這類圖片就是利用在不同背景下,顯示的圖像不同製作而成的。

對於灰度圖像的每個像素,屏幕顯示使用下面這個公式:
G=G_{f}	imes alpha +G_{b}	imes (1-alpha)
G:顯示的灰度值
G_{f}:前景(圖像)的灰度值
G_{b}:背景的灰度值
alpha :alpha值

假設我們已經準備好兩張圖(不帶Alpha通道),分別為G_{1}G_{2},要讓G_{1}在白色背景(G_{b}=1)下顯示,G_{2}在黑色背景(G_{b}=0)下顯示。那麼可以得到二元一次方程組:
left{
egin{array}{l}
G_{1}=G_{f}	imes alpha+1	imes (1-alpha)\
G_{2}=G_{f}	imes alpha+0	imes (1-alpha)\
end{array}

ight.
解得:
left{
egin{array}{l}
G_{f}=frac{G_{2}}{G_{2}-G_{1}+1} \
alpha=G_{2}-G_{1}+1\
end{array}

ight.
於是我們就得到了第三張帶Alpha通道的圖像。
不過因為0leq G_{f}leq 1, 0leq alphaleq 1,因此G_{1}G_{2}的取值變得非常有限,一個最容易得到的條件就是G_{1}geq G_{2}

最後放出一張根據此原理做成的圖,黑色背景下是正常的,白色背景下是透視&>///&<。如果想要反過來,需要穿白衣服或者調整兩張原圖像亮度。


我會考慮是否放出做法
################
在看到這張圖後我下載下來仔細分析過
這張圖的作圖理念真的很高

這張圖是帶有透明信息的PNG圖
給圖像一個非灰度背景 並將圖像放大 你會發現這張圖是由白色點陣和黑色線條交織而成的 像是布匹一樣

而白點和黑線都有其一套透明信息
在白色背景下 白點不會展現出透明信息 黑色線條的透明信息與白色背景混合會展現出灰色的圖像
同理黑色背景中白色點陣用來承載圖像信息 黑色線條不顯示內容

當人眼觀察一張圖象時 會自動忽略一些規則的格式 並將零散信息合併 從而得到一副圖像
因此背景不同 你就會看到一個萌妹或者鹹魚
並且鹹魚中白色點陣不會混合背景 整體偏白 而昆西偏黑


把主題切換到夜間模式,兩張圖都是昆西。


PNG格式可以有透明部分的,比如這兩張圖的「白色」部分其實就是透明的,你們放貼吧里開夜間模式看看就明白了(作者:「わたらい」のプロフィール [pixiv])


推薦閱讀:

圖片中的icon怎麼用PS和AI完成的?
用photoshop繪畫時有沒有什麼必須學會的技巧或者功能?
學好 PhotoShop,重點需要掌握哪些知識技巧?
如何從零開始學photoshop?
鄧超這張圖片是怎麼做出來的?

TAG:AdobePhotoshop | Photoshop使用技巧 |