鼠标移到图片上有遮罩 显示文字_使用Roto笔刷创建遮罩并提取对象

Rotoscoping是将对象从背景中切出的过程。您可以使用旋转范围跟踪来跟踪对象的路径,然后将该路径用作遮罩以将其从背景中删除。尽管您可以通过绘制蒙版和创建遮罩来完成相同的操作,但这是更简单的过程。

在本文中,我们将学习如何:

  • 使用“ Roto笔刷”工具创建分割边界
  • 创建一个新的基本框架
  • 调整细分边界
  • 使用优化边缘工具
  • 冻结分割边界
  • 替换素材背景

使用旋转画笔工具

如本节简介中所述,旋转摄影是从背景中删除对象的过程。为此,使用“ Roto笔刷”工具将要从背景中删除的项目与背景的其余部分区分开。当您这样做时,After Effects将在背景和要删除的对象之间创建一个分割边界。

我们将从下面的图像中删除该人,以便我们可以调整背景的颜色而不影响他。

46919464fed258cdf09cd09e8f2c3125.png

“ Roto笔刷”工具将用于为基本框架创建笔触,以区分前景与背景。After Effects将使用基本框架将“ Roto笔刷”工具应用于其他框架。

6a4a1876e73b3fdfbccb3948ddca2372.png

接下来,转到“工具”面板,然后选择“ Roto笔刷”工具。看起来像这样:

双击要使用的图层,在“图层”面板中将其打开。“图层”面板与“合成”面板分组。

现在开始使用“ Roto笔刷”工具将笔触添加到前景。在我们的示例中,前景是男人。您可以对较大的区域使用粗笔画,然后对边框使用较小的笔画。

要访问画笔,请转到“窗口”>“画笔”。然后,您将看到“画笔”面板。

c340050f701f82eb41a59546cb7f4d45.png

选择画笔大小。

警告: 如果您曾经从Photoshop中提取过对象,请不要担心。这容易得多!

在下面的快照中,我们沿该人的中心绘制了一个绿色的笔划。

1cc670099343104a9e0bd475b5a5a142.png

当我们释放鼠标时,我们会看到After Effects根据我们的笔画识别的人的区域。这些区域是洋红色的。

如下所示,它无法识别所有人。

d8125cf541bb2913598c1495fcf7551a.png

画另一个笔触。我们将在他的肩膀上进行此笔画,然后在他茂密的帽子的下侧各进行一次笔画。

看一下下面的结果:

85f94c9f9122daeb681b3b82d7717998.png

现在,我们创建了一个分割边界。

如果您不小心在前景中加入了一些背景,请不要花费太多时间尝试使其变得完美。而是按ALT键来访问红色背景笔刷。将红色笔触添加到要删除的区域。

1568544979e39e5ad1222652ba7a7134.png

完成后,单击“图层”面板中的“切换Alpha”按钮。看起来像这样:

现在,前景为白色,背景为黑色。这使遮罩更容易看到。

fa4cd4ed4a67cb557a24c8ab7ab87ea2.png

如果单击“切换Alpha覆盖”按钮(),则前景将为彩色,背景将为红色。

ff6c0845b11c9181e392c98a49d32e65.png

75e6fcd8fd7796cc71ffac843ce3801d.png

如果单击“切换Alpha边界”按钮(),您将再次看到轮廓。

c7e7f06be866c81fbdb456d1fa3622d0.png

创建一个新的基础框架

旋转画笔跨越20帧。在基础框架的每个方向上有十个。如果需要创建新的基本框架,请转到时间标尺中的框架,并使用“ Roto笔刷”工具定义分割边界。

在时间标尺中,所有基本框架均由金色矩形标记。

旋转笔刷工具和时间线

在一帧中创建分割边界后,边界将与整个镜头中的前景对象一起移动。但是,您可能需要对边界进行调整。

您可以在键盘(不是数字键盘)上按2一次向前前进一帧。

调整分割边界

有时,需要清理前景图像周围的分割边界。您可以不费吹灰之力使它更平滑。

为此,请转到“效果控制”面板。增加羽毛数量并减少颤动。

afe37cf26ce5eab57f53393aaa1fb928.png

两者都在上面的快照中突出显示。

精炼边缘工具

Roto笔刷工具的问题在于,它使创建的边界围绕前景图像的一般形状。它不会拾取小细节。有时,您可能希望在分割边界和其他微小方面使用一缕头发时使用该工具。“优化边缘”工具将允许您执行此操作。

c83eda5648412b1a3a349c43c34b222a.png

“优化边缘”工具与“ Roto笔刷”工具分组在一起。看起来像这样:

单击它之后,转到“图层”面板中的剪辑。

如果需要,请放大,以便可以看到需要包含在细分边界中的详细信息。

在“画笔”面板中设置画笔大小。

现在,将“优化边缘”工具移到需要包含在分段边界中的边缘上。确保您也跨越了细分边界。

在下面的快照中,我们正在完善边缘。我们放大了。图像是像素化的,但是它允许我们包括模糊区域。

f0510fd99e36997b45d52675ebf5abf9.png

释放鼠标按钮后,您将看到“优化边缘X射线”视图。您可以看到遮罩的变化。

完成后请缩小。

00468b95ec917daf9c2727cbaaa7b5ec.png

冻结分割边界

冻结分割边界只是意味着为其进行数据(计算),以免减慢处理器的速度,进而降低After Effects的速度。

为此,请单击“图层”面板中的“冻结”按钮。

8e16b9960909d174061aef7ddae4fcfd.png

看起来像这样:

然后,您将看到一个进度条,因为After Effects冻结了“优化边缘”工具和“ Roto笔刷”工具数据。

7e3c032150d8e69d256880bb3a349466.png

完成后,“图层”面板中时间标尺上方将显示一个蓝色条,告诉您分割边界已冻结。

c970c0d05afda3bfe163215b953f5f48.png

820f65b72db2d18872a3cb2ae5bf831e.png

b66974e061725c153545713e4dda1b3c.png

接下来,单击“ 图层”面板中的“切换Alpha边界”()按钮,然后单击“切换透明度网格”按钮()。

现在,您可以看到没有背景的前景。

aeca1dff433116fa0dc868518cbdcc9f.png

更换背景

现在,您已将前景对象和透明背景隔离了,可以根据需要添加新背景。

如果在创建分割边界后仍在查看“图层”面板,请单击“合成”面板的选项卡。

ccbd3d67d4f320651b600acbda3a14c3.png

转到“项目”面板。您可以导入另一个背景并将其拖动到“时间轴”面板,或者导入一个新的背景然后将其添加到您的构图中。

我们在合成中添加了一个新层,它将作为背景。

您可以在下面的快照中看到它。它是蓝色的。

f3471315688b048ccf7809f953931853.png

如果需要,请在“时间轴”面板中选择新图层,然后转到“图层”>“变换”>“适合合成”以使新图层与合成的大小匹配。

ad96ec1145436eeb95ce8df331fac966.png

注意: 每当添加新图层时,请不要忘记可以转到“图层”>“变换”,然后选择一个选项以使新图层与合成的大小匹配。

现在,在选择了新添加的图层后,可以转到“效果”>“色彩校正”并调整新图层的颜色,直到通过前景对象获得所需的外观为止。

转载请注明出处:果味酱CG小屋 » 使用Roto笔刷创建遮罩并提取对象

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用CSS的伪类选择器`:hover`以及`::before`或`::after`伪元素来实现背景图片hover加蒙层的效果。 具体实现步骤如下: 1. 给需要添加背景图片的元素设置一个相对定位的父级元素,并设置背景图片。 2. 给该父级元素设置一个宽高和`overflow:hidden`,以隐藏超出父级元素的内容。 3. 使用`::before`或`::after`伪元素来创建一个遮罩层,并设置其宽高和背景颜色,透明度等属性。 4. 给遮罩层添加`transition`属性,以实现渐变过渡效果。 5. 使用`opacity`属性来控制遮罩层的透明度,当鼠标移至图片上时,通过`:hover`伪类选择器来控制遮罩层的透明度。 6. 在遮罩层中添加需要显示文字或其他内容。 示例代码如下: HTML: ``` <div class="box"> <div class="bg"></div> <div class="mask"> <h2>这是遮罩层</h2> <p>这是遮罩层中的文字内容</p> </div> </div> ``` CSS: ``` .box { position: relative; width: 300px; height: 200px; overflow: hidden; } .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(图片地址) no-repeat center center; background-size: cover; } .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s ease; background-color: rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; } .box:hover .mask { opacity: 1; } ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值