Fireworks 製作地球旋轉動畫

來源:互聯網
上載者:User
旋轉

Fireworks 製作地球旋轉動畫。本教程主要練習蒙板與動畫原件的應用。閑話少說,看實際效果:

具體步驟:

1、雙擊工作列右下角的時間。

2、開啟日期和時間屬性對話方塊後,按ALT+PrintScreenSysRq鍵,將對話方塊螢幕複製到剪貼簿中(呵呵,就地取材)。

3、進入Fireworks,建立檔案,粘貼。粘貼後利用裁剪工具將世界地圖部分裁剪下來,裁剪時一定要放大比例進行裁剪,精確一些。

4、將裁剪好的世界地圖複製一份(CTRL+SHIFT+D),移動到畫布右側之外,空白處單擊,選擇屬性欄中的“符合畫布”項,擴大畫布,再詳細調整地圖素材的位置,將兩張圖片左右無縫拼接在一起。

5、選取兩幅圖片素材,修改菜單——平面化所選,將兩幅圖片合并為同一張圖片。

6、建立檔案,300*200PX,繪製一個合適大小的正圓,筆觸選擇無,白色填充。

7、複製剛繪製的圓形,在層面板中建立一層,選取建立的層,粘貼。

8、為方便說明,這裡我們將步驟6中的圓所在層叫做層1,步驟7中的圓所在層叫做層2。設定粘貼到層2中的圓形為1PX黑色柔化線段筆觸。

9、設定層2中的圓形為放射狀填充:左右兩側顏色均為黑色,將上方的不透明度選項做調整,將其中左側的不透明度選項稍向右移動,並將其值設定為0。

10、將漸層填充右側的不透明度選項設定為50左右。

11、調整後層2中的圓形如圖所示。

12、將步驟5中的地圖素材複製,粘貼到層1中。

13、使用縮放工具將地圖素材不改變長寬比例進行縮放,縮放後的高度和圓形一致,並將地圖素材靠右對齊圓形,注意上下的位置和圓形重合,不能有多餘的空隙和邊緣露出,此時選取地圖素材看屬性面板,記下地圖素材現在的寬度,教程圖片中的寬度是586像素,大家製作時按自己的實際寬度記下。

14、在層面板中將地圖素材拖動到層2中圓形下方。

15、選取地圖素材,按F8,開啟元件屬性面板,將地圖素材轉換為動畫元件。

16、設定動畫的幀數,移動方向,還有移動距離。因為地圖素材要向右側移動(地球自西向東旋轉嘛),所以教程中填寫的數值是0。因為地圖素材被我們拼接成了兩張,旋轉一周也就是移動一整張地圖素材的寬度,或者說是縮放後的地圖素材的一半寬度,在步驟13中,我們記下了地圖素材在縮放後的寬度586PX,將此寬度除以2,得到結果293PX(大家要根據自己記下的寬度為主算其數值),將293數值填入移動距離項目中。

17、按住SHIFT鍵選取層1中的圓形和地圖動畫元件,修改菜單——蒙板——組合為蒙板。

18、選取層1中的蒙板對象。

19、在屬性欄設定蒙板方式為路徑輪廓。其實教程中的蒙板圓形是白色,不選這項也可以,如果大家做的時候蒙板的圓形不是白色,此步驟必不可少。

20、雙擊層1的名字,選取“共用交疊幀”項目。

21、也可以適當給層2中的圓形加陰影製作效果來增強立體感,最後別忘了設定首幀和尾幀的時間,讓首幀和尾幀時間加一起等於普通其他幀的時間,因為首幀和尾幀的內容是一樣的,如果不改時間,動畫會出現停頓。這時候可以播放動畫了。匯出GIF時,因為層2中的圓形有漸層,可能會出現顏色過渡不自然,大家可以在匯出選項中設定抖動選項。

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