首页创作者学园
像塑学习 / 玩法能力 /

拍照模拟(定格一帧)

拍照模拟(定格一帧)

一、效果

当特效的「拍照」功能触发后,截取当前屏幕中的一帧作为定格照片,照片可以叠加其他特效贴纸,一起被定格入镜。

简单来说,就是可以在视频中模拟出拍照片的效果。并且可以通过一些特效素材叠加,制造出有别于镜头中的更加炫酷的照片,体现前后反差;或通过事件设计,实现多张连拍效果。

定格一帧类特效展示:

二、基础配置步骤

本步骤仅实现基础拍照效果:想象一下,刚打开摄像头,就永久地卡住了)

要想用这个功能做出符合使用者预期的特效,还需要完善模拟拍照效果,包含拍照倒计时(支持用户摆pose),拍照效果(闪光/对焦框等元素),照片的展示(至少2-3秒)等基础元素。

  1. 添加「拍照」图层

在设计面板添加【拍照】功能,路径:设计面板——>添加特效——>点击拍照。

  1. 添加「照片图层」

在设计面板添加【照片】图层,路径:设计面板——>添加特效——>点击照片。

  1. 绑定「拍照」与「照片」

将「拍照」与「照片」绑定,让拍照与成像一一对应。

路径:设计面板——>特效信息——>选中拍照——>参数面板——>下拉添加照片——>选择照片。

  • 可以把【照片】理解为一张相纸,拍照的照片一定需要一张相纸,才能冲洗出来,否则拍照就只是一次按动快门。
  • 这样的绑定操作,可以帮助我们确认,使用这次拍照生成的照片就在这个照片图层中,而非其他的照片图层。
  • 主要用于特效中使用n连拍功能时,区分不同的照片进行处理,例如拍照1对应黑白滤镜的照片1,拍照2对应彩色滤镜的照片2。

  1. 配置事件面板

在事件面板中,为【拍照】和【照片】添加特效。先添加【拍照】特效,再添加对应的【照片】特效。

  • 如果你使用过其他除了插入素材以外的功能,例如人脸形变,人脸追踪,分屏效果等,就能理解拍照也是一个可以被触发的功能,例如微笑表情——>拍照,点击屏幕——>延时3秒——>拍照。
  • 照片可以被理解为一张即时生成的前景贴纸素材,所以针对照片,可以和各种其他素材添加并列特效,实现更多玩法,可是只能是静态的。

通过这样四个步骤,我们就实现了最简单的定格一帧功能:打开摄像头,立即拍照,定在拍摄的照片状态(想象一下,刚打开摄像头,就永久地卡住了)

三、【进阶】使用方法

3.1 定格照片与拍照时不同

拍照的时候是一种效果,最终定格的照片是添加了标语和特效的另一种效果。

如果想要某些元素出现在照片中,需要做到以下两个步骤。

第一,设计面板——>特效信息,要出现的特效素材需要放在【拍照】下方的图层中,这样拍照才能将它们全部覆盖(包含)。

第二,事件面板配置【拍照】特效后,将特效素材与【照片】特效一起配置「出现」。

最终拍摄的照片实际被「定格」的特效,是「设计面板拍摄图层以下特效」与「事件面板预期与照片图层一起被触发的特效」的交集。

图层配置顺序,决定了定格前后的素材展示:

3.1.1 示例:我和我的家乡

  1. 基础单元展示

拍照前:

滤镜为白色;

有美妆;

打板倒计时动效结束后出现拍照闪光;

拍照后:

画面定格为照片;

白色滤镜消失,蓝色滤镜出现;

出现配套的标语;

背景出现白色纹理;

美妆依然存在;

  1. 进阶单元展示

拍照前:

滤镜为白色;

有美妆;

打板倒计时动效结束后出现拍照闪光;

拍照后:

画面定格为照片;

白色滤镜消失,蓝色滤镜出现;

出现配套的标语;

背景出现白色纹理;

美妆依然存在;

定格后增加动态的火花。

3.1.2【使用模板】

为了方便大家快速理解定格一帧的特效,我们为大家设计了直接可用的模板。

大家可以通过直接在不同图层中更换自己的原创素材的方式,快速提交一款定格一帧特效。

设计面板:

模板中按照图层顺序预置的一款完整的拍照特效包含的素材组件:

必须存在的素材:前景贴纸-拍摄倒计时、拍照-照片

可选择性增删的素材:拍照闪光、照片装饰素材(定格在照片中)、装饰动态素材(不定格在照片中)

事件面板:

模板中按照拍照——出现静态照片——出现动态装饰效果的最简效果配置。

如果需要定格照片时呈现动态的效果,可以直接使用此事件面板替换素材;

如果只需要定格照片,可以删去通知系统,使用一个行为完成拍照——照片展示。

3.2 多张连拍

多张连拍与拍单张照片,在事件面板和设置面板的规则是相同的。

重要的是,对「拍照」和「照片」进行一一对应关系,且每一个「拍照——照片」组合在设计面板上的顺序是独立的,互不影响。

3.2.1 示例:表情相机(三连拍)

  1. 基础单元展示

拍照前:

红色边框持续出现;

出现小熊;

倒计时后进行一次拍摄;

拍照中:

更换小熊表情;

再次倒计时,进行下一次拍摄;

更换两次;

拍照后:

红色边框和小熊全部消失;

相框出现;

按顺序出现三张照片。

如上图所示。拍照123和照片123是一一对应关系,可以设置为拍照后不展示定格照片,最终一起展示。且最终展示时除了照片边框,其他素材均不会被定格在内,所以设计面板中,拍照下方没有素材。

  1. 错误单元展示

拍照前:

红色边框持续出现;

出现小熊;

倒计时后进行一次拍摄;

拍照中:

更换小熊表情;

再次倒计时,进行下一次拍摄;

更换两次;

拍照后:

红色边框和小熊全部消失;

相框出现;

按顺序出现三张照片;

但是照片1中出现了叠加的红色边框。

如上图所示,当拍照1被调整到其他素材上方。

熊头像框和相机框因为没有设置特效,所以是默认特效为出现并无限循环的,且因为在拍照1下方,所以可以出现在拍照1对应的照片1中。

所以最终照片1的展示出现了问题,照片边框叠加了红色框,而照片2和照片3的展示没有问题。