4、按顺序点开窗口->时间轴->(点击)创建帧动画->从图层建立帧
6、点击第一个图片->点击shift键->点击之后任意一个图片可实现范围选择
如何利用ps制作简单的动图?
我们在浏览其他人的博客文章中能看到各种动态图片,那他们都是怎样制作的呢?其实制作动图的方法有多种,可以使用在线生成工具,也可以使用ps来自己制作一些简单的动态图。
今天就来教会你如何制作简单的动图
用到的程序:Adobe Photoshop 2021
实现:
画图步骤
ps作为平面软件之一,功能很强大,那是毋庸置疑的,ps可以用来制作平面的各种东西,画图就是其中最常用的一种功能(因为目前只需要简单的动图,所以先不使用ps来画图了;这里使用电脑自带的画图软件!!!)
1、 在画图中新建一个文件,调节画布到想要的大小
也可以导入图片(下面先展示手绘动图,这个之后展示)
画图文件建好之后我们新建一个文件夹来暂时存放我们的子文件
下面将以此动图为例逐步展示它的实现过程
如图:我已将图像调整到合适的大小,之后编辑图像建议修改图形的形状时不要太多,以免影响动图效果,编辑完成后将图像另存为PNG图,保存到文件夹中
2、将几帧图片逐张编辑完成后都放到之前定义好的文件夹里面
PS步骤
1、 找到之前的文件夹,打开第一个(动图一开始的图片)
2、 将剩下的作为新图层拖进第一张图的文件里
3、 此时可以调整画幅到合适的位置,点[对号]确认导入
(此步可省略)在图层区域调整好动图的顺序
4、按顺序点开窗口->时间轴->(点击)创建帧动画->从图层建立帧
5、建立好后在此处也可以调整图层顺序,即要实现的动图的顺序
(拖动即可)
此处选择动图的循环次数,点击其他可以自定义次数
6、点击第一个图片->点击shift键->点击之后任意一个图片可实现范围选择
点击0秒(默认0秒)设置帧延迟,点击其他可自定义
到这里就完成了动图的编辑
接下来我们保存它
7、保存:依次点击文件-> 导出-> 存储为WEB所用格式
进入新窗口,这里我们确认相关参数
8、确认无误,点击存储
选择存储位置,这里我放到了桌面上
可以看到我们的动图就制作好啦
Pop cat动图实现
按照PS步骤实现即可
无延迟动图
0.1秒延迟动图
0.2秒延迟动图
怎样把动图导入我们的博客中呢?
在这里,我们选择图像
选择图片上传->选择图片
选择我们的.gif文件,点击打开