| 導購 | 订阅 | 在线投稿
分享
 
 
 

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

來源:互聯網  2008-08-14 23:36:15  評論

3.下面我們來畫哪個類似徽章的東西

其實也很簡單,創意是類似獎狀上貼的哪個獲獎標志一樣,會讓網站生動一點,嘿嘿.

我們選擇多邊形,如圖:

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

設置如下,繼續貼圖,大家要注意一下圖層順序,拖動到下層就好了

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

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

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

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

我們來研究一下細節.

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

我最喜歡的對角線,恩

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

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

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

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

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

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

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

OK,看圖

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

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

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

  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,今天就到這裏,再欣賞一下我們的作品吧,不錯吧!
󰈣󰈤
王朝萬家燈火計劃
期待原創作者加盟
 
 
 
>>返回首頁<<
 
 
 
 
 熱帖排行
 
 
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有