当前位置: 主页 > 平面设计 > PS教程 > 制作实例 > 动画制作 > PS简单制作光影扫光动画教程

PS简单制作光影扫光动画教程

  • 2022-04-23
  • 来源/作者: OneGreen.Org    / 设计街8号 紫泪    
  • 4 次浏览

今天朋友们问道,所以马上就写出来了, 具体我会最详细的方式来简明制作的过程以及它的思索。
现在网络很流行扫光动画效果,其实用PS很容易做出来。
在PS制作动画的内容中,最重要的是基本的时间轴、关键帧等概念。
在此基础上,要令动画漂亮、精细,则需要依靠样式。因此够熟练使用图层样式也是一个重要的条件。
在时间轴的项目中,希望大家都已经看到过蒙版的项目,分为普通的点阵蒙版与矢量蒙版。
它们各自都具备两个动画项目,一是蒙版的位置,二是蒙版的启用。
所谓启用就是指蒙版的有效性,即开启或关闭。可以用来控制物体的出现或消失,但不能带有过渡效果。也就是说要么就

完全有,要么就完全没有,而不能在两者间过渡。实用价值不是很大。

效果图!

按此在新窗口浏览图片   按此在新窗口浏览图片

制作方法如下: 
1、首先打开PS,按CTRL随便打开一张图片, 接着按CTRL+AIT+C跳出“下图窗口”,画布大小设置,像素,

宽度:100 高度:100 然后你图片确认,头像的标准像素了。

按此在新窗口浏览图片

2、新建图层,得到图层1

按此在新窗口浏览图片

3、工具箱,使用渐变工具,设置为径向渐变。

按此在新窗口浏览图片

4、拉好下图所示渐变

按此在新窗口浏览图片

5、自由变换(快键键CTEL+T)也可以通过工具栏―编辑―自由变换,高光尽量平均一点。如图:

按此在新窗口浏览图片

6、工具箱―椭圆选区工具―从右下角往左上角―直拉出一个椭圆。如图:

按此在新窗口浏览图片

7、接着剪切,快捷键(delete)也可以通过工具栏―编辑―剪切 ,实现下图效果,注意剪切好之后,按CTR+D取消椭圆选项。

按此在新窗口浏览图片

8、现在我们开始做动画了,新建图层,得到图层2。 接着使用矩形选项工具,拉出选框。

按此在新窗口浏览图片

9、再按右键描边3个像素填充为黑色。如下图设置好之后点击确定。

按此在新窗口浏览图片

10、按CTR+D取消矩形选项。再次新建图层,得到图层3,点击工具箱―矩形选项―设置羽化(5―10)随意。
拉出垂直长方选框条,再按右键补充为白色,如下图:

按此在新窗口浏览图片

10、接着按右键补充为白色。设置好之后点击确定。实现效果:

按此在新窗口浏览图片

11、按CTR+D取消矩形选项,在图层3上按右键创建剪切蒙版。

按此在新窗口浏览图片

12、实现下图效果:

按此在新窗口浏览图片

13、接下来就是做动画了,直接点窗口-动画,就可以做动画了.

按此在新窗口浏览图片

14、复制一帧,接着点白色蒙版图层矩形条,用方向键向右或向左移动到右下角。

按此在新窗口浏览图片

15、动画帧过渡

按此在新窗口浏览图片

16、然后点击播放测试一下,如果有一些帧不符合动画的话,请多次细心调整。

按此在新窗口浏览图片

17、最后点击文件,储为WEB格式。最终效果:

按此在新窗口浏览图片   按此在新窗口浏览图片

如果文字从黄变白的做法是建立白色文字层,将文字层的填充不透明度作成动画, 即可形成从黄到白的效果。都是一样

的做法了,然而这里就不重复了, 其实应该是逐渐隐现的淡入效果,只是由于背景为黑色而已。
图片边缘的效果则是描边,使用了图案描边。图案描边可以使用鼠标拖动调整位置, 正是将这个位置做成了动画效果。

大部分边缘闪动的效果都可以这样来制作。 另外还可以试试看将图案缩放做成动画,效果也类似。
时间紧张不久就顺便写出了教程,也不那么详细了,呵呵