紐扣式按鈕設(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è)紐扣，加上針縫線。這樣就更加熟悉和親切了。
②潤色整個(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。
]]>
教程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為Linear線性填充，選擇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按鈕完成！
