Fireworks 打造精美導(dǎo)航效果_Fireworks教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!

      推薦:Fireworks制作打破玻璃的動畫效果
      第一次寫教程,可能有的地方寫的不清楚,請大家見諒。首先先看一下最終效果:下面是具體的制作方法:1、下載并安裝濾鏡插件Xenofex2到FW的Plug-in目錄下(將

      Fireworks 打造精美導(dǎo)航效果
      (圖2.1)

      下邊我將教大家如何制作以上這個按鈕:

      先新建一個500*400大小的畫布,畫一個400*40的長方形,調(diào)成漸變,如圖2.1.1

      Fireworks 打造精美導(dǎo)航效果
      (圖2.1.1)

      于是乎出來了一個我們做出來了個這個樣子的圖形如圖2.1.2

      Fireworks 打造精美導(dǎo)航效果
      (圖2.1.2)

      然后我們用部分固定選定工具

      Fireworks 打造精美導(dǎo)航效果選取長方形的上邊兩點如圖2.1.3

      Fireworks 打造精美導(dǎo)航效果
      (圖2.1.3)

      按住shift鍵,按兩下向右鍵。如圖2.1.4

      Fireworks 打造精美導(dǎo)航效果
      (圖2.1.4)

      畫一個綠色的長方形,我們通過部分選定工具得到一個如圖2.1.5

      Fireworks 打造精美導(dǎo)航效果
      (圖2.1.5)

      通過復(fù)制粘貼我們得到如圖2.1.6

      Fireworks 打造精美導(dǎo)航效果
      (圖2.1.6)

      通過

      Fireworks 打造精美導(dǎo)航效果

      我們得到如圖2.1.7

      Fireworks 打造精美導(dǎo)航效果
      (圖2.1.7)

      圖形發(fā)光,白色屬性如圖2.1.8

      Fireworks 打造精美導(dǎo)航效果
      (圖2.1.8)

      然后再發(fā)光顏色為 #7B869A 得到如圖2.1.9

      Fireworks 打造精美導(dǎo)航效果

      (圖2.1.9)

      復(fù)制粘貼圖形,去掉描邊,向右移動兩個像素,如圖2.1.10

      Fireworks 打造精美導(dǎo)航效果
      (圖2.1.10)

      畫一個長方形黃色漸變。放置圖形下層,如圖2.1.11

      Fireworks 打造精美導(dǎo)航效果
      (圖2.1.11)

      畫一個長方形如圖2.1.12

      Fireworks 打造精美導(dǎo)航效果
      (圖2.1.12)

      設(shè)置如圖2.1.13

      Fireworks 打造精美導(dǎo)航效果
      (圖2.1.13)

      把寬度設(shè)為“1”旋轉(zhuǎn)“20度” 復(fù)制粘貼。然后向右移動一個像素。漸變變成白色.然后復(fù)制粘貼。

      如圖2.1.14

      Fireworks 打造精美導(dǎo)航效果
      (圖2.1.14)

      畫一個白色的1*1像素的點向右移動1個像素變成黑色。重復(fù)過程。如圖2.1.15

      Fireworks 打造精美導(dǎo)航效果
      (圖2.1.15)

      OK,到這里我們這個圖形基本上就完畢咯。


      分享:Fireworks 打造殘破效果
      效果圖:PNG源文件下載1、繪制一個矩形2、此矩形共加了如下三濾鏡3、內(nèi)發(fā)光和外發(fā)光4、用鋼筆勾吧,細節(jié)自己把握5、加釘子,具體的見PNG作者:dowhatyo

      推薦:Fireworks視頻教程

      來源:藍色理想//所屬分類:Fireworks教程/更新時間:2006-11-09
      相關(guān)Fireworks教程