萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Fireworks教程 >> 用Fireworks打造光芒四射背景的圖片效果

用Fireworks打造光芒四射背景的圖片效果

  類似這樣的背景光芒效果近來在很多網站廣告和海報上頻頻出現,尤其配合粗體文字能起到烘托主題的作用,搭配插畫風格的人物或產品也極具時尚氣息。這種放射狀的組合圖形有縱深感,吸引眼球對重點的關注。那麼在Fireworks要怎樣實現這種光芒四射的背景效果呢?先看例圖:

用Fireworks打造光芒四射背景的圖片效果 三聯

 

  這裡來介紹兩種制作方法,不同的工具和步驟可以達到同樣的結果。

  第一種方法:使用星形工具,位置在Fireworks界面左側的工具欄,用鼠標點下默認的矩形工具右下角的箭頭就可以看到了。

Fireworks制作光芒四射的廣告效果

 

  創建畫布,因為這裡只是做個范例,我的圖片尺寸比較小,方便上傳。各位在實際操作中可以創建更大的畫布,在後面制作時效果會更好,也方便操作。言歸正傳,我用星形工具畫了個默認的五角星。

Fireworks制作光芒四射的廣告效果

 

  注意五角星左下角的控制點,用鼠標按住向上拖拽,直到你需要的星形角數為止,拖拽過程中會有提示顯示。

Fireworks制作光芒四射的廣告效果

 

  多角星上方有四個控制點,按圖中所示的紅色標記選擇半徑控制點2向星形中心拖拽。

Fireworks制作光芒四射的廣告效果

 

  拖成個海膽樣了,見下圖:

Fireworks制作光芒四射的廣告效果

 

  沒關系,再繼續按住弧度控制點2向外拖拽。

Fireworks制作光芒四射的廣告效果

 

  拖到這個程度差不多。

Fireworks制作光芒四射的廣告效果

 

  再選擇按住弧度控制點1向星形中心拖拽。

Fireworks制作光芒四射的廣告效果

 

  拉成個花芯很小的野雛菊狀。

Fireworks制作光芒四射的廣告效果

 

  改放射漸變。

Fireworks制作光芒四射的廣告效果

 

  再畫個同樣大小的正圓,也做放射漸變填充,顏色的選擇要跟雛菊有差別。

Fireworks制作光芒四射的廣告效果

 

  把正圓放到雛菊的下層。

Fireworks制作光芒四射的廣告效果

 

  再畫個沒有填充的矩形,矩形中才是我們所需要的背景。

Fireworks制作光芒四射的廣告效果

 

  選中雛菊和正圓,Ctrl+X剪下,再點選剩下的矩形,Ctrl+Shift+V貼入圖形內裡,效果完成。

Fireworks制作光芒四射的廣告效果

 

  加些文字和小星星就到位啦。

copyright © 萬盛學電腦網 all rights reserved