【指南】关于视觉营销利器 Cinemagraph ，营销人应该知道的概念、案例和最佳实践

作者：SocialBeta Connected Lab

看到以上这张如电影般精致优美的动态图片，你的目光是否被吸引住了呢？这便是今天我们要为大家介绍的视觉营销利器 cinemagraph 了。 SocialBeta此前报道了Facebook及其旗下的图片社交应用Instagram已经正式宣布采用这种独特的广告形式 。考虑到大多数人平时浏览网页或观看视频时，已经厌倦了普通的Banner广告和视频贴片广告。cinemagraph凭借着其品质精良、引人注目的特点，或许会与短视频一起成为品牌视觉营销的标配。 本文将会详细介绍有关 cinemagraph 的概念、品牌案例、制作教程，并且向大家推荐一些制作 cinemagraph 的简易工具。

1、什么是Cinemagraph

简单来说，cinemagraph是介于视频和图像之间的一种新形态GIF。其制作原理是将数张静态画面组合成一张GIF动态画面，除了局部能够持续变化之外，图像的其余部分都是静止的。 与传统的GIF动图相比，cinemagraph具有如电影摄影般优美的画面，并且缩减了传统动图的信息量，把注意点集中在某一细节处。这项“不止是照片，又不是视频”的艺术，向观者展示了静止时空的魔法，能够让凝固的画面与变动的画面交相呼应，从而突出你想表达和表现的主题，而且一动一静的反差，更是让人体会到了“刹那芳华”的视觉效果。 其实，cinemagraph并不算是一个新鲜事物。它由纽约的一对艺术家夫妇Kevin Burg和Jamie Beck首创于2011年（两人经营着一家名为Anne Street Studio的工作室，两位艺术家还为包括精酿啤酒商Dogfish Head、Rachel Zoe等品牌制作了一系列备受欢迎的cinemagraph）。归功于Tumblr和Twitter等社交媒体的崛起（这两个平台的用户有很多都是喜爱分享优质图片的年轻人），cinemagraph很快就在广告营销圈流行起来。Tumblr甚至在2012年就推出了面向广告主的服务Tumblr Radar，帮助品牌主发布cinemagraph品牌内容。 目前，已经有阿玛尼、香奈儿、蒂芙尼、林肯汽车等大品牌在品牌营销战役中采用了cinemagraph。总的来说，cinemagraph无论是用来制作Banner广告还是创作即时性品牌内容，效果都非常出色，有望成为营销人吸引受众眼球的强力武器。

2、为何Cinemagraph具有改变广告界的潜质

在移动互联网时代，GIF 已经成为社交网络中最受欢迎的一种图片格式。我们平时在微博或者QQ上看到朋友分享的搞笑动图表情或者萌宠趣图，一般都是GIF格式的。千禧一代更是将GIF视作表达个性、情感和观点的工具之一。这一切都为cinemagraph的广泛传播奠定了基础。 而且相比普通GIF来说，cinemagraph更为优雅迷人。品牌主能够利用这种视觉媒介讲故事，让观者仿佛身临其境，提升用户参与度。正如《时代》周刊所说：“这种广告梦幻般迷人的特质为用户带来超棒的感官体验，这使得它们能够在多媒体渠道中脱颖而出。” cinemagraph不仅可以为以静态图片为主的社交媒体平台注入无穷的乐趣，也不会像传统视频广告那样打扰受众。Facebook似乎已经意识到了这种格式的广告潜力，甚至改变了Instagram播放视频的方式。现在，Instagram已经可以像Vine一样支持循环播放了。当未来Facebook可以像Twitter和Tumblr那样支持动图格式时（现在Facebook已经支持信息流中的自动播放视频功能），cinemagraph的威力无疑将更加巨大。 未来，专业制作cinemagraph的代理公司甚至还有可能成为一种Agency的新形态存在。在 3种数字Agency的新形态 一文中，SocialBeta介绍了为美国迪尔公司（John Deere）、蓝月亮啤酒（Coors’ Blue Moon pseudo craft beer）和德克萨斯月刊(the Texas Monthly)等客户制作GIF的公司Cinegif。其创始人McFarland认为GIF是数字时代的动画广告牌，并透露用GIF制作的广告可获得比banner广告多达5倍和比flash广告多一倍的点击量。

3、品牌案例赏析

以下就为大家带来一些出色的品牌案例赏析，你会发现采用这一广告形式的多为时尚奢侈品牌，这也许与cinemagraph优雅迷人的特质是分不开的。 Armani Coca-Cola Chanel Balenciaga Dogfish Headcraft Brewery New York Fashion WEEK Christian Louboutin Rosie Tupper for Katie Ermilio Tiffany & Co Rachel Zoe's Spring Collection for Bloomingdales.com Volvo Ocean Race Gilt Taste Diesel Coco Rocha for Senhoa

4、如何用PS制作Cinemagraph

