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


我又不太喜歡有背景色,


所以都會再軟體程式中轉來轉去做去背處理,


昨晚因星的一篇回覆,又學會利用遮色片做動畫,


所以把製作動畫原理轉過來做捲軸動畫,


成功了..步驟又變少了...





製作軸的方法在


 CS3--製作捲軸的軸





完成圖

















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





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





 





 











1.開新檔..尺寸隨意,把圖片導入後,


軸的高度要比畫面小一些...


把圖做等比例分割成左.右二邊,


點選選區把左.右邊的圖都加上遮色片,


把遮色片解鎖--備用,


解說圖只說明左圖點選選區的方法,右圖用同樣方式











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











3.在動格上就會看見二格動畫 1.全展開 2.閉合的畫面(只剩軸)


在二格動格中間做補間動作--我用5,即可看見動格變成7格


以上這是做合到全開的動作..


若還想做全開到合的動畫時---複製第一格動格..移到最後一格,


再做一次補間即可

















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





以上解說圖是一般左右開的捲軸動畫製作方式..


還有可以先讓軸做各角度轉動後,


再開始做左右開動畫





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











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





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





1.











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























3.把轉動的軸一格格圖層和動畫做對應,


把原二格(一全開和軸的動格移到最後面),


圖解的第1和2步驟,若之前已把軸和遮色片都移到中間了,


步驟即可省略

















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





原圖:                            修改過的圖