Fireworks怎么設(shè)計(jì)漂亮的按鈕?
今天我們來(lái)看一個(gè)簡(jiǎn)單的例子,就是使用Fireworks做按鈕,方法很簡(jiǎn)單,效果圖如下,感興趣的朋友可以學(xué)習(xí)一下。

1、按(U)在畫(huà)布上繪制矢量圖形。這種光照?qǐng)D在圓邊物體(例如圓,橢圓或圓角矩形)上效果最為明顯。在本例中,你可以體會(huì)這三種圖形的最終效果。

2、選中圖形,在屬性面板里選擇填充類(lèi)型為線(xiàn)形漸變(Fill||Linear Gradient) 在屬性面板里,點(diǎn)擊你剛才調(diào)整填充旁邊的Color Picker來(lái)編輯漸變。將第一個(gè)漸變顏色設(shè)置為#ffffff,第二個(gè)漸變顏色為#999999。現(xiàn)在漸變的物體仍然在選擇狀態(tài),選擇Pointer Tool,將淡色旋轉(zhuǎn)至左上,深色旋轉(zhuǎn)至右下??梢詤⒄障聢D。

3、保持圖形仍然在選擇狀態(tài),在屬性面板的右下方選擇Effects部分的加號(hào)。彈出菜單:選擇Shadow and Glow>Inner Shadow (陰影和光暈>內(nèi)陰影)。設(shè)置參數(shù)如左所示并確認(rèn)

4、保持圖形仍然在選擇狀態(tài),在屬性面板的右下方選擇Effects部分的加號(hào)。彈出菜單:選擇Shadow and Glow>Inner Shadown(陰影和光暈>內(nèi)陰影)。設(shè)置參數(shù)如圖,現(xiàn)在你的圖片如左所示

5、保持圖形仍然在選擇狀態(tài),在屬性面板的右下方選擇Effects部分的加號(hào)。彈出菜單:選擇Shadow and Glow>Inner Shadown(陰影和光暈>內(nèi)陰影)。設(shè)置參數(shù)如圖,現(xiàn)在你的圖片如左所示

6、保持圖形仍然在選擇狀態(tài),在屬性面板的右下方選擇Effects部分的加號(hào)。彈出菜單:選擇Shadow and Glow>Drop Shadow。設(shè)置參數(shù)如左所示并確認(rèn)。現(xiàn)在你的圖片如左所示

你可以任意添加改變顏色填充的實(shí)時(shí)特效。 最后需要添加文字的朋友添加文字就可以了。
相關(guān)推薦:
相關(guān)文章

fireworks怎么設(shè)置導(dǎo)出為png格式?
fireworks怎么設(shè)置導(dǎo)出為png格式?fireworks中想要將導(dǎo)出的文件設(shè)置為png格式的,以后ps可以處理,該怎么設(shè)置呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-07-14
在Fireworks中輸入文本和顯示文本綜合教程分享給腳本之家的各位Fireworks教程學(xué)習(xí)者,主要介紹了輸入文本、創(chuàng)建和移動(dòng)文本塊、更改自動(dòng)調(diào)整大小文本塊和固定寬度文本塊等2017-06-06
在fireworks中簡(jiǎn)單的修飾位圖教程分享給腳本之家的各位Fireworks教程學(xué)習(xí)者,比如“ 紅眼消除” 工具用于去除照片中出現(xiàn)的紅眼,“ 替換顏色” 工具用一種顏色覆蓋另一種顏2017-06-02
近日,有網(wǎng)友咨詢(xún)小編怎么使用fireworks位圖工具呢?今天腳本之家小編就給大家?guī)?lái)fireworks編輯位圖及位圖工具使用方法介紹,感興趣的朋友可以了解一下2017-05-31
Fireworks工作區(qū)基礎(chǔ)知識(shí)概述
Fireworks工作區(qū)基礎(chǔ)知識(shí)概述分享給腳本之家的各位Fireworks教程學(xué)習(xí)者,內(nèi)容有點(diǎn)多,對(duì)于Fireworks工作區(qū)介紹的挺全面,感興趣的朋友歡迎前來(lái)學(xué)習(xí)2017-05-27Fireworks在瀏覽器中預(yù)覽撤銷(xiāo)和重復(fù)動(dòng)作綜合教程
Fireworks在瀏覽器中預(yù)覽撤銷(xiāo)和重復(fù)動(dòng)作綜合教程分享給腳本之家的各位朋友,我們的設(shè)計(jì)稿可以及時(shí)在瀏覽器中瀏覽,F(xiàn)ireworks會(huì)自動(dòng)生成一個(gè)臨時(shí)的文件,然后自動(dòng)打開(kāi)瀏覽器2017-05-24- 在fireworks中創(chuàng)建位圖綜合教程分享給腳本之家的各位fireworks學(xué)習(xí)者,包含通過(guò)繪制操作創(chuàng)建位圖對(duì)象、創(chuàng)建空位圖對(duì)象、剪切或復(fù)制像素并將它們作為一個(gè)新位圖對(duì)象粘貼以及2017-05-22
fireworks怎么制作好看的圖文排版?想要排版圖文文件,該怎么排版呢?今天我們就來(lái)看看fireworks中排版圖文的教程,很簡(jiǎn)單,需要的朋友可以參考下2017-05-21
fireworks魔術(shù)棒選取顏色看不到所選區(qū)域邊界該怎么辦?
fireworks cs6魔術(shù)棒選取顏色看不到所選區(qū)域邊界該怎么辦?fireworks cs6使用魔術(shù)棒的時(shí)候,發(fā)現(xiàn)選取顏色相近的范圍區(qū)域時(shí)居然看不到所選區(qū)域的邊界,該怎么解決這個(gè)問(wèn)題呢2017-05-21- Adobe Fireworks使用配置文件教程分享給腳本之家的各位朋友,主要關(guān)于用戶(hù)配置文件 、影響所有用戶(hù)的主配置文件以及Fireworks 首選參數(shù)文件的位置2017-05-15









