当前位置:主页 > 网页教程 > 动画制作 > photoshop动画 > 内容欢迎大家投稿

PS CS6时间轴制作顺畅渐隐文字GIF动画教程

时间:2012-07-23 19:20来源:未知 作者:大宝库 点击:读取中
阅读工具:字体:

自从Photoshop CS3后,Adobe则將原来的ImageReady整拼到Photoshop中,因此直接透过Photoshop就可完成Gif动画製作,相当的方便,但到了Photoshop CS6后,

  则会发现到,在原来视窗的功能表中,却找不到「动画」选项,只有「时间轴」,其实在Photoshop CS3后,就有时间轴的存在,它除了可拿来製作影片外,也可用来

  製作Gif的动画,且会比原来的逐格方式更加的顺畅,而使用方法与AE相当雷同,因此就一块来看看,如何利用时间轴来製作出流顺畅的Gif动画。

  效果图:

PS CS6时间轴制作顺畅渐隐文字GIF动画教程 三联教程
按此在新窗口浏览图片

  Step1

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

按此在新窗口浏览图片

  Step2

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

按此在新窗口浏览图片

  Step3

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

按此在新窗口浏览图片

  Step4

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

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

按此在新窗口浏览图片

  Step5

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

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

按此在新窗口浏览图片

  Step6

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

按此在新窗口浏览图片

  Step7

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

按此在新窗口浏览图片

  Step8

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

按此在新窗口浏览图片

  Step9

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

按此在新窗口浏览图片

  Step10

  完成结果如下。

按此在新窗口浏览图片
(责任编辑:大宝库)


------分隔线----------------------------
推荐内容
赞助商链接
赞助商链接