DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireworks插件 — Keap 快速入門(三)
Fireworks插件 — Keap 快速入門(三)
編輯:Fireworks基礎     


  三、扭曲螺旋變化詳解

  Twist and Fade給了用戶完全的控制權力,你可以設置每一個變化的參數。在V2.0版裡,總共有下面四個可以控制的參數:

  1、此效果重復作用的步數

  2、旋轉變形的總的度數

  3、在每一步產生的對象之間的距離

  4、每一步產生的對象的不透明度

  (一)、不同的Steps設定

  有意思的是所有的設置最終都會產生一個縱深感的效果。

  Steps設置定義了對象最終將要復制多少次。即使最初的對象是相同的,但改變Steps產生的效果將非常不同,如下圖所示:

  左邊的效果Steps=7;右邊的效果Steps=25。理論上這個數值你可以設定無窮大,不過我們建議你的設定值不要超過50,因為更多的步數和更復雜的源對象會花費更多的處理時間,並且需要更多的內存。

  (二)、旋轉角度設定

  1、旋轉角度的設定將是非常重要的,改變這個值對最終效果將起決定性的因素。下面以兩個正方形做例子,左邊的效果使用默認的10度,右邊的效果設定為40度;

  2、下面我們用同樣的對稱橢圓形,左邊使用的默認的設置10度,右邊的設定是90度。我們可以看到最終的效果是非常的不同,右邊的藍色和綠色的橢圓互相穿插了起來,而且看起來仿佛我們最初的物體有四個,其實最初的物體都是一樣的。

  3、通過仔細的放置對稱圖形並設置合適的角度,我們可以做出非常整齊的效果,

  需要指出的是,每個人做出的效果都可能是不同的,你需要不斷的調試以找出其中的規律。

  (三)、Spaces設定

  同樣的,改變Spaces的值也可以影響最終的扭曲效果,其實Spaces(間距)並不是一個合適的叫法,不過它比較容易理解。為了說明Spaces的意義,我們下面改變這個值為-10。

  將這個值設為負值可以使結果向上向左移動,設定為正值可以使結果向右向下移動,改變這個值可以創建出近似隨機的效果。

  當然仔細的看這個圖,你會發現它不是隨機的,每一個對象都是按照一定的規律排列的。

  (四)、淡化的設置

  扭曲效果的淡入部分是由不透明度決定的,這個參數很好理解。對於單個的物體或者是封閉的網狀物體,最好將這個參數設定一個較低的數值,默認值是10。如果對象不互相交疊,你最好增加這個不透明度。下面這個例子中,左邊的效果設定的不透明度為20,右邊的不透明度為50。

  需要注意的是,這個不透明度的設置也可以在執行完這個Command命令後再修改,方法是選中最終生成的所有對象,打開層面板修改不透明度。

  小 結

  我們所介紹的這個Command命令不僅僅是一個制造扭曲變形和淡化的娛樂工具,一旦你掌握了它各個參數的設置規律,你會發現它是非常強大的。它也是將不斷擴充和升級的一個外部插件,非常希望能看到你用這個工具創造的作品。本教程參考了 http://www.phireworx.com/ 的英文資料,由於時間倉促,教程不足之處請指出。

  更多的美妙效果等著你去創造,您有什麼好的作品,或者有什麼心得可以到經典論壇與我們交流!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved