經常看到微博上面會有這樣的圖片，你去點擊那張圖片，他就會變成另一張圖片，求解，這種圖片怎麼製作？

---

來我教你做! ( 多圖, 流量黨慎入 )

1. 首先你需要一台裝有 Photoshop 的電腦,

然後找兩張圖片:

2. 建立PS文檔並把兩張圖片放到兩個圖層里, 像這樣:

3. 然後在上方菜單里找到 「窗口」&>「時間軸」

( 不同的版本或翻譯里它也可能叫「視圖」&>「動畫」, 答主用的版本是CC )

4. 創建幀動畫

5. 在下方的循環方式處選擇「一次」 ( 也就是整個動畫只播放一次, 到最後一幀定格 )

6. 點擊下方的「便條紙」新建一幀

( 這裡幀下方的「0秒」是指幀切換的間隔時間, 題主想要的效果用0秒就可以了 )

7. 選中第二幀, 將上方圖層隱藏, 使下方圖層顯示

成功的話應該得到以下的效果

8. 然後導出! 在「文件」&>「儲存為 Web 所用格式...」

( 不同版本或翻譯可能叫法不一樣 )

9. 彈出如下窗口, 右上格式選擇「GIF」, 然後儲存

10. 恭喜你成功啦!!!!

以下左邊是系統自帶的圖片預覽, 右邊是看圖軟體打開後的效果

然後答主上了微博試了一下效果

然後成功了有木有!!!

然後發現知乎不可以這樣

PS.這只是答主提供的一種方法, 做這種圖當然可以有很多種方式, 大家可以多嘗試對不對!2333

===================================

補充「如何將兩個圖片放置在兩個圖層」

1. 將文件拖入PS窗口

2. 將第二張圖片拖到第一張圖片上

這是第二張圖片較小的情況, 自由變換調整到適宜的大小

右上「對鉤」完成

3. 關於「背景圖層」, 默認置底, 可以

轉換為普通圖層

當然你可以先放下面的圖就不必那麼麻煩, 這是只一種可能遇到的情況.

希望能幫助到題主.

---

2015年7月我曾經發過教程，但是在座各位都是垃圾，看不懂，

I"m angry，刪了答案，把教程轉到了這裡。

現在我寫了個生成器，只要擁有現代瀏覽器就能使用，希望各位用得開心。

---

gif圖片，只循環一次

前方高能 大圖慎點

Gif製作方法

動圖請戳

---

並不是GIF的原理，這裡有製作這種圖片的教程http://tieba.baidu.com/p/4353750030

---

為什麼設置一次還是不斷的閃動呢

---

不循環播放的GIF，第一幀放想在縮略狀態下被看到的圖，第二張放原圖。

---

使用的是gif圖片的特性做的。

製作工具很多，可以用Ps也可以用fireworks，這兩個工具都可以實現gif的編輯。製作步驟可以參考其他答主的回答，我這裡就講一下實現的原理以及針對微博的一些注意事項

製作原理：

• 最終生成的GIF有兩幀圖像，第一幀放置你點開前的圖片，第二幀放你點開後的圖片。
• 第一張圖片設置延遲時間為0，第二幀延遲時間&>0即可。
• 循環次數選成只無循環/只播放一次
• 兩幀圖片的尺寸必須一樣(GIF特性導致)，寬度不能超過450否則會導致被二壓，電腦端無法正常顯示第一幀圖片。
• 如果兩張圖片尺寸不一樣，那麼畫布尺寸就等於第二幀圖片尺寸，小圖就放在畫布正中間，畫布背景透明。

示意圖：

圖一：

圖二：

順便提一下Fireworks導出的例子中的導出設置：

（Fireworks不要用保存，使用「導出嚮導」）

務必記住記得圖片要帶透明度

播放次數記得設置左下「裁剪每幀狀態」勾選狀態，否則導出圖片第一幀會尺寸異常

---

電腦做的保存上傳空間那個很好，就不知道為什麼手機裡面的一直不停的閃爍著

---

但是我發布到微博上面，沒有效果啊

---

為什麼做好的圖手機顯示效果很好，但是網頁打開不行？

---

實際上不就是gif嗎。

---

推薦閱讀：