Photoshop按鈕教程

1、Photoshop制作非常精致的紅色水晶按鈕效果圖看上去有點復(fù)雜，其實構(gòu)成非常簡單，由金屬邊框及中間水晶部分構(gòu)成。制作之前可以先看一下作者的分解圖，然后由底部開始慢慢制作即可。最終效果<點小圖查看大圖>1、制作之前先來拆分一下按鈕，大致由一下幾部分構(gòu)成。 2、新建大小適當(dāng)?shù)奈臋n，新建一個圖層，用橢圓選框工具拉一個正圓選區(qū)，填充黑色，如下圖。3、給正圓添加圖層樣式，分別設(shè)置內(nèi)陰影、斜面與浮雕、漸變疊加，參數(shù)及效果如下圖。4、接下來，我們開始做內(nèi)圈，還是用橢圓工具畫一個圓，比底盤稍微小一點。5、添加圖層樣式，設(shè)置投影、內(nèi)陰影、斜面與浮雕、漸變疊加，參數(shù)及效果如下圖。6、下面開

2、始給內(nèi)圓添加細(xì)節(jié)，這是最初效果的步驟：新建圖層“光點”，用畫筆工具，用一個稍大的白色畫筆，在內(nèi)圓上點一下，改變圖層樣式為疊加模式，然后復(fù)制“光點”圖層2次。注意：為了防止光溢出，使用內(nèi)圓的選區(qū)做一個蒙版即可。7、繼續(xù)添加光感：新建圖層“內(nèi)圓”，用橢圓工具畫一個圓，用肩膀工具填充，并設(shè)置圖層混合模式為“疊加”，不透明度為：30%。8、添加陰影效果，如下圖。9、再次豐富細(xì)節(jié)：添加環(huán)境光和泛光，如下圖。10、用鋼筆工具畫一個圓形的路徑，然后用字體工具點一下路徑，在路徑上打上需要的文字即可。11、最后新建圖層，畫個圓形，高斯模糊，放在圖標(biāo)底部作為投影。最后加上背景，完成最終效果。*Photoshop制

3、作漂亮的藍(lán)色圓形水晶按鈕水晶按鈕的制作關(guān)鍵是把水晶質(zhì)感渲染出來?？赡芄闯龅膱D層較多，注意好每一個圖層都需要用圖層樣式等添加光感，然后再根據(jù)光源方向設(shè)定好高光位置，這樣做出的按鈕不僅質(zhì)感好，而且比較合邏輯。最終效果1、新建文檔，800x600像素，背景白色，畫2個矩形，分別添加樣式。2、底部矩形樣式。3、上部矩形樣式。4、在畫面右側(cè)添加一個白色橢圓，圖層模式柔光。5、建新層，畫一白色正圓。6、添加圖層樣式。7、建新層，畫一個小些的黑色正圓，與大圓中心對齊。8、添加圖層樣式。9、建新層，前景色#204478畫一音樂符號。10、添加圖層樣式。11、建新層，用自定義形狀工具畫一個白色正圓，然后用鋼筆調(diào)

4、整節(jié)點。12、將填充歸零，添加圖層樣式。最終效果：*Photoshop制作精致的透明玻璃按鈕作者寄語：本教程教大家制作一款簡單又美觀的玻璃按鈕，不用任何圖層樣式就可以做出非常漂亮的效果。用最簡單的方法制作最漂亮的作品。最終效果新建一個400 * 250像素的文檔，背景填充藍(lán)色：#106D98。1、新建一個圖層，命名為“玻璃邊框”，選擇矩形工具，半徑設(shè)置為25，然后拉出下圖所示的選區(qū)并填充白色。填色后不要取消選區(qū)。2、把當(dāng)前圖層復(fù)制一層，得到圖層副本，隱藏“玻璃邊框”圖層，保持選區(qū)，執(zhí)行：選擇 > 修改 > 收縮，數(shù)值為1，確定后按Delete 刪除。確定后不要取消選區(qū)。3、再新建一