对于如何用PS来制作 cinemagraph感兴趣的朋友，可以参考以下教程。当然，如果要实现以上品牌Cinemagraph各种细致的变化效果，还需要对图像进行后期处理。 在制作cinemagraph之前，我们需要准备好合适的素材。素材一般都是由固定镜头机位拍摄的一段视频，这意味着要想拍摄适合cinemagraph制作的视频，你需要搭配三脚架进行拍摄。 一、 将剪裁好的视频导入PS CC中。此处通过“文件—打开”，而不选择“文件—导入—视频帧到图层”这一导入途径。

二、由于这个视频我们已经事先准备好了，所以此时我们要清楚在cinemagraph中动起来的部分。很显然这一视频我们要让流水动起来，而在此之前，我们需要一个静止画面。选中图层1，然后按Ctrl+Shift+Alt+E,复制这一帧得到图层2。将图层2置于视频组1之上，随后进行拖拽和剪裁，将图层2的长度剪裁成与图层1一样大小。

三、最关键的一步，为图层2添加模板，即在需要动的地方涂黑。本视频中需要小心涂抹靠近游人的水流区域，以免涂到游人，让他们也动起来。涂完之后可以按空格键进行预览查看，以观察效果是否如同预期般理想。

四、涂抹完毕，我们还可以根据自己的喜好添加“曲线、亮度/对比度、选取颜色”等调整图层，让cinemagraph呈现自己所想要的色彩。 五、最后选择“文件—存储为web所用格式”进行导出。右上角选择格式为gif，参数如图所示，循环选项选择永远，此时可以播放看一下最终效果，满意的直接储存即可，否则继续在PS中进行调整。（由于gif格式的特殊性，它最多只能选择256色进行导出，所以要想制作精美的cinemagraph需要在前期摄像的时候做好背景布置，减少整个视频画面的颜色数量。）

视频素材来源：https://www.youtube.com/watch?v=tkFrEusngNY

5.Cinemagraph制作工具

除PS之外，是否还有其他比较简单的cinemagraph制作工具？答案是肯定的，比如接下来隆重推荐，专为制作cinemagraph而生的Cinemagraph Pro。这款软件由Flixel Living Photos公司出品，在桌面端和移动端均有产品，不过它们都只运行于苹果设备上。该款软件设计精美，操作方便，因此获得了“2014年苹果设计大奖”和“2014年App Store最佳app”的称号。 一、 Cinemagraph Pro Cinemagraph Pro最长支持10秒的cinemagraph制作。导入Cinemagraph Pro的视频首先会被创建成一个只有Cinemagraph Pro才能打开的文件。而它比较好的一点是会视频中动起来地方的虚影，比如下图所示：

这能让制作者更加直观地看到视频中的细微变量，不用前后移动视频轴线进行观察。 主要制作方法其实与PS如出一辙，都是用蒙版的方式涂抹视频中需要动起来的地方。当然，你可以调整蒙版的大小，硬度和不透明度。

用蒙版画笔涂抹之后，Cinemagraph Pro会非常明晰地显示已涂抹处和未涂抹处。

循环菜单可以设置导出的cinemagraph的速度和淡入淡出点，甚至设置重复循环和退还循环。

调整菜单直接调整画面效果，而效果菜单则是添加滤镜所用。

最后选择合适参数进行导出。

二、移动端Cinemagraph Pro 而移动端的Cinemagraph Pro,我们用一段视频一探究竟。 如此精美又方便的软件，价格自然不菲。App Store售价高达49.99美刀，而桌面端的价格…诸位自行去官网查看吧。 那如果你不愿花费如此高的代价，手头更没有苹果设备，那就不能愉快地制作cinemagraph了吗？当然不会。Cinemagram(iOS、Android)、Echograph（iOS）fotodanz（Android）和lumia cinemagraph（Windows Phone）等手机app都能让你在移动端便捷地制作cinemagraph。其实这些软件的使用都大同小异，首先拍摄一段合适的视频，然后在需要动的地方进行涂抹，最后调整画面效果或加上滤镜特效导出便大功告成。 以上就是 SocialBeta 献给各位关注视觉营销趋势的营销人的大礼。如果你还想了解更多关于视觉营销的内容，推荐这份 短视频营销指南 给你，收好不谢啦。

参考链接： cinemagraphs.com These Spooky Cinemagraphs Will Radically Change Online Advertising 5 Key Things Marketers Need to Know About Facebook Cinemagraphs How Top Brands Are Using Cinemagraphs for Unexpected Social Content When Photos Come to Life: The Art of the Cinemagraph Here Is the Captivating Ad Format Facebook Hopes Will Wow Its Users Cinemagraph 动态影像：感受刹那的芳华 会动的照片 Cinemagraph 美图欣赏，PS教学影片、APP介绍 如何用 Photoshop 制作动态照片 Cinemagraph？

———————————————————————- 如果你喜欢这篇文章，请帮助我们转发它分享给你身边的好友。 本文链接：http://www.socialbeta.com/articles/cinemagraph-marketing-guide-101.html 本文为SocialBeta原创，转载请明确注明出处与原文链接。