close

這天阿德興高采烈地找了好友阿武小威小恩等人一起打屁聊天,順便跟大家炫耀最近所學到的新招
0627T1.jpg  

第一章 簡單的縮放也能做到彈跳效果[flash]

1.首先先在Flash中隨意繪製一個圖案,並利用快捷鍵F8轉換成元件,並給他5格影格及建立移動補間.
1-1.jpg  

2.利用變形面板將第五影格處的元件變形放大為140%,接著觀察各影格變形數值的變化
1-2.jpg  
將會發現每格影格都是放大原元件大小的10%,若我們以每格10%放大到1000倍,下一格仍然只放大原元件的10%就產生了明顯地視覺差,如100%110%的放大了1.1倍,然而1000%1010%卻只放大了1.01倍,這就有如跳躍般越接近至高點高度增加越緩慢一般


此為
12fps下,於第24影格變形為720%,並於48影格變形回100%的效果參考

0627T2.jpg  

0627T3.jpg  

第二章 讓專業的以拉來幫你[flash+illustrator]
  覺得使用flash繪圖很彆扭嗎?下面我們就來使用illustrator協助繪製flash上所要使用的物件順便分享illustrator中我最常使用的幾個功能:複製貼上橢圓形工具各類錨點工具參考線以及…我最愛畫的Keroro!

1.首先使用橢圓形工具繪製一個無框綠圓,ctrl+c、ctrl+f複製一個於其上。
※如果你有繪製背景的話,請記得上鎖以免影響繪製。
2-1.jpg  

2.利用參考線於上綠圓的下端新增2個錨點,並刪除左右兩顆錨點,我們要以此來繪製白色下巴
2-2.jpg  

3.調整一下錨點與把手就漸漸成形了
2-3.jpg  

4.一樣的方法,我們利用複製白色下巴及改變錨點來繪製嘴巴
2-4.jpg  

5.是否注意到了?其實只要善用複製及各項錨點工具,有時可以省略掉很多描邊的時間
2-5.jpg  

6.透過填滿黑色以及改變透明度我們也能夠用來繪製陰影,這樣頭部就差不多完成了
※在這要提醒一件事每完成一個部位(頭、手、腳)後請記得群組,這可以方便我們最後的組合以及匯入Flash後的使用。
2-6.jpg  

7.接著利用橢圓形工具來繪製兩邊帽緣
2-7.jpg  

8.也能用來繪製身體
2-8.jpg  

9.當然手腳也不例外!
2-9.jpg  

10.這就是我喜歡橢圓形工具的原因一開始就有四個點可供調整,而且不需要使用轉換錨點拖曳就有2個現成把手!也由於是曲線,在上面增加的錨點都會附贈一雙把手
2-10.jpg  

11.其他重覆的部位如果沒特別需求,利用鏡射工具拷貝就可以了,最後組合起來就是一隻專屬於你的Keroro啦!
2-11.jpg  

是不是很簡單呢?
0627T4.jpg  

12.存檔後執行Flash,我們把剛剛的成品匯入至舞台吧!
3-1.jpg   

12.框選整隻Keroro將他轉換為元件-影片片段
※如果你還有其他圖層,請記得上鎖以免擾到你的操作。
3-3.jpg  

13.如果剛剛每個部位後都有設好群組的話,只要點選分散至圖層就會自動幫我們把各個部位完美地分散開來了!
3-4.jpg  
3-5.jpg  

14.再利用自由變形工具改變中心位置,給予補間動畫並調整角度,他就可以做出一些簡單的活動啦!
3-6.jpg  


結語
  第一次撰寫學習心得分享文章,請多多指教,我會努力改進
最後分享一下之前的作品:
Kero樂園之彈跳床


為了保護你的耳朵,有聲版請點這 >點我!點我!<

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 sapt 的頭像
    sapt

    sapt的部落格

    sapt 發表在 痞客邦 留言(0) 人氣()