什么是放映机效果?大家将手机横过来,点击下方蓝色播放按钮体验一下。
_-_-_-[{"title":"元宵放映机","abstract":"","article_id":"dca8e59dbd47230ad7316c57ebbe2e30","widgets":"[{\"type\":\"ProjectorWithEffect&Audio\",\"options\":{\"baseImg\":{\"media_id\":\"cb12bac16702e09fefde8efff803aa0f.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/cb12bac16702e09fefde8efff803aa0f.png\",\"type\":0,\"star\":false,\"name\":\"3_1613902939000_3559--点击前.png\",\"size\":204109,\"total\":940,\"img_width\":681,\"img_height\":1895,\"is_deleted\":false},\"bgImg\":{\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/7a297906604168ef6e847a3011c02f3f.png\"},\"toggleImg\":{\"media_id\":\"81ff41473e2f24ea99d8e0db9c7afd9c.gif\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/81ff41473e2f24ea99d8e0db9c7afd9c.gif\",\"type\":0,\"star\":false,\"name\":\"3_1613902943000_4738--点击后.gif\",\"size\":222089,\"total\":940,\"img_width\":681,\"img_height\":1895,\"is_deleted\":false},\"toggleImg2\":{\"media_id\":\"70087c002ac37173957bd3b6a61070bb.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/70087c002ac37173957bd3b6a61070bb.png\",\"type\":0,\"star\":false,\"name\":\"3_1613902958000_2987--放映光效.png\",\"size\":89710,\"total\":940,\"img_width\":681,\"img_height\":1895,\"is_deleted\":false},\"imgs\":[{\"media_id\":\"1968b48fe6b6a53412692a5c8c08c307.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/1968b48fe6b6a53412692a5c8c08c307.png\",\"type\":0,\"star\":false,\"name\":\"3_1613902961000_3228--滑动_01.png\",\"size\":384724,\"total\":940,\"img_width\":681,\"img_height\":1321,\"is_deleted\":false},{\"media_id\":\"3f4f98b1dc16dc9ff4219309d80447b9.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/3f4f98b1dc16dc9ff4219309d80447b9.png\",\"type\":0,\"star\":false,\"name\":\"3_1613902963000_8448--滑动_02.png\",\"size\":861131,\"total\":940,\"img_width\":681,\"img_height\":1321,\"is_deleted\":false},{\"media_id\":\"120f466c9d20b327d48f7c5a445b0ef5.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/120f466c9d20b327d48f7c5a445b0ef5.png\",\"type\":0,\"star\":false,\"name\":\"3_1613902968000_5589--滑动_03.png\",\"size\":579914,\"total\":940,\"img_width\":681,\"img_height\":1321,\"is_deleted\":false}],\"dur\":\"10\",\"mid\":\"MjM5Njc2NDE0NV81MDUwMzM3OTk=\",\"x\":86,\"y\":112},\"styles\":\"\"}]"}]-_-_-_
点击后,放映机动了起来,同时音乐播放,后面的背景内容开始滑动,直至结束。这就是放映机效果。
当然,放映机只是一个形式,我们使用这个效果时一定不要被放映机的创意局限住,内容主题不同,创意也需灵活改变。拿即将到来的元宵节来说,走马灯便是一个非常合适的创意形式。
光看Demo不过瘾,咱们瞧瞧品牌关于放映机效果的案例。第一次看的小伙伴可能突然会有一种感觉,惊艳!戳图片查看:
_-_-_-[{"title":"品牌案例","abstract":"","article_id":"648225a8c98d057f798ed9688869ca9a","widgets":"[{\"type\":\"ImgHrefWithoutIcon\",\"options\":{\"baseImg\":{\"media_id\":\"d342d1d72a992e58415ea35b8d4e7627.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/d342d1d72a992e58415ea35b8d4e7627.png\",\"type\":0,\"star\":false,\"name\":\"3_1613902020000_9416--乐活.png\",\"size\":40937,\"total\":940,\"img_width\":1080,\"img_height\":252,\"is_deleted\":false},\"appID\":\"https://mp.weixin.qq.com/s/F0ssvNZJESCCroV-omakhg\",\"path\":\"\",\"widthMode\":\"autofix\",\"width\":\"343\"},\"styles\":\"padding: 0px 17px; margin: 0px 0px 8px;\"},{\"type\":\"ImgHrefWithoutIcon\",\"options\":{\"baseImg\":{\"media_id\":\"4106863ea4e4b22cbefbb3642bd2ee60.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/4106863ea4e4b22cbefbb3642bd2ee60.png\",\"type\":0,\"star\":false,\"name\":\"3_1613918104000_5961--奔驰.png\",\"size\":45723,\"total\":941,\"img_width\":1080,\"img_height\":252,\"is_deleted\":false},\"appID\":\"https://mp.weixin.qq.com/s/szihsIe_7lRfpZoYk7PYZA\",\"path\":\"\",\"widthMode\":\"autofix\",\"width\":\"343\"},\"styles\":\"padding: 0px 17px; margin: 0px 0px 8px;\"},{\"type\":\"ImgHrefWithoutIcon\",\"options\":{\"baseImg\":{\"media_id\":\"ce63c5f8df3c4d04c94fe20afde203d4.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/ce63c5f8df3c4d04c94fe20afde203d4.png\",\"type\":0,\"star\":false,\"name\":\"3_1613902058000_9489--伊利.png\",\"size\":38071,\"total\":941,\"img_width\":1080,\"img_height\":252,\"is_deleted\":false},\"appID\":\"https://mp.weixin.qq.com/s/-4JbZOVuG8lWQFk_Haotsg\",\"path\":\"\",\"widthMode\":\"autofix\",\"width\":\"343\"},\"styles\":\"padding: 0px 17px; margin: 0px 0px 8px;\"},{\"type\":\"ImgHrefWithoutIcon\",\"options\":{\"baseImg\":{\"media_id\":\"28af874868b87811997b1889f05913a8.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/28af874868b87811997b1889f05913a8.png\",\"type\":0,\"star\":false,\"name\":\"3_1613902080000_4449--维他奶.png\",\"size\":44758,\"total\":941,\"img_width\":1080,\"img_height\":252,\"is_deleted\":false},\"appID\":\"https://mp.weixin.qq.com/s/dlYvKeSrIKT2ruDlMuKVlA\",\"path\":\"\",\"widthMode\":\"autofix\",\"width\":\"343\"},\"styles\":\"padding: 0px 17px;\"}]"}]-_-_-_
以前只能定制,现在自己用编辑器就可以制作了。如果你是第一次制作的话,一定要先看看下面的教程。
工具:iPaiban Pro黑科技编辑器,网址:x.iPaiban.com
组件:放映机-音效、光效、切换GIF动图(防误触)
编号:10215(组件)
第1步:选择组件
登录 iPaiban Pro 编辑器后,点击编辑器左侧「组件」按钮,在「放映机」分类中点击选择「放映机-音效、光效、切换GIF动图(防误触)」组件,或者直接在搜索框中搜索组件编号10215。
第2步:上传素材
老沙这里会重点讲一下素材的制作要求,素材制作好,基本就不会有什么问题了。
素材主要分为4部分:点击播放放映机的GIF、放映机播放后的光效PNG图片、音频和滑动的背景图片。
点击播放放映机的GIF:为了实现点击播放的效果,如下所示,我们在「点击前」上传GIF的第一帧静态图,或者其他表示放映机未放映的图片;在「点击后」上传表示放映机放映的GIF。
放映机播放后的光效PNG图片:在现实场景中,放映机放映后会从镜头中射出一道光。我们在「放映光效」中上传这张光效图。因为光效会有渐变透明,所以图片必须是PNG格式。

