手机
当前位置:查字典教程网 >ps >PS入门实例教程 >Photoshop制作雷达显示屏扫描动画效果
Photoshop制作雷达显示屏扫描动画效果
摘要:效果图:新建个250*200的画布。填充灰色做背景,用椭圆工具画个#bacce5的正圆。图层样式现在看起来像个椭圆的饼饼。咬下去吧!画个颜色...

 效果图:

Photoshop制作雷达显示屏扫描动画效果1

新建个250*200的画布。填充灰色做背景,用椭圆工具画个#bacce5的正圆。

Photoshop制作雷达显示屏扫描动画效果2

图层样式

Photoshop制作雷达显示屏扫描动画效果3

Photoshop制作雷达显示屏扫描动画效果4

Photoshop制作雷达显示屏扫描动画效果5

Photoshop制作雷达显示屏扫描动画效果6

Photoshop制作雷达显示屏扫描动画效果7

现在看起来像个椭圆的饼饼。

Photoshop制作雷达显示屏扫描动画效果8

咬下去吧!画个颜色是#00387d的蓝色圆圆,要比刚刚的那个饼小一圈

Photoshop制作雷达显示屏扫描动画效果9

继续图层样式

Photoshop制作雷达显示屏扫描动画效果10

Photoshop制作雷达显示屏扫描动画效果11

Photoshop制作雷达显示屏扫描动画效果12

Photoshop制作雷达显示屏扫描动画效果13

Photoshop制作雷达显示屏扫描动画效果14

把刚刚的那个蓝圆圆复制一层,然后清除掉图层样式,其实我们只是想要一个和蓝圆圆一样大的另一个圆而已。把清除了图层样式的那个圆的填充设置为0。

Photoshop制作雷达显示屏扫描动画效果15

Photoshop制作雷达显示屏扫描动画效果16

图层样式,现在看起来是这样

Photoshop制作雷达显示屏扫描动画效果17

现在画个这个形状像上面白色的东东

Photoshop制作雷达显示屏扫描动画效果18

不要问我怎么画,自己想办法……把那个白色的东东设置填充为0%,图层样式

Photoshop制作雷达显示屏扫描动画效果19

Photoshop制作雷达显示屏扫描动画效果20

画横竖两根黑线

Photoshop制作雷达显示屏扫描动画效果21

再画俩黑圈

Photoshop制作雷达显示屏扫描动画效果22

横竖线和黑圈都添加相同的图层样式,又是图层样式。

Photoshop制作雷达显示屏扫描动画效果23

把黑线和黑圈的填充改成50%。画个白圆

Photoshop制作雷达显示屏扫描动画效果24

别忘了新建图层之后再画白圆。把圆的填充改成0%,设置图层样式,图层样式

Photoshop制作雷达显示屏扫描动画效果25

现在看来又是这样的,嗯,主体已经做好了。

Photoshop制作雷达显示屏扫描动画效果26

打开时间轴窗口,或者动画窗口,或者IR。复制2次帧:

Photoshop制作雷达显示屏扫描动画效果27

然后选中第2帧,把那个一会儿会一直转一直转的图层的图层样式改成:

Photoshop制作雷达显示屏扫描动画效果28

选中第1帧,按过渡按钮

Photoshop制作雷达显示屏扫描动画效果29

这样过渡:

Photoshop制作雷达显示屏扫描动画效果30

在过渡完之后,选中最后一帧再过渡,这次是这样过渡。

Photoshop制作雷达显示屏扫描动画效果31

把播放次数改成永远。

Photoshop制作雷达显示屏扫描动画效果32

最后储存为Web所用格式就好了。

Photoshop制作雷达显示屏扫描动画效果33

Photoshop制作雷达显示屏扫描动画效果1

        :更多精彩教程请关注三联photoshop教程栏目,三联PS群:339853166欢迎你的加入

【Photoshop制作雷达显示屏扫描动画效果】相关文章:

Ps制作可爱GIF动画小白兔大变活人

如何安装photoshop各种插件

简单5步让你的Photoshop工作效率爆表

Photoshop如何为照片添加错位方格特效

Photoshop制作金色华丽立体五角星

Photoshop中像素对齐网格的方法

Photoshop的魔棒工具是什么

Photoshop怎样描绘出一个人物的轮廓

Photoshop怎样使一个图片和另一个图片很好地融合在一起

Photoshop让眼睛变大的两种方法

精品推荐
分类导航