用Fireworks製作鐘擺式公告牌效果

來源:互聯網
上載者:User
  先參閱一下效果圖:



  1、建立一個檔案,畫布背景顏色選取白色。同時將畫布大小設定稍大些;
  2、使用Fwmx2004的向量工具,繪製圓角矩形,自選一種紋理效果填充,如圖:


  3、輸入文字“織夢論壇”;
  4、在圓角矩形右、左上方繪製小圓形,如圖所示:


  5、添加輔助形,找到該圓角矩形的中心點位置,如圖:


  6、在中心點上方垂直輔助線上繪製漸層效果的小圓形,以及兩根斜直線段,複選該圓形及斜直線對角,組合并移至最後,使用鋼筆工具,分別在兩個白色小圓形上繪製曲線。如圖:


  7、群組(Ctrl+A、Ctrl+G)所有對象,一個簡單的公告牌效果就簡單製作完成了。現在進行動畫效果的製作。

 
  8、複製群組後的公告牌,使用工具列中的縮放工具,分別對畫布中顯示的公告牌進行旋轉處理,如圖:


  9、複選這兩個對象,並按垂直置中與水平置中進行排列,如圖:


  10、在層面板中先屏蔽掉右邊的公告牌。再選擇修改菜單、動畫、選擇動畫命令,彈齣動畫屬性設定視窗。進行參數的設定,如圖:


  11、確定後,公告牌對象自動轉化為元件。雙擊該元件對象,在元件編輯視窗中,將公告牌圓形移至元件編輯視窗中心位置,如圖:


  12、返回至主編輯視窗,現在一個由左向右擺動的動畫效果已形成。開啟幀面板,選擇第一幀。將層面板屏蔽的公告牌顯示出來,並進行剪下。
  13、在幀面板中建立空幀,粘貼對象至畫布內。對當前公告牌進行由右至左的鐘擺動畫設定。選擇修改菜單、動畫、選擇動畫命令,彈齣動畫屬性設定視窗。進行參數的設定,其中各參數與第九步相同,僅需要給旋轉方向上變化為順時針。如圖:


  14、將該公告牌參照第十一步修改元件中心的方法進行位置的移動。
  15、這樣,由右至左的鐘擺動畫效果就完成了,在幀面板中將Gif動畫效果設定為啟永久,讓動畫連續播放。再匯出為Gif動畫檔案,最終效果圖如下所示:



  製作技巧提示:
  ①在位置調整時,比如中心點的對齊、旋轉等,可以藉助於FW中的輔助線。
  ②使用動畫面板調整好旋轉角度產生動畫後,建議不要在幀面板中進行刪除幀了操作了。如果需要調整角度,可以在畫布上對元件對象進行選擇右鍵、動畫、設定,在彈齣動畫設定視窗中再進行調整。

  Fireworks製作的Png源圖:



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。