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

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

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

我們選擇多邊形,如圖:

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

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

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

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

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

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

我們來研究一下細節.

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

我最喜歡的對角線,恩

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

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

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

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

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

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

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

OK,看圖

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

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

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

 
用Fireworks一步步制作網頁(2)
用Fireworks一步步制作網頁(2)
  3.下面我們來畫哪個類似徽章的東西   其實也很簡單,創意是類似獎狀上貼的哪個獲獎標志一樣,會讓網站生動一點,嘿嘿.   我們選擇多邊形,如圖:   設置如下,繼續貼圖,大家要注意一下圖層順序,拖動到下層...查看完整版>>用Fireworks一步步制作網頁(2)
 
使用Fireworks 8制作網頁效果圖
使用Fireworks 8制作網頁效果圖
  這裏主要介紹的是fireworks 8的位圖工具的使用,如果你用過ps的話,會感覺這兩個軟件在位圖處理中有很多相似的地方,本例是一個以女性化妝品爲主打産品的企業宣傳網站“北京達美”的形象頁面效果圖設計。達美公司...查看完整版>>使用Fireworks 8制作網頁效果圖
 
Fireworks MX之旅:網頁制作
Fireworks MX之旅:網頁制作
  fireworks、Dreamweaver和Flash被網頁設計愛好者並稱爲“網頁制作三劍客”,可見fw在網頁制作上還是有很強的實力的,今天我們就來看看fwmx在網頁制作上有哪些改進吧。  我們先准備一張很簡單的圖片,想要在此基...查看完整版>>Fireworks MX之旅:網頁制作
 
Fireworks MX之旅:網頁制作
Fireworks MX之旅:網頁制作
  fireworks、Dreamweaver和Flash被網頁設計愛好者並稱爲“網頁制作三劍客”,可見fw在網頁制作上還是有很強的實力的,今天我們就來看看fwmx在網頁制作上有哪些改進吧。  我們先准備一張很簡單的圖片,想要在此基...查看完整版>>Fireworks MX之旅:網頁制作
 
用Fireworks輕松制作網頁交互按鈕
用Fireworks輕松制作網頁交互按鈕
3. 在工具箱中選擇矩形工具,在按鈕編輯器窗口中拖動鼠標,畫一個適當大小的矩形。  4. 從填充面板中選擇想要的填充特效(如果填充面板沒有顯示,可以從Windows菜單上選擇Fill命令,打開填充面板),制作漂亮的按鈕圖...查看完整版>>用Fireworks輕松制作網頁交互按鈕