Fireworks製作GIF動畫效果的技巧
近年來網站如雨後春筍般大批的出現在網絡上,網頁設計製作也變得越來越重要。以下是小編為大家搜索整理的Fireworks製作GIF動畫效果的技巧,希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!
首先先看一下最終效果:
下面是具體的製作方法:
1、下載並安裝濾鏡插件Xenofex2到FW的Plug-in目錄下(將解壓出的文件複製進Plug-in文件夾即可),下載頁面在這裏(不是廣告,我也不知道這是誰的BLOG)。
2、運行FW,打開一張圖片,我們可以適當縮小這張圖片的尺寸,令周圍留些空白,背景色設為白色。這樣我們更能看清楚破碎擴散的效果。將這層命名為“破碎”。
3、然後在圖片的中間部分輸入破碎效果之後顯現的文字,比如此例中的“JSUPER”,將文字層移動到“破碎”層的下面。
4、將此幀的時間設為7,然後複製出與此幀相同的6幀,複製幀的`具體操作是在“幀”面板中,用鼠標左鍵拖拽“幀1”至下面的新建按鈕上即可進行復制,反覆操作就可複製出6幀相同內容的幀(現在一共有7幀,它們的內容都相同)。將第1幀的時間設為100,第7幀的時間設為150。
5、選中第2幀,並單擊圖片,選擇菜單中的“濾鏡”>“Alien Skin Xenofex 2”>“粉碎”(Shatter)。彈出“粉碎”濾鏡效果的主窗口。
6、將“碎片大小”(Size)設為40,“翻滾”(Tumble)和“時間”(Time)兩個滑動條移到總長度的五分之一的位置(20),點擊“確定”(OK)。這樣我們就可以看到第2幀的破碎開始的效果了。
7、選中第3幀,並單擊圖片(這張圖片是沒破碎過的就對了),也對其運用“粉碎”濾鏡,這次將“翻滾”(Tumble)和“時間”(Time)兩個滑動條移到總長度五分之二的位置,點擊“確定”(OK)。我們看到破碎的圖片開始有點變化。
8、用此法將第4、5、6幀的圖片運用“破碎”濾鏡效果。不同的地方只是“翻滾”(Tumble)和“時間”(Time)這兩個滑動條分別移動到總長度五分之三(60)、五分之四(80)和最大長度(100)的位置。
9、選中第6幀的圖片,在屬性面板中將不透明度設為50%,這樣到下一幀的過渡才不會顯得突兀。
10、將第7幀的圖片刪掉,只留下文字。點擊“幀”面板下方“無循環”字樣前面的圖標,選擇“永久”,這樣動畫就可以循環播放了。
-
關於JavaScript中繼承的深入理解
JavaScript中我們可以藉助原型實現繼承。例如functionbaz(){="";}functionfoo(){}otype=newbaz();varmyFoo=newfoo();;這樣我們就可以訪問到baz裏的屬性oo啦。在實際使用中這個樣不行滴,由於原型的共享特點(數據保存在了堆上),所有實例都使用一個原型,一但baz的屬性...
-
PHP開發工程師的主要職責
PHP開發工程師的主要職責1職責:1、負責公司後端的研發,保障系統的穩定性和質量2、與業務需求部門及項目經理溝通,理解需求,進行架構設計;3、搭建開發框架、負責核心代碼的編寫,解決技術難點;4、界定、分析和解決系統中存在的問題和缺陷;5、對系統進行持續改進,提升系...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
學習JavaScript的7個理由
為什麼要學習JavaScript?學習JavaScript對我們的工作有什麼幫助麼?下面YJBYS小編為大家講解!需求我之所以這樣説的主要原因是,隨着JavaScript的日漸成熟,以及方案變得越來越可行,我們對JavaScript程序員的需求正在持續增長。JavaScript在需求比例上已經超過了C#,僅...