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

今天教大家如何用ps快速绘制一个加载效果,不用ae也不用flash,就用ps就可以做出来。 下面我们来学习具体制作步骤吧!

动图教程,用PS制作一只萌萌哒动态小飞机

本篇教程通过PS做一个动画飞机的教程,原来PS也可以做动画,通过视频加问题详细讲解如何做一个动画小飞机,我们会做飞机螺旋透视动画效果,其次是飞机在空中飞翔的效果,最后调整云朵的位置,总体来说操作过程还是简单易懂的,同学们一起来制作一下吧。

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

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

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

第一步

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

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

第二步

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

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

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

第三步

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

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

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

第四步

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

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

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

第五步

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

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

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

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

第六步

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

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

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

第七步

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

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

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

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

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

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

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

第八步

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

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

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

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

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

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

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

第九步

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

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

第十步

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

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

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

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

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

第十一步

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

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

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

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

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

第十二步

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

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

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

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

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

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

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

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

怎么样!很厉害吧!

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

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

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

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

第一步

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

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

第二步

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

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

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

第三步

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

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

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

第四步

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

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

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

第五步

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

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

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

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

第六步

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

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

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

第七步

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

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

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

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

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

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

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

第八步

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

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

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

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

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

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

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

第九步

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

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

第十步

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

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

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

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

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

第十一步

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

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

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

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

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

第十二步

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

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

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

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

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

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

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

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

怎么样!很厉害吧!

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

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部