动画教程,快速绘制加载效果动态图片

今天教大家如何用ps快速绘制一个加载效果,不用ae也不用flash,就用ps就可以做出来。

 动画教程,快速绘制加载效果动态图片_www.16xx8.com

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

第一步

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

动画教程,快速绘制加载效果动态图片_www.16xx8.com

第二步

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

动画教程,快速绘制加载效果动态图片_www.16xx8.com

动画教程,快速绘制加载效果动态图片_www.16xx8.com

第三步

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

动画教程,快速绘制加载效果动态图片_www.16xx8.com

动画教程,快速绘制加载效果动态图片_www.16xx8.com

第四步

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

动画教程,快速绘制加载效果动态图片_www.16xx8.com

动画教程,快速绘制加载效果动态图片_www.16xx8.com

第五步

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

动画教程,快速绘制加载效果动态图片_www.16xx8.com

动画教程,快速绘制加载效果动态图片_www.16xx8.com

动画教程,快速绘制加载效果动态图片_www.16xx8.com

第六步

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

动画教程,快速绘制加载效果动态图片_www.16xx8.com

动画教程,快速绘制加载效果动态图片_www.16xx8.com

第七步

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

动画教程,快速绘制加载效果动态图片_www.16xx8.com

动画教程,快速绘制加载效果动态图片_www.16xx8.com

动画教程,快速绘制加载效果动态图片_www.16xx8.com

动画教程,快速绘制加载效果动态图片_www.16xx8.com

动画教程,快速绘制加载效果动态图片_www.16xx8.com

动画教程,快速绘制加载效果动态图片_www.16xx8.com

第八步

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

动画教程,快速绘制加载效果动态图片_www.16xx8.com

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

动画教程,快速绘制加载效果动态图片_www.16xx8.com

动画教程,快速绘制加载效果动态图片_www.16xx8.com

动画教程,快速绘制加载效果动态图片_www.16xx8.com

动画教程,快速绘制加载效果动态图片_www.16xx8.com

第九步

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

动画教程,快速绘制加载效果动态图片_www.16xx8.com

第十步

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

动画教程,快速绘制加载效果动态图片_www.16xx8.com

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

动画教程,快速绘制加载效果动态图片_www.16xx8.com

动画教程,快速绘制加载效果动态图片_www.16xx8.com

第十一步

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

动画教程,快速绘制加载效果动态图片_www.16xx8.com

动画教程,快速绘制加载效果动态图片_www.16xx8.com

动画教程,快速绘制加载效果动态图片_www.16xx8.com

动画教程,快速绘制加载效果动态图片_www.16xx8.com

第十二步

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

动画教程,快速绘制加载效果动态图片_www.16xx8.com

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

动画教程,快速绘制加载效果动态图片_www.16xx8.com

动画教程,快速绘制加载效果动态图片_www.16xx8.com

动画教程,快速绘制加载效果动态图片_www.16xx8.com

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

动画教程,快速绘制加载效果动态图片_www.16xx8.com

怎么样!很厉害吧!

PS是平面设计重要工具之一,也是设计师必备技能之一,大家赶紧跟着练习,实践才是硬道理!

全教程完,学完记得交作业。教程对您有所帮助,请推荐给你的朋友。如果学会了,可以尝试投稿给我们,跟大家分享你的学习经验:http://i.16xx8.com

  • 米你教育
  • 作者公众号:米你教育

    简介:

学习 · 提示

  • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
  • 教程有看不懂的地方,可以到论坛发帖提问:ps新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们微博:@photoshop教程论坛
  • 想学更多的同学,可以关注我们小程序,每天都有新教程:点我用微信扫一下
PS教程自学网 欢迎投稿教程:http://i.16xx8.com

    拟嘛啦各比 说: 好用
    薄凉梦时光 说: 前几天进了一个摄影器材群,看他们都在聊相机,镜头,光圈,感光度。大法和尼康携手对抗佳能,吵得一地鸡毛,群主盘查我的身份,我说我用的是徕卡,于是一群人点赞!毒!德味儿!大师!学习了!群主崇敬地问我用的是徕卡哪个型号,我说华为Mate9,然后……我被踢了出来。
    娟宝贝110 说: 真的很棒……谢谢!
    kobeliuxin 说: 学习了,很好的帖子
    煮酒狂客 说: 不错哦,学习
    血染彼岸凝成花 说: 说得清楚,讲的明白!
    墩儿墩儿猫 说: 感谢分享