DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> 使用Fireworks輕松制作“纏繞曲線”
使用Fireworks輕松制作“纏繞曲線”
編輯:Fireworks基礎     

  說明:通過同一個symbol符號引出來的二個instance實例之間可以通過距離、大小、透明度、顏色等變化通過Tween Instances命令而產生不同的圖像效果。

  具體制作過程:

  創建一個新的文件:File>New,設置畫布大小為200*200,畫布顏色為白色。

  使用工具面板中的pen鋼筆工具,在畫布中畫一條如下圖所示的路徑,在Stroke面板中設置描邊類型為pencil,描邊名稱為1-pixel soft,設置為1-pixel soft類型的描邊是為了可以使線條邊緣沒有鋸齒。描邊顏色隨您喜好自由設定。

  按F8鍵,當Symbol PropertIEs對話窗口被打開時,確定當前所選擇的Type類型為Graphic。點擊OK按鈕,此時路徑對象轉變成了符號。

  確定當前這個符號被選擇,使用菜單命令Edit>Clone,此時會克隆出當前的符號,如果您的要求不是很精確的話,可以選擇工具面板中的縮放工具,將這個克隆出的對象旋轉一個角度,如果想要精確地設置旋轉的角度,您可以使用菜單命令Modify>Transform>Numeric Transform,當Numeric Transform對話窗口被打開,從下拉列表中選擇Rotate旋轉選項,然後在下面的數值設定選項中輸入一個旋轉角度的數字,本例中我輸入數值160,點擊OK按鈕。

  使用快捷方式Ctrl+A全選當前畫布中的這二個對象,使用菜單命令Modify > Symbol > Tween Instances。當Tween Instances參數設置窗口被打開時,在Steps選項輸入一個15~30之間的數值,本例中我輸入數值25,記住千萬不要選擇Distribute to Frames選項,點擊確定按鈕。

  當然Fireworks中Tween Instances的應用可以出現很多的效果,符號中路徑對象的不同,顏色的不同,旋轉角度的不同,二個符號間距不同,還有就是Steps步驟的設置不同都可能會產生不同的圖像的效果,您可以試著用不同的對象,顏色以及步驟來多嘗試幾次,可能會有意想不到的效果產生哦。

  對了,忘了說了,二個符號間的大小、顏色以及透明度也可以分別設置為不同的選項,這樣一來您的圖像的變化范圍又增加了很多,別讓您的思維局限您的想象力,多動手試試吧。

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