ps教程来了哇

作者: 平面设计师阿默 | 来源:发表于2019-06-15 14:57 被阅读2次

    嗨喽大家好,我是阿默老师,今天给大家带来一个gif格式的动态雷达图,有喜欢的可以跟着做哦,下面看操作步骤。

    第一步,新建800x800像素的画布,然后绘制一个圆形。

    第二步,我们再绘制一个圆形,描边白色,填充无色,然后开始缩小。

    第三步,复制白色圆形描边,再缩小。

    第四步,跟前两步一样,只不过加了一个小中心点还有横竖线,这里的操作比较基础,但是切记,作图要养成一个习惯,每次新增加一个图形,就要新建一个图层,这样后来好编辑,剩下就不多说了,直接看图。

    第五步,鼠标回到最大的那个蓝色圆形图层上,ctrl键加图层缩略图,进行选区,然后再最上面新建个图层,填充白色。

    第六步,我们单机这个白色圆形图层,然后鼠标右键,进入混合选项,选择渐变叠加,选择白色到透明的渐变,接下来在选择角度渐变。

    第七步,点确定后,回到白色圆形图层,这里小伙伴要注意一件事儿,我们要把这个图层的填充减到0。

    第八步,我们把除了这个图层以外的图层全部进行编组,然后点击窗口,选择时间轴,点击创建视频时间轴,(这里要说明一下,我们接下来的操作都是针对这个图层,所以大家看的时候,都关注这个图层就可以了。)

    第九步,我们记得打开这个独立图层,然后选择样式。

    第十步,我们先把下面的红线进行拖动一下,具体如图。

    第十一步,回到图层,双击图层下面的效果,修改渐变角度。

    第十二步,我们再拖动一下红线,向后挪动一段距离。

    第十三步,我们再进行重复步骤,双击图层下的效果,改变渐变角度,到这里要说明一下,为了达到过度自然,所以我选择的都是90度,-90度,90度这样来回。

    效果大家也都清楚,所以我们看接下来步骤,之后我们做好以后,刚刚每个拖动的红线都会对应的多出一个样式点,而这样式点是可以控制雷达转动速度的,所以为了让雷达转动速度看起来并没有太快,我们要拉长一些,并且三点之前最好等距离。

    第十四步,做到这里我们基本就完成这个雷达动态图了,那么剩下的就是如何保存,具体操作是找到文件,导出web所用格式,选择gif格式,选择永久循环,然后点击保存,这里要是有的小伙伴不想要太大的文件,那么便可以把颜色那一栏降一下。

    好了,说到这里我们看看效果图。

    最后还要再唠叨一句,有喜欢阿默的小伙伴,记得伸出你的小手,留言点赞哦,么么哒。

    相关文章

      网友评论

        本文标题:ps教程来了哇

        本文链接:https://www.haomeiwen.com/subject/reebfctx.html