PS的视频时间轴真的很强大吗?
创始人
2026-02-23 15:04:08
0

gif动画制作软件教程_动画动图制作软件_动画制作动图

- Caelum 插图 - 第 47 期

PS教程

随着新媒体的快速发展,就目前的设计而言,gif动画的应用无处不在,每个人都不同程度地接触过它。

我通常喜欢使用 PS 时间线来创建一些动画 gif。 所以,最新的就是这篇公众号文章顶部的图片和底部的二维码设计。

现在,准备整理一下资料,制作一个PS制作gif动画的教程。

在之前的PS版本中,我们在制作gif动画时只能使用帧动画。 随着PS版本的升级,出现了类似AE的时间线。

PS CC版本的视频时间线制作动画比较简单,操作也方便。 同时,对于简单的gif动画,我们不再需要打开AE,只需要PS就可以轻松完成!

“PS的视频时间线真是太强大了!”

首先我们简单了解一下PS时间轴的主要操作方法。

(如果手机浏览看不清图片,可以点击图片放大)

1、打开PS软件,点击Window-Timeline;

gif动画制作软件教程_动画制作动图_动画动图制作软件

2. 创建一个新文档。 制作gif动画时,文档不需要太大,以像素为单位即可,500左右就足够了。 具体制作应根据实际需要而定;

gif动画制作软件教程_动画制作动图_动画动图制作软件

3、点击中间的按钮,会提示创建“视频时间轴”和“帧动画”。 当然选择“视频时间线”;

gif动画制作软件教程_动画动图制作软件_动画制作动图

4、创建成功后,会出现如下窗口;

动画制作动图_动画动图制作软件_gif动画制作软件教程

5、如果想要在时间轴和帧动画之间切换,可以点击左下角按钮“转换为帧动画”;

gif动画制作软件教程_动画动图制作软件_动画制作动图

6、帧动画效果如下;

动画动图制作软件_动画制作动图_gif动画制作软件教程

7. 现在您可以开始设置图层的具体选项。 单击图层左侧的箭头按钮可展开或隐藏选项。 而我们的主要业务都是在这里进行的。 下面的按钮由两个或三个小三角形组成,可用于缩小和放大时间线显示模式。

动画制作动图_动画动图制作软件_gif动画制作软件教程

8.我们可以先新建一个图层,然后画一个圆。 该层下的第一个选项:“位置”。 单击旁边的按钮后,您可以开始记录位置信息。 其他按钮的方法相同。

gif动画制作软件教程_动画动图制作软件_动画制作动图

9.可以左右拖动右侧按钮调整动画总时间;

动画制作动图_动画动图制作软件_gif动画制作软件教程

10. 接下来就可以开始创建跑步轨迹了。 灰色圆圈为00f处的指针,即原始位置。 接下来,您需要将指针拖动到所需的时间点,然后将圆圈移动到黑色圆圈的当前位置。

即通过拖动指针来调整图形的位置关系并生成图形的运行轨迹。

gif动画制作软件教程_动画动图制作软件_动画制作动图

11.同样的方法,以此类推。 它可以放置在不同的位置并产生不同的运行轨迹。

动画制作动图_动画动图制作软件_gif动画制作软件教程

效果图如下:

gif动画制作软件教程_动画制作动图_动画动图制作软件

12、根据“位置”的设置方法,“不透明度”的操作方法也相同。 当指针拖动到不同的时间点时,可以通过调整图层的不透明度来设置。

动画制作动图_动画动图制作软件_gif动画制作软件教程

效果图如下:

动画制作动图_gif动画制作软件教程_动画动图制作软件

13.以上是关于位图图层的。 如下图所示,当图层转换为智能对象时,原来的“位置”也转换为“变换”。 那么这个时候你就可以自由的对图形进行变换,放大、缩小、拉伸、旋转等效果,而不仅仅是调整位图的位置。

动画动图制作软件_gif动画制作软件教程_动画制作动图

效果图如下:

动画制作动图_动画动图制作软件_gif动画制作软件教程

