這樣的圖片是怎麼做到的？

12-09

////////補充：各位答主可能誤會了題主的意思……這張圖片如果我沒記錯的話是來自QQ空間，最近流行的一個「為什麼人們點開之後就會轉發這張圖片呢？」。具體情況就是縮略圖狀態下是一個樣子，點擊打開之後是另一個樣子……我記得在PC時代這種遊戲就已經流行過，現在在移動時代又被拿出來鞭屍了。 ================================== 題主再來補充一下，這是空間里看到的一張圖，在小圖的情形下看起來是這樣

然後當點開大圖，會變成這樣

然而當我把那張圖片保存下來再上傳到知乎，又變成了第一張圖那樣的情況。很好奇這樣的圖片原理是什麼，求大觸解答

話說知乎的規矩是更新寫在前邊還是後邊啊。。。
不管了。。。
剛才打開PS畫了下：
1.首先我們畫一個房子。
注意，我用的顏色是純黑。畫完之後圖層透明度調小。

2.把白色的背景圖層設為可見，取個色。
然後新建圖層，用這個取下來的灰色畫個小人，圖層透明度是100%，完全不透明。
（可惜答主是靈魂畫風T^T）

3.第三步，發現剛才忘記畫星空里那個彩色了= =||
找個彩色，（個人偏愛紫色~）就在那個房子圖層就行，畫筆的流量和透明度調低，隨便抹，以看不出來為宜~

4.新建個圖層丟在最上邊畫滿星星~~~
當然，星星圖層的話透明度是100%，所以畫在人那層上也沒問題~
（然而你們還是看不出來對吧~233~反正要的就是這個效果啦。我鋪了個黑底子畫完刪了截圖的~）

5.看著應該差不多辣！讓我們看看效果
白底：

黑底：

仔細看看除了畫風好像沒什麼不對的嘛~~
最後保存為PNG格式就可以拿去跟小夥伴裝逼了~
=w=
以下是剛才寫的原理
===============================
哎呀居然收到了一個贊(≧▽≦)/
看著前邊自己的文字表述能力有點捉雞。。。重講一下好了，，

png圖片是帶透明通道的；
查看png圖片時，透明像素的位置會填充上底色；
在QQ空間里，小圖背景是白色，大圖背景是黑色的。

我們觀察一下那個圖片，發現主要是黑白兩色，還有星雲里少量的彩色。

好，都是黑白的，那麼基本原理就出來了。
也就是，白色的筆跡鋪在白底上看不出來，換成黑底就看出來了。
戳開那些星光就是這樣出來地。

然後還有，戳開之後，出現了星光，同時那個房間不見惹。
這個當然也是同理：房間的顏色變成底色一樣的黑色了。
不過嗷那個房間明明不是黑的呀？是灰色的呀？
玩過PS都知道，一坨黑色把透明度拉低，是不是就變成灰色了。
而且，這裡是半透明的話，在底下墊上黑色的，是不是就完全變成黑色的了！
看不見咯。ㄟ( ▔, ▔ )ㄏ

然而躺在那裡的騷年為何一直都在呢~~
很簡單~~因為騷年那裡壓根就是不透明的呀~~

後邊是剛才寫的
===============================
反正基本原理是，這張圖是一個PNG
PNG大家都知道吧，有一個非常明顯的特點就是PNG圖片是帶透明通道的
當你在空間里查看的時候，圖片背景是淺灰色的
戳開大圖的時候，圖片背景是黑色的
這就相當於，這張圖

其實是一個半透明的PNG圖
當你在底下疊加一定的黑色時就會變成後邊那個樣子
不過那個人為什麼還在呢
是因為這張圖裡
房間場景是半透明灰色的疊加了黑色之後就看不出了
但是只有那個人不是半透明的，隨便你底下有多黑，但是蓋不住上邊的人這是我以前第一次看到圖的時候推理的。先口胡一下佔個樓，考完試拿PS試一下再更新

這個簡直是太簡單了…… 關鍵是你得存成一個帶 alpha 通道的 PNG.

打開上古神器 Photoshop, 新建一個背景為透明的文件

注意 Background Contents 選項。

然後寫一個白色的字和一個黑色的字，大概是這樣：

存成 PNG

然後就完成了…………………… 盡情地發推發微博吧~~ 在推里預覽是是白底的，這效果：

點開以後是黑底的，這效果：

對於這種雞湯圖，我的態度一貫都是不屑的，因為我的 Twitter 客戶端是灰底的，一眼就識破了……

不騙你：

在推里什麼效果你們自己測試吧 https://twitter.com/MetroWind/status/616806110431940608/

———————————————————

PS：我還是幫你們翻個牆吧…… Twitter 里的效果：

——來自未來的福利

PNG，PNG，PNG。
一定要說三遍。
虧得我還是學計算機的，當時在QQ空間里一眼就看出了這個問題。

Done。

原圖：http://r.loli.io/qQJje2.png
我仿製的圖片（不代表教程內容效果圖）：

—————————————
基於知乎的Photoshop話題整體素質比貼吧還差，我就轉到了這裡：

【將圖層混合發揮到極致】製作不同底色下顯示不同內容的圖片_photoshop

題主修改了問題描述，整個問題完全變了Orz

原題目為
標題：這張圖片是怎麼做到的
內容僅有那張圖片，沒有其他描述。
並且不管是在手機（iOS）還是在電腦（Chrome）上面都沒有看到補充問題後所描述的情況。

--------------------------------------------------------------------------------------------------------------------------

先佔個坑一會用電腦畫下

--------------------------------------------------------------------------------------------------------------------------

搞定了多圖

看了下原圖，感覺就是背景、人物和場景、十字形遮罩三部分組成。
我們先把整個背景塗黑

然後我們用筆塗出幾個大的色塊

看起來好詭異啊！！趕快用模糊工具將其模糊掉！

然後用星空筆刷（我是在微博上面看到的）畫出星空，並設置圖層發光和透明度——

感覺有點稀疏，直接把該圖層複製，旋轉180度！

到了這幅畫的重點了，我們來畫主體的人物和場景。我們先把剛才畫好的設置成不可見，新建圖層，開始畫！

這真是劉看山！這真是劉看山！這真是劉看山！（中藥的事情要重複三遍）

來讓我們看看畫現在的效果

感覺還不錯！

沒事，我們不要在意這些細節！
咳咳，現在基本上要畫完了，就差收尾了。

然後我們再新建個圖層，直接在上面畫十字。
由於手上沒有類似的筆刷，所以只能自己手畫意思意思——

搞定！

你們自己感受一下——

我決定將這幅畫取名為，《致天國的劉看山君》！

--------------------------------------------------------------------------------------------------------------------------
順便來打個廣告..
求各位大觸們關注下我P站吶「St.Su」のプロフィール [pixiv]
謝謝！QAQ

這玩意兒拿ppt隨便做
小圖