網路城邦
回本城市首頁 依卡語法學院
市長:旅 者  副市長:
加入本城市推薦本城市加入我的最愛訂閱最新文章
udn城市人文藝術藝術天地【依卡語法學院】城市/討論區/
討論區製圖學習討論 字體:
看回應文章  上一個討論主題 回文章列表 下一個討論主題
CS3--利用圖層遮色片做捲軸動畫
 瀏覽2,102|回應2推薦4

yen905
等級:
留言加入好友
文章推薦人 (4)

*燕子*
旅 者
多情醉愛
平安旅者

以前學做捲軸動畫的方法都會有背景色,

我又不太喜歡有背景色,
所以都會再軟體程式中轉來轉去做去背處理,
昨晚因星的一篇回覆,又學會利用遮色片做動畫,
所以把製作動畫原理轉過來做捲軸動畫,
成功了..步驟又變少了...

製作軸的方法在
CS3--製作捲軸的軸

完成圖





****************

製圖小技巧..分割圖的方法---借用寶貝的教學圖







1.開新檔..尺寸隨意,把圖片導入後,
軸的高度要比畫面小一些...
把圖做等比例分割成左.右二邊,
點選選區把左.右邊的圖都加上遮色片,
把遮色片解鎖--備用,
解說圖只說明左圖點選選區的方法,右圖用同樣方式



2.移動左.右軸和左.右遮色片位置到中間來(如圖示)



3.在動格上就會看見二格動畫 1.全展開 2.閉合的畫面(只剩軸)
在二格動格中間做補間動作--我用5,即可看見動格變成7格
以上這是做合到全開的動作..
若還想做全開到合的動畫時---複製第一格動格..移到最後一格,
再做一次補間即可





**********************************

以上解說圖是一般左右開的捲軸動畫製作方式..
還有可以先讓軸做各角度轉動後,
再開始做左右開動畫

如圖:步驟多了..前面的軸轉動動作



**************

把前面的步驟都做好後,先不要用補間動畫

1.



2.各角度轉軸的製作方法







3.把轉動的軸一格格圖層和動畫做對應,
把原二格(一全開和軸的動格移到最後面),
圖解的第1和2步驟,若之前已把軸和遮色片都移到中間了,
步驟即可省略





********************

原圖: 修改過的圖



回應 回應給此人 推薦文章 列印 加入我的文摘

引用
引用網址:https://city.udn.com/forum/trackback.jsp?no=63947&aid=3876637
 回應文章
沒背景底圖滴捲軸---好!!
    回應給: ♥ yen ♥(yen905) 推薦2


平安旅者
等級:8
留言加入好友

 
文章推薦人 (2)

*燕子*
多情醉愛

偶這ㄍ素有底圖滴........

 

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=63947&aid=3877128
製圖感想
推薦3


yen905
等級:
留言加入好友

 
文章推薦人 (3)

*燕子*
多情醉愛
平安旅者

因製圖的方式..有時會隨著熟悉度而一直精簡製圖方法..

想學捲軸"開合"和"旋轉開合"動畫的朋友,

請先看捲軸的製作方法..才會有自己設計出來的軸可用..

或先應用現成素材..做出捲軸動畫後,再學習製作軸皆可

 

這篇有星晴和平安老大提供的軸--

利用PhotoCap 5.0向量圖形製作卷軸軸桿

                      升國旗

                                   

標槍出售



本文於 修改第 2 次
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=63947&aid=3876685