DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireworks 用無縫填充處理圖片的另一效果
Fireworks 用無縫填充處理圖片的另一效果
編輯:Fireworks基礎     
在經典論壇上(http://www.blueidea.com/bbs)看到一個使用無縫背景圖制作的效果,感覺非常不錯,特摘錄此教程,方便借鑒參考。

  1,新建一個長和寬為20象素,背景為透明的文件。放大到800倍 
  2,用直線工具畫長為20象素。寬為1象素的線條。把它們如圖排列。(為方便看清,我把填充色設為黑色) 

  3,選中全部的線條,texture:Grid6.100%. 
  4,把中間的一橫一豎的線條的透明度設為50。把它保存。(個人認為透明度設為60比較好。) 
  5,打開一張圖片,在圖片在上方用矩形工具拖畫一個和圖片差不多大小的矩形。然後選擇用圖案填充。 
  6,找到剛才保存的圖,打開它。再把混合模式選為Saturation(飽和度)。根據需要適當的調好透明度。OK。(此效果圖用的是白色填充)
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved