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


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

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

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

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

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

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

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

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

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

Step10
完成结果如下。
