PS CS6如何利用时间轴来製作出流顺畅的Gif动画

.

photoshop打造可爱的顽皮精灵动画

先看一下最终效果: 素材图: 副标题 第一步:【文件菜单-新建】新建一个500像素×400像素背景颜色为白色的文件,设置效果见[图1]; 第二步:打开素材人物,【图象菜单-图象大

自从Photoshop CS3后,Adobe则將原来的ImageReady整拼到Photoshop中,因此直接透过Photoshop就可完成Gif动画製作,相当的方便,但到了Photoshop CS6后,则会发现到,在原来视窗的功能表中,却找不到「动画」选项,只有「时间轴」,其实在Photoshop CS3后,就有时间轴的存在,它除了可拿来製作影片外,也可用来製作Gif的动画,且会比原来的逐格方式更加的顺畅,而使用方法与AE相当雷同,因此就一块来看看,如何利用时间轴来製作出流顺畅的Gif动画。

  效果图:

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图
PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图(1)

  Step1

  首先开启Photoshop CS6,建立一个新档案,並输入文字。

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图(2)

  Step2

  接著选择功能表 视窗 / 时间轴选项。

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图(3)

  Step3

  当开启「时间轴」面板后,可从下拉选单中,选择动画的製作模式。

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图(4)

  Step4

  设定好动画模式后,再对著它点一下,就可进入编辑模式,这是大家较熟悉的影格动画模式,但今天要来分享时间轴的部分,因此可点右上的箭头,

  可將模式切换为 「时间轴」。

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图(5)

  Step5

  这时点一下文字的三角形,展开选项后,比方要製作淡出效果,对著不透明度前方的小图示,点一下建立关键点,当建立成功时,在时间轴上会出现一个

  黄色的菱形图示,这边与AE的操控相同 。

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图(6)

  Step6

  接著拉到要淡出的时间轴上,並改变文字的不透明度,这时在时间轴上,就会再產生结束的关键点 。

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图(7)

  Step7

  完成后,在时间轴上,就会看到二个关键点,这时也可將时间轴,切回影格。

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图(8)

  Step8

  切回影格后,就会看到一堆的影格。

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图(9)

  Step9

  选择储存为网页格式时,將档案格式设成Gif后,还可预览动画效果。

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图(10)

  Step10

  完成结果如下。

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图

自从Photoshop CS3后,Adobe则將原来的ImageReady整拼到Photoshop中,因此直接透过Photoshop就可完成Gif动画製作,相当的方便,但到了Photoshop CS6后,则会发现到,在原来视窗的功能表中,却找不到「动画」选项,只有「时间轴」,其实在Photoshop CS3后,就有时间轴的存在,它除了可拿来製作影片外,也可用来製作Gif的动画,且会比原来的逐格方式更加的顺畅,而使用方法与AE相当雷同,因此就一块来看看,如何利用时间轴来製作出流顺畅的Gif动画。

  效果图:

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图
PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图(1)

  Step1

  首先开启Photoshop CS6,建立一个新档案,並输入文字。

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图(2)

  Step2

  接著选择功能表 视窗 / 时间轴选项。

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图(3)

  Step3

  当开启「时间轴」面板后,可从下拉选单中,选择动画的製作模式。

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图(4)

  Step4

  设定好动画模式后,再对著它点一下,就可进入编辑模式,这是大家较熟悉的影格动画模式,但今天要来分享时间轴的部分,因此可点右上的箭头,

  可將模式切换为 「时间轴」。

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图(5)

  Step5

  这时点一下文字的三角形,展开选项后,比方要製作淡出效果,对著不透明度前方的小图示,点一下建立关键点,当建立成功时,在时间轴上会出现一个

  黄色的菱形图示,这边与AE的操控相同 。

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图(6)

  Step6

  接著拉到要淡出的时间轴上,並改变文字的不透明度,这时在时间轴上,就会再產生结束的关键点 。

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图(7)

  Step7

  完成后,在时间轴上,就会看到二个关键点,这时也可將时间轴,切回影格。

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图(8)

  Step8

  切回影格后,就会看到一堆的影格。

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图(9)

  Step9

  选择储存为网页格式时,將档案格式设成Gif后,还可预览动画效果。

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图(10)

  Step10

  完成结果如下。

PS CS6如何利用时间轴来製作出流顺畅的Gif动画插图

作者: 791650988

为您推荐