這種像是點陣圖的是如何做到放大後是另一張圖片的?

然而這裡看不出來,你把這張圖片保存起來然後在qq里打開或者在瀏覽器打開 反正很詭異..出來的圖片不一樣!!


沒做過這些,不過知道原理
通過點陣色塊的疏密和顏色的深淺可以做到,因為成像渲染的方式不一樣,而顯示器的解析度也有關係。

例如在800X800的解析度,縮放一張1600X1600,在全圖顯示的狀態下,圖像演算法就根據縮放率,決定某些像素不顯示、丟棄、或者通過特殊處理讓他們過濾等等手段,深入可以找懂硬體和圖形處理的程序員解釋。

-------------------------
100%顯示,可以看到疾走鹹魚外面的像素塊有一些陰影。

90%顯示,渲染呈現出大範圍同顏色的像素成為一個一個小圓點,同時變黑了。

放大一下,可見看見明顯的分塊區域。

再放大,像素點更小了,但是快裝又變大了

再放大一下,發現像素點是9X9排列,十字交叉的像素點又變大了

很好 這裡就足以發現問題,為什麼會有顯示出兩張圖了,因為這個PNG圖像,是可以擁有透明度的,通過像素點的透明度不一,亮度不一,顯示出來的效果會因為上面縮放演算法和解析度問題而呈現出不同的效果。

那麼現在縮放到60左右,發現外面的像素點黑色的比白色多了。

再縮放一下,duang~

---那麼問題來了,有沒有辦法看清楚裡面是啥呢。
添加一個黑色背景圖層,上面的鹹魚是在白色背景下才顯示的。

反過來,就這樣咯


在QQ中可能會遇到一些比較「神奇」的圖片,它們看似普通,但是當你點開看大圖時,就會搖身一變,成了完全不一樣的圖。這種圖一般都為灰色背景,圖中圖案為黑白。

今天我就來教你做出這樣的「幻影圖」

(老司機必備幻影坦克,不怕翻車)

原理:

以QQ為例,在點開圖之前,QQ默認的圖片背景色是白色,點開後默認背景色是黑色。我們需要做的是將一個圖分成兩部分,一部分僅在黑色背景上顯示,白色背景上完全看不到(真圖);另一部分僅在白色背景上顯示,黑色背景上完全看不到(偽圖)。


但是如何讓一個圖只能在黑色的背景顯示但是在白色背景完全不顯示,而且不能是只有黑色和白色呢?那就是將「灰度(這個顏色有多灰)」轉換成不透明度,比如可以將灰色轉化成50%的黑,在白色背景上看起來效果是一樣的,但是在黑色背景上,純灰依然是純灰,但是50%的黑+100%黑=100%黑,就顯示不出來了。白色同理。


工具:

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

2.偽圖(點開之前的圖)

3.真圖(點開之後的圖)


準備好後,Here we go!
第一步,製作 「灰色背景」

新建一個2x2像素的畫板,並放大到3200%。

創建2x2的畫布

注意右下角放大倍數3200%

使用一個像素粗細的鉛筆將左下,右上,右下的像素塗黑。

然後選擇(編輯-自定義圖案-確定)


這樣這個畫布就被當作圖案儲存了。


第一步結束。
第二步,填充背景

再新建一個畫布,推薦(1000*800左右)太大了在Photoshop中顯示會有問題。


新建圖層-圖層樣式-圖案疊加-(選中剛剛儲存的圖案)-縮放100%-疊加模式正常-100%不透明度-確定

背景填充配置

然後右鍵柵格化圖層樣式


選擇-色彩範圍


選擇-取樣顏色-顏色容差200,用吸管取左邊色板中的黑色,確定

然後直接ctrl+J得到圖層2,重命名為「黑色部分」


選中圖層1,重複上述步驟,在選顏色時用吸管取色板中白色部分。確定,Ctrl+J,得到圖層2(again) ,重命名為「白色部分」


隱藏圖層1.


第二步結束,效果如圖

第三步,設置偽圖

置入偽圖,我就選了一張Conan 和 Haibara Ai的壁紙。

圖像-調整-黑白-(不用改設置)-確定

圖像-調整-反相

隱藏其它所有圖層

編輯-定義畫筆預設-(命名為「偽圖」)-確定。

新建圖層-(填充為黑色)-添加模版-選中模版-選中畫筆工具-右鍵-找到剛剛設置的「偽圖」圖案-在畫布中間點一下

在右側圖層上右鍵,轉換為智能對象,重命名「偽圖」

(不會的點這裡)

第三步結束第四步,設置真圖

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

置入真圖,我就選了一張Code Lyoko的壁紙。

圖像-調整-黑白-(不用改設置)-確定


隱藏其它所有圖層


編輯-定義畫筆預設-(命名為「真圖」)-確定。

新建圖層-(填充為白色)-添加模版-選中模版-選中畫筆工具-右鍵-找到剛剛設置

的「真圖」圖案-在畫布中間點一下


轉換為智能對象,重命名「真圖」

第四步結束
第五步,分配背景。

這裡需要解釋一下。因為在第二步填充背景時,我們將背景以3:1的方式分成了白色部分和黑色部分,即在一個2x2的方格內有1個白色部分和3個黑色部分。可以嘗試將白色部分分給「真圖」,如果效果不好再試試另一種方法。


