小屋創作

日誌2011-05-02 08:39

Fireworks製作膠質透明按鈕

作者:三重劉德華

製作流程:
1.開新檔,寬250px、高250px、畫布透明。
2.襯色背景:用矩形工具(U)任意框出一個矩形,屬性x0、y0、寬250px、高250px、黑色。
3.按鈕外框:框出第二個矩形,屬性x1、y1、寬148px、高28px、無色、白色1px像素柔化、圓度15%、不透明度80%、濾鏡/陰影和光暈/光暈:寬度0、白色、不透明度65%、柔化4。




4.膠質效果:框出第三個矩形,屬性x1、y35、寬148px、高16px、漸層/線性,兩端色罐都設為白色,前者不透明度80%、後者40%,圓度15%、不透明度100%、無邊框。



5.透明按鈕:框出第四個矩形,屬性x1、y60、寬148px、高12px、實心白色、無邊框、圓度15%、不透明度30%。



6.縮放到400%近看,用指標工具(V)手動將上方與下方按鈕依序裝進外框內。
7.用裁切工具(C),屬性x0、y0、寬150x、高30x,按下Enter。
8.將襯色背景閉眼,另存png
成品如下:

2

2

LINE 分享

相關創作

Fireworks髮絲去背

Fireworks設計影格動畫按鈕文字

Fireworks組合路徑概述

留言

開啟 APP

face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】