DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
DIV+CSS佈局教程網
>>
網頁製作工具
>>
Fireworks入門知識
>>
Fireworks基礎
>> FireWorks象素按紐
FireWorks象素按紐
編輯:Fireworks基礎  
關鍵詞:矩形工具(rectangle tool),效果(Effect),文字工具(Text Tool)
這個教程將講述網頁上常見的一種導航欄的按紐制作過程。教程的部分圖片大小被放大了200%。記住,在得到最終結果之前,你隨時可以用Ctrl+Z來撤消你上一步的操作。
創建新文檔,File>New(快捷鍵Ctrl+N)。文檔大小:150*150 pixels.如果圖片用於網絡發布,保持默認分辨率為72不變。
選擇矩形工具
,繪制矩形長為40 pixels,高為11 pixels。可以通過Info面板精確控制矩形大小。
保持矩形為選擇狀態,在Effects面板裡選擇Bevel and Emboss>Inner Bevel,參數設置如圖,完成後,矩形按紐的形狀應該如下圖所示。
保持矩形為選中狀態,繼續添加Effect,選擇Shadown and Glow >Drop Shadown ,參數設置如下:
現在我們需要在按鈕上添加文字。這裡我使用的是一種04系列的字體。選擇文字工具
,在字體下拉列表裡選擇04b_21,大小為8 px。這裡我打下了QUIT,如下圖所示。
上一頁:
Fireworks MX增強的位圖工具
下一頁:
FireWorks金屬節
Fireworks基礎
創建按鈕(Buttons)和導航條(Navigation Bars)(上)
創建按鈕(Buttons)和導航條(Navigation Bars)(上)按鈕是網頁中應用極多的元
用Fireworks輕松制作網頁交互按鈕
3. 在工具箱中選擇矩形工具,在按鈕編輯器窗口中拖動鼠標,畫一個適當大小的矩形。 4. 從填充面
巧用 Fireworks MX完成一幅書法作品[組圖]
記得讀小學的時候,我們經常上一些課外選修課,我選修的是書法。當時在老師的指導下用那枝沾滿了墨汁的毛
相關文章
Dreamweaver判斷字符串中是否有換行
Dreamweaver經典問題大搜羅
Fireworks仿真繪畫質感金屬球
Fireworks銳化馬賽克效果
Fireworks給美女來點顏色
Fireworks 繪制可愛水杯
Fireworks用隕石背景打造飛火連天
Fireworks也能為黑白照片上色
Fireworks制作塗鴉效果
Fireworks 制作傾慕系列圖標
Fireworks基礎
Fireworks使用技巧
關於Fireworks
Fireworks設計案例
小編推薦
Fireworks制作紅牆磚頭效果
Fireworks合成圖像法設計化妝品網站首頁(7)
Fireworks中為普通黑白照片上色(1)[組圖]
Fireworks制作草生草長之草樣年華gif動畫
Fireworks 8 尋夢之旅(9):制作彈出菜單
Fireworks畫圖標的完整方法(四)
用Fireworks4創建圖像翻轉[組圖]
Fireworks 制作 IE 浏覽器圖標
Fireworks4 五:翻轉圖像
fireworks怎麼制作蒙版? 矢量蒙版/位圖蒙版/水果蒙版的實例
熱門推薦
Fireworks MX 2004特效字系列教程——晶瑩文字制作
Fireworks常見問題解答
Fireworks制作字體遮罩動畫
教你用Fireworks繪制漂亮的羽毛扇[組圖]
Fireworks制作馬賽克文字特效 (1)
Fireworks 三幀打造酷 Banner
Fireworks設計繪制超炫的五彩發光斜線條背景實例
40個Fireworks學習英文
教你用fireworks輕松繪制星球
大家都在看
Fireworks教程:不同的切角效果
Fireworks 4.0 認證教程 第八章 同步練習
fireworks完成圖標的細節制作
Adobe® Fireworks® CS5 新功能全部放出
Dreamweaver構建Blog(3):數據庫的設計和連接
Fireworks打造中國風格青花陶瓷按鈕 (1)
Fireworks教程:繪制矢量的郵件圖標
在Dreamweaver中實現flash的透明背景
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved