DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireworks MX 實現 MAC 文字效果 (1)
Fireworks MX 實現 MAC 文字效果 (1)
編輯:Fireworks基礎     
用Photoshop來制作Mac招牌的文字特效,已經有成功的實例。那麼對於的用戶該從哪裡入手呢?我們可以參考Photoshop的制作思路來做些演變。

首先打開Fireworks MX.

1.創建畫布300x150,輸入字母a,無外框,字體Tahoma,字號手動輸入150px。 

2.文字內填色#3399cc,Inner Glow使用默認設置,將內發光顏色改為#3399cc。

3.回到文字內填色,將顏色改淡,我選的是#D7EBF4。

(點擊上圖看大圖)

4.原位克隆字母a(Ctrl+Shift+D),去掉內發光設置。
Modify-->Flatten Selection(Ctrl+Alt+shift+Z)轉字母為位圖。
按住Ctrl鍵,點擊位圖所在圖層得到選區。

(點擊上圖看大圖)

Select-->Contract Maqueen-->Contract by: 2 pixels
Select-->Feather-->Radius: 8 pixels
選內填色介於#3399cc和#D7EBF4之間的顏色填充,我選的是#7CBEDE。
Select-->Select Inverse(Ctrl+shift+I)反選,刪除。
Select-->Deselect(Ctrl+D)取消選區。
再選中此圖層,向上,向左各移動3像素。

5.原位克隆最下層字母a(Ctrl+Shift+D),去掉內發光設置並置於最上層。
Modify-->Flatten Selection(Ctrl+Alt+shift+Z)轉字母為位圖。
按住Ctrl鍵,點擊位圖所在圖層得到選區。內填色#FFFFFF。
此時填色是直接在工具面版上改填充色後用油漆桶點選區。
趁選區仍在圖層上,將其向右,向下各移動1像素,刪除。
有沒有發現字的一側多了條白邊? 
Select-->Deselect(Ctrl+D)取消選區。
再選中此圖層,將其向右,向下各移動1像素。

6.把最上層透明度調成75%,群組三個圖層。
Modify-->Flatten Selection(Ctrl+Alt+shift+Z)轉此群組物件為位圖,
按住Ctrl鍵,點擊位圖所在圖層得到選區。
Select-->Select Inverse(Ctrl+shift+I)反選,刪除。
這步是為了去除字外的多余光暈。
實例中用的顏色較淡,如果換個更深的顏色做就明顯了 。

Select-->Deselect(Ctrl+D)取消選區。
選中此圖層,Drop Shadow,Distance 4,Color #999999,其馀維持默認設置。
大功告成!^_^v

    

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