(我這次選的圖適合將白色部分分給偽圖)


在「白色部分」圖層縮略圖按住ctrl——左鍵,再選中「偽圖」圖層,Ctrl+J.得到圖層2,重命名為「偽圖2」


在「黑色部分」圖層縮略圖按住ctrl——左鍵,再選中「真圖」圖層,Ctrl+J.得到圖層2,重命名為「真圖2」


將除了「偽圖2」和「真圖2」的其它圖層隱藏,包括背景圖層。

第五步結束,效果圖如下。

第六步,導出。

這就不說了,關鍵是一定要導出到png圖片。


完成!

如果哪一步不清楚,請給我發郵件,我會儘快回復!


min#http://redbelief.com(將#換成@)


原創不易,轉載請註明出處!

2017.11.28更新:

好多人郵件問我的一個問題,我統一回復一下。就是我在每張圖片下面都寫了一句注釋,有些人誤以為是要操作的下一步。

其次,為什麼有些人在我回復郵件後就沒音信了QAQ


把這幅圖(PNG格式)放大之後可以看出,像素排布是四分之三的黑色,四分之一的白色,而且,都帶有透明度

鹹魚用帶有透明度的黑色畫在四分之三的黑色上,妹子用帶有透明度的白色畫在四分之一的淺色上,所以白色背景無論如何看不出有妹子,因為白色疊加白色背景還是白色,但是可以看出有鹹魚,因為白色和帶有透明度的黑色疊加變成了深淺不一的灰色。
如果背景變成黑色(比如手機點開大圖),那麼鹹魚被黑色完全疊加成黑色消失了,只剩下了帶透明度的白色和黑色疊加成灰色的妹子。

至於說為什麼放大縮小會有變化,因為如此密集的像素在縮小時,插值運算的方式不同,具體我也不懂就不說了。關於如何製作這種圖,提供一個思路是先用Alpha通道做出兩張一黑一白有透明度的圖,然後疊加到一起,用2x2像素的兩個圖案(左下四分之一和其餘四分之三)分別抽絲疊加到一起。


關於製作方法在咱拖了兩天後終於發現了,已解決,分享一波經驗,感謝樓上提供的思路,對解題方向有重要意義,方法如下↓
關於雙層圖片有幾個重點:
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


成功了 來交作業

至少在QQ上是很完美的


首先這個圖片是png格式的。png格式圖片可以自定義背景。
知乎或者qq客戶端預覽圖片時是白色背景,點開大圖是灰色背景。這幅圖就是兩個背景,鹹魚是灰色的,那女的是白色的。預覽時,知乎或者qq是白色背景,所以,你只能看見鹹魚,因為女孩也是白色的你看不出來。點開之後,背景是灰色,你就只能看見白色的女孩,灰色的鹹魚就看不清了。
像下面這幅簡單的圖

在電腦上是看不出來的,客戶端就可以。
「點開之後有變化」是灰色的。「有變化了吧」是白色的。
打開夜間模式的話,你就能看清楚兩層圖片了。

現在知乎客戶端變了,以前點開之後大圖是黑色背景,現在變成灰的了。
之前有過這個問題
這張圖是如何做到在其中隱藏另一張圖的? - ChipsetS 的回答

一個簡單的製作示範

新建一個透明背景

兩個文字圖層,一個白色,一個灰色

然後保存為png格式圖片

之後就好了。

反正在QQ上做個文字表情包夠用了,至於做圖,原理是一樣的,兩張圖顏色只要跟背景重合就能達到隱藏的效果了。


然而知乎也是有夜間模式的。。


ios點開這幅圖縮小再放大,會有一個萌妹一閃而過


原理和以前網上廣為流傳的那份紅藍小抄一樣,白底和黑底就相當於紅色和藍色鏡片的眼鏡,起到圖像過濾作用
網格估計是由透明度百分之25黑和透明度百分之75黑構成的
有空我做一遍證明試試


我就想知道這個能開車嗎


樓上那些好像都有道理,可我覺得不應該是這樣吧……
我猜題主的那張圖可能是代碼圖,代碼圖還是比較常見的,至於怎麼做,我←_←不知道,倒是特別想學的……


理論上說如果花時間做點陣的話是能使兩張圖融合的緊密的,如果只是想隱藏圖片的話,試著做了一張。。。效果湊合吧

大概步驟就是:
1.先將圖片調成灰度圖
2.新建一個白色圖層
3.在通道中按ctrl點擊初始圖片將其選中
4.回到圖層界面,選擇那個白色圖層並點擊右下角的新建蒙版
5.最後保存為png格式即可
這是將黑色圖片隱藏在白色背景中的方法,如果要將白色圖片隱藏在黑色背景中反著來即可;如果通過點陣的方式將兩種圖片融合後用相反的方式隱藏,大概就是題主給的圖吧
又試做了一張新圖,應該就是這種方法吧


推薦閱讀:

有什麼軟體可以實現移動拍攝有視差的圖像拼接?
怎麼用ps分析提取圖片的顏色值?

TAG:AdobePhotoshop | 設計 | 圖像處理 | 圖片處理 |