美文网首页PS教程
平面设计实用教程,PS快速绘制加载效果

平面设计实用教程,PS快速绘制加载效果

作者: 1366da36503b | 来源:发表于2018-06-17 16:52 被阅读4次

今天教大家如何用ps快速绘制一个加载效果,不用ae也不用flash,就用ps就可以做出来。关注公众号“米你教育”获取更多设计教程。

平面设计

下面我们来学习具体制作步骤吧!

第一步

这个画布我建立的是300×300,给它改了颜色,建一条参考线,画一个圆200就可以

平面设计

第二步

改个颜色,让它可以适当暗一点,control+alt+t复制变换,点击锁链,让它宽和高百分比缩小20%,确定

平面设计 平面设计

第三步

选择里面减去顶层形状,合并一个组,成功之后,然后我们在这个窗口这里找到时间轴。

平面设计 平面设计

第四步

创建视频时间轴,然后control+J复制这一个椭圆,拷贝下,隐藏,选择下方椭圆,给它建一个样式

平面设计 平面设计

第五步

双击它的图层,来到它的渐变,叠加,这两个颜色无所谓,选什么都可以,比如说来这个黄色,我们只要这一个黄色,红的蓝的都删掉

平面设计 平面设计 平面设计

第六步

上边这个色标改为不透明度为0,把它放在上方,注意要改为角度渐变,确定,这是第一个

平面设计 平面设计

第七步

同样的方法依次类推,在下一个10帧再双击更改,它会自动回附上这个样式,点击渐变,我们就25、25的涨

平面设计 平面设计 平面设计 平面设计 平面设计 平面设计

第八步

将上一图层拖至下一图层尾部,保守起见做一点点重叠

平面设计

将样式复制到上面图层中,往回做渐变

平面设计 平面设计 平面设计 平面设计

第九步

把它调回头,放大,一定要放大,要不然圆一偏,它在旋转的时候就会有误差,所以圆一定要正好

平面设计

第十步

调整一下,吸取它的一个颜色

平面设计

Control+J复制这个圆,给它做一个底对齐可以,为了方便调整,我们把这两个圆合在一个图层,直接转换为智能对象,也不合并形状了直接转换智能对象,这样方便我们调整

平面设计 平面设计

第十一步

在第一个个椭圆前面点击变换,选择一个变换之后我们还是回到最原始的那个位置效果,第十帧这里,选择编辑,选择变换,选择顺时针90度,以此类推,每10帧都做一遍

平面设计 平面设计 平面设计 平面设计

第十二步

当旋转的时候,它会有两个圆,我们在这里再画一个圆,盖上这个圆就可以了,

平面设计

改一个颜色,双击智能对象,把下方这个圆隐藏,保存一下

平面设计 平面设计 平面设计

然后control+s保存,循环选项改为永久,播放一下,动态加载图标就快速制作完成了

平面设计

怎么样!很厉害吧。PS是平面设计重要工具之一,也是设计师必备技能之一,大家赶紧跟着练习,实践才是硬道理!关注公众号:米你教育(ID:mnjy168),有不明白的地方可以给老师留言,老师为你在线点拨哦,现在关注还可以免费领取100G设计素材~

相关文章

网友评论

    本文标题:平面设计实用教程,PS快速绘制加载效果

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