每日新鲜案例

MENU

SocialBeta

个人主页>>
上一篇
【观察】GoPro: 让用户成为品牌代言人

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

SocialBeta | 2015-04-06 19:10
cinemagraph封面图

作者:SocialBeta Connected Lab

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

1、什么是Cinemagraph

简单来说,cinemagraph是介于视频和图像之间的一种新形态GIF。其制作原理是将数张静态画面组合成一张GIF动态画面,除了局部能够持续变化之外,图像的其余部分都是静止的。 与传统的GIF动图相比,cinemagraph具有如电影摄影般优美的画面,并且缩减了传统动图的信息量,把注意点集中在某一细节处。这项“不止是照片,又不是视频”的艺术,向观者展示了静止时空的魔法,能够让凝固的画面与变动的画面交相呼应,从而突出你想表达和表现的主题,而且一动一静的反差,更是让人体会到了“刹那芳华”的视觉效果。 cab-window-429 其实,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更为优雅迷人。品牌主能够利用这种视觉媒介讲故事,让观者仿佛身临其境,提升用户参与度。正如《时代》周刊所说:“这种广告梦幻般迷人的特质为用户带来超棒的感官体验,这使得它们能够在多媒体渠道中脱颖而出。” coco-balcony-429-2 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 Armani-Coffee-615 Coca-Cola tumblr_m8i6rmeQDH1r49l3lo1_500 Chanel Chanel-Cinemagraph Balenciaga Balaneciaga-Cinemagraph Dogfish Headcraft Brewery dogfish-6-600 New York Fashion WEEK nyfw-red-hat-429 Christian Louboutin louboutin-sparkle-1-429 Rosie Tupper for Katie Ermilio ermilio-pink-429 Tiffany & Co 6800463596_3655e6f08d_o Rachel Zoe's Spring Collection for Bloomingdales.com 7006120145_8d2b84c11a_o Volvo Ocean Race 6690286683_bfe7c731ee_o Gilt Taste 5739526869_e47d3616f3_o Diesel animated_2 Coco Rocha for Senhoa coco-desk-429

4、如何用PS制作Cinemagraph

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

1

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

2

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

3

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

5

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

5.Cinemagraph制作工具

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

7

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

8

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

9

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

10

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

11

12

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

13

二、移动端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原创,转载请明确注明出处与原文链接。
标签: 海外创意案例  资源  视觉营销  Instagram专区  facebook  Cinemagraph  Tumblr  GIF  Vine  Armani  可口可乐  Chanel 

共有 0 条评论

请先 登录 再发表评论
暂时木有评论
TOP