整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
天看到網(wǎng)上有人說：
“我一直覺得做PPT展示的時候切出去播放視頻，是不人道的，gif可以解決這個問題?！?/p>
你可能奇怪，他的想象力會不會太豐富，用一張動圖取代聲色并茂的視頻？但事實是，得看你是不是真的懂GIF，你可能不知道它現(xiàn)在是市場營銷必備，在傳媒界、時尚界和科技界都很吃香。
.
1、讓情感交流更直接、有效
——為什么我們聊天的時候喜歡用表情？
——因為純文字很容易讓人誤解：一個什么都不加的“哦”，哇，含義太豐富了。
當(dāng)我們有心思去微信表情包找一張貼合自己情緒的GIF時，心情都差不到哪里去。所以我們常在微信發(fā)動圖，很大可能是缺乏面對面的實時反應(yīng)時，為了不讓人以為自己冷漠。
國外GIF火的程度不亞于國內(nèi)，但GIF的傳播更具商業(yè)化。
giphy.com，一個專門提供視頻動圖搜索的網(wǎng)站，每個月高達(dá)近一億訪客；
很多科技產(chǎn)品在社交平臺發(fā)布新特性，都棄視頻而用GIF；
而維多利亞的秘密，還在最著名的天使內(nèi)衣秀場上請人進(jìn)行GIF現(xiàn)場直播。
GIF對市場營銷越發(fā)重要，但我們要怎樣設(shè)計出一個?！恋腉IF？
.
2、要新鮮？GIF得這么玩
（1）GIF錄屏
[工具] Gifcam
挑選一個好玩的視頻段落，打開GifCam調(diào)整錄屏范圍，進(jìn)行錄制，就可以完成GIF的簡單制作。這里需要注意一個指標(biāo)FPS（幀/秒），一秒錄制的幀越多，越耗內(nèi)存。
使用GifCam的好處在于，零技術(shù)門檻，錄屏結(jié)果就是GIF，關(guān)鍵看你挑的視頻質(zhì)量。錄完后還能進(jìn)行尺寸調(diào)整、幀刪除等基本編輯。
（2）給圖片加點動感
[工具]Photoshop
把GIF或視頻幀導(dǎo)入Photoshop后，能進(jìn)行更細(xì)致的處理，包括圖片大小、動畫效果、播放速度等多個方面。而Photoshop同樣是制作GIF的好手，但需要逐張編輯圖片。
上面這張極具時尚感的GIF，實際上只使用了一張圖片（就是模特走秀的場景）。但它在圖片上疊加文字圖層，通過不同字母的26種位置變化，創(chuàng)建出26幀靜態(tài)圖像進(jìn)行組合，就成了一個GIF。
（3）節(jié)奏，是動畫的靈魂
[工具] Photoshop
好的動畫具有故事情節(jié)，但GIF的一般設(shè)置又是循環(huán)播放，所以動畫GIF的畫面情緒非常重要。一個節(jié)奏把握得當(dāng)?shù)膭赢婫IF，能讓重播變得讓人“上癮”。
上面是同一個GIF，只對時長做不同調(diào)整。第一個GIF的每一幀都是0.2秒，第二個則根據(jù)“劇情”發(fā)展，對靠后的幀適當(dāng)延長了播放時間。
你覺得哪張圖更能打動你呢？
.
3、優(yōu)化，優(yōu)化，再優(yōu)化！
GIF大致制作完成后，必不可少的是對它進(jìn)行優(yōu)化。尤其是錄屏得到的GIF，通常容量比較大，不壓縮上傳都嫌浪費時間。最常見的是用Photoshop縮圖，技巧有三：
（1）顏色，越少越好
控制圖片的色彩空間，一方面可以直接把圖像都設(shè)成單色，另一方面是保存的時候選擇較少的顏色位數(shù)（彩色的一般控制在64位）。下面的GIF雖有39幀，因為色彩單一卻只有50多K。
（2）該剪裁的要裁掉
剪裁，一方面是基于和整體頁面風(fēng)格一致的考量，另一方面則是減除不必要的色彩空間。因此，如果邊緣顏色本身不復(fù)雜的話，就沒有必要特意為了縮圖剪裁。
（3）能省去的幀盡量刪掉
錄屏成功后，一般需要花幾分鐘，挑出動態(tài)變化比較明顯的圖像，把其余幀都刪去以節(jié)省空間。比如下面這張GIF只有兩幀，但動態(tài)效果依然強(qiáng)烈。
4、最后一步，進(jìn)擊的GIF
GIF制作完成后，放哪兒？微信朋友圈不支持直接GIF，微信廣告倒是可以投放（而且很好玩），所以對于大多數(shù)人，最多添加到自定義表情里發(fā)給好友。
其實還有一種方便GIF分享的法子，用H5?，F(xiàn)在能支持多種多媒體交互、且傳播效果較好的是H5網(wǎng)頁。把GIF添加到H5里進(jìn)行播放，還能加快社交傳播力度。
但怎么在H5中使用高級的GIF編輯技巧？最后再介紹一個H5制作工具iH5.cn：
（1）對于GIF的播放觸發(fā)，可以利用“GIF”工具上傳GIF，結(jié)合“事件”控制它的播放；
（2）想要用手勢或鼠標(biāo)滑動來控制播放的方向、進(jìn)度，可以使用“幻燈片工具”上傳GIF，進(jìn)行參數(shù)的設(shè)置。
最后獻(xiàn)上芒果TV靈活應(yīng)用了GIF的經(jīng)典H5：追星日報
http://www.ih5.cn/idea/pm1n7gh
·
附：3個GIF創(chuàng)意素材網(wǎng)站
視頻GIF搜圖 http://giphy.com
Mr. GIF主頁http://mr-gif.com
GIF創(chuàng)意項目http://thecreatorsproject.vice.com/tag/GIFs
and 1個H5制作平臺網(wǎng)站
iH5 http://www.ih5.cn（如需制作，請在電腦打開網(wǎng)頁）
覽器和 JavaScript 的功能逐年不斷的變強(qiáng)變大。曾幾何時，任何類型的游戲都需要Flash。但隨著 HTML5 發(fā)展，HTML5 + WebGL 游戲式就慢慢占領(lǐng)著這個舞臺。以下是30款流行的游戲，它們可以在所有現(xiàn)代瀏覽器中運行，并且只使用web技術(shù)構(gòu)建。
地址：http://hexgl.bkcore.com/
類型：街機(jī)，賽車
HexGL 是一款基于HTML5，JavaScript和WebGL的快節(jié)奏的賽車游戲。玩家可以使用鍵盤，觸摸屏設(shè)備或leap motion(體感控制器)來控制太空飛船。
地址：http://www.cross-code.com/en/home
類型：動作，角色扮演
一個復(fù)古靈感的2D游戲設(shè)定在遙遠(yuǎn)的未來。這是一個充滿偉大的游戲機(jī)制，如組合，拼圖，技能樹，任務(wù)，物品等等。
地址：https://sketch-out.appspot.com/
類型：街機(jī)
Sketchout的任務(wù)保護(hù)你的行星，并通過改變流星的方向來消滅對手，通過使流星偏轉(zhuǎn)來保護(hù)您的星球并消滅對方，這款游戲有很棒的視覺效果和音樂特效。
地址：http://www.treasurearena.com/類型：多人，角色扮演，動作
Treasure Arena 是一款動態(tài)的競技場戰(zhàn)斗游戲，最多可容納4名玩家。它具有不同的游戲模式，出色的幀率和配樂，是一個非常有趣的游戲。
地址：http://bejeweled.popcap.com/html5/
類型：街機(jī)，解謎，娛樂
HTML5格式的經(jīng)典“寶石迷陣”游戲。這是一個官方克隆，因此可以正常運行且外觀完美。
地址：http://missile-game.bwhmather.com/類型：街機(jī)
這是一款非常具有挑戰(zhàn)性的游戲，游戲中我們扮演的是一枚被發(fā)射進(jìn)隧道的導(dǎo)彈。游戲有很酷的黑白圖像，玩的時候會有很強(qiáng)的場景效果。
地址：http://www.deconstructeam.com/games/gods-will-be-watching/類型：拼圖
在這個令人毛骨悚然（但又很棒）的游戲中，我和自己團(tuán)隊必須獨自生存40天。團(tuán)隊有六名成員，其中包括一只狗，一名精神病醫(yī)生和一個機(jī)器人，您必須與他們互動，以使其保持溫暖，溫飽和理智的狀態(tài)。
地址：http://www.sinuousgame.com/類型：街機(jī)
一個簡單的游戲，極簡的圖形和流暢的幀率。拾取電源時避免與紅點碰撞。此外，如果你想要那些額外的積分，就需要不停向前移動
地址：http://swooop.playcanvas.com/類型：街機(jī)
在一個美麗多彩的3D世界里，到處飛翔，收集寶石和星星。
地址：http://www.freeriderhd.com/
Free Rider HD 是一款令人上癮的游戲，你可以在其他玩家繪制的賽道上騎自行車?？梢栽诔汕先f的播放器曲目中選擇一個播放，也可以創(chuàng)建自己的曲目并分享。
地址：http://entanglement.gopherwoodstudios.com/zh-CN-index.html類型:拼圖,娛樂
這個游戲的目的是通過在網(wǎng)格上放置線段來創(chuàng)建一條盡可能長的路徑。你可以單獨玩，也可以和朋友一起玩。
地址：https://www.modern.ie/en-us/ie6countdown#escape-from-xp
類型：動作，街機(jī)
用“Escape from XP”來慶祝 Windows XP 的終結(jié)。你的任務(wù)是拯救最后一個陷入Clippy暴政的開發(fā)人員。
地址：http://polycraftgame.com/類型：角色扮演，塔防，動作
在這個很棒的3D游戲中，你到處收集資源，建造東西，完成任務(wù)。關(guān)于它的所有東西都經(jīng)過拋光，并且運行也非常順暢。
地址：https://gabrielecirulli.github.io/2048/類型：拼圖
一個非常上癮的游戲，你可能已經(jīng)玩過了。在 2048 ，你移動編號的圖塊并合并它們。當(dāng)界面中最大數(shù)字是`2048 時，游戲勝利。
地址：http://arcade.lostdecadegames.com/onslaught_arena/
類型:動作
一種快節(jié)奏的復(fù)古生存游戲，您可以使用不同的武器與成群的敵人作戰(zhàn)。
地址：http://chrome.angrybirds.com/類型:游戲
《憤怒的小鳥》游戲，這就不用介紹了。
地址:https://www.cubeslam.com/mcycrs
類型：街機(jī)，多人
具有豐富的色彩和炫酷的3D圖形乒乓球游戲。我們可以通過向朋友發(fā)送一個URL來挑戰(zhàn)他們，還可以通過網(wǎng)絡(luò)攝像頭看到對方。
地址：http://hypnoticowl.com/games/the-wizard/類型：動作，角色扮演，策略
Wizard 是基于回合的地牢爬行者，在里面會遇到神話般的怪物并找到奇妙的咒語。該游戲具有酷炫的戰(zhàn)斗機(jī)制，有時可能會帶來很大挑戰(zhàn)。
地址：http://phoboslab.org/xtype/類型：動作，街機(jī)
在這款酷炫的太空射擊游戲中，你目的就是要起戰(zhàn)勝 Boss。
地址：http://orteil.dashnet.org/cookieclicker/類型：休閑，搞笑
Cookie clicker 是一款可能為了開玩笑而創(chuàng)建的游戲，但仍然提供了大量的樂趣。你可以從0個cookie開始，然后單擊一些有效率的cookie，最后你可能會發(fā)現(xiàn)自己擁有數(shù)十億個cookie。
地址：http://play.elevatorsaga.com/類型：拼圖，編碼
這類屬于程序員類型游戲 。在電梯中的任務(wù)是通過對電梯的運動進(jìn)行編程，以最有效的方式運送人員，這些都是用 JavaScript 來完成的。
地址：http://gameofbombs.com/landing類型：動作，角色扮演，多人
Game of Bombs是一個轟炸機(jī)類型的游戲，在廣闊地圖上，都有著敵方玩家。收集力量，皮膚和成就，以成為最佳轟炸機(jī)玩家的方式。
地址：http://or.paleozoic.com/類型：平臺游戲，動作
Olympia Rising具有漂亮復(fù)古外觀圖形的游戲。它坐落在古希臘，在那里我們扮演的女人被賦予了重新的機(jī)會，所以我們的任務(wù)就是逃離死者的世界。
地址: https://ned.im/pixel-race-game/類型：街機(jī)，賽車
Pixel Race是一款簡單概念概念，你可以在收集硬幣的同時控制汽車以避開障礙物。如果有足夠的耐心和空閑時間，那么你可能會打破記錄（記錄為36309個硬幣）。
地址：https://littlealchemy.com/類型：拼圖
從這四個基本元素開始，將它們組合起來，創(chuàng)建510種可能的組合。
地址：http://www.kevs3d.co.uk/dev/arena5/類型：街機(jī)
在數(shù)字領(lǐng)域中飛行并射擊幾何敵人以獲得高分。
地址:https://vector-runner-remix.tresensa.com/
類型：街機(jī)
在這個充滿色彩和幾何形狀的平臺游戲中，盡你所能奔跑吧。
地址：http://playbiolab.com/類型:動作
一款出色的像素藝術(shù)平臺游戲，你必須在這里逃脫充滿突變生物和其他不良生物的實驗室。
地址:http://worldsbiggestpacman.com/#類型：街機(jī)
地址：http://games.jessefreeman.com/new-super-resident-raver/
從即將到來的僵尸入侵中拯救驚慌失措的人們。收集錢，升級你的武器和戰(zhàn)斗僵尸。
作者：Danny Markov 來源：tutorialzin 譯者：前端小智
原文：https://tutorialzine.com/2015/02/30-amazing-games-made-only-with-html5
張看起來十分正常的可愛貓咪或美女圖片，可以把惡意代碼隱藏在圖片像素中。當(dāng)你點擊這張圖片時，計算機(jī)便會中招。
印度安全研究人員薩米爾·沙哈把他發(fā)現(xiàn)的這種隱藏惡意程序的方法稱為“stegosploit”，只需看一眼被這種方法處理過的圖片文件，你就會被黑掉。沙哈在上周四荷蘭阿姆斯特丹的黑客會議（HITB）上講解了這項黑客技術(shù)。
“惡意程序是一門藝術(shù)?！?/p>
一般情況下，惡意軟件往往會以諸如PDF、Word等辦公文檔作為郵件附件的形式夾帶以形成傳播。但沙哈使用的是“密寫”（Steganography）技術(shù)，把信息隱藏在圖片中，肉眼無法識別。（實際上，安全牛去年就報道過類似的技術(shù)。閱讀相關(guān)文章）
密寫經(jīng)常被恐怖分子用來在圖片和視頻文件中秘密的傳送信息，美國政府的特工被迫觀看大量的色情圖片和視頻以期望能從中找到秘密信息。沙哈則把這種概念運用到了黑客技術(shù)上。他把代碼“寫”進(jìn)圖片像素，然后通過HTML5的可遞交腳本的動態(tài)Canvas元素還原。沙哈將這一過程稱為“密汁”。
“我無需建立網(wǎng)站，甚至不需要注冊域名。我只需把一張圖片上傳到網(wǎng)上，然后把地址告訴你。當(dāng)你在瀏覽器中查看這張圖片時，惡意程序就會被觸發(fā)。”
惡意代碼是圖片代碼與Java腳本的混合，沙哈稱之為“IMAJS”，可藏進(jìn)JPG或PNG格式的圖片文件中。除非瀏覽者把圖片放大仔細(xì)查看，否則無法無現(xiàn)這是一張“有問題”的圖片。
這張圖片可以黑掉你的計算機(jī)
下面第一個視頻中，沙哈演示了如何一步一步把惡意代碼寫進(jìn)圖片：
第二個視頻，則顯示了惡意軟件是如何起作用的。需要用戶在瀏覽器中查看圖片，或是點擊圖片：
圖片一旦被點擊，CPU的使用率便會上升到100%，意味著惡意程序開始運行。它可以把受害者計算機(jī)上的數(shù)據(jù)發(fā)送給攻擊者，還能夠在受害者的計算機(jī)上建立一個文本文件，其中寫著“你被黑了！”。
圖像文件已不能再被“信任”，下次點擊它的時候，三思而后行。
惡意程序還可以設(shè)計更多的功能，如下載和安裝間諜軟件。沙哈表示，他用了幾乎5年的業(yè)余時間來研究這項技術(shù)。目前他還未在圖片分享網(wǎng)站上測試這項技術(shù)，但他承認(rèn)這種方法并不在任何情況下都適用。
（沙哈技術(shù)論文的地址）
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
