我们经常能看到动图闪亮亮的给我们清楚的展示设计意图,让我们看到产品如何运动、产品如何使用、甚至有的动图给我们展示了一些搞笑的娱乐内容,博得大家一笑,也传播了一些广告内容。那么动图到底怎么制作呢?

很多人都知道AI(只AI是不能单独做出动图的)、PS软件,也知道在这些软件里可以进行简单制作,但是当打开软件就又丈二和尚摸不着头脑了。那么今天我给大家来支招,通过简简单单的操作学会动图制作。

一般的PS软件版本都有时间轴这个功能,所以大家要明白,动画的运动原理,就是一种视觉上的连贯,其实动画内容就是一帧一帧的图片,当图片快速的切换后,我们感觉整个画面就动起来了。

1.首先在ps里新建一个大小合适的画布,设置好像素,绘制一个你需要的图标形状。可以做出一些透视效果。

ps制作漂亮图标(制作一个动感小图标)(1)

2.复制图层,更改颜色,或者绘制其他需要改变的步骤,跟动画片原理一样。此案例不改变形状,只改变颜色。

ps制作漂亮图标(制作一个动感小图标)(2)

3.打开时间轴

ps制作漂亮图标(制作一个动感小图标)(3)

4.在时间轴加图层,调整好点哪一帧,图层的眼睛是开启状态,每一帧的时间设置为0.02,可以根据自己需要进行设置。

ps制作漂亮图标(制作一个动感小图标)(4)

5.预览动画效果,没问题可以导出,选择WEB格式,导出后保存的是gif格式。

ps制作漂亮图标(制作一个动感小图标)(5)

ps制作漂亮图标(制作一个动感小图标)(6)

以上方法可以制作小图标动图,也可以制作其他小动画,例如表情包等。

ps制作漂亮图标(制作一个动感小图标)(7)

,