DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireworks教程:設計制作漂亮網頁的過程(3)
Fireworks教程:設計制作漂亮網頁的過程(3)
編輯:Fireworks基礎     

  恩 要注意,這個圖層我們固定了以後通常就不動了,所以要鎖定,不然鼠標晃來晃去很容易把圖移位,注意圖層那裡點一下就多了一個小鎖子,方便吧,這下他就徹底不干擾我們了!



  好的我們繼續,其實其他的東西都大同小異

  我們來研究一下細節.

  我最喜歡的就是firewroks超級多的紋理,在ps裡面有些紋理要自己做真的好麻煩啊!

  我最喜歡的對角線,恩

  看頁面左邊的漸變部分,其實就是拉出來了一個矩形,然後加上線性的漸變,然後加上對角線的紋理,稍微調整一下透明度,就這麼簡單,效果卻很好看,嘿嘿

  下一個小地方,就是產品資訊的背景框,其實也很簡單

  就是一個矩形,然後外框為紅色,矩形加一個內部發光,發淺灰色的光,就這樣就成了


  下一個地方 就是右上角大家可以看到一個類似網格的底紋

  其實就是一個矩形,再加上一個蒙版,一個漸變,就ok了,現在看起來是不是生動很多,嘿嘿

  OK,看圖

  就這樣一個網站的平面設計三下五除二的就搞定了,嘿嘿,怎麼樣Fireworks方便不!

  OK,今天就到這裡,再欣賞一下我們的作品吧,不錯吧!

 

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