• 未分類
  • 平面理論教程
  • Flash教程
  • 其他作品
  • 標誌設計
  • 海報招貼
  • 包裝設計
  • 畫冊設計
  • 網頁設計
  • 名片設計
  • PS作品
  • CG設計
  • MAYA教程
  • Illustrator教程
  • AutoCAD教程
  • 3DMAX教程
  • Painter教程
  • 繪畫教程
  • FireWorks教程
  • 攝影教程
  • 工業設計
  • 網頁設計教程
  • 其他資訊
  • 摺紙大全




  • [ FireWorks教程 ] Fireworks輕鬆製作簡單的動畫教學—- 其他教程




    教學主題: Fireworks輕鬆製作簡單的動畫教程

    大家好!! 小編今天來和大家分享關於 其他教程中的FireWorks教程教學

    今天的這個教學主題是: Fireworks輕鬆製作簡單的動畫教程

    這教學的重點為這幾點 [ 簡單,製作,輕鬆,動畫,可以,我們,mx,車輪,一個,面板, ]

    希望你可以從這幾點中領悟到修圖的精華

    本文重點

    下面是我做的一個動畫,通過這個例子我們來看看fw mx如何讓我們的web design變得更easy。

    一直以來,fw都是我最喜歡使用的軟件之一,最近下載了一個Firework mx試用版,充滿興奮地開始了fw mx中的動畫體驗,用fw mx做gif動畫感覺更順手,製作速度更快,創意思維可以不受限制,跟其他同類軟件比起來,fw mx在web的gif動畫上面無論從製作出來的動畫體積以及質量上來說,都是最優化的,而且許多操作和面板都跟mx系列結合在一起,讓web designer可以以最好的創意、最快的速度和最優化web輸出快速建立一個web site。

    下面是我做的一個動畫,通過這個例子我們來看看fw mx如何讓我們的web design變得更easy:

    Fireworks輕鬆製作簡單的動畫教學

    (1)新建一文件,大小為450×116,然後我們用圓形、線條、鋼筆等矢量做圖工具做一個車輪的樣子,如圖所示:

    Fireworks輕鬆製作簡單的動畫教學

    車輪的畫法就不用我說了吧,不過fw mx裡面的矢量繪圖方式也增強不少,因為比較容易,就自己去體驗一下了吧,還有車輪裡面那個紅點不要偷懶不畫哦,等下有用處的。

    (2)選中畫好的圖形,按f8鍵,將圖形轉換為animation,這時我們可以在library面板中看到它,呵呵,有點像做flash的感覺,如圖所示:

    Fireworks輕鬆製作簡單的動畫教學

    (3)選中這個animation元素,在屬性面板中的frame欄裡面填寫數值10,屬性面板的出現真的是太好太方便了,又可以將設計製作的速度提高一層了,如圖:

    Fireworks輕鬆製作簡單的動畫教學

    這個frame的數字根據自己的動畫長度來決定,按下回車,這時會出現一個警告窗,如圖:

    Fireworks輕鬆製作簡單的動畫教學

    說的是將自動添加到幀上去,按ok,你也可以點擊don’t show again,以防它下次又來攪亂視線。這時我們會在看到車輪的中心出現了一個小紅點,這個小紅點可很重要,代表着動畫最後運動的一個圖形,我們可以按住這個小紅點拖動到右邊,發現中間出現了很多的“關鍵幀”,點取其中任何一個幀點,都會將這一幀的圖形顯示出來。如圖:

    Fireworks輕鬆製作簡單的動畫教學

    按播放按鈕,發現車輪動起來了,由於缺省的動畫間隔時間是7,我們有必要將它調得慢一點,打開frame面板,按shift鍵將所有的frame選擇,然後雙擊,彈出窗口,將7改為18就可以了。如圖:

    Fireworks輕鬆製作簡單的動畫教學

    上面地動畫中,我們就可以看到車輪從左邊移到右邊了,注意是“移”不是“滾”啊,怎樣實現它滾的效果呢?下面我們來使用屬性面板讓我們的動畫變得更加富有變化。選擇這個動畫,在屬性面板中進行如下配置,如圖:

    Fireworks輕鬆製作簡單的動畫教學

    scaling是對動畫大小變化的調整,rotation是旋轉角度的度數調整,可以是順時鐘也可以是逆時鐘旋轉,跟flash中的rotation是一樣的道理,opacity…to…是透明參數設置,讓你的動畫淡入淡出效果更逼真。呵呵,這下基本上差不多了,按播放按鈕看看,看到車輪上的紅點滾動沒有?車輪到後面越來越小,最後淡出,效果很生動吧。

    那麼我想讓車輪沿着波浪線滾動,就象上坡下坡的樣子,我該怎麼做啊?我倒,夠狠啊,這麼刁難的問題也提得出,firework可不象flash那樣有引導線,可以讓動畫沿着引導線走,那真的就不能實現了嗎?辦法還是有的,不過比較麻煩一點,那就是先把這個動畫用export wizard輸出為一個十幀的動畫,然後再在fw mx裡面打開,最後在frame面板裡面分別對每個畫面進行重新安排,當然安排是沿着波浪線的,下圖是用洋蔥皮觀看方式看到的效果,波浪線滾動還是出來了,雖然麻煩點。如圖:

    Fireworks輕鬆製作簡單的動畫教學

    當然,kingfun開始的時候還是在fw mx裡面試了很久,希望把anmation元素打散為每個frame的圖形,可是弄得兩眼昏花了還是不行,假如有哪位朋友能夠實現,千萬記得寫稿子出來啊。

    Fireworks輕鬆製作簡單的動畫教學

    看完小編分享的教學之後 是不是對FireWorks教程中的其他教程教學更熟悉了呢?

    希望我們所介紹的 Fireworks輕鬆製作簡單的動畫教程 這教學會喜歡

    文章標題: 骨子愛創意- Fireworks輕鬆製作簡單的動畫教程–轉載請註明來源處

    本教學分類為FireWorks教程中的 其他教程相關教學

    文章相關關鍵字為: 簡單,製作,輕鬆,動畫,可以,我們,mx,車輪,一個,面板,

    本文永久連結 :Fireworks輕鬆製作簡單的動畫教程

    本文轉載自 :VIA