DIV CSS 佈局教程網

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

  一、創建基本的變形效果

  Twist and Fade(扭曲淡化)將作用於任何對象,不管是矢量圖還是位圖。這個command命令將首先改變原物體的透明度,然後多次復制它,每次都將按比例縮小並旋轉生成一個副本。

  我們首先使用缺省設置做實驗:

  首先繪制一個正方形,並對它執行Command—Keap—Twist and Fade 2.0(扭曲幻影2.0)。

  大家可以看到,任何人不用做任何的設置就可以作出如此驚異的效果。需要注意的是,最初的正方形仍舊在最底端,新生成的系列矩形在它的上面。這意味著可以對每個對象重新執行此操作,並生成更復雜的效果,我們在後面試驗這個效果。

  2、繪制一個圓形,重復執行此命令,按默認設置,效果如下圖:

  雖然圓形也已經扭曲了,不過你不能看到扭曲的效果,只有淡化的效果。我們利用這個效果可以創找出音箱喇叭的例子。

  3、繪制一個橢圓形,並重復此命令,我們可以看到它產生的效果。

  4、繪制多種外觀的對象,重復此命令,看看效果。

  二、對多個對象進行扭曲變形處理

  許上面的效果不足以讓你感受到此命令的強大,那麼下面我們看看同時對多個對象執行此命令產生的效果。這中變幻可以產生無限可能的不同結果。

  1、首先我們用兩個小的正方形作為源對象,按默認設置執行此命令後,將以兩個對象的中心點為軸進行扭曲變形處理。

  由於默認設置中的透明度為10,所以產生的結果不太清楚,你可以改變這個設置。方法是全部選中結果對象,在層面版中改變透明度為,下圖是改變透明度為50後的效果。

  2、接下來我們放置更多的物體,記住你放置物體的位置和相互之間的距離,將完全改變他們的最終效果。但有一點是不變的,那就是他們的中心點,正如你看到的,所有的對象都朝著中心點扭曲變形。

  當你明白了這一點的時候,在你開始做以後的效果時你已經可以預先知道一點最終的效果了。

  3、如果你將最初的對象對稱性的放置,最終的結果將非常的具有韻律感,利用這一點我們可以創造出下面的效果;

  需要指出的是在這個例子中我改變了此Command命令的數目和角度,同樣的你也可以做出此效果,在下一節我來介紹詳細的參數變化。

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