教程集 www.jiaochengji.com
教程集 >  建站教程  >  Photoshop  >  正文 photoshop做一个简单的GIF动画图片制作教程

photoshop做一个简单的GIF动画图片制作教程

发布时间:2023-05-04   编辑:jiaochengji.com
教程集为您提供photoshop做一个简单的GIF动画图片制作教程等资源,欢迎您收藏本站,我们将为您提供最新的photoshop做一个简单的GIF动画图片制作教程资源
今天小编在这里就来给photoshop的这一款软件的使用者们来说下做一个简单的GIF动画图片的制作教程,各位想知道具体制作方法的使用者,那么下面就快来跟着小编一起看一看。
给各位photoshop软件的使用者们来详细的解析分享一下做一个简单的GIF动画图片的制作教程。
教程分享:
先看看效果:

 

新手动画,做一个简单的GIF动画图片_
PS里面有一个做GIF动图的选项,要自己设置

 

新手动画,做一个简单的GIF动画图片_
PS每个版本都不一样,这是PS5,可以挨个试试工作区窗口后出来的下面页面是这样的
开始工作:
1.选择创建帧动画,点击

 

新手动画,做一个简单的GIF动画图片_
2.出来界面是这样的,这就是做GIF动图的标准界面了

 

新手动画,做一个简单的GIF动画图片_
3.图层里,不动的背景图一张(背景进行了处理眼眶填白变空),动的眼珠一张,构思的思路是希望眼珠在眼眶内沿着边缘绕一圈,复制眼珠八层作为动图使用

 

新手动画,做一个简单的GIF动画图片_
4.预备图片都准备好了,现在设置一些希望动图能做到的效果的设置:
图片第一张过渡第二张图片时间设置,在帧动画左边那张图片0秒那里设置为0.5秒

 

新手动画,做一个简单的GIF动画图片_
希望图片可以一直动一种动,就直接在选择循环方式设置为永远

 

新手动画,做一个简单的GIF动画图片_
5.做图,先增加帧动画,就是动几次图片的意思,选择复制帧图片

 

新手动画,做一个简单的GIF动画图片_
6.来个八个动作,哇咔咔。第一帧请看帧图片及对应的图层,要显示的图片选择好

 

新手动画,做一个简单的GIF动画图片_
7.第二帧请看第二帧对应的图片,选择好显示的图片及眼珠的落点位置,一帧一个动的图片,千万不要混合在一起了,作为第一帧用的动的眼珠隐藏掉

 

新手动画,做一个简单的GIF动画图片_
8.第三帧请看第三帧对应的图片,选择好显示的图片及眼珠的落点位置,第一帧及第二帧要动的眼珠图层隐藏,以此类推,后面都这么处理

 

新手动画,做一个简单的GIF动画图片_
9.完成帧动画,用播放动画看看效果处理细节

 

新手动画,做一个简单的GIF动画图片_
10.保存用WEB格式,一定要选取好GIF格式

 

新手动画,做一个简单的GIF动画图片_

 

新手动画,做一个简单的GIF动画图片_
11.完成,这是GIF格式咯

 

新手动画,做一个简单的GIF动画图片_
——————————————————————————低调的分界线
还有另一种是直接系统做小范围动作,不过只能一条直线直来直去的方向
1.出来帧动画界面后先复制一层帧动画,给第二帧的眼珠做一个你想它到哪个落点的地方,想要眼珠动的快一点,这里是0.1秒设置,然后点击过渡动画帧,选择帧数

 

新手动画,做一个简单的GIF动画图片_

 

新手动画,做一个简单的GIF动画图片_
2.我是做了一个眼珠上下的动画,第一帧眼珠在最下,第二帧眼珠在最上,过渡五帧后可以看见过渡图片即第一帧和第二帧之间多了过渡帧五帧,过渡帧的眼珠动了位置就是对的

 

新手动画,做一个简单的GIF动画图片_
3.保存-web-gif完成,这是GIF格式咯

 

新手动画,做一个简单的GIF动画图片_
好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的做一个简单的GIF动画图片的制作教程解析分享的全部内容了,各位看到这里的使用者们现在是非常的清楚方法了吧,那么各位就快去按照小编的教程自己去制作吧。

您可能感兴趣的文章:
photoshop模拟弹幕字体效果动态图片制作教程
photoshop简单几步快速制作出动漫效果教程
photoshop制作吊坠来回摆动GIF动态效果图教程
photoshop利用图层样式制作逼真珍珠项链教程
photoshop制作印第安人投标枪的GIF小动画教程
photoshop制作劳动节快乐GIF动态图教程
photoshop设计父亲节主题粉笔画效果制作教程
Photoshop简单制作禁止拍照图标教程
photoshop三招快速制作聊天动态文字教程分享
Photoshop制作出有创意的画中画效果教程

[关闭]
~ ~