蒙版动画是什么意思(蒙版的制作)

本文主要介绍面具动画(面具制)的意义是什么，下面跟着东辰网详细了解一下吧。

上一课的作业没有技术难度。需要的是细心的观察和耐心的思考。因此，我们赢了。;不详细评论，简单介绍一下。附上PSD源文件供你参考。

在Photoshop动画的内容中，最重要的概念是时间轴、关键帧等基本概念。在此基础上，要把动画做美做精，需要靠风格。所以熟练使用图层样式也是一个重要条件。这节课将介绍动画的另一个基础知识，即在动画中使用蒙版。当然，在此之前，要求你已经完全掌握了基础教程中面膜部分的知识，这里不再重复介绍。

在时间轴项目中，大家都见过蒙版项目，分为普通的点阵蒙版和矢量蒙版。他们各有两个动画项目，一个是遮罩的位置，一个是遮罩的激活。启用是指口罩的有效性，即打开或关闭。它可以用来控制对象的出现或消失，但不能有过渡效果。也就是说，要么完全存在，要么根本不存在，两者之间没有过渡。实用价值不大，因为直接用图层不透明度和保持插值和插值；。遮罩位置是一个非常有用的项目，如果我们想制作一个动画来模拟进度条，如下图所示。因为Photoshop没有。;t支持变形动画，它可以不能简单地通过转换命令来实现。虽然它可以由独立层和之前介绍过，太繁琐，后期可编辑性差。

示例动画

用遮罩制作这个动画非常简单。在新建的图层中画一个矩形，创建一个全白的蒙版，然后填充黑色，去掉蒙版和图层之间的链接，如下左图所示。然后就可以设置蒙版位置的动画项目了。过程很简单，就是一开始保持蒙版全黑，最后移动(从左到右自定)直到全白，也就是不再遮挡图层内容。

动画文档设定为1秒和15fps。也可以用渐变制作蒙版，如下右图所示。这将使进度条的结尾看起来更平滑。

观看示例动画

除了移动蒙版的位置，您还可以在保持蒙版不动的同时移动层中的内容。

创建一个文本层，并使用渐变工具，使其具有对称渐变效果的面具。图像效果如下左图所示，图层调色板如下右图所示。取消遮罩链接后，您可以激活层的位置。注意，这不再是蒙版位置项，而是我们之前学过的图层位置。动画文件设定为2秒15fps。虽然此时没有直接移动蒙版，但是动画只能靠蒙版的遮挡效果来完成，所以还是归类为蒙版动画。

示例动画

不同于我们之前做的文字移动，上面的效果可以称为对于文字滚动来说，两者的主要区别在于前者的文字内容是完整呈现的，而后者是依次出现的。如果想让滚动的文字有循环的效果，需要一些技巧。往复设置不适合这个。因为阅读习惯，滚过去的文字不适合反方向滚回去，就像一句话不能反方向读一样。虽然默认循环播放也是一种解决方案，但是文字最后一个字母过去之后会有一个空格。我们可以通过复制文本内容，形成一个没有空格的圆形效果。将文本内容复制2份并连接到原文，即chang:1)移到02eech0@.com00，如下图所示。如果你掌握了之前学过的东西，你就能明白02:00其实并不是一个动画过程，真正的动画过程是00:00到01:14.不仅是文字，各种图形符号都可以按照这个方法做成单向循环动画。

示例动画

这是面具动画的技术含量，并不深刻，但是如果结合前面的知识，可以做出很多效果。例如，我们已经了解到，图层样式动画中的角度渐变动画可以通过使用遮罩来进一步制作。常见的角度渐变如下左图所示，我们为其添加矢量蒙版，如下右图所示。你可以制作一个圆形进度条的动画。点击这里下载这部动画的PSD源文件，:。供你自己分析。虽然这里可以使用点阵蒙版，但是矢量蒙版可以很好的适应图像缩放。这可以很容易地将动画更改为任意大小，以满足不同的需求。在基础课中已经介绍了点阵和向量的区别以及向量路径的绘制。动画大小对字节数的影响将在后面的课程中介绍。

示例动画

你可以把上面的蒙版换成环形，或者改变渐变的样式，得到另一种动画效果。

示例动画1

示例动画2

另外，同一色阶的渐变可以把色阶位置的变化作为动画，如下图所示。可以形成逐渐扩大的效果。

示例动画

你可能认为范黑白的动画太单调了，这其实是我们从教学角度采取的。一是灰度可以清晰地表达内容，不受颜色干扰，二是灰度可以很容易地作用于不同混合模式下的任何颜色，这样通过简单的修改步骤就可以形成很好的效果。我们已经在基础课程的第11章第6节中介绍了这一点。我们加上投影，外部照明等。到动画中，并改变填充的颜色和渐变的叠加方法，得到如下图所示的图像效果。注意，这个动画的文档设置已经改成了10fps，为什么改后面会介绍。

示例动画

到目前为止，我们基本上是使用一个单一的层作为动画的对象，但这并不意味着我们应该如此经济实惠在实际生产中。您可以使用多个层来形成更丰富的动画。不过还是要遵循这个原则，就是尽量少用几层来做。因为大量的图层容易造成混乱，也不利于后期的修改。基础课提到的另一个原则是尽可能多的使用向量。下面是我们制作的两层动画。因为这个动画的字节数太大，所以不会在网页中显示。你可以把它作为作业，我们为你的学习提供源文件。点击这里下载样本PSD源文件:。

Photoshop也可以制作一组图层的动画，但只能用于图层组的整体不透明度和图层组的蒙版。可惜不支持图层组位置的动画。如果我们能够支持层组位置的动画，我们就可以很容易地进行相对运动。比如先让文字在按钮上水平移动，然后用文字和按钮组成一个图层组，再定义一个动画让图层组垂直移动，就可以完成上面的操作了。

上一课的作业没有技术难度。需要的是细心的观察和耐心的思考。因此，我们赢了。;不详细评论，简单介绍一下。附上PSD源文件供你参考。

在Photoshop动画的内容中，最重要的概念是时间轴、关键帧等基本概念。在此基础上，要把动画做美做精，需要靠风格。所以熟练使用图层样式也是一个重要条件。这节课将介绍动画的另一个基础知识，即在动画中使用蒙版。当然，在此之前，要求你已经完全掌握了基础教程中面膜部分的知识，这里不再重复介绍。

在时间轴项目中，大家都见过蒙版项目，分为普通的点阵蒙版和矢量蒙版。他们各有两个动画项目，一个是遮罩的位置，一个是遮罩的激活。启用是指口罩的有效性，即打开或关闭。它可以用来控制对象的出现或消失，但不能有过渡效果。也就是说，要么完全存在，要么根本不存在，两者之间没有过渡。实用价值不是很大，因为我们直接做出来的效果是一样的。它可以通过图层不透明度和保持插值和插值；。遮罩位置是一个非常有用的项目，如果我们想制作一个动画来模拟进度条，如下图所示。因为Photoshop没有。;t支持变形动画，它可以不能简单地通过转换命令来实现。虽然它可以由独立层和之前介绍过，太繁琐，后期可编辑性差。

示例动画

用遮罩制作这个动画非常简单。在新建的图层中画一个矩形，创建一个全白的蒙版，然后填充黑色，去掉蒙版和图层之间的链接，如下左图所示。然后就可以设置蒙版位置的动画项目了。过程很简单，就是一开始保持蒙版全黑，最后移动(从左到右自定)直到全白，也就是不再遮挡图层内容。

动画文件设定为1秒和15fps。也可以用渐变制作蒙版，如下右图所示。这将使进度条的结尾看起来更平滑。

观看示例动画

除了移动蒙版的位置，您还可以在保持蒙版不动的同时移动层中的内容。

创建一个文本层，并使用渐变工具，使其具有对称渐变效果的面具。图像效果显示在左边，图层调色板显示在右边。取消遮罩链接后，您可以激活层的位置。注意，这不再是蒙版位置项，而是我们之前学过的图层位置。动画文件设定为2秒15fps。虽然此时没有直接移动蒙版，但是动画只能靠蒙版的遮挡效果来完成，所以还是归类为蒙版动画。

示例动画

和我们之前做的文字移动不同，上面的效果可以称为文字滚动。两者的主要区别在于，前者的文字内容是完整呈现的，而后者是依次出现的。如果想让滚动的文字有循环的效果，需要一些技巧。往复设置不适合这个。因为阅读习惯，滚过去的文字不适合反方向滚回去，就像一句话不能反方向读一样。虽然默认循环播放也是一种解决方案，但是文字最后一个字母过去之后会有一个空格。我们可以通过复制文本内容，形成一个没有空格的圆形效果。将文本内容复制2份并连接到原文，即chang:1)移动到02eech0@.com00，如下图所示。如果你掌握了之前学过的东西，你就能明白02:00其实并不是一个动画过程，真正的动画过程是00:00到01:14.不仅是文字，各种图形符号都可以按照这个方法做成单向循环动画。

示例动画

这是面具动画的技术含量，并不深刻，但是如果结合前面的知识，可以做出很多效果。比如我们之前学过图层样式动画中的角度渐变动画，可以进一步利用蒙版。常见的角度渐变如下左图所示，我们为其添加矢量蒙版，如下右图所示。你可以制作一个圆形进度条的动画。点击这里下载这部动画的PSD源文件，:。供你自己分析。虽然这里可以使用点阵蒙版，但是矢量蒙版可以很好的适应图像缩放。这可以很容易地将动画更改为任意大小，以满足不同的需求。在基础课中已经介绍了点阵和向量的区别以及向量路径的绘制。动画大小对字节数的影响将在后面的课程中介绍。

示例动画

你可以把上面的蒙版换成环形，或者改变渐变的样式，得到另一种动画效果。

示例动画1

示例动画2

另外，同一色阶的渐变可以把色阶位置的变化作为动画，如下图所示。可以形成逐渐扩大的效果。

示例动画

你可能会觉得黑白灰度对于实例的动画来说太单调了，其实从教学的角度来说这也是我们采用的。一是灰度可以清晰地表达内容，不受颜色干扰，二是灰度可以很容易地作用于不同混合模式下的任何颜色，从而可以通过简单的修改步骤形成良好的效果。我们已经在基础课程的第11章第6节中介绍了这一点。我们加上投影，外部照明等。到动画中，并改变填充的颜色和渐变的叠加方法，得到如下图所示的图像效果。注意，这个动画的文档设置已经改成了10fps，为什么改后面会介绍。

示例动画

到目前为止，我们基本上是使用一个单一的层作为动画的对象，但这并不意味着我们应该如此经济实惠在实际生产中。您可以使用多个层来形成更丰富的动画。不过还是要遵循这个原则，就是尽量少用几层来做。因为大量的图层容易造成混乱，也不利于后期的修改。基础课提到的另一个原则是尽可能多的使用向量。下面是我们制作的两层动画。因为这个动画的字节数太大，所以不会在网页中显示。可以当作业，我们提供。源文件供您学习使用。点击这里下载样本PSD源文件:。

Photoshop也可以制作一组图层的动画，但只能用于图层组的整体不透明度和图层组的蒙版。可惜不支持图层组位置的动画。如果我们能够支持层组位置的动画，我们就可以很容易地进行相对运动。比如先让文字在按钮上水平移动，然后用文字和按钮组成一个图层组，再定义一个动画让图层组垂直移动，就可以完成上面的操作了。

了解更多面具动画(面具制)的意义是什么相关内容请关注东辰网。