5、個圖層，選擇菜單：選擇 > 修改 > 收縮，數(shù)值為1，然后選擇漸變工具，拉上漸變。漸變色設(shè)置如下圖，兩邊為白色，中間位透明。由上至下拉出線性漸變。4、輸入自己需要的文字，字體顏色為白色。5、新建一個圖層，命名為“下載”，用鋼筆工具勾出選區(qū)，并填充綠色，用來制作動態(tài)效果。6、調(diào)出“玻璃邊框”圖層的選區(qū)，新建一個圖層填充白色，設(shè)置不透明度為：20%，用矩形選框工具刪除其不需要的部分，如下圖。7、選擇菜單：窗口 > 動畫面板，選擇下載圖層，新建空白幀，使用移動工具把下載圖層向下移幾格像素。8、按住Shift 鍵選擇兩個幀，為其添加過渡幀。9、再為其添加時間為0.6秒，儲存為Web格

6、式所用，完成最終效果。最終效果：*Photoshop制作非常精致的藍(lán)色水晶按鈕水晶按鈕是非常常用的，制作方法按個人操作也有一些區(qū)別。下面的教程是用圖層樣式來完成主體操作。制作的時候只需用選區(qū)工具做出想要的按鈕形狀，然后添加圖層樣式和高光即可。最終效果1、打開Adobe Photoshop，執(zhí)行菜單：“文件”“新建”（快捷鍵Ctrl+N），彈出新建對話框，設(shè)置名稱：按鈕，寬度：570像素，高度：400像素，分辨率：72像素英寸，顏色模式：RGB顏色、8位，背景內(nèi)容：白色，設(shè)置完畢后單擊確定按鈕，如圖1所示。<圖1>2、在圖層面板上單擊創(chuàng)建新圖層按鈕，新建一個圖層4，再工具箱選擇圓角矩

7、形工具，并按住鍵盤中Shift不放在工作區(qū)拖出一個圓角矩形，按鍵盤快捷鍵Ctrl+Enter轉(zhuǎn)換為選區(qū)，設(shè)置前景色為藍(lán)色，按鍵盤快捷鍵Ctrl+D取消選區(qū)，如圖2所示。效果圖如圖3所示。<圖2>3、接著右擊圖層4，選擇混合選項，進(jìn)入到圖層樣式，分別勾選投影、外發(fā)光、內(nèi)發(fā)光、斜面與浮雕、光澤、漸變疊加選項，設(shè)置圖層樣式各項的值，參考下面的設(shè)置值，然后點擊確定按鈕，如圖4、5、6、7、8、9所示。效果圖如圖10所示。<圖4><圖5><圖6><圖7><圖8><圖9>4、選擇圖層4，復(fù)制一個圖層4副本并給圖層4副本添加

8、蒙版，如圖11所示。<圖11>5、單擊工具箱中的橫排文字工具 ，輸入school，然后在工具選項欄上設(shè)置字體參考圖12，如圖12所示。<圖12>6、在圖層控制面板新建一個圖層或者（按快捷鍵Shift+Ctrl+N），接著在工具箱中選擇鋼筆工具，在屬性欄中設(shè)置鋼筆為路徑，接著再工作區(qū)繪制出一個不規(guī)則的形狀，按鍵盤快捷鍵Ctrl+Enter轉(zhuǎn)換為選區(qū)，設(shè)置前景色為白色，按鍵盤快捷鍵Ctrl+D取消選區(qū)，并設(shè)置不透明度為20%。如圖13所示。調(diào)整后的效果圖如圖14所示<圖13>*Photoshop制作非常有質(zhì)感的彩色金屬按鈕本教程非常詳細(xì)的介紹高質(zhì)感的按鈕打造方法

9、。制作之前先大致了解一下按鈕的構(gòu)造，由底向上逐步把按鈕分解為一些圓形區(qū)域。然后由下至上用選區(qū)及圖層樣式做出各層的質(zhì)感和光感。最后再整體渲染即可。最終效果1、新建一個512 * 512像素的文檔，背景填充淡藍(lán)色。新建一個圖層，用橢圓工具在畫布中心畫一個白色圓形。然后給圓添加圖層樣式，參數(shù)及效果如下圖。2、如下圖所示繪制高光及反射的暗處，過程如下圖。繪制好后吧暗處部分復(fù)制一份，應(yīng)用垂直方向的動感模糊（濾鏡 > 模糊 > 動感模糊），總體效果如下圖。3、繪制環(huán)形的反射暗處和亮處，具體方法是用圓形形狀工具繪制圓形，之后用更小一些的圓形選區(qū)刪除中間部分。得到類似環(huán)的形狀；一些地方要配合使用模

