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

IR動畫教程: 制作卷軸展示動畫

來源:藍色理想 作者:ranbing1006 學(xué)習(xí):1814人次

本教程介紹卷軸動畫的制作 方法。思路:跟以往做動畫一樣先要把主題實物制作出來,分成不同的圖層方便設(shè)置動畫。然后 按 照動畫的展示效果作成不同的圖層,再在AI里面對應(yīng)成動畫。制作的貞有點多,需要把相應(yīng)的圖層 命好名!
最終效果

1、建立文件寬550高220,透明背景,文件大小可以自定,執(zhí)行 矩形選框 工具,畫一豎方形選。

2、執(zhí)行漸 變工具,點擊漸變顏色框, 打開漸變編輯器 。



分別點擊三個色標(biāo),將其調(diào)整為如圖的 漸變顏色設(shè)置 。



3、鼠標(biāo)在選區(qū)內(nèi)橫拉,為其填充線性漸變 。

4、ctrl+D 取消選擇,將前景色設(shè)置為稍深于漸變的顏,執(zhí)行編輯描邊2像 素,新建圖層,執(zhí)行矩形選框工 具,在圖像的上方畫一豎方形選區(qū),設(shè)置一個稍深點的漸變顏色,然后為選區(qū)拉線性漸變,在執(zhí)行 橢圓選框 工具,在剛做的圖形上方畫一橢圓選區(qū),同理拉漸變,之后將圖層二鏈接,ctrl+E將圖層 三和圖層二合并為一個圖層。



5、ctrl+J復(fù)制圖層,執(zhí)行編輯變換垂直翻轉(zhuǎn),移動工具,用 鼠標(biāo)或者鍵盤上的移動鍵將其移到下面的位置,使之 形成一個畫軸的效果,然后鏈接下面的兩個圖 層,ctrl+E合并為一個圖層。

6、鼠標(biāo)雙擊圖層字樣處,為圖層更名為畫軸,復(fù)制圖層,移動工 具將兩 個圖層移到畫布的中央并列排放,復(fù)制畫軸副本,同理命名為右畫軸,復(fù)制畫軸層,同理命 名為左畫軸,將左畫軸移到右畫軸的圖層下,大家 看我的圖層排列。

7、先關(guān)閉 左右兩個畫軸圖層,點畫軸副本 層,ctrl+E向上合并為一個圖層,復(fù)制圖層,ctrl+T執(zhí)行變換,將 旋轉(zhuǎn)度設(shè)置為45度
。



8、回車確定,Ail+ctrl+shift鍵再按T鍵6次,使其復(fù)制出360度的 幾個旋轉(zhuǎn)圖層。



9、為了不影響我們接下來操作的視線,那我們最好將暫時 不操作 的圖層鏈接隱藏。



10、命名為轉(zhuǎn)軸,也可以默認 。

11、過會 我們操作時,點開圖層上的那個三角就展開所有的圖層了,現(xiàn) 在我們關(guān)閉這個鏈接的圖層,打開上 面左右兩個畫軸圖層,在鏈接層上面新建圖層,執(zhí)行矩形選框工具,畫一長方形選區(qū),然后為選區(qū) 填充 喜歡的顏色或者圖案,執(zhí)行編輯填充,點開三角打開選項,確定選擇,我這里以填充顏色為 例,先設(shè)置好前景色然后選擇前景色選項填充。

12、 ctrl+D取消選區(qū),為圖層命名為畫卷,如果喜歡可以為 這個畫卷層簡單的做個背景效果,這個就隨 意了,然后執(zhí)行圖層樣式描邊。



選擇一種描邊的圖案或者顏色 。



13、設(shè)置好前景色,執(zhí)行文字工具輸入文字,點畫卷層,鏈接文字層,ctrl+E合并為畫卷層。



14、執(zhí)行矩形選框工具,在畫卷的左面畫出一個選區(qū)。

15、ctrl+J將選區(qū)復(fù)制,生成圖層一,為其命名左卷,再點畫卷層,按 ctrl鍵鼠標(biāo)點圖層一, 得到圖層一選區(qū),執(zhí)行選擇反選,ctrl+J復(fù)制選區(qū),生成圖層二,為其命名右卷。

16、左右 畫軸和左右畫卷都做好了,現(xiàn)在我們先操作左畫軸,ctrl+J復(fù) 制左畫軸,ctrl+T執(zhí)行變換,將水平 位置左移20像素,比如大家看我這里是262像素,我現(xiàn)在將這個數(shù)字改為242像素,那就向左移了20 像素 。



17、回車確定,按Ail+ctrl+shift鍵再一直按T鍵,直到畫軸到最 左面的位置,看不到畫卷就可以了。

