拍照模拟(定格一帧)
一、效果
当特效的「拍照」功能触发后,截取当前屏幕中的一帧作为定格照片,照片可以叠加其他特效贴纸,一起被定格入镜。
简单来说,就是可以在视频中模拟出拍照片的效果。并且可以通过一些特效素材叠加,制造出有别于镜头中的更加炫酷的照片,体现前后反差;或通过事件设计,实现多张连拍效果。
定格一帧类特效展示:
二、基础配置步骤
本步骤仅实现基础拍照效果:想象一下,刚打开摄像头,就永久地卡住了)
要想用这个功能做出符合使用者预期的特效,还需要完善模拟拍照效果,包含拍照倒计时(支持用户摆pose),拍照效果(闪光/对焦框等元素),照片的展示(至少2-3秒)等基础元素。
- 添加「拍照」图层
在设计面板添加【拍照】功能,路径:设计面板——>添加特效——>点击拍照。
- 添加「照片图层」
在设计面板添加【照片】图层,路径:设计面板——>添加特效——>点击照片。
- 绑定「拍照」与「照片」
将「拍照」与「照片」绑定,让拍照与成像一一对应。
路径:设计面板——>特效信息——>选中拍照——>参数面板——>下拉添加照片——>选择照片。
- 可以把【照片】理解为一张相纸,拍照的照片一定需要一张相纸,才能冲洗出来,否则拍照就只是一次按动快门。
- 这样的绑定操作,可以帮助我们确认,使用这次拍照生成的照片就在这个照片图层中,而非其他的照片图层。
- 主要用于特效中使用n连拍功能时,区分不同的照片进行处理,例如拍照1对应黑白滤镜的照片1,拍照2对应彩色滤镜的照片2。
- 配置事件面板
在事件面板中,为【拍照】和【照片】添加特效。先添加【拍照】特效,再添加对应的【照片】特效。
- 如果你使用过其他除了插入素材以外的功能,例如人脸形变,人脸追踪,分屏效果等,就能理解拍照也是一个可以被触发的功能,例如微笑表情——>拍照,点击屏幕——>延时3秒——>拍照。
- 照片可以被理解为一张即时生成的前景贴纸素材,所以针对照片,可以和各种其他素材添加并列特效,实现更多玩法,可是只能是静态的。
通过这样四个步骤,我们就实现了最简单的定格一帧功能:打开摄像头,立即拍照,定在拍摄的照片状态(想象一下,刚打开摄像头,就永久地卡住了)。
三、【进阶】使用方法
3.1 定格照片与拍照时不同
拍照的时候是一种效果,最终定格的照片是添加了标语和特效的另一种效果。
如果想要某些元素出现在照片中,需要做到以下两个步骤。
第一,设计面板——>特效信息,要出现的特效素材需要放在【拍照】下方的图层中,这样拍照才能将它们全部覆盖(包含)。
第二,事件面板配置【拍照】特效后,将特效素材与【照片】特效一起配置「出现」。
最终拍摄的照片实际被「定格」的特效,是「设计面板拍摄图层以下特效」与「事件面板预期与照片图层一起被触发的特效」的交集。
图层配置顺序,决定了定格前后的素材展示:
3.1.1 示例:我和我的家乡
- 基础单元展示
拍照前: 滤镜为白色; 有美妆; 打板倒计时动效结束后出现拍照闪光; 拍照后: 画面定格为照片; 白色滤镜消失,蓝色滤镜出现; 出现配套的标语; 背景出现白色纹理; 美妆依然存在; |
- 进阶单元展示
拍照前: 滤镜为白色; 有美妆; 打板倒计时动效结束后出现拍照闪光; 拍照后: 画面定格为照片; 白色滤镜消失,蓝色滤镜出现; 出现配套的标语; 背景出现白色纹理; 美妆依然存在; 定格后增加动态的火花。 |
3.1.2【使用模板】
为了方便大家快速理解定格一帧的特效,我们为大家设计了直接可用的模板。
大家可以通过直接在不同图层中更换自己的原创素材的方式,快速提交一款定格一帧特效。
设计面板:
模板中按照图层顺序预置的一款完整的拍照特效包含的素材组件:
必须存在的素材:前景贴纸-拍摄倒计时、拍照-照片
可选择性增删的素材:拍照闪光、照片装饰素材(定格在照片中)、装饰动态素材(不定格在照片中)
事件面板:
模板中按照拍照——出现静态照片——出现动态装饰效果的最简效果配置。
如果需要定格照片时呈现动态的效果,可以直接使用此事件面板替换素材;
如果只需要定格照片,可以删去通知系统,使用一个行为完成拍照——照片展示。
3.2 多张连拍
多张连拍与拍单张照片,在事件面板和设置面板的规则是相同的。
重要的是,对「拍照」和「照片」进行一一对应关系,且每一个「拍照——照片」组合在设计面板上的顺序是独立的,互不影响。
3.2.1 示例:表情相机(三连拍)
- 基础单元展示
拍照前: 红色边框持续出现; 出现小熊; 倒计时后进行一次拍摄; 拍照中: 更换小熊表情; 再次倒计时,进行下一次拍摄; 更换两次; 拍照后: 红色边框和小熊全部消失; 相框出现; 按顺序出现三张照片。 |
如上图所示。拍照123和照片123是一一对应关系,可以设置为拍照后不展示定格照片,最终一起展示。且最终展示时除了照片边框,其他素材均不会被定格在内,所以设计面板中,拍照下方没有素材。
- 错误单元展示
拍照前: 红色边框持续出现; 出现小熊; 倒计时后进行一次拍摄; 拍照中: 更换小熊表情; 再次倒计时,进行下一次拍摄; 更换两次; 拍照后: 红色边框和小熊全部消失; 相框出现; 按顺序出现三张照片; 但是照片1中出现了叠加的红色边框。 |
如上图所示,当拍照1被调整到其他素材上方。
熊头像框和相机框因为没有设置特效,所以是默认特效为出现并无限循环的,且因为在拍照1下方,所以可以出现在拍照1对应的照片1中。
所以最终照片1的展示出现了问题,照片边框叠加了红色框,而照片2和照片3的展示没有问题。