用Fireworks一步步制作網頁(2)

2008-08-14 23:36:15  編輯來源:互聯網  简体版  手機版  移動版  評論  字體: 小|中|大

 

 

　　3.下面我們來畫哪個類似徽章的東西 　　其實也很簡單，創意是類似獎狀上貼的哪個獲獎標志一樣，會讓網站生動一點，嘿嘿. 　　我們選擇多邊形，如圖: [url=/bbs/detail_1846245.html][img]http://image.wangchao.net.cn/it/1323397988052.jpg[/img][/url] 　　設置如下，繼續貼圖，大家要注意一下圖層順序，拖動到下層就好了 [url=/bbs/detail_1846245.html][img]http://image.wangchao.net.cn/it/1323397988359.jpg[/img][/url] 　　恩 要注意，這個圖層我們固定了以後通常就不動了，所以要鎖定，不然鼠標晃來晃去很容易把圖移位，注意圖層那裏點一下就多了一個小鎖子，方便吧，這下他就徹底不幹擾我們了! [url=/bbs/detail_1846245.html][img]http://image.wangchao.net.cn/it/1323397988496.jpg[/img][/url] 　　好的我們繼續，其實其他的東西都大同小異 　　我們來研究一下細節. 　　我最喜歡的就是firewroks超級多的紋理，在ps裏面有些紋理要自己做真的好麻煩啊! 　　我最喜歡的對角線，恩 　　看頁面左邊的漸變部分，其實就是拉出來了一個矩形，然後加上線性的漸變，然後加上對角線的紋理，稍微調整一下透明度，就這麽簡單，效果卻很好看，嘿嘿 [url=/bbs/detail_1846245.html][img]http://image.wangchao.net.cn/it/1323397988844.jpg[/img][/url] 　　下一個小地方，就是産品資訊的背景框，其實也很簡單 　　就是一個矩形，然後外框爲紅色，矩形加一個內部發光，發淺灰色的光，就這樣就成了 [url=/bbs/detail_1846245.html][img]http://image.wangchao.net.cn/it/1323397989152.jpg[/img][/url] 　　下一個地方 就是右上角大家可以看到一個類似網格的底紋 　　其實就是一個矩形，再加上一個蒙版，一個漸變，就ok了，現在看起來是不是生動很多，嘿嘿 　　OK，看圖 [url=/bbs/detail_1846245.html][img]http://image.wangchao.net.cn/it/1323397989217.jpg[/img][/url] 　　就這樣一個網站的平面設計三下五除二的就搞定了，嘿嘿，怎麽樣fireworks方便不! 　　OK，今天就到這裏，再欣賞一下我們的作品吧，不錯吧!