Blogtrottr
|
![](http://www.launchbit.com/taz-i/1773-bestbuy-text.gif) |
Geek Squad from Best Buy
Get instant online support. We can fix computers, cameras, car technology and more. Talk to us today. ![](http://www.launchbit.com/aq/102d8e077a/) |
From our sponsors |
|
|
加兩條白線,你的 GIF 圖就能變成立體的
Feb 18th 2014, 00:02, by ifanr
動態 GIF 圖片誕生至今已有 30 多年歷史,但它依舊是網路的寵兒,社群網路、論壇、即時通訊工具……你隨時都能看到它的身影。事實上,對於這個熱門的圖片格式,我們可以透過一些小技巧來讓它獲得意想不到的 3D 效果,進而實現病毒式傳播。
![](http://cdn3.techbang.com.tw/system/images/152843/original/f929ebec284110eb4ace9802bdac699e.gif?1392646090)
動態 GIF 圖片誕生至今已有 30 多年歷史,但它依舊是網路的寵兒,社群網路、論壇、即時通訊工具……你隨時都能看到它的身影。興趣圖譜 Pinterest 在上個月測試 GIF 圖片,希望能透過它來展示更豐富的商品資訊。
![](http://cdn3.techbang.com.tw/system/images/152844/original/0a1830cf3554c2f4830031a166d10662.gif?1392646117)
事實上,對於這個熱門的圖片格式,我們可以透過一些小技巧來讓它獲得意想不到的 3D 效果,進而實現病毒式傳播。透過上面兩張圖片,你應該能看出,在 GIF 圖片中加入兩道豎直的白線,圖片就能產生令人驚歎的 3D 效果,圖片人物仿佛要「破圖而出」。
![](http://cdn3.techbang.com.tw/system/images/152845/original/b882385ad626392dc4afeb80579f66d7.gif?1392646165)
這兩道分隔號扮演的其實是前景視覺標記物的角色,一旦打破這兩道分隔號,物體就會產生令人驚歎的立體效果。優秀的 3D GIF 圖片創造者常常會留意電影中物體從背景向前景移動的畫面,然後將這些畫面截取下來進行類似的加工。
![](http://cdn0.techbang.com.tw/system/images/152846/original/3db2c631731c4bcd64547a774e41b609.gif?1392646218)
![](http://cdn3.techbang.com.tw/system/images/152847/original/88d08ec3dd9d12bcc3473c4ee7b7210e.gif?1392646251)
已經有更多的例子可以說明,在類似場景中加入兩道垂直的白色分隔號,圖片就能夠營造出 3D 效果。廣告、媒體、行銷等創意行業的從業者完全可以借鑒這套做法,讓自己的作品傳播得更廣。
![](http://cdn1.techbang.com.tw/system/images/125088/original/89feb289ab193202ea3bd9e26d4437ee.jpg?1371527945)
延伸閱讀:
低畫質的 GIF 縱橫網路20年了,更優秀的 APNG 為什麼沒能取代它?
想自製趣味動態圖?快速製作 GIF 動態圖片
不要再念錯了!GIF 格式之父 Steve Wilhite 還原正確念法,JIF 才是標準發音
在臉書貼上會動的 GIF 圖片
This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.
|
|
|
gallerypp 發表在 痞客邦 留言(0) 人氣()