0

0

Photoshop时间轴简单制作gif动画效果

PHP中文网

PHP中文网

发布时间:2017-03-19 14:09:55

|

4679人浏览过

|

来源于php中文网

原创

很多人都不知道photoshop能制作动画,这功能很好用的,很简单。下面我教大家如何用ps制作动画——这是一个比较简单的例子,不过方法在这,后面复杂的也是这样做。希望能对大家有所帮助!

认真学即使初学Photoshop也很容易学会。

工具/原料

Photoshop

任意素材

方法/步骤

1、点击窗口,添加(时间轴)窗口,如下图。

Photoshop时间轴简单制作gif动画效果

2、首先,打开素材图。

Photoshop时间轴简单制作gif动画效果

3、点击右下角图层——右击——复制图层。

Photoshop时间轴简单制作gif动画效果

4、在第二个图层编辑修改图片。

如下图步骤:点灭第三个图层——选择第二个图层——选择白色——画笔工具——把眼睛涂掉

Photoshop时间轴简单制作gif动画效果

5、在左边点击(椭圆选框工具)在眼睛出抠一个圆,如图

Photoshop时间轴简单制作gif动画效果

6、选择黑色——如图选择油桶工具——点击眼睛填充黑色

Photoshop时间轴简单制作gif动画效果

7、填充完后:Ctrl+c,复杂——Ctrl+v,粘贴——Ctrl+t,自由变换。移动眼睛到另一只眼睛上,如图。

 

ControlNet
ControlNet

AI图像生成的规则改变者,通过添加额外条件来控制SD模型

下载

Photoshop时间轴简单制作gif动画效果

8、点击任意工具——应用自由变换,如图。

Photoshop时间轴简单制作gif动画效果

9、选择右下角刚刚编辑的两个图层——合并图层。

Photoshop时间轴简单制作gif动画效果

10、如图所示,图层二编辑完成,同理,编辑图层三。

Photoshop时间轴简单制作gif动画效果

Photoshop时间轴简单制作gif动画效果

11、关键步骤到了——在地下时间轴处点击图片——设置时间轴间隔时间图为0.5s.

Photoshop时间轴简单制作gif动画效果

12、点击如图示——复制所选帧。

Photoshop时间轴简单制作gif动画效果

13、选择第二个帧,点灭最右边的眼睛把其他两个图层点灭,让图像显示第二个图层。

Photoshop时间轴简单制作gif动画效果

14、选择第三个帧,如此类推,点灭其他,留第一个图层显示。后面几个图层也一样,让每个帧眼睛显示不一样。

Photoshop时间轴简单制作gif动画效果

15、选择时间轴底下的播放键,播放,即可看到眼睛不停换的播放。

Photoshop时间轴简单制作gif动画效果

16、保存——保存web所用格式。

Photoshop时间轴简单制作gif动画效果

17、播放看看有没有错——现在gif——储存。

Photoshop时间轴简单制作gif动画效果

18、修改文件名,保存。

Photoshop时间轴简单制作gif动画效果

19、打开,看到制作完成的gif。

Photoshop时间轴简单制作gif动画效果

注意事项

最好边做边看教程,比较易懂。

ps cs4时间轴工具叫做“动画”

以上就是Photoshop时间轴简单制作gif动画效果方法,希望能对大家有所帮助!


热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
java连接字符串方法汇总
java连接字符串方法汇总

本专题整合了java连接字符串教程合集,阅读专题下面的文章了解更多详细操作。

7

2026.02.05

java中fail含义
java中fail含义

本专题整合了java中fail的含义、作用相关内容,阅读专题下面的文章了解更多详细内容。

8

2026.02.05

控制反转和依赖注入区别
控制反转和依赖注入区别

本专题整合了控制反转和依赖注入区别、解释、实现方法相关内容。阅读专题下面的文章了解更多详细教程。

11

2026.02.05

钉钉脑图插图教程合集
钉钉脑图插图教程合集

本专题整合了钉钉脑图怎么插入图片、钉钉脑图怎么用相关教程,阅读专题下面的文章了解更多详细内容。

24

2026.02.05

python截取字符串方法汇总
python截取字符串方法汇总

本专题整合了python截取字符串方法相关合集,阅读专题下面的文章了解更多详细内容。

2

2026.02.05

Java截取字符串方法合集
Java截取字符串方法合集

本专题整合了Java截取字符串方法汇总,阅读专题下面的文章了解更多详细操作教程。

1

2026.02.05

java 抽象方法
java 抽象方法

本专题整合了java抽象方法定义、作用教程等内容,阅读专题下面的文章了解更多详细内容。

2

2026.02.05

Eclipse创建jsp文件教程合集
Eclipse创建jsp文件教程合集

本专题整合了Eclipse创建jsp文件、创建jsp项目等等内容,阅读专题下面的文章了解更多详细教程。

26

2026.02.05

java 字符串转数字
java 字符串转数字

本专题整合了java如何字符串转数字相关内容,阅读专题下面的文章了解更多详细教程。

4

2026.02.05

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
麦子学院Photoshop切片视频教程
麦子学院Photoshop切片视频教程

共13课时 | 3.8万人学习

PS技法与切片技术视频教程
PS技法与切片技术视频教程

共9课时 | 5.2万人学习

Sass 教程
Sass 教程

共14课时 | 0.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号