1. 熙铺号首页
  2. 短视频推广
  3. 抖音推广经验

脸书facebook如何制作好看的滤镜(做一个facebook滤镜的步骤教学)

  脸书facebook如何制作好看的滤镜?

脸书facebook如何制作好看的滤镜(做一个facebook滤镜的步骤教学)

  1、前期准备

  首先需要一个 Instagram 账号,或者 Facebook 账号,在这两个平台都可发布自己的滤镜。

  下载 Facebook 官方推出的制作滤镜的工具 Spark AR Studio。

  Spark AR Studio

  制作滤镜包括哪几方面?

  首先来大致列一下制作滤镜需要考虑哪些方面的内容:

  素材:主要包括你要用在滤镜中的图片素材,比如 Pokemon 滤镜中的「问题页」图片,和各个宝可梦的图片;

  场景:要将这些素材内容放在什么位置,比如在头部上方;

  逻辑:使用什么逻辑来控制滤镜,例如如何触发各种特效。

  然后来了解一个这款滤镜编辑器的主要功能区。

  左上角是场景区域,左下角是素材区,中间上方用来预览你的滤镜效果(默认就是一个黑人小哥一直摇头晃脑展示你的滤镜),中间下方是滤镜的所有逻辑(如果没有这个区域,可以在菜单栏 View 中打开),右方是属性区。

  2、开始制作滤镜

  下面我就以这个 Pokemon 滤镜为例,展示一下如何从头开始制作一款滤镜。由于这款滤镜逻辑之复杂,相信你做过这款滤镜后再无惧任何滤镜的制作哈哈。

  首先我们来设想一下这款滤镜的最基础功能:

  在头部上方出现 which Pokemon are you 的图片;

  等待一小段时间;

  开始出现各个宝可梦的图片,并快速切换;

  等待一小段时间;

  图片停在某一个宝可梦。

  等一下,你是否曾有一瞬间认为这种滤镜的匹配并非随机,而是各种人脸识别深度学习?但显然没有这么高级,之所以有时候给人好像最终选择的图片和人有相似之处的错觉,可能是人们会主动去寻找相似之处。 咦,这不是星座学吗??

  按照我们之前提到的三部分,来一步步进行滤镜的制作:

  3、添加素材:

  放入问题页的素材:点击菜单栏 Add -> Material 来添加素材,命名为「question」,点击 Texture -> Choose File 选择提前准备好的「问题页」图片,你会看到左下角出现一个 Textures 里包含了你选择的图片。

  放入宝可梦序列的素材:再次点击菜单栏 Add -> Material 来添加素材,命名为「answer」,点击 Texture 中 左边的箭头 ,选择 New Animation Sequence 建立一个动画序列,在这个动画序列里点击 Texture -> Choose File, 同时选择 你要循环播放的 所有图片 ,这些图片就会自动形成一个动画序列。

  4、添加场景:

  建立场景:因为我们希望将图片固定在头部上方的位置,随着人头移动,因此点击 Add -> Scene Understanding -> Face Tracker 添加一个脸部跟踪器。

  因为我们的图片效果是平面,右键 Face Tracker 点击 Add -> Plane,点击 Plane,在其属性栏的 Material 中 + 添加前面定义的 question。在中间上方的区域,可以移动、旋转或缩放该图片,也可以直接在属性栏定义,我们将图片上移到黑人的额头。

  继续添加定义好的动画序列,一样的步骤:右键 Face Tracker 点击 Add -> Plane,点击 Plane,在其属性栏的 Material 中 + 添加前面定义的 answer。将它调整到和 question 一样大小和位置,可以直接复制 question 的九个参数。

  5、添加逻辑

  终于到了最复杂的地方了 ... 此时不妨再回顾一下这款滤镜的功能逻辑。

  首先是滤镜的开始条件,也就是用户开始录像:右键左上角 Scene 中的 Camera,点击 Create Patch,可以看到逻辑区出现了紫色的 Camera 模块,右侧四个箭头表示 Camera 的四个触发条件,最下面一个是我们需要的开始录像。

  添加一个计时器,控制时间触发条件:右键逻辑区的空白处,搜索 Runtime 添加,按住右侧箭头拖到空白处松开,在弹出框搜索 Offset,用来记录时间,再按住 Offset 右侧箭头拉出,添加 Less Than,将它的时间设置为 1.5 秒。

  小于 1.5 秒时出现问题页,大于 1.5 秒时出现答案页,因此先添加控制出现与否的模块。选择左上角 Scene 中的 plane0,也就是问题页,在属性栏中的 Visible 点击左侧箭头,逻辑区出现黄色模块,对 plane1 也就是答案页进行一样的操作。

  将 Less Than 的右侧连接到 question 的左侧,再拉出 Less Than 的右侧,选择 Not 函数,将 Not 连接到答案页。点击编辑器最左侧边栏的刷新按钮,可以看到黑人头上已经实现了根据时间切换问题与答案的效果。

  实现根据时间切换问题与答案

  要将动画在某个时间点停下来,从 Offset 再拉出一个 Less Than,设置为 4 秒,拉出一个 Loop Animation,这是用来循环的,将循环时间改短一点,比如 0.001,再用下方箭头 looped 拉出一个 Random,这是用来随机数字的,将 End Value 设置为答案页图片的数量,这边做的就是不断随机出数字,然后在时间到 4 秒时的那个数字赋给动画序列,决定最终选择的是序列的第几帧。

  点击素材区的 answerSequence,点击属性区的 CurrentFrame 左侧箭头,将上一步的 Random 接到 CurrentFrame。此时再刷新一次,可以看到实现了四秒时停在某一帧的效果。离胜利越来越近了!

  完成动画停在随机一帧

  最开始的 Camera 模块还没用到,将最下面的箭头连到 Offset 下面的 Reset 箭头,表示开始录像的时候重置计时器。

  至此,我们基本上完成了这个滤镜的功能啦!

  6、最后完善

  如果你只是想简单了解做滤镜的过程,那么到这边就可以啦!但如果想把这款滤镜做好,还需要一些完善。

  本来看上去已经很美好了,但是实际用了之后,就会发现还有一点体验上的小问题,主要是:

  用户选择这个滤镜后,如果不开始录影,计时器依旧自动运行,导致整个逻辑直接跑完了。用户还没玩就知道会发生什么,这显然不太好。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至592412459@qq.com 举报,一经查实,本站将立刻删除。
本文链接:https://simple-is-better.com/5149.html