这个图片每个人都是非常实用的,我们经常看到别人动图很有意思,但是苦于自己不会做,找的模板又不喜欢,那我来带大家拆解一下,做出一张有意思会动的banner。
1.建图层
新建图层多大呢?
按照手机尺寸,一般是以5.5寸的手机为主,分辨率是1080x1920,所以我们新建一个1080 x 216 像素的图片。
2.每层设计
每一层我们都会设计好的,一层一层的做出来排好版,最后呈现出来。
每一层排好左边的图片和右边的图片是对称的,然后我们开始每一层分开设计。
最后设计结束以后呢,每一层的图层栅格化。按住电脑ctrl键+鼠标点击全选图片图层——栅格化图层
image.png对比上一张图片,右边的每一层我们全部栅格化了。
3.创建时间轴动画
窗口—时间轴——创建
image.png
这时候我们就可以看到在窗口的下面出现了一个时间轴的对话框,跟着操作:
时间轴弹窗.
我们找到时间轴弹窗就很好办了,开始在弹窗里设置图层,并且设置切换时间就可以了。
image.png点击 右上角那个小方条——从图层中建立帧
解释一下什么是帧?
我们在动画中,把每一个画面的动作都叫一个帧,这个单位是人眼能看到变化的一个影,就像相机拍照一样,一秒钟大概是24帧。就是一秒钟图片闪24次。
每秒的帧数为人为设定,一般软件生成视频文件时默认为24fps(帧/秒)。播放出的没有太复杂场景的电视、电视剧一般为30fps。需要很多细节的游戏最低推荐60fps。
图层建立帧,就是图层建立图片的意思。
每一个时间轴的图层对应一个图层,我们开始每一张每一张的调节,在时间轴的图层上调节,每一秒出现的图像。可以增加或者删除自己想要或者不想要的图像。
还可以在右边的图层调整图片的顺序,图片的顺序,透明度什么都可以。
调节好之后每一张图设置好时间。(为了方便我的都调节成0.5秒)
image.png注意调整好顺序和时间以后,就开始者定时间了。
点击左下角 小三角形(播放按钮) — 播放循环选项 — 永不这里的意思就是永远播放。
4.导出动画
如果播放没问题就开始导出:要导出成web模式的gif动画。
直接ps6以下直接导出web模式,但是ps6以上的都要选web所用模式,快捷键:alt+shift+ctrl+s 组合键
稍等这里要调节一下:
两点
注意两点:
1.一定勾选 GIF动画
2.循环选项:一定选 永远
如果没有选gif动画,图导出来就不会动.如果不选择永远,动一遍就停了.
完成啦.gif
感谢观看,欢迎拍砖.
网友评论