如何利用ps制作简单的动图？

用到的程序：Adobe Photoshop 2021

实现：

画图步骤

1、在画图中新建一个文件，调节画布到想要的大小

2、将几帧图片逐张编辑完成后都放到之前定义好的文件夹里面

PS步骤

1、找到之前的文件夹，打开第一个（动图一开始的图片）

2、将剩下的作为新图层拖进第一张图的文件里

3、此时可以调整画幅到合适的位置，点[对号]确认导入

4、按顺序点开窗口->时间轴->（点击）创建帧动画->从图层建立帧

5、建立好后在此处也可以调整图层顺序，即要实现的动图的顺序

6、点击第一个图片->点击shift键->点击之后任意一个图片可实现范围选择

7、保存：依次点击文件-> 导出-> 存储为WEB所用格式

8、确认无误，点击存储编辑

Pop cat动图实现

怎样把动图导入我们的博客中呢？

如何利用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文件，点击打开

超简单的动图制作、利用ps制作简单的动图、把动图导入我们的博客中；相关推荐

在CSDN博客中插入动图、添加目录、链接、表格、字体变色等
1.插入动图: 当我们在写博客时,有时候想要插入动态图片,以便更好的演示操作,那么该怎么插入呢?需要借助第三方工具,如:LICEcap,此工具图标如下: 具体操作如下: ...
我来告诉你，那些博客中的gif动态图是怎么弄的？
大家都知道,图片比单纯的文字给人的视觉冲击力更大,表达的内容也更直观易懂,经常在博客上看到动态的gif图,那这些gif动态图是怎么制作的呢,特别是Android移动开发者,写了一个demo,写博客时, ...
Maven高级11：跳过测试的三种手段；（maven在package或者install等的时候，跳过test不去执行测试用例）（PS：本篇博客中的【使用配置跳过测试】并没有实测成功）
说明: (1)本篇博客的内容:maven跳过测试的几种手段: (2)声明:跳过测试这部分仅仅作为了解即可,在实际中我们一般也可能不会去跳过测试: 目录一:跳过测试,简介:(测试很重要,为什么有时我们 ...
博客中添加动漫妹子，总有一个适合你，嘿嘿嘿！
常喜欢逛博客的你,是不是会碰到一些有意思的东西,有很多博客网站都有一个卡通人物,它一直盯着你鼠标移动的地方,俗称看板娘. 是不是好想拥有她? 今天就来讲讲如何在自己的博客中添加类似的功能.如果你的数学 ...
lighthouse_Laravel中的GraphQL做得正确：如何在一个简单的博客中设置Lighthouse
lighthouse by Oliver Nybroe 由Oliver Nybroe Laravel中的GraphQL做得正确:如何在一个简单的博客中设置Lighthouse (GraphQL in ...
如何在CSDN博客中插入动态图（GIF）
第一步:将博客中需要用到的动态图上传到CSDN中的个人相册空间. 第二步:复制个人相册中动态图的图片网址. 第三步:在博客编辑栏的插入图片按钮中输入要插入图片的网址. 到此时,动态图便已经插入到博客当 ...
ps如何把自己的图与样机结合_如何利用PS制作贴图样机那
今天小编教大家一起来通过PS制作智能贴图教程,让我们一起来学习吧. 1.首先我们看下所谓的智能对象的图层,我们发现智能对象的图层关键的一点是智能对象. 2.我们双击智能对象发现他会新增一个新的文件.文 ...
利用ps制作pbr贴图
pbr贴图相比于传统次时代更为方便快捷,能够很大程度上提高工作效率,今天来记录一下使用ps制作pbr贴图的方法. 首先在unity中新建个材质球,则此球的Albedo,Metallic,Normal三 ...
项目：私“图”定制——利用ffmpeg制作Gif
目录: 项目背景可行性方面需求分析详细设计测试维护项目效果图展示完整代码项目背景: 文字信息时代,传统的文字聊天方式已不能满足大众的需求,很多时候文字不能表达自己的想法,或者沟通技巧的 ...
html 滤镜制作线条,PS滤镜简单制作炫酷的线条效果
今天为大家分享利用PS滤镜制作炫酷线条效果方法,教程很不错,值得大家学习,推荐过来,喜欢的朋友快快来学习吧! 步骤启动PS软件 ctrl+n新建一空白文档,尺寸为 800x600px,背景色设置为黑 ...

超简单的动图制作、利用ps制作简单的动图、把动图导入我们的博客中；

如何利用ps制作简单的动图？

用到的程序：Adobe Photoshop 2021

实现：