10、糊和橡皮工具，將不用的地方擦去。另一塊黑色的暗處使用鋼筆工具勾勒出來填充黑色。4、新建一個圖層，用圓形工具繪制更小的圓形，位置居中，再添加下圖所示的圖層樣式。5、添加樣式后，中間的小圓有了一些凹陷效果，接著用鋼筆工具勾出簡單的水平S型波浪畫出中間小圓部分的明暗反射的界限，轉(zhuǎn)化為選區(qū)并填充黑色。左邊圓圈內(nèi)的效果是用橡皮和涂抹工具制作出來的。最后選擇小圓之外的部分，刪除多出的黑色。6、外圍金屬部分已經(jīng)基本畫好，現(xiàn)在繼續(xù)繪制內(nèi)嵌的部分。畫一個略小一圈的黑色圓形，如下圖所示設(shè)置圖層樣式。7、內(nèi)嵌的高光部分為白色，透明度為：50%；用鋼筆勾出水平的S型選區(qū)，然后刪除下半部分。用更小的圓形繪制中間部分的鏡

11、頭，因為鍍膜的效果，所以是藍(lán)色到紫色的漸變，如下圖。8、繪制鏡頭內(nèi)側(cè)的細(xì)節(jié)，也就是高光和陰影部分，圖層樣式設(shè)置如下圖。9、最后在里層繪制最后的鏡頭漸變，漸變顏色設(shè)置如下圖。之后應(yīng)用高斯模糊進(jìn)行適度的模糊處理。10、添加高光的細(xì)節(jié)，如圖紅圈部分，繪制橢圓然后應(yīng)用水平的動感模糊和高斯模糊。11、繼續(xù)添加高光的細(xì)節(jié)，如圖紅圈部分，繪制橢圓然后應(yīng)用水平的動感模糊、垂直的動感模糊和高斯模糊，圖層混合為“疊加”。12、最后繪制中間區(qū)域的大面積反光，用形狀工具得到橢圓的路徑，用路徑選區(qū)工具選擇下端的描點，往上移動就得到被壓扁的橢圓形的形狀。最后略微調(diào)整一下曲線和顏色，完成最終效果。 *利用圖層樣式

12、制作可愛的寶石質(zhì)感按鈕本教程介紹非常通透的寶石質(zhì)感按鈕的制作方法。大致過程：先用選區(qū)工具做出想要的形狀，調(diào)色后用一些圖層樣式做出紋理和質(zhì)感效果。然后再加上高光和文字即可。最終效果1、打開下圖所示的背景素材。2、選擇“橢圓”工具進(jìn)行繪制。3、雙擊圖層縮覽圖，設(shè)置打開的“拾取實色”對話框。4、執(zhí)行“編輯”“變換”“變形”命令。5、為“形狀 1”添加“內(nèi)陰影”圖層樣式效果。6、設(shè)置“圖案疊加”圖層樣式。7、新建“圖層 1”，選擇“矩形選框工具”繪制選區(qū)。8、設(shè)置漸變色，并填充選區(qū)。9、新建“圖層2”，設(shè)置漸變色并填充選區(qū)。10、設(shè)置“圖層2”的混合模式為“柔光”。11、設(shè)置“圖層1”的混合模式為“強(qiáng)

13、光”。12、選擇“圖層 1”圖層，執(zhí)行“圖層”“創(chuàng)建剪貼蒙版”命令。13、為“圖層 2”創(chuàng)建剪貼蒙板。14、選擇“橢圓”工具進(jìn)行繪制。15、切換到“路徑”調(diào)板將路徑作為選區(qū)載入。16、切換回“圖層”調(diào)板，新建圖層并填充漸變色。17、使用橫排文字工具，創(chuàng)建文字。18、為文字添加“外發(fā)光”圖層樣式效果。19、設(shè)置“斜面和浮雕”圖層樣式。20、設(shè)置“等高線”。21、設(shè)置“描邊”圖層樣式。22、為圖像添加陰影。23、參照以上方法制作出其他圖像，完成最終效果。*透明水晶圓形按鈕1.新建文件，寬、高都為5，單位cm，分辨率200，模式為RGB，白色背景。2.用圓形選框工具畫出圓形選框，在選區(qū)內(nèi)點鼠標(biāo)右鍵，

