當(dāng)前位置:首頁>ps入門教程>動(dòng)圖教程>動(dòng)畫教程>教程內(nèi)容

PS CS6如何利用時(shí)間軸來製作出流順暢的Gif動(dòng)畫(3)

來源:梅問題 作者:梅干  學(xué)習(xí):187078人次

自從Photoshop CS3后,Adobe則將原來的ImageReady整拼到Photoshop中,因此直接透過Photoshop就可完成Gif動(dòng)畫製作,相當(dāng)?shù)姆奖,但到了Photoshop CS6后,則會(huì)發(fā)現(xiàn)到,在原來視窗的功能表中,卻找不到「動(dòng)畫」選項(xiàng),只有「時(shí)間軸」,其實(shí)在Photoshop CS3后,就有時(shí)間軸的存在,它除了可拿來製作影片外,也可用來製作Gif的動(dòng)畫,且會(huì)比原來的逐格方式更加的順暢,而使用方法與AE相當(dāng)雷同,因此就一塊來看看,如何利用時(shí)間軸來製作出流順暢的Gif動(dòng)畫。

  效果圖:

PS CS6時(shí)間軸制作順暢漸隱文字GIF動(dòng)畫教程 三聯(lián)教程
按此在新窗口瀏覽圖片

  Step1

  首先開啟Photoshop CS6,建立一個(gè)新檔案,並輸入文字。

按此在新窗口瀏覽圖片

  Step2

  接著選擇功能表 視窗 / 時(shí)間軸選項(xiàng)。

按此在新窗口瀏覽圖片

  Step3

  當(dāng)開啟「時(shí)間軸」面板后,可從下拉選單中,選擇動(dòng)畫的製作模式。

按此在新窗口瀏覽圖片

  Step4

  設(shè)定好動(dòng)畫模式后,再對著它點(diǎn)一下,就可進(jìn)入編輯模式,這是大家較熟悉的影格動(dòng)畫模式,但今天要來分享時(shí)間軸的部分,因此可點(diǎn)右上的箭頭,

  可將模式切換為 「時(shí)間軸」。

按此在新窗口瀏覽圖片

  Step5

  這時(shí)點(diǎn)一下文字的三角形,展開選項(xiàng)后,比方要製作淡出效果,對著不透明度前方的小圖示,點(diǎn)一下建立關(guān)鍵點(diǎn),當(dāng)建立成功時(shí),在時(shí)間軸上會(huì)出現(xiàn)一個(gè)

  黃色的菱形圖示,這邊與AE的操控相同 。

按此在新窗口瀏覽圖片

  Step6

  接著拉到要淡出的時(shí)間軸上,並改變文字的不透明度,這時(shí)在時(shí)間軸上,就會(huì)再產(chǎn)生結(jié)束的關(guān)鍵點(diǎn) 。

按此在新窗口瀏覽圖片

  Step7

  完成后,在時(shí)間軸上,就會(huì)看到二個(gè)關(guān)鍵點(diǎn),這時(shí)也可將時(shí)間軸,切回影格。

按此在新窗口瀏覽圖片

  Step8

  切回影格后,就會(huì)看到一堆的影格。

按此在新窗口瀏覽圖片

  Step9

  選擇儲(chǔ)存為網(wǎng)頁格式時(shí),將檔案格式設(shè)成Gif后,還可預(yù)覽動(dòng)畫效果。

  Step10

  完成結(jié)果如下。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
夜未央い雪落成殤2019-03-13 07:59
666
cfgcfg632632017-07-25 10:43
我的是舊版本,怎么下載新的
秋馨寒2017-05-27 11:58
999999999
呂蘊(yùn)kiwi2017-05-27 09:51
6666666666666
嚴(yán)俊宇10162017-05-27 06:43
6666666
煙雨迷茫2017-05-27 04:29
666666666666666666666
雪野雅美2017-05-27 02:44
66666666666666666666666666666
我還算什么2017-05-27 12:57
99999999999
風(fēng)吹褲襠2017-05-27 11:20
666666666
流氓AND教父2017-05-27 11:20
666666666
風(fēng)流鳳少爺2017-05-27 10:29
999
相守夢傾盡2017-05-27 10:29
666

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!