当前位置:首页>ps入门教程>动图教程>动画教程>教程内容

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

来源:www.16xx8.com 作者:玖玖 学习:4845人次

今天教大家如何用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是平面设计重要工具之一,也是设计师必备技能之一,大家赶紧跟着练习,实践才是硬道理!

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
7r2019-01-07 04:13
加油
hdbdjs我还是个孩纸2019-01-07 03:49
点赞
天天2018-05-11 03:51
太喜欢了
墩儿墩儿猫2018-05-10 09:39
感谢分享
墩儿墩儿猫2018-05-10 09:39
感谢分享
血染彼岸凝成花2018-05-10 05:59
说得清楚,讲的明白!
煮酒狂客2018-05-10 05:52
不错哦,学习
煮酒狂客2018-05-10 05:52
不错哦,学习
kobeliuxin2018-05-10 02:56
学习了,很好的帖子
kobeliuxin2018-05-10 02:56
学习了,很好的帖子
娟宝贝1102018-05-10 12:00
真的很棒……谢谢!
娟宝贝1102018-05-10 12:00
真的很棒……谢谢!
薄凉梦时光2018-05-09 11:22
前几天进了一个摄影器材群,看他们都在聊相机,镜头,光圈,感光度。大法和尼康携手对抗佳能,吵得一地鸡毛,群主盘查我的身份,我说我用的是徕卡,于是一群人点赞!毒!德味儿!大师!学习了!群主崇敬地问我用的是徕卡哪个型号,我说华为Mate9,然后……我被踢了出来。
薄凉梦时光2018-05-09 11:22
前几天进了一个摄影器材群,看他们都在聊相机,镜头,光圈,感光度。大法和尼康携手对抗佳能,吵得一地鸡毛,群主盘查我的身份,我说我用的是徕卡,于是一群人点赞!毒!德味儿!大师!学习了!群主崇敬地问我用的是徕卡哪个型号,我说华为Mate9,然后……我被踢了出来。
拟嘛啦各比2018-05-09 10:20
好用

关注大神微博加入>>

网友求助,请回答!