Photoshop怎么制作旋转gif图?

溜溜自学Photoshop入门到精通全套教程,效果图,原画设计,彩平图等课程,感兴趣的快点击了解详情!!!
文章作者:小溜 文章分类:平面设计 发布时间:2022-12-28 14:20 浏览量:1644

大家好,我是小溜,gif动画和视频都是由一张张图片链接起来的,下一张图片与上一张有一点点位移,连贯的位移会导致人眼看起来是动态的。所以我们需要素材,这里我用到的是这个素材,图片旋转的中心轴就是中间,围绕着中心旋转,像大风车一样。

Photoshop怎么制作旋转gif图?

工具/软件

硬件型号:戴尔DELL灵越14Pro

系统版本:Windows7

所需软件:Photoshop CS6

第一步:创建连续帧图片

第1步

第一步创建背景图层,如何创建背景图层在这里我就不说了,这个是ps基础操作,我这里创建的是白色背景图层

Photoshop怎么制作旋转gif图?

第2步

第二步将素材拖进去,没有现成素材的,需要处理的,这里我就直接跳过了

Photoshop怎么制作旋转gif图?

Photoshop怎么制作旋转gif图?

第3步

接下来需要确定中心点,也就是围绕着哪个转,我这里用参考线拉一下,我这个图想做的是中心旋转,大风车一样

Photoshop怎么制作旋转gif图?

第4步

然后接下来就是做帧图片,一帧帧的图片连起来,每一张图片与上一张图片距离动了一点点,ctrl+j复制图层,从此图层开始变化,隐藏不可见原图,也就是素材图

Photoshop怎么制作旋转gif图?

Photoshop怎么制作旋转gif图?

第5步

ctrl+t,自由变换,不知道快捷键的可以在编辑里面找

Photoshop怎么制作旋转gif图?

第6步

此前说明了,我想要图片是中心旋转,所以我需要将变换中心点移动到中心,参考线交叉处

Photoshop怎么制作旋转gif图?

第7步

然后旋转30度,可以看到是围绕中心旋转了30度

Photoshop怎么制作旋转gif图?

Photoshop怎么制作旋转gif图?

第8步

然后按住 ctrl+shift+alt+t ,会生成一个新图层,然后隐藏不可见它下面的图层,点击小眼睛,也就是我这里的“图层1副本”,会发现围绕着中心点旋转30度,ctrl+t是自由变换,shift是等比例,alt是围绕中心点

Photoshop怎么制作旋转gif图?

第9步

接下来继续按住 ctrl+shift+alt+t,生成新图层后,隐藏不可见之前的图层

Photoshop怎么制作旋转gif图?

第10步

继续进行此操作,按住 ctrl+shift+alt+t,继续隐藏不可见之前的图层

Photoshop怎么制作旋转gif图?

第11步

如果不隐藏之前的图层,也是可以的,但是不能直观的看出变化

Photoshop怎么制作旋转gif图?

第12步

一直继续此操作,直到就差一步与初始图层位置一样时,停止操作,记住是就差一步,我这里是直接与初始图层一样

Photoshop怎么制作旋转gif图?

Photoshop怎么制作旋转gif图?

Photoshop怎么制作旋转gif图?

第13步

做到这一步后我要将重合的图层删除其中一个,否则变换旋转的时候该图层出现两次,就会感觉停了一下,这就是之前说的快要与初始图层位置一样时,就差一步时停止操作

Photoshop怎么制作旋转gif图?

第二步:制作动画

第1步

隐藏不可见所有图层,背景图层除外,这里背景图层是否隐藏取决于做的东西,制作动画使用的是时间轴工具,在窗口里面,选择背景图层,然后创建时间轴工具

Photoshop怎么制作旋转gif图?

第2步

点击创建帧动画按钮,记住,除了背景图层,其他图层都是隐藏的

Photoshop怎么制作旋转gif图?

第3步

选中图层一,然后点击小眼睛,图层一 可见,在时间轴里面就会显示初始位置第一帧图片,图层一

Photoshop怎么制作旋转gif图?

第4步

选中图层一副本,此时图层一副本是不可见的,隐藏的

Photoshop怎么制作旋转gif图?

第5步

然后在时间轴里面新建帧,由于图层一可见,图层二不可见,所以新建的帧是与第一帧一样,此时进行下一步

Photoshop怎么制作旋转gif图?

Photoshop怎么制作旋转gif图?

第6步

在第二帧里,我们需要隐藏不可见图层1,可见图层1副本,这样图层1副本才会是第二帧

Photoshop怎么制作旋转gif图?

第7步

选择副本2,副本2是不可见的,所以新建帧是图层1副本的样子,我们需要将新建的帧显示副本2的图,隐藏图层1副本,显示副本2

Photoshop怎么制作旋转gif图?

Photoshop怎么制作旋转gif图?

第8步

原理解释,我们需要将我们做的一帧帧的图片都放在时间轴里面。

所以必须在新建的帧里面显示当前“选择”的图层,条件是当前图层不可见,之前的图层是可见的,新建的帧显示的是之前的图层,新建帧后“隐藏不可见”之前的图层,显示当前的图层

第9步

步骤说明

选择当前不可见图层N,然后新建帧动画,隐藏下面的可见图层N-1,可见当前图层N

选择不可见图层N+1,新建帧动画,隐藏不可见图层N,可见当前图层N+1

这样的重复

第10步

我现在已经做到可最后一个图层,最后一帧与最后一个图层一样的

Photoshop怎么制作旋转gif图?

第11步

最后一帧,也就是我这里的12帧是选中的,然后按住shift件,鼠标点击一下第一帧,全选

Photoshop怎么制作旋转gif图?

Photoshop怎么制作旋转gif图?

第12步

点击一下随便哪个帧的倒三角,弹出选择秒。我这里选择0.1秒

Photoshop怎么制作旋转gif图?

第13步

播放次数我选择永远,中间的按钮是播放和暂停

Photoshop怎么制作旋转gif图?

第14步

最后存储一下就可以了,存储为web格式播放效果图,选择gif格式,然后存储

Photoshop怎么制作旋转gif图?

Photoshop怎么制作旋转gif图?

Photoshop怎么制作旋转gif图?

注意/提示

以上就是“Photoshop怎么制作旋转gif图?”的详细内容了,不知道小伙伴们学会了吗?如果还不了解的话,小溜还为大家准备了试学观看视频,快点击查看吧→→

Photoshop2020平面设计全套课
老师从事设计二十余年,创办了韵湖设计与韵湖教育,拥有资深的专业设计水平,丰富的实战工作经验,各大设计项目获得业界资深奖项。
上海韵湖教育科技有限公司 2.6万人在学 基础入门
免费学习>
超低价秒杀课程
立即登录学习: