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