刷微博的時候經常會看到一些 gif 圖,預覽圖和點開的大圖是不同的圖片,並且 gif 圖點開後也不會循環播放再次看到預覽圖。
就像這樣:
(動圖截自費啟鳴微博)
那麼這種圖是怎麼做出來的呢?
其實很簡單,用 Photoshop 做一個只循環一次的 2 幀動畫就可以了。
過程如下:
1、首先,你需要一部裝有 Photoshop 的電腦。
2、準備 2 張圖片,一張用做預覽圖、一張用做點開圖。
建議兩張圖片形狀一樣,否則可能做出的成圖效果不佳。
3、打開 PS,將兩張圖片拖到 PS 中。
這裡建議大家更改一下圖像大小,把寬高像素改為 1000 以下,不然文件太大的話 PS 做動圖會非常卡。
我這裡將圖片寬高改為 500 像素。
更改圖片像素步驟:點擊菜單欄中的「圖像」—「圖像大小」。
4、打開時間軸,然後「創建視頻時間軸」。
步驟:點擊菜單欄中的「窗口」—「時間軸」—「創建視頻時間軸」。
5、點擊右下角 —「轉化為幀動畫」。
6、複製幀,點擊「複製所選幀」。
7、設置幀
點擊第一幀圖片,將時間設為一秒以下,0.5 秒、0.2 秒均可。
然後鼠標放到右邊「圖層」板塊,打開將要用做預覽圖的的圖片的眼睛開關,關閉將要用做打開圖的圖片的眼睛開關。
點擊二幀圖片,將時間設為一秒以下,0.5 秒、0.2 秒均可。
然後鼠標放到右邊「圖層」板塊,打開將要用做打開圖的的圖片的眼睛開關,關閉將要用做預覽圖圖的圖片的眼睛開關。
(方法和第一幀做法一樣,只不過把兩張圖層的眼睛開關更換以下)
8、距離完工的最後一個步驟——導出。
步驟:點擊菜單欄中的「文件」—「導出」—「儲存為 Web 所用格式」。
注意:右下角的「循環選項」默認是「一次」,如果「循環選項」不是一次的話,一定要改成一次。
最後儲存,大功告成!
把我剛剛做出的這個動圖發微博試一下
注:剛剛用 PS 做出的那張動圖,在微博中是不會再循環了。
但是如果發到別的地方,比如 qq、微信等,動圖依然是循環播放的。
點擊“瞭解更多”可觀看高清視頻教程。
閱讀更多 白雲熊膽丸說 的文章