紐扣式按鈕設(shè)計(jì)效果圖
設(shè)計(jì)制作方法：
1.先鋪個(gè)背景，如果你已經(jīng)想好要基礎(chǔ)的按鈕顏色最好。（選定顏色，濾鏡-雜色）
2.一層層的畫。從底部最下面一層開始。
3.①第一個(gè)圓盤：這個(gè)圓餅就是開山鼻祖了！這個(gè)圓餅后面的走勢(shì)一開始可能已經(jīng)有人想好了，或者沒有想好，就是隨手一畫的那樣的也可以，未知的可能更有意思。漸變，投影。
②這個(gè)技法很簡(jiǎn)單，但是這樣的顏色是需要一定的經(jīng)驗(yàn)或者試錯(cuò)調(diào)出，可能一開始也不一定是這樣的顏色，最后可以綜合調(diào)整。
紐扣式按鈕設(shè)計(jì)圖（一）
4.①圓餅有漸變之后，光線上下走動(dòng)。復(fù)制一層，變化樣式，制作輕輕的凹陷感覺。至此，圓碟紐扣出現(xiàn)。
②切勿生硬，浮雕樣式可以說是不借助手繪板來涂抹之外的最高效的功能。浮雕的柔度，決定了微質(zhì)感的視覺柔度。個(gè)人以為十分的關(guān)鍵。
紐扣式按鈕設(shè)計(jì)圖（二）
5.①重復(fù)上面的步驟，可以做出圓碟上的“食物”。這里需要考慮的是快速制作。復(fù)制為新組，然后微調(diào)整，你會(huì)發(fā)現(xiàn)很難實(shí)現(xiàn)。
②這個(gè)“食物”也是有厚度的，四周的指示符號(hào)可以暫時(shí)不去理會(huì)。
6.①接下來，再次重復(fù)之前的圓碟設(shè)計(jì)方法，這樣層次感覺就更加突出了。
②然后再加上一個(gè)內(nèi)嵌感覺的凹槽，隱喻可點(diǎn)擊。
紐扣式按鈕設(shè)計(jì)圖（四）
7.①最后，我們可以在碟片機(jī)邊緣發(fā)揮下想象力。比如,為了讓其更像一個(gè)紐扣，加上針縫線。這樣就更加熟悉和親切了。
②潤(rùn)色整個(gè)畫面，就價(jià)格雜色背景都行。
紐扣式按鈕設(shè)計(jì)成品圖
在開始制作以前你必需要掌握相關(guān)的PHOTOSHOP基礎(chǔ)知識(shí)。希望你能喜歡這個(gè)教程。。
通過本教程，你將學(xué)會(huì)如何制作一個(gè)下圖所示的一個(gè)動(dòng)感十足的網(wǎng)頁按鈕。。
下面我們開始制作。
首先你需要用鋼筆工具作出一個(gè)和圖中相類似的形狀，形狀完成后用CTRL+ENTER轉(zhuǎn)換成選區(qū)；再隨便使用一個(gè)顏色填充；在打開雙擊此圖層打開圖層樣式對(duì)話框，勾選漸變疊加做以下設(shè)置：
再在其上面建立一個(gè)新圖層并用鏈接按鈕將它們鏈接起來，在按CTRL+E將這2個(gè)圖層合并。（這么做的目的是用一個(gè)空的圖層與帶有圖層樣式的圖層鏈接合并后，可以把帶有圖層樣式的圖層樣式效果保留下來。
如果沒有做的話，下面的加深減淡工具在對(duì)帶有圖層樣式的圖層進(jìn)行編輯的時(shí)候，將看不見加深減淡工具對(duì)此圖層編輯后的效果。）
現(xiàn)在在選用工具箱中的減淡工具，選中頂部色設(shè)置欄中的噴槍按鈕，設(shè)置畫筆的大小為100PX，范圍為中間調(diào)。在球體上部區(qū)域給球體增加立體效果：
再用加深工具在球體下部對(duì)其加深做進(jìn)一部細(xì)化，設(shè)置和上面設(shè)置相同。現(xiàn)在執(zhí)行選擇-修改-收縮命令，將球體的選擇區(qū)收縮2個(gè)象素后點(diǎn)確定；在執(zhí)行選擇-反選命令，用圖象-調(diào)整-色階命令將球體的外邊緣調(diào)的亮些。
現(xiàn)在按CTRL+單擊球體圖層，在載入球體選擇區(qū)后用選擇-變換選區(qū)命令將球體選區(qū)上移
在用圖象-調(diào)整-色階命令將內(nèi)部的選擇區(qū)調(diào)的亮些。
在次重復(fù)以上步驟將選擇區(qū)下移到球體中合適位置用圖象-調(diào)整-色階命令進(jìn)行調(diào)整。
現(xiàn)在用減淡工具在對(duì)球體局部進(jìn)行亮度處理，設(shè)置噴槍，畫筆大小為30。
#p#副標(biāo)題#e#
用加深工具對(duì)球體底部進(jìn)行暗調(diào)的亮度處理，加大球體的對(duì)比度及高光與暗調(diào)部分亮度的反差。
現(xiàn)在在球體圖層下面建立一個(gè)新圖層，然后按CTRL單擊球體圖層載入選區(qū)，用變換選區(qū)命令將選擇區(qū)擴(kuò)大一些并填充一個(gè)單色。雙擊剛建立的用單色填充了的圖層用以打開圖層樣式設(shè)置，選中漸變疊加樣式作出一個(gè)從黑色到深灰色的垂直漸變。
在背景層上面建立一個(gè)新的圖層，用橢圓選框工具從球體中心位置作出正圓選區(qū)在用黑色填充取消選擇。
在用橢圓選框工具逐一選中并刪除該層中不需要的部分。
現(xiàn)在回到球體下那個(gè)用漸變樣式編輯了的圖層，在它上面建立一個(gè)新的空白圖層然后用鏈接將2者鏈接起來后按CTRL+E與起合并。（為什么要這么做？原因我前面已經(jīng)講過這里不在贅述）在用減淡工具對(duì)邊緣進(jìn)行高光部分的亮度處理。
現(xiàn)在選中背景圖層上的用黑色填充的圖層，雙擊打開其圖層樣式設(shè)置，設(shè)置漸變疊加樣式：漸變編輯器中的設(shè)置為深灰-灰-深灰-灰-深灰。在在上面建立一個(gè)空?qǐng)D層鏈接后合并。
在用加深減淡工具加大局部對(duì)比，畫筆大小50象素。
在保持此圖層選擇區(qū)是選中的情況下，執(zhí)行選擇-修改-收縮命令，收縮2個(gè)象素值；接著執(zhí)行選擇-反選，用圖象-調(diào)整-色階命令，將外部邊緣的亮度值調(diào)的低一些。
#p#副標(biāo)題#e#
現(xiàn)在在背景層上建立一個(gè)新圖層，用多變形套鎖工具作出和以下相類似圖象。
在這個(gè)剛作好的圖層上執(zhí)行選擇-修改命令修改2個(gè)象素。用色階命令將選擇區(qū)中的亮度值調(diào)的低些。
用加深工具對(duì)內(nèi)部加深處理。
在用選擇-變換選區(qū)命令將選擇區(qū)縮小些，在用加深工具進(jìn)行加深處理。
繼續(xù)重復(fù)以上步驟，直到認(rèn)為滿意為止。
現(xiàn)在按CTRL+j把此圖層復(fù)制出4個(gè)放置在圖象中的合適位置。
在背景圖層上建立一個(gè)新圖層，在用鋼筆工具作出線狀的路徑轉(zhuǎn)換成選區(qū)后用深點(diǎn)的天藍(lán)色填充，注意不要取消選擇。
在保持選擇情況下執(zhí)行選擇-修改收縮命令，收縮3個(gè)象素。對(duì)“線”內(nèi)部的顏色用減淡工具進(jìn)行處理到合適的亮度；在執(zhí)行選擇-反選命令對(duì)“線”的外部進(jìn)行暗調(diào)處理。
#p#副標(biāo)題#e#
在把線的這個(gè)圖層也多復(fù)制幾個(gè)合并后移動(dòng)到圖象中的合適位置。
現(xiàn)在來添加文字，在最頂部的圖層上建立文字圖層。
按CTRL+j把文字圖層復(fù)制一份，執(zhí)行編輯-變換-垂直翻轉(zhuǎn)命令，移動(dòng)到合適位置在設(shè)置圖層混合模式為疊加
現(xiàn)在把文字圖層與其文字倒影層一起合并在用橡皮擦工具擦除多余的部分。
現(xiàn)在雙擊此圖層打開圖層樣式設(shè)置做以下設(shè)定：
以上就是這個(gè)教程的全部制作經(jīng)過，到此全部結(jié)束，在來看看結(jié)果吧。
教程PNG文件
首先建立新文件，大小為420*220，背景設(shè)置為透明然后畫出按鈕的輪廓，我們可以使用畫筆，建立一個(gè)圓角矩形。打開標(biāo)尺，選擇菜單View>Rulers，然后拖曳出兩根水平導(dǎo)線定好按鈕的上邊和下邊。建立一個(gè)圓，將鼠標(biāo)指針放在上面的導(dǎo)線上，按住Shift拖曳出圓形，終止于下面的導(dǎo)線上，選擇白色填充。
為了建立另外一個(gè)圓，拷貝第一個(gè)圓，然后粘貼在工作區(qū)里，使用鼠標(biāo)移動(dòng)第二個(gè)圓到右邊位置，移動(dòng)時(shí)按住Shift鍵，這樣可以平行移動(dòng)，接著畫出一個(gè)矩形放在兩個(gè)圓中間，如圖。選擇圓和矩形，Modify>Combine>Union合并，我們就做好了按鈕的輪廓
現(xiàn)在使用復(fù)制層選項(xiàng)建立一個(gè)新層，命名為Reflex。
選擇第一層使用相近于apple按鈕的顏色填充，設(shè)置RGB色為#283c78，然后使用油漆桶工具填充輪廓，接著，我們要建立按鈕上方的光影，選擇Reflex層，選擇變形工具Ctrl+T，如圖所示變形，或者你可以使用info面板，設(shè)置寬為289，高為43。
仍然在Reflex層，建立一個(gè)白色矩形覆蓋在原來的變形區(qū)域上，我們要給它建立遮照。點(diǎn)擊D鍵，刪除掉邊框，然后選擇Fill為L(zhǎng)inear線性填充，選擇Paint Bucket工具移動(dòng)填充控制柄，改變漸變填充的方向，如圖所示，然后同時(shí)選擇漸變矩形和倒影區(qū)，使用Select Behind工具，或者按V鍵，最后旋轉(zhuǎn)菜單Modify>Mask Group>Mask to Image，結(jié)果如圖。
建立一個(gè)新層，命名為inf，在導(dǎo)線之間建立一個(gè)圓，選擇Fill面板，選擇radial選項(xiàng)。選擇Edit Gradient修改漸變選項(xiàng)，在彈出的面板里，分別設(shè)置RGB色為#b4e6fa和#283c78。
保持圓為選擇狀態(tài)，使用小刀工具將其分成兩半，然后使用移動(dòng)工具將兩半分別移到按鈕的兩頭，選擇其中半個(gè)圓，使用菜單Modify>Merge Images，然后使用Marquee工具選擇2pixels寬的的矩形。
單擊v鍵，按住Alt鍵用右鍵頭水平移動(dòng)矩形，直到到達(dá)另一個(gè)半園。
全選inf層，選擇菜單Modify>group，然后將其往下移動(dòng)，按Ctrl＋T變形，移動(dòng)到原來的輪廓高度的三分之一的位置處，使用Info面板設(shè)置它的寬為310，高為87。
使用濾鏡Xtras>Blur>Gaussian Blur高斯模糊，設(shè)置為18，現(xiàn)在怎么樣，看上去有點(diǎn)像Apple按鈕了吧，我們?cè)偌由衔淖帧?BR>
現(xiàn)在我們要讓它有透明感。先建立邊框發(fā)亮的效果。建立新層放在最上面，命名為amschera，選擇Marqree工具，選擇Options面板，設(shè)置邊界Feather羽化，設(shè)置羽化度為66。拖曳出矩形覆蓋在按鈕上，選擇Paint Bucket工具，設(shè)置顏色為白色，再選擇Options面板設(shè)置邊界反鋸齒，tolerance為90，填充選擇區(qū)。按Ctrl＋Shift＋I(xiàn)反選，按Del鍵刪除多余的白色，然后Edit>Deselect取消選擇。使用Magic工具，設(shè)置Options面板為邊界反鋸齒，tolerance容差為110，選擇你剛剛建立的中心部分，按Del再取消選擇。最后，給該層應(yīng)用高斯模糊，設(shè)置為7。
接著我們加上墻紙，因?yàn)樗梢允雇该鞫仍鰪?qiáng)。建立新層，命名為Background，建立矩形區(qū)，填充為：solid,顏色為:#999999，Amount:100%。
接著建立陰影，復(fù)制inf層，命名為shade，位置放在第一層下面。選擇Object面板設(shè)置Blending Mode混和模式為multiply，透明度為75%，為了效果更加真實(shí)，將inf層的明亮度提高15%，選擇菜單Xtras>Adjust Color>Brightness/Contrast。隱藏background、shade和文字層，然后選擇Modify>Merge Layers。
最后，選擇Xtras>Adjust Color>Brightness/Contrast對(duì)比度增加15%，然后設(shè)置透明度為80%。OK，Apple按鈕完成！
