FW製作照片連續滾動效果

來源:互聯網
上載者:User
  本文中我們建立一個具有膠片形式的動態影視Banner,首先製作一個具有膠片效果的邊框,接著使用幀面板製作GIF動畫效果。主要熟悉Fireworks MX 2004中組合、幀面板、修改畫布大小、動畫面板等使用。文章末尾提供原檔案供大家下載參考。


  下面我們看具體操作步驟。

  1) 建立一個353×51的檔案,設定背景顏色為黑色,如圖1。


圖1  建立一個檔案


  2) 由於映像相對較小,為了方便編輯需要改變視圖大小,點擊"視圖"菜單,選擇"縮放比例"150%,如圖2所示。


圖2  改變視圖大小


  3) 點擊工具箱的 表徵圖,在映像上畫一矩形,並設定填充色為白色,得到圖3。


圖3  畫一矩形
  4) 選取矩形並按Ctrl+C複製,然後Ctrl+V粘貼。並用方向鍵移動複製所得矩形到適當位置,按Shift鍵選擇兩者並組合,得到圖4。


圖4  複製並組合矩形

  5) 不斷重複步驟4)得到如圖5所示。這樣就做出了一個菲林的樣子了,下一步就為其添加一些"相片"。


圖5  重複復制矩形得到的圖片
  
  6) 匯入一個Banner.gif圖片,如圖6所示。


圖6  匯入一個圖片
  
  7) 選定匯入的映像並點擊工具箱的 表徵圖,改變匯入映像的大小使其與"菲林"符合,得到圖7。


圖7  改變匯入映像的大小

  8) 重複步驟6)和步驟7),匯入其他一些映像,並按方向鍵排列匯入的映像,恢複到100%視圖最終得到圖8。


圖8  匯入所有映像後所得映像
  
  9) 儲存檔案為Banner.png,下一步來製作一個滾動的Gif圖片。開啟Banner.png圖片,單擊"選擇"菜單,選擇"選擇全部"下拉式功能表,選定所有的元素。如圖9所示。


圖9  選擇所有元素

  10)選擇"修改"|"組合",將所有元素組合成一個對象,如圖10所示。


圖10  組合所有元素

  11)為了實現滾動效果,需要映像右邊移出時,左邊有映像能夠補進。需要兩幅相同映像來製作滾動效果。首先選擇"修改"菜單,然後選擇"畫布"|"畫布大小",修改畫布大小為706×51,得到圖11。


圖11  修改畫布大小(圖片較大,請拉動捲軸觀看)
  12)選擇所選組合,按Ctrl+C複製後再按Ctrl+V粘貼,然後排列好兩個對象並再次組合,得到圖12。


圖12  複製並排列組合元素(圖片較大,請拉動捲軸觀看)
  13)按Ctrl+X剪下所選組合,修改畫布大小到353×51,再按Ctrl+V粘貼組合,將所選組合右側與畫布右側對齊,得到圖13。

圖13  恢複畫布大小並右側對齊畫布與映像(圖片較大,請拉動捲軸觀看)
  14)在開始製作滾動動畫。首先選擇"修改"菜單,再其下拉式功能表中選擇"動畫"|"選擇動畫",得到如下圖所示視窗。將"移動"設為"353",使其恰好能夠左右銜接上。並將"幀"設為70,如圖14所示。


圖14  動畫視窗的參數設定

  15)單擊"確定"會跳出如圖15所示視窗,單擊"確定"會得到圖16。


圖15  跳出視窗

圖16  動畫元件視窗(圖片較大,請拉動捲軸觀看)
  
  16)開啟幀面板,選擇第一幀,按住Shift鍵並拖動至第七十幀,單擊滑鼠左鍵選定所有幀,雙擊幀面板右側,修改"幀延時"為"10/100秒"。如圖17。


圖17  選擇所有幀並修改"幀延時"

  17)下一步就可以播放動畫,看看效果如何了。點擊繪圖面板的 表徵圖播放動畫,效果如圖18所示。


圖18  播放動畫

  18)最後一步匯出映像,將做好的圖片儲存為Banner.gif檔案,如圖19所示。 原檔案下載


圖19  將映像儲存(圖片較大,請拉動捲軸觀看)

相關關鍵詞:
相關文章

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。