Fireworks怎么設(shè)計(jì)漂亮的按鈕?

今天我們來看一個(gè)簡單的例子,就是使用Fireworks做按鈕,方法很簡單,效果圖如下,感興趣的朋友可以學(xué)習(xí)一下。
1、按(U)在畫布上繪制矢量圖形。這種光照圖在圓邊物體(例如圓,橢圓或圓角矩形)上效果最為明顯。在本例中,你可以體會(huì)這三種圖形的最終效果。
2、選中圖形,在屬性面板里選擇填充類型為線形漸變(Fill||Linear Gradient) 在屬性面板里,點(diǎn)擊你剛才調(diào)整填充旁邊的Color Picker來編輯漸變。將第一個(gè)漸變顏色設(shè)置為#ffffff,第二個(gè)漸變顏色為#999999?,F(xiàn)在漸變的物體仍然在選擇狀態(tài),選擇Pointer Tool,將淡色旋轉(zhuǎn)至左上,深色旋轉(zhuǎn)至右下??梢詤⒄障聢D。
3、保持圖形仍然在選擇狀態(tài),在屬性面板的右下方選擇Effects部分的加號。彈出菜單:選擇Shadow and Glow>Inner Shadow (陰影和光暈>內(nèi)陰影)。設(shè)置參數(shù)如左所示并確認(rèn)
4、保持圖形仍然在選擇狀態(tài),在屬性面板的右下方選擇Effects部分的加號。彈出菜單:選擇Shadow and Glow>Inner Shadown(陰影和光暈>內(nèi)陰影)。設(shè)置參數(shù)如圖,現(xiàn)在你的圖片如左所示
5、保持圖形仍然在選擇狀態(tài),在屬性面板的右下方選擇Effects部分的加號。彈出菜單:選擇Shadow and Glow>Inner Shadown(陰影和光暈>內(nèi)陰影)。設(shè)置參數(shù)如圖,現(xiàn)在你的圖片如左所示
6、保持圖形仍然在選擇狀態(tài),在屬性面板的右下方選擇Effects部分的加號。彈出菜單:選擇Shadow and Glow>Drop Shadow。設(shè)置參數(shù)如左所示并確認(rèn)?,F(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è)置呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-07-14- 在Fireworks中輸入文本和顯示文本綜合教程分享給腳本之家的各位Fireworks教程學(xué)習(xí)者,主要介紹了輸入文本、創(chuàng)建和移動(dòng)文本塊、更改自動(dòng)調(diào)整大小文本塊和固定寬度文本塊等2017-06-06
- 在fireworks中簡單的修飾位圖教程分享給腳本之家的各位Fireworks教程學(xué)習(xí)者,比如“ 紅眼消除” 工具用于去除照片中出現(xiàn)的紅眼,“ 替換顏色” 工具用一種顏色覆蓋另一種顏2017-06-02
- 近日,有網(wǎng)友咨詢小編怎么使用fireworks位圖工具呢?今天腳本之家小編就給大家?guī)韋ireworks編輯位圖及位圖工具使用方法介紹,感興趣的朋友可以了解一下2017-05-31
- Fireworks工作區(qū)基礎(chǔ)知識概述分享給腳本之家的各位Fireworks教程學(xué)習(xí)者,內(nèi)容有點(diǎn)多,對于Fireworks工作區(qū)介紹的挺全面,感興趣的朋友歡迎前來學(xué)習(xí)2017-05-27
Fireworks在瀏覽器中預(yù)覽撤銷和重復(fù)動(dòng)作綜合教程
Fireworks在瀏覽器中預(yù)覽撤銷和重復(fù)動(dòng)作綜合教程分享給腳本之家的各位朋友,我們的設(shè)計(jì)稿可以及時(shí)在瀏覽器中瀏覽,F(xiàn)ireworks會(huì)自動(dòng)生成一個(gè)臨時(shí)的文件,然后自動(dòng)打開瀏覽器2017-05-24- 在fireworks中創(chuàng)建位圖綜合教程分享給腳本之家的各位fireworks學(xué)習(xí)者,包含通過繪制操作創(chuàng)建位圖對象、創(chuàng)建空位圖對象、剪切或復(fù)制像素并將它們作為一個(gè)新位圖對象粘貼以及2017-05-22
- fireworks怎么制作好看的圖文排版?想要排版圖文文件,該怎么排版呢?今天我們就來看看fireworks中排版圖文的教程,很簡單,需要的朋友可以參考下2017-05-21
fireworks魔術(shù)棒選取顏色看不到所選區(qū)域邊界該怎么辦?
fireworks cs6魔術(shù)棒選取顏色看不到所選區(qū)域邊界該怎么辦?fireworks cs6使用魔術(shù)棒的時(shí)候,發(fā)現(xiàn)選取顏色相近的范圍區(qū)域時(shí)居然看不到所選區(qū)域的邊界,該怎么解決這個(gè)問題呢2017-05-21- Adobe Fireworks使用配置文件教程分享給腳本之家的各位朋友,主要關(guān)于用戶配置文件 、影響所有用戶的主配置文件以及Fireworks 首選參數(shù)文件的位置2017-05-15