会动的设计才有“钱”途!



——为什么我们聊天喜欢用GIF?——因为纯文字容易让人误解,一个什么都不加的“哦”,哇,含义太丰富了。——那么为什么GIF能赚钱?(——哔。)

656e56fce58d6ac7257948836af4.jpg

今天看到网上有人说:

“我一直觉得做PPT展示的时候切出去播放视频,是不人道的,gif可以解决这个问题。”

你可能奇怪,他的想象力会不会太丰富,用一张动图取代声色并茂的视频?但事实是,得看你是不是真的懂GIF,你可能不知道它现在是市场营销必备,在传媒界、时尚界和科技界都很吃香。

1、让情感交流更直接、有效

ebed56fce59f32f875a944acf4e6.jpg

——为什么我们聊天的时候喜欢用表情?

——因为纯文字很容易让人误解:一个什么都不加的“哦”,哇,含义太丰富了。

当我们有心思去微信表情包找一张贴合自己情绪的GIF时,心情都差不到哪里去。所以我们常在微信发动图,很大可能是缺乏面对面的实时反应时,为了不让人以为自己冷漠。

国外GIF火的程度不亚于国内,但GIF的传播更具商业化。

·giphy.com,一个专门提供视频动图搜索的网站,每个月高达近一亿访客;

590d56fce5c26ac72579481c3d6c.jpg

·很多科技产品在社交平台发布新特性,都弃视频而用GIF;

80d656fce5cd32f875a9440bbc57.jpg

·而维多利亚的秘密,还在最著名的天使内衣秀场上请人进行GIF现场直播。

c7ab56fce61232f875a9448ab1e9.jpg

GIF对市场营销越发重要,但我们要怎样设计出一个牛×的GIF?

2、要新鲜?GIF得这么玩

(1)GIF录屏

[工具] Gifcam

挑选一个好玩的视频段落,打开GifCam调整录屏范围,进行录制,就可以完成GIF的简单制作。这里需要注意一个指标FPS(帧/秒),一秒录制的帧越多,越耗内存。

a5cd56fce62e32f875a944aa8c24.jpg

使用GifCam的好处在于,零技术门槛,录屏结果就是GIF,关键看你挑的视频质量。录完后还能进行尺寸调整、帧删除等基本编辑。

(2)给图片加点动感

[工具]Photoshop

把GIF或视频帧导入Photoshop后,能进行更细致的处理,包括图片大小、动画效果、播放速度等多个方面。而Photoshop同样是制作GIF的好手,但需要逐张编辑图片。

2f2256fce63d6ac72579484168ea.jpg

上面这张极具时尚感的GIF,实际上只使用了一张图片(就是模特走秀的场景)。但它在图片上叠加文字图层,通过不同字母的26种位置变化,创建出26帧静态图像进行组合,就成了一个GIF。

(3)节奏,是动画的灵魂

[工具] Photoshop

好的动画具有故事情节,但GIF的一般设置又是循环播放,所以动画GIF的画面情绪非常重要。一个节奏把握得当的动画GIF,能让重播变得让人“上瘾”。

上面是同一个GIF,只对时长做不同调整。第一个GIF的每一帧都是0.2秒,第二个则根据“剧情”发展,对靠后的帧适当延长了播放时间。

你觉得哪张图更能打动你呢?

3、优化,优化,再优化!

263e56fce69032f875a944963c8a.jpg

GIF大致制作完成后,必不可少的是对它进行优化。尤其是录屏得到的GIF,通常容量比较大,不压缩上传都嫌浪费时间。最常见的是用Photoshop缩图,技巧有三:

(1)颜色,越少越好

控制图片的色彩空间,一方面可以直接把图像都设成单色,另一方面是保存的时候选择较少的颜色位数(彩色的一般控制在64位)。下面的GIF虽有39帧,因为色彩单一却只有50多K。

b84156fce6a56ac72579487de499.jpg

(2)该剪裁的要裁掉

剪裁,一方面是基于和整体页面风格一致的考量,另一方面则是减除不必要的色彩空间。因此,如果边缘颜色本身不复杂的话,就没有必要特意为了缩图剪裁。

(3)能省去的帧尽量删掉

录屏成功后,一般需要花几分钟,挑出动态变化比较明显的图像,把其余帧都删去以节省空间。比如下面这张GIF只有两帧,但动态效果依然强烈。

558f56fce6b532f875a9447bba18.jpg

4、最后一步,进击的GIF

a79456ff21ed32f875a9440dc47c.jpg

GIF制作完成后,放哪儿?微信朋友圈不支持直接GIF,微信广告倒是可以投放(而且很好玩),所以对于大多数人,最多添加到自定义表情里发给好友。

其实还有一种方便GIF分享的法子,用H5。现在能支持多种多媒体交互、且传播效果较好的是H5网页。把GIF添加到H5里进行播放,还能加快社交传播力度。

但怎么在H5中使用高级的GIF编辑技巧?


0