14、選“通過拷貝的圖層”項（圖層1）。3.新建圖層（圖層2），使用漸變工具，設(shè)置成“前景色到透明漸變”，前景色設(shè)置為R：255，拉出如圖漸變。4.新建圖層（圖層3），在新圖層上用噴筆畫出陰影（也可填充顏色，然后用橢圓選區(qū)羽化后刪除，但是那樣效果沒有用噴筆來得自然好看，小魔星就不在此贅述：P）5.新建圖層（圖層4），在新圖層上畫出橢圓選區(qū)。6.在圖層4上使用漸變工具，前景色設(shè)置為R：255；G：255；B：255。7.新建圖層（圖層5），使用鋼筆工具任意畫一個圖形。8.在路徑工作區(qū)中點選“將路徑作為選區(qū)載入”，將鋼筆路徑轉(zhuǎn)換成選區(qū)。9.填充前景色。10.將圖層5拉至圖層4之下。11.圖層屬性設(shè)置為“

15、疊加”。12.把工作區(qū)換到圖層1（通過拷貝的白色圓形），雙擊圖層，跳出圖層樣式框，參數(shù)設(shè)置如圖。13.現(xiàn)在就是大功告成拉哈哈哈如果想再做其他顏色的水晶按鈕不必再一個個重復(fù)做只要點ctrl+U調(diào)整色相就OK了：）*PS制作玻璃水晶按鈕最終效果圖1.首先新建文件，選擇圓角矩形工具，繪制出圓角矩形。如圖1。2.將路徑轉(zhuǎn)換為選區(qū)，新建圖層，使用漸變工具繪制出85%灰度到25%灰度對角線漸變。如圖2。3.取消選區(qū)。使用圖層樣式，給圓角矩形增加內(nèi)陰影，參數(shù)設(shè)置如圖。如圖3。4.勾畫出如圖的選區(qū)。如圖4。5.新建圖層，拉出透明到白色漸變。如圖5。6.新建圖層，在矩形左上角勾出如圖選區(qū)并拉出白色到透明漸變。如

16、圖6。7.新建圖層，使用橢圓選區(qū)工具繪制如圖所示的兩個橢圓選區(qū)并羽化填充。如圖7。8.勾畫出如圖所示的選區(qū)。如圖8。9.新建圖層，拉出白色到透明漸變，并將該層不透明度減低為70%。將所有圖層合并（背景層除外），通過色彩平衡來為按鈕上色。如圖9。10.選區(qū)按鈕的選區(qū)并將其擴(kuò)大。如圖10。11.使用噴筆繪制出明暗對比效果。如圖11。12.使用圖層樣式為按鈕底座增加外發(fā)光效果。如圖12。13.新建圖層打入按鈕上面的文字并將圖層混合模式調(diào)整為疊加。OK，大功告成！如圖13。*Photoshop制作精致的帶金屬邊框的水晶按鈕本教程的按鈕大致分為兩個大的部分來制作。首先是金屬邊框部分，用到的圖層比較多，每一個圖層都需要加上金屬漸變色及圖層樣式。然后就是中間的紅色水晶部分的制作，方法與前面的基本相近。最終效果1、打開photoshop，新建一圖層，按Shift使用橢圓工具畫一正圓形。2、然后雙擊圖層1，在圖層1的混合屬性中做如下設(shè)置：3、按Ctrl單擊圖層1，使圖層1載入選區(qū)，依次點擊菜單欄中的選區(qū)修改收縮，設(shè)置收縮量為2。4、選取橢圓選框工具，設(shè)置為選區(qū)叉：5、使用橢圓選框工具在圖層1的選區(qū)上畫橢圓，兩選區(qū)交叉后效果如下：6、新建圖層2，使用漸變工具在拉漸變，取消選區(qū)，將圖層透明度設(shè)為6