音频:如果你想为放映机配背景音乐,可以将准备好的音频上传至公众号后台,用 iPaiban Pro 小助手提取音频代码,然后粘贴过来即可。提取教程见:《iPaiban Pro 浏览器插件来了!》
当然,你也可以不设置音频。
滑动的背景图片:这部分图片如果太长,可以切成多张图片上传。
还有4点要注意:
a.点击前图、点击后图和光效图尺寸需保持一致且为透明PNG;
b.点击前图、点击后图底部需有透明留白,这个透明留白区域就是滑动图片显示的区域;
c.光效图除光效外全部为透明留白;
d.滑动图片的宽度保持一致,且第一张滑动图前面还需留出一部分空白,长度和放映机图片的长度差不多即可,用来占据放映机的位置。
这是文章开头Demo的素材图,大家可以看下:
第3步:调整放映机播放时间
上传好素材后,我们通过调整放映机播放时间便可以调整图片滑动的速度。时间越短,滑动越快。
第4步:导入公众号后台
在前面的两步中,我们随时可以点击「预览草稿」预览效果,然后随时进行调整。但音频的效果无法在编辑器中预览,所以除音频外没有问题后,我们便可以「导入微信后台」了。
导入使用 iPaiban Pro 小助手更方便哦,安装和使用教程见:《iPaiban Pro 浏览器插件来了!》
视频教程:
以上。
现在,新用户注册 iPaiban Pro 编辑器,可免费使用全部组件和组合,个人用户免费使用1天,企业用户免费使用3天。
此外,个人还可领取包含了8个常用必备组件的大礼包(30天)和700元优惠券,企业还可领取包含了8个常用必备组件的大礼包(1年)和2400元优惠券,先到先得。
认准编辑器网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。

元宵节如果用放映机效果,
你有什么创意想法吗?
留言区聊聊
●黑科技交互排版样式👇🏻
如果有感兴趣的企业或品牌需要定制黑科技排版,请添加玉兔微信沟通。