Firework製作動態Banner

來源:互聯網
上載者:User
動態   firework做動畫圖片,最重要的面板就是楨面板,楨面板上按鈕的功能在此我們不多說,滑鼠在按鈕上停留片刻,就能看到提示的,只是需要說明的一點,當我們要在原有楨上建立新的一楨時,只需要將原有楨拖拉到“建立/複製楨”的按鈕上就可以,而不需要去複製原有楨上的各個圖層。

  下邊介紹一個banner在firework裡的製作過程,我們先看一下,最後的效果圖。

  1.建立一468*60,背景為#000000的文檔,將光芒的素材放置適當位置。

  2.選中該圖層,按F8修改元件屬性,設定動畫變化楨數為6楨,縮放到原始大小的1000倍。
 
  確定:firework提示此元件的動畫超過文檔的最後一楨,自動添加新的楨。這樣就建立了六楨光芒的變化效果。

  3.從第七到九楨,我們做圖片光感的明暗效果,點擊“建立/複製楨”建立第七、八、九楨,在第八楨上,建立一圖層,Alt+A全選後,填充白色,這樣就形成了,圖片明暗的閃動效果。

  4.第十到第十一楨,建立光芒到風景變化過程。在第十楨上按順序放置下邊兩圖案,複製成第十一楨。在第十楨上,調節上層透明度為80%,在第十一楨上,調節上層透明度為50%,這樣就形成了光芒的漸隱,風景的漸顯效果。

  5.第十二到第十六楨,建立人物圖案的漸顯效果。複製第十一楨後,在光芒圖層的下層,加入人物圖案的圖層,複製成五楨,與前邊光芒、風景漸隱漸顯的效果方法相同,調節每一楨上人物圖層的透明度,即形成人物圖層的漸顯效果。

  6.第十七到第二十三楨,建立《滿江紅》文字的顯示過程。一楨顯示一句,是很簡單的過程,只需要將上一楨拉到“建立/複製楨”,建立新的一楨,再添加需要新增加的一句即可。如下圖為第二十一楨的效果。

  7.第二十四到第二十八楨,建立“潮汕新江湖”文字的效果過程。
  在第二十四楨上輸入顏色為#E67830,大小為50號的華文宋體:“潮汕新江湖”,利用發光做出字型的描邊效果。

  8.複製成五楨,調整每一楨上字的大小和透明度,形成逐漸清晰、逐漸縮小的效果。

  參考:第二十四楨字型大小擴大到原來的400%,透明度為25%;
  第二十五楨字型大小擴大到原來的300%,透明度為50%;
  第二十六楨字型大小擴大到原來的200%,透明度為75%;
  第二十七楨字型大小擴大到原來的100%,透明度為100%;
  如圖,這是第二十六楨的效果。

  9.第二十八楨和第二十七楨是一樣的,在此分作兩楨,是便於控制每一楨顯示時間。第二十八楨為最後一楨,突出主題,這是“潮汕新江湖”的banner,所以停留的時間需要長一下,以便讓人清楚。
  10.這樣,整個banner就做好了。我們可以適當的調整每一楨的顯示時間,如圖中,紅線框內的數字就是該楨延時的時間,單位為1/100秒。

  要讓banner顯示的動畫效果最自然,需要多調試每一楨的延時時間。我們可以點擊文檔上的“播放/停止”按鈕進行預覽。


相關文章

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