手把手教你如何用PhotoShop制作gif动画

原创 2017年01月03日 23:07:00

首先需要打开PhotoShop的图层和动画窗口,动画窗口可以通过在顶部菜单单击“窗口”—“动画”调出,如果是PhotoShopCS6,动画窗口名字改成了“时间轴”,也是在“窗口”菜单中调出:

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

接着我们准备一组动画图片:

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

 

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

 

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

 

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

 

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

 

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

 

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

 

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

 

我们在PhotoShip中创建一个大小为140×80的画布,将背景色设置为白色:

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

然后我们把8张动画图片拖拽到画布上,生成8个图层:

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

在“时间轴”面板中单击右侧的按钮,在弹出菜单中选择新建帧,重复7次,创建8个帧(加上最开始的1个):

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

创建完成后,我们选中第一帧,在图层面板中设置第一帧中frame1可见(左侧的小眼睛按钮用来控制可见性):

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

接着选中第二针,设置frame2可见……,以此类推,将8帧全部设置完成。

接着我们选中所有帧,点击任何一帧下方的“0秒”,在弹出菜单中选择“其他”:

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

在弹出对话框中设置延迟为0.04秒(动画达到每秒24帧时,人眼就能够看出运动的效果,因此每帧约0.04秒)。

设置完成后,我们点击时间轴面板上的播放按钮,已经可以看到动画效果了。

这时,我们可以对猎豹的位置做微调,使动画效果更流畅,有个小技巧是,我们调整的时候,可以在当前帧把前一帧的图层的透明度调低一些,以便我们做参考:

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

编辑完成后,我们点击菜单“文件”—“存储为Web所用格式”,在弹出的菜单中设置好参数后,点击“存储”保存为gif格式即可:

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

最终的动画效果如下:

手把手教你如何用PhotoShop制作gif动画 - 远行的风 - 风的驿站

版权声明:本文为博主原创文章,未经博主允许不得转载。

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

PS教程!手把手教你绘制3个效果酷炫的GIF动画效果

编者按:今天来一点简单好玩的动画教程,包括常见的Loading 动画、烟花动画和摩天轮旋转动画,操作不难,附有PS时间轴的入门手册,适合新人练习。 为了避免写僵尸教程,有些地方还是需要大家自行思考并...

使用PhotoShop制作gif动画全过程

记得去年的时候我会了,今年想做发现又全忘了,记录于此。1,准备好大小相同的n个图片,然后打开ps。2,点击文件-打开,将准备好的图片全部全中,打开:打开完毕后就是这个样子:3,我们把所有图片都拖到图片...

如何用Photoshop制作GIF动画

GIF动画制作/处理GIF图片用什么软件用Pshotoshop打开gif格式动态图片后会丢帧,就是只能显示动态里的一张图片,需要用photoshop附带的Imageready打开,即点击文件-导入-视...

IT忍者神龟之Photoshop简单几步制作秋意GIF动画效果

具体的制作步骤如下: 1.创建一个新的文件,大小自定义,百度找一个秋天素材,打开拖入新建的文件,Ctrl+t缩小到适合大小。 2.Shift+Ctrl+N新建一个图层,Shift+...
  • vipyhd
  • vipyhd
  • 2014年10月10日 16:22
  • 1117

用photoshop制作gif动画图片指导

  • 2015年07月22日 16:58
  • 26KB
  • 下载

轻松制作GIF动画!教你玩转PS时间轴之进阶技巧篇

上一篇文章跟大家讲过PS时间轴的基础,接下来跟大家分享制作简单GIF动画的一些技巧,(文字动画、颜色渐变、咻一咻动画、模糊动画、旋转时钟以及变化的月亮等等),文章提到的动画都有提供打包下载,想学时间轴...

轻松制作GIF动画!教你玩转PS时间轴之5个小技巧篇

通过前两篇文章,我们已经知道制作动画的基本知识的和技巧,下面通过5个非常有用的知识点跟大家更深入地探索PS时间轴。文末附上PSD,可以下载后自行分析动画技巧。 往期回顾: 《新手指南!手把手教...

手把手教你 用 wpf 制作metro ProgressRing (Windows8 等待动画)

效果图:   还在羡慕metro的ProgressRing吗? wpf 也可以拥有 首先说下思路, 一共6个点围绕一直圆转,所以需要使用rotation动画 并且一直转下去。 那么下面...

手把手教你在Photoshop中使用曲线工具

教你在Photoshop中使用曲线工具
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:手把手教你如何用PhotoShop制作gif动画
举报原因:
原因补充:

(最多只允许输入30个字)