14.无论是位图还是智能对象,都有一个“样式”按钮。 然后我们就可以利用图层样式面板进行各种调整,比如外发光、阴影、叠加等效果。

动画动图制作软件_gif动画制作软件教程_动画制作动图

动画动图制作软件_gif动画制作软件教程_动画制作动图

15. 完成后gif动画制作软件教程,单击文件 → 导出 → 另存为 Web 所有格式。

动画制作动图_gif动画制作软件教程_动画动图制作软件

16. 弹出窗口如下。 您可以在右下角选择动画周期数。

动画制作动图_gif动画制作软件教程_动画动图制作软件

效果图如下:

gif动画制作软件教程_动画动图制作软件_动画制作动图

另请注意:

1、要明确区分PS时间线的主要操作工具

2.牢记你预期结果的轨迹和想法

3.掌握各层之间的变换和交错关系

4、整理图层名称,方便查找和调整。

这是第一次教程,难免有一些不足。 以后我会继续优化gif动画制作软件教程,做得更好!

非常感谢大家的观看!

下一期亮点:Gif动画示例。

gif动画制作软件教程_动画制作动图_动画动图制作软件

另外:还有24G海量PS资源分享! ! !

敬请关注

-结尾-

↓ ↓ ↓ 按住1秒了解更多↓ ↓ ↓

gif动画制作软件教程_动画动图制作软件_动画制作动图

相关内容

热门资讯

罕... 罕用的绘图软件包含Adobe Illustrator、CorelDRAW、Sketch、Figma、...
A... 题主没说是笔记本还是台式机,我都说下 笔记本 外围三大件:CPU、显卡、内存 一、CPU 笔记本关键...
3... 3D友好面设计的区别有: 1.维度不同:3D是指三维设计,平面设计是二维设计。 2.出现成果不同:3...
电... 关于电脑3d绘图软件有哪些,3d绘图软件有哪些这个很多人还不知道,当天来为大家解答以上的疑问,如今让...
3... 建模和3d渲染用什么显卡好用?AMD系列显卡:AMD的显卡更适宜3D建模用,由于A卡图形设计和3D渲...
电... 电脑设计软件有多种,经常出现的包含Photoshop、AutoCAD、Adobe Illustrat...
允... 允许一对一视频聊天的软件有:微信、QQ、Skype和Zoom等。 微信作为一款综合性的社交软件,...
o... office办公软件,蕴含很多个组件,比如Word、Excel、PowerPoint、Outlook...
大... 2009年度新员工入职培训心得体会精选[日期:09-07]我公司2009年度新招聘新员工培训上班业已...
罕... 1. Word 是一款杰出的文字解决工具,宽泛运行于办公室上班中。 其界面直观,易于上手,弱小的...
求... office软件配置弱小,新手学习office办公软件可以从以下方面入手: 1.首先须要明白offi...
o... Ⅰ 学习office初级运行的感悟 学习是比拟office初级运行难得,须要你花心理。 Ⅱ 如何...
o... 1、依据查问office官方消息显示,Office2007。 2、Office2010。 3...
经... 经常出现办公软件有:Microsoft Office系列软件、WPS、Adobe Acrobat等。...
办... 办公软件培训班价目表是3000到之间。 1、办公软件、ps和电脑基础操作培训班的学费普通是300...
三... 您好,分两个维度。 一是看狭义下品牌的话,三大办公软件品牌区分为office、WPS和用友。 ...
为... 区别就在于,有些很廉价的课程,其实就是一些繁难的小课程,让你图个廉价,在外面上课学习,这样子呢!你就...
c... 1首先从cdr官方下载适宜自己win7系统的cdr装置程序2而后在360软件管家中搜查net fra...
哪... 假设是工业包装那就AutoCad拉一下好了,除非是一套几百万的产品,否则普通没人花期间做工业包装成果...
我... HC12远程图形上班站一、传统上班站1、布署在用户桌面2、员工可以对上班站上的数据领有相对的控制权3...