按钮制作<4>
2005-07-02 17:00:07 来源:WEB开发网 闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鐐劤缂嶅﹪寮婚悢鍏尖拻閻庨潧澹婂Σ顔剧磼閻愵剙鍔ょ紓宥咃躬瀵鎮㈤崗灏栨嫽闁诲酣娼ф竟濠偽i鍓х<闁诡垎鍐f寖闂佺娅曢幑鍥灳閺冨牆绀冩い蹇庣娴滈箖鏌ㄥ┑鍡欏嚬缂併劎绮妵鍕箳鐎n亞浠鹃梺闈涙搐鐎氫即鐛崶顒夋晬婵絾瀵ч幑鍥蓟閻斿摜鐟归柛顭戝枛椤牆顪冮妶搴′簼缂侇喗鎸搁悾鐑藉础閻愬秵妫冮崺鈧い鎺戝瀹撲礁鈹戦悩鎻掝伀缁惧彞绮欓弻娑氫沪閹规劕顥濋梺閫炲苯澧伴柟铏崌閿濈偛鈹戠€n€晠鏌嶆潪鎷屽厡闁汇倕鎳愮槐鎾存媴閸撴彃鍓卞銈嗗灦閻熲晛鐣烽妷褉鍋撻敐搴℃灍闁绘挻娲橀妵鍕箛闂堟稐绨肩紓浣藉煐濮樸劎妲愰幘璇茬闁冲搫鍊婚ˇ鏉库攽椤旂》宸ユい顓炲槻閻g兘骞掗幋鏃€鐎婚梺瑙勬儗閸樺€熲叺婵犵數濮烽弫鍛婃叏椤撱垹纾婚柟鍓х帛閳锋垶銇勯幒鍡椾壕缂備礁顦遍弫濠氱嵁閸℃稒鍊烽柛婵嗗椤旀劕鈹戦悜鍥╃У闁告挻鐟︽穱濠囨嚃閳哄啰锛滈梺褰掑亰閸欏骸鈻撳⿰鍫熺厸閻忕偟纭堕崑鎾诲箛娴e憡鍊梺纭呭亹鐞涖儵鍩€椤掑啫鐨洪柡浣圭墪閳规垿鎮欓弶鎴犱桓闂佸湱枪閹芥粎鍒掗弮鍫熷仺缂佸顕抽敃鍌涚厱闁哄洢鍔岄悘鐘绘煕閹般劌浜惧┑锛勫亼閸婃牠宕濋敃鈧…鍧楀焵椤掍胶绠剧€光偓婵犱線鍋楀┑顔硷龚濞咃絿妲愰幒鎳崇喓鎷犻懠鑸垫毐闂傚倷鑳舵灙婵炲鍏樺顐ゆ嫚瀹割喖娈ㄦ繝鐢靛У绾板秹寮查幓鎺濈唵閻犺櫣灏ㄥ銉р偓瑙勬尭濡繂顫忛搹鍦<婵☆垰鎼~宥囩磽娴i鍔嶉柟绋垮暱閻g兘骞嬮敃鈧粻濠氭偣閸パ冪骇鐎规挸绉撮—鍐Χ閸℃ê闉嶇紓浣割儐閸ㄥ墎绮嬪澶嬪€锋い鎺嶇瀵灝鈹戦埥鍡楃仯闁告鍕洸濡わ絽鍟崐鍨叏濡厧浜鹃悗姘炬嫹

按钮四
看如下按钮,是不是觉得透明感特别强呢,是不是想马上学会,呵呵,看教程吧。
一、 新建文件。用矩形工具在画布上画一个矩形,打开info面板,设置其W为226,H为46,按回车确定。设置填充色为蓝色,RGB值为#006699。在object面板中把roundness的滑动杆拉到最顶端,100。设置完这些,一个圆角的矩形就了来了。
二、 此时圆角处于被选择状态,我们打开effect面板来增加实时特效。
(1) 在下拉菜单中选择shadow and glow->drop shadow增加阴影,具体设置看下图。使阴影淡淡的。
(2)加完阴影后,再从下拉菜单中选择shadow and glow->glow,增加发光效果,颜色选为#CCCCCC,其他设置参考下图。
(3)增加完实时特效后,图形如下
三、 用矩形工具再画一矩形,打开info面板,把这个矩形的W设为192,高度设为24,颜色为#84FFFF。同上面一个矩形一样,在object面板中,把roundness设为100。选中这个矩形,执行菜单命令modify->ungroup。
四、 用白色箭头工具,把矩形上部分的二个定位点向下拉,拉到如下图的位置。
五、 打开fill面板,设置edge为feather,其羽化值为18。
六、二个圆角矩形的放置位置如下。
七、再画个矩形,方法同上,info面板设置为W为212,H为30。Object面板中的roundness为100,用小刀工具把这个矩形从左到右分成上下二部分,用白色箭头工具,选择下面一部分,按del键删除。
八、在fill面板中把这半个矩形的填充类型设为linear,按edit按钮编辑渐变色,并用箭头工具调整渐变方向。设置edge为feather,其羽化值为8。
九、把上面把完成的半圆角矩形放在如下位置。
十、用文字工具,在text editor编辑窗口中键入DONGER这几个字,字体为arial black,尺寸为28,加粗。
十一、打开effect面板,为字增加阴影,其设置如下,阴影深度为12,透明度为29%,柔化度为4。
十二、把字放在如下位置。
十三、再做下面二个矩形,方法上面已经详述,这里不再重复了,其中的设置看下面二张图。
![]() |
![]() |
十四、把二个矩形按如下位置摆放。执行菜单命令modify->mask->group as mask.
十五、放置的正确位置如下
至此,这个按钮就算全部完工了,还有什么地方不懂的话,请发email联系我donger@citiz.net
更多精彩
赞助商链接