Photoshop精细打造雷达扫描动画教程

  发布时间:2013-10-21 08:59:56   作者:佚名   我要评论
今天带给大家一个用Photoshop精细打造雷达扫描效果的教程.
Photoshop精细打造雷达扫描动画教程

目前,我们的作品应该是这样的。接下来,选择这个大的白色圆圈,同选混合选项,设置渐变,

Photoshop精细打造雷达扫描动画教程
渐变条的设置如下:
Photoshop精细打造雷达扫描动画教程

设置好后,在窗口往下拉,让渐变都下去,如图:

Photoshop精细打造雷达扫描动画教程

(图上的那句模糊的话是:鼠标在这里往下拉。)

选中线线图层(实际上我们的线线图层已经和小圆合并过了),打开混合选项,添加渐变,渐变参数如下:

Photoshop精细打造雷达扫描动画教程

渐变条的参数:

Photoshop精细打造雷达扫描动画教程

19,把黑白条覆盖到文字上边,并关闭文字和黑白条的显示,一会做动画时我们有操作。

20,打开动画面板(窗口,动画),然后点复制帧。

Photoshop精细打造雷达扫描动画教程

21,选云彩图层,打开混合选项面板,然后选择渐变参数,我们把之前90度的角度设置为-30度,点确定。然后把乱码数字选中,注意不要点住蒙板,按住Shift键,按↑,按5次。让他上去一些。选白色的大圆层(自定义形状的那个大圆),同样打开混合选项,然后选中渐变(必须选中渐变,让渐变选项有选中的蓝色才可以的),选中渐变后,在我们的图层里往上拉,让渐变到最上边去,一直看不到为止。

22,再复制一帧,然后把乱码数字选中,按住Shift键,继续按↑,按5次。接着,选云彩图层,打开混合选项面板,然后选择渐变参数,我们把之前-30度的角度设置为-150度,

选中线线层,打开混合选项》渐变叠加,把缩放由之前的150改为10.

23,Ok,

选中第一帧,点过渡,过渡设置如下:

Photoshop精细打造雷达扫描动画教程
继续添加过渡,选中第十四帧,点过渡按钮,过渡设置跟上次的一样。

现在我们的动画窗口有27帧动画了,我们选第27帧,点复制,然后选中第28帧,在图层窗口选云彩图层,打开混合选项》渐变叠加,把-150的角度设置成90,然后确定。

选择第27帧,点过渡,添加过度帧,

Photoshop精细打造雷达扫描动画教程

然后删除最后一帧,以为最后一帧和第一帧是一样的,不删除的话播放的时候你会看到有一下的停顿。

点播放,看一下效果。

Ok,效果不错。停止,选中第十帧,把黑白条显示出来,

11帧 关闭黑白条

12帧 打开黑白条

13帧,打开文字显示,并把黑白条向右移动,让文字露出一个来。

Photoshop精细打造雷达扫描动画教程

14帧 继续向右移动黑白条露出第二个字

Photoshop精细打造雷达扫描动画教程

一次类推。。直到第18帧漏出全部文字

Photoshop精细打造雷达扫描动画教程

第19帧,我们关闭黑白条,

20帧 显示,但是不透明度设置为50%

Photoshop精细打造雷达扫描动画教程
最终效果:
Photoshop精细打造雷达扫描动画教程

相关文章

最新评论