DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireworks制作卷邊效果
Fireworks制作卷邊效果
編輯:Fireworks基礎     
要點提示:
  卷邊效果的制造主要依靠填充.在制造這個效果之前,我們應該側重的觀察一下圖片物體卷曲時光源的位置,以及由於卷曲度大小的不同而造成的圓角或尖角的效果.只要你仔細的觀察再配合FW的強大功能就會很容易的制造出逼真的圖形特效。
  在這裡為了制造卷邊應用到了"聯合"功能.不可小看這個功能,它能在你的創意下創造出很豐富的效果。

  第一步:建立新場景,按下Ctrl+R導入一張圖片.
  第二步:打開Tools(工具)條,選擇Marquue Tool(剪切工具),在編輯區拖拽出一個長方形區域,這是FW會自動的進入位圖編輯狀態.然後選擇Tools-Scale Tool(翻轉工具)將剛剛畫好的長方形剪切區呈45度角翻轉,並拖拽到圖象的左下邊角處,好了,點擊Pointer Tool(指針工具)返回指針狀態.在圖象上點擊一下後,按下Ctrl+X將長方形區域剪切下來.這時我們就得到了一個缺邊的圖象(如左圖所示).
  第三步:返回到矢量編輯狀態.選擇Rectangle Tool(矩形工具)在圖象上拖拽出一個底邊同剪切部分相同長度的矩形(矩形的高度也不要超過剪切部分的高度過多).
  第四步:選擇矩形工具選項中的橢圓工具,在剛剛畫好的矩形上拖拽一個橢圓(具體效果見左側示例).
  第五步:按住Shift鍵,用指針選中矩形及圓形,選定後應用Modify-combine-punch(修改-結合-打孔)功能,這樣我們就得到了一個左邊具有圓形效果的四邊型.
  第六步:再次打開矩形工具在剛剛創造的四邊形上拖拽出一個矩形,再選則翻轉工具將這個矩形旋轉到於四邊行右側底邊形成一個三角的狀態.
  第七步:重復步驟5中的選擇,同時選擇四邊形與剛剛畫好的矩形應用"打孔"功能.這時我們就得到了一個園邊的三角形(如圖所示).
  第八步:選中三角形,打開Fill(填充)面板.選擇Linear(線形漸層),無須改變漸層的顏色.返回編輯區我們看到應用了填充效果的三角形上出現了一個對角線.它就是用來改變漸層位置的控制手柄.
  提示:控制手柄中,圓形為控制點,也就是光源的中心點.方形是手柄,用來控制光源的位置及擴散.
  第九步:拖動方形手柄到於圓形控制點呈約75度角的位置(光源位置完全靠你自己的觀察及感覺而定).
  第十步:選定應用了漸層效果的三角形,選擇翻轉工具將其底邊轉動到於位圖圖象的剪切部分平行的狀態,拖拽並覆蓋剪切部分.(如圖所示).到這一步為止,卷邊的效果基本上以創造完成.剩下的就是園整一下位圖於三角形拼接時造成的直角.
  第十一步:同時選中位圖圖象於我們創造的三角形.右鍵點擊選定區域,在彈出的菜單中選擇convert to Bitmap(轉換為位圖).
  第十二步:選定剛剛建立的位圖,打開工具條中的Eraser Tool(橡皮工具),將拼接時造成的直角擦除,使之呈現出圓角的效果.

  萬事大吉.卷邊效果創造完成.接下來你所需要做的事情就是加點陰影美化一下了!
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved