Fireworks制作漸隱線的技巧

發布時間:2017-04-13 10:36 來源:互聯網 當前欄目:網頁設計教程

  問得多了,其實漸隱線的做法非常簡單.一般來說有兩種方法

  一種是矩形的填充..

  矩形做法一(適合大部分的情況):

  1.用矩形工具畫出一個像素高的矩形.

Fireworks制作漸隱線的技巧   三.聯

  2.在面板處選擇線性填充,具體的調節如下:

Fireworks制作漸隱線的技巧   電腦高手

  面板講解:大家可以看到最上面有兩排箭頭.其中

  這個標志的一排是透明度

  這個標志的一排是顏色.

  通過在上下點擊面板添加新箭頭....

  通過這樣的漸變可以得到如下的效果

www.3lian.com

  矩形做法二:

  如果是單色背景,可以考慮直接選擇顏色箭頭中的兩端為背景色,中間為你需要的線條顏色,模擬透明效果.

  擴展:

  1.矩形并不是一定需要1px的高度,可以任意調節.

  2.填充不一定是非得需要線性的,如果你需要更多的效果,可以考慮使用其他的漸變方法進行嘗試.

  3.通過調節填充手柄,你可以很容易的控制漸隱的方向...

漸隱線

  4.通過仔細查看漸變的效果,聰明的人應該可以馬上看出,firework的矩形并不是純矢量的,實際上,它還是像素的...

  利用矩形漸隱的組合,我們可以很容易的創建如下的效果PNG源文件:

漸隱線
上一篇:網頁菜單詳解
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、