一个遮罩层怎么遮罩两个图层_巧妙运用图层做遮罩动画

上一期小编传了抖音一般视频制作的基础方案，感谢大家的反馈，小编这里收到反馈表示是小编没有写好文章，所以这节内容，我们就来细细的讲解下开头遮罩动画如何制作。

什么？你没看你不知道是什么内容？那就快来看看这个效果视频吧！知乎视频www.zhihu.com

俗话说技多不压人，现如今都在网上交流沟通，时不时向你的网友展示下你的视频制作技术岂不是很酷？

尤其是短视频现在很火的时代下，学会制作视频不仅能丰富生活乐趣，还能运营好一个账号。

怎么样小编说的是不是很有道理。

感兴趣的还可以看看之前做的综合类的视频，后期小编会一个一个介绍里面具体的特效制作教程哦。

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

以上都是我们经常在各大平台看到的视频制作格式，关注小编从基础特效学起哦~

所以废话不多说，下面就开始正题吧！

1.首先打开我们的软件点击“制作视频”。

2.导入视频或者图片。

3.导入视频或图片后再点击“+”号添加颜色图层，这里我们选择黑色。

(当然颜色自由选择)

4.可以看到颜色图层自定义在4s，你想要特效时长多久就将图层设置多久的时长，这里我就制作4s的特效。

(时长可在左下角“工具箱”里的“时长”调整)

选中刚建立的颜色图层，点击下方工具栏的“变换”按钮。

5.在变换里找到缩放按钮，因为我们制作的是水平拉开，所以高度不变，修改宽度为50%即可。

(注意默认宽高比例是锁定的，点击即可把宽高锁打开)

6.然后将时间针拉到0s处，点亮位置关键帧。

修改笔的数值将黑色图层水平向左移动(修改X轴数据)到最左边，会自动形成一个关键帧。

7.再将时间针设置到4s处，点击位置后面的笔，修改数值，将黑色图层水平向左移动(修改X轴数值)到刚好看不见即可。

8.点击应用回到工具界面，我们选择刚刚的黑色图层，再选择复制按钮。

9.形成图层3，点击图层3，选择下方工具栏的变换按钮。

10.因为是复制的，我们只需修改刚刚的留下的关键帧即可。

点击0s处的关键帧，然后修改X轴数据，将黑色图层水平向右移动到图层最右边。

(正好遮挡住所有画面)

11.再点击4s处的关键帧，修改X轴数据，将图层再次水平向右移动直至刚好看不见黑色图层。

至此，一个水平拉开的遮罩效果就做好了。

至于垂直拉开特效和上面的步骤一模一样，这里就贴出不同地方的修改步骤。

第5步骤，上文中是修改宽度，保持高度不变。

这里便是保持宽度不变，高度修改为原来的50%。

然后就是后面的水平向左向右移动数据，这里变成水平向上向下移动。

(即修改Y轴数据)

怎么样，是不是很细致了呢，如果哪里不明白可以留言反馈哦，小编一定会努力修改教程，使之通俗易懂。

记得关注+点赞哦~

关注联系我们获取教程！持续更新各种GIF图及视频效果！如果你有想要的效果也可以通过软件内反馈功能反馈给我们官方哦！

一个遮罩层怎么遮罩两个图层_巧妙运用图层做遮罩动画相关推荐

一个显示器分屏显示两个画面_测了两个爆款游戏显示器，结果我发现他们都有坑。...
赶着双十二的尾巴, 2000 元价位最划算的 2K 27 寸游戏显示器大结局,来啦!上一次我们介绍了小米显示器 27 寸 165 Hz 版,错过了的小伙伴可以先点这里回顾一下.几句话总结一下:虽然它的 ...
一个显示器分屏显示两个画面_测了两个爆款游戏显示器，结果我发现他们都有坑...
2000 元价位最划算的 2K 27 寸游戏显示器大结局,来啦! 上一次我们介绍了小米显示器 27 寸 165 Hz 版,错过了的小伙伴可以先点这里回顾一下.便宜到离谱的小米显示器,真的就香吗? 几句 ...
一个遮罩层怎么遮罩两个图层_遮罩效果全解（13种方法）
初学者关于遮罩的话题问的较多,下面我将遮罩的一些常见问题进行一下归纳. 1.请问遮罩的原理是什么? 遮罩层好比黑夜中的一支手电筒,照在哪儿(指被遮罩层)哪儿就显现. 第一步:创建两个图层,命名,一个是 ...
flash 遮罩层全解
2019独角兽企业重金招聘Python工程师标准>>> 初学者关于遮罩的话题问的较多,下面我将遮罩的一些常见问题进行一下归纳. 1.请问遮罩的原理是什么? [效果] 1.swf ( ...
android高德SDK，Marker的zIndex导致的遮罩层问题解决
一.问题描述最近项目接到了一个遮罩层需求,效果图如下凭感觉会觉得不难,遮罩层+遮罩层之上的元素,通过高德自己的api进行图层排序就可以. 假如用Polygon来绘制遮罩层,那么测试代码如下: va ...
如何封装axios请求。统一基地址、加载遮罩层、响应参数优化
gitee地址:https://gitee.com/mengxianchen/axios-request-tool 线上体验地址: http://121.43.41.227:82/ 浏览器网络设 ...
Taro React组件使用（1） —— Overlay 遮罩层【渐入渐出动画遮罩层】
Overlay 遮罩层提供一个简单的 Overlay 遮罩层,在页面上的层级为 1026; 1. 使用指南在 Taro 文件中引入组件,将组件放入src下的components文件夹中 impor ...
微信小程序原生开发实现弹窗遮罩层并且在遮罩层内使用scroll-view实现滚动内容（包括图片）
微信小程序原生开发实现弹窗遮罩层并且在遮罩层内可以滚动内容(包括图片) 效果图这里的遮罩层内容由两张图片构成底图+内部内容实现代码 wxml 使用云开发的存储,自己开发的时候换掉src即可 ...
遮罩层与被遮罩层的闪烁问题
目录在一个盒子上设置一个遮罩层时出现的闪烁问题:即遮罩层与被遮罩层交替显示问题被遮罩层: 遮罩层: 原因在于: 解决方法可以为: 在一个盒子上设置一个遮罩层时出现的闪烁问题:即遮罩层与被遮罩层交替 ...
android 遮罩进度条,bootstrap创建带遮罩层的进度条
1.在html的body中添加如下代码: 正在加载... 2.用jquery进行显示和隐藏//显示 $("#loadingModal").modal('show'); //隐藏 $ ...

一个遮罩层怎么遮罩两个图层_巧妙运用图层做遮罩动画

一个遮罩层怎么遮罩两个图层_巧妙运用图层做遮罩动画相关推荐

最新文章

热门文章