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

自从Photoshop CS3后,Adobe则將原来的ImageReady整拼到Photoshop中,因此直接透过Photoshop就可完成Gif动画製作,相当的方便,但到了Photoshop CS6后,则会发现到,在原来视窗的功能表中,却找不到「动画」选项,

Photoshop文字变形打造好玩儿的趣味动态图

作者:佚名 出处::中国教程网论坛 作者:林内 没注意过以前的版本制作动画时,能否使用文字变形功能。这个是ps cs5版本,朋友们可以试一下,可以制作出一些很好玩的文字效果。 效果 步骤1.新建文档,输入文字;打开:窗口动画(时间轴)设置好时间和播放速度 步骤2.时间轴调

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

  效果图:

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

  Step1

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

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

  Step2

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

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

  Step3

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

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

  Step4

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

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

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

  Step5

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

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

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

  Step6

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

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

  Step7

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

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

  Step8

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

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

  Step9

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

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

  Step10

  完成结果如下。

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

  Step5

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

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

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

  Step6

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

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

  Step7

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

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

  Step8

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

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

  Step9

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

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

  Step10

  完成结果如下。

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

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

  效果图:

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

  Step1

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

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

  Step2

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

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

  Step3

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

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

  Step4

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

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

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

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

  效果图:

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

  Step1

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

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

  Step2

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

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

  Step3

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

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

  Step4

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

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

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

  Step5

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

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

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

  Step6

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

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

  Step7

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

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

  Step8

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

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

  Step9

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

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

  Step10

  完成结果如下。

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

作者: 791650988

为您推荐