18、關(guān)閉 上面所有左畫軸副本層,只留左畫軸層,現(xiàn)在我們再同理操作 右畫軸,ctrl+J復(fù)制右畫軸,ctrl+T 執(zhí)行變換,將水平位置右移20像素,比如大家看我這里是288像素,我現(xiàn)在將這個數(shù)字改為308像素 ,那 就向右移了20像素。





19、回車確定,按Ail+ctrl+shift鍵再一直按T鍵,直到畫軸到最 右面的位置,看 不到畫卷就可以了,然后關(guān)閉上面所有右畫軸副本層,只留右畫軸層,現(xiàn)在我們打 開左畫軸副本上數(shù)第二個圖層,也就是左面的第二個畫軸層 ,關(guān)閉畫卷層,復(fù)制左卷層生成副本層 ,關(guān)閉左卷層,在畫卷的左面畫出一個選區(qū)。

20、按鍵 盤上的Delete鍵清除選區(qū)內(nèi)的圖像,不要取消選區(qū),鼠標(biāo)按住 左卷副本拖到下面的創(chuàng)建新圖層按鈕 ,復(fù)制出副本二,關(guān)閉下面的副本層(每復(fù)制一個圖層后,就關(guān)閉下面的圖層),打開左畫軸上數(shù) 第三 個圖層眼睛,也就是左面第三個畫軸,按鍵盤上的左右移動鍵將選區(qū)右移20個像素,也就是按 向右移動鍵20次,再按Delete鍵清除選區(qū)內(nèi)的圖 像,因為我們之前做畫軸移動時是移動了20像素, 所以我們畫卷這里就要每次移動20像素的清除,明白這個原理,就知道怎么操作了。



21、還是鼠標(biāo)按住左卷副本二拖到下面 的創(chuàng)建新圖層按鈕,復(fù)制出副本三,關(guān)閉下面的副本二層,打開上數(shù)第四個 左畫軸眼睛,按鍵盤上 的左右移動鍵將選區(qū)右移20個像素,再按Delete鍵清除選區(qū)內(nèi)的圖像,按照上面的操作,同理以此 類推,做到中間的 畫軸為止。

22、取消選區(qū),打開右畫軸上數(shù)第二個圖層眼睛 ,復(fù)制右卷,生成 右卷副本,關(guān)閉右卷層,執(zhí)行矩形選框工具,在畫卷的右面畫出一個選區(qū),按鍵盤上的Delete鍵清 除選區(qū)內(nèi)的圖像,不要 取消選區(qū),鼠標(biāo)按住右卷副本拖到下面的創(chuàng)建新圖層按鈕,復(fù)制出副本二, 關(guān)閉下面的副本層,打開右畫軸上數(shù)第三個圖層眼睛,也就是右面 第三個畫軸,按鍵盤上的左右移 動鍵將選區(qū)左移20個像素,也就是按向左移動鍵20次,再按Delete鍵清除選區(qū)內(nèi)的圖像,同理做到 中間畫軸 。





23、轉(zhuǎn)入動畫制作
在PS左下轉(zhuǎn)入AI 關(guān)閉現(xiàn)在所有圖層,點 圖層面板最底層那個鏈接層的三角 ,取消所有圖層鏈接,復(fù)制楨,然后關(guān)閉上面的幾層,只留最底 層。

24、復(fù)制楨,打開畫軸副本,關(guān)閉畫軸層,同理將八個畫軸全部打開。



25、復(fù)制楨,關(guān)閉畫軸副本七,打開 左軸及右軸,復(fù)制楨,打開左卷最上面的圖層,再打開右卷最上面的圖層,復(fù) 制楨,左右畫卷圖層 向下延續(xù)打開,左右畫軸圖層向上延續(xù)打開,每打開一個畫軸和畫卷層后,就關(guān)閉之前的相應(yīng)層, 同理將所有的畫軸及 畫卷全部展開。

26、按 shift鍵點第11楨,將11楨到最后楨 全選,復(fù)制楨,點開楨面板右上角的三角,選擇反向楨。

27 、將第十楨和最后楨時間設(shè)置為0.2秒,將所有畫卷的中間兩楨(我這里是23和24楨)時間 設(shè)置為1秒就OK了,點播放按鈕看效果,滿意后保存 。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
不敗2016-08-25 11:39
還行吧
不敗2016-08-25 11:39
cms13732009-01-23 01:22
作業(yè)~!怎么發(fā)?暈~~~
冬天的小草2009-01-14 01:52
太復(fù)雜了,我還要加油
模擬超人2009-01-06 07:53
好像很麻煩的樣子,呵呵,多謝多謝!
elson.t2009-01-06 06:55
喜歡啊 支持一下<吃驚>2
a2570812008-12-31 12:07
ps論壇管理員 還真的是強 強哥咧 難不到你...真好奇 你在作什麼工作 可以把Ps模這熟<囧>
幻谷2008-12-30 07:07
學(xué)習(xí)了 很好
程斌2008-12-30 06:47
大哥 好難我曉得~

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

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