PS五種水晶按鈕制作教程集合

1、實用標準文案文檔大全圓形水晶按鈕制作教程1.1.新建文件，寬、高都為 5 5，單位 cm,cm,分辨率 200200,模式為 RGBRGB 白色背景2.2.用圓形選框工具畫出圓形選框， 在選區(qū)內點鼠標右鍵， 選“通過拷貝的圖層”項 （圖層 1 1 ）。實用標準文案文檔大全3.3.新建圖層（圖層 2 2）,使用漸變工具，設置成“前景色到透明漸變”，前景色設置為R R: 255255，拉出如圖漸變。實用標準文案文檔大全4.4.新建圖層（圖層 3 3）,在新圖層上用噴筆畫出陰影（也可填充顏色，然后用橢圓選區(qū)羽化后刪除，但是那樣效果沒有用噴筆來得自然好看，小魔星就不在此贅述：P P）5.5.新建圖層（

2、圖層 4 4）,在新圖層上畫出橢圓選區(qū)實用標準文案文檔大全6.6.在圖層 4 4 上使用漸變工具，前景色設置為R:R: 255255; G:G: 255255; B B:7.7.新建圖層（圖層 5 5），使用鋼筆工具任意畫一個圖形255255。實用標準文案文檔大全8.8.在路徑工作區(qū)中點選“將路徑作為選區(qū)載入”，將鋼筆路徑轉換成選區(qū)實用標準文案文檔大全10.10.將圖層 5 5 拉至圖層 4 4 之下實用標準文案文檔大全基麗-二不透明度：11 血 U鎖定：廠3廠扌廠中廠鶴i 富r-1圖層 4圖層 51ASR31r2廚展 I GI 塗1背景S11.11. 圖層屬性設置為“疊加”廊麗jjjjj口不

3、透翅鎖走：廠B3 r / r *實用標準文案文檔大全實用標準文案文檔大全12.12. 把工作區(qū)換到圖層 1 1 （通過拷貝的白色圓形），雙擊圖層，跳出圖層樣式框，參數設置如圖。13.13. 現在就是大功告成拉哈哈哈如果想再做其他顏色的水晶按鈕不必再一個個重復做只要點 ctrl+Uctrl+U 調整色相就 0K0K 了 ：）實用標準文案文檔大全金屬邊框按鈕.背景的制作：1.打開 photoshop 新建一個 400*400 的文件 最好是RGB顏色用黑白圓形漸變繪制如 圖 2所示漸變因1口|實用標準文案文檔大全2.選擇濾鏡 雜色 添加雜色數值如 所示屮底紋效果Ctrl+FL畫筆描邊k模糊k扭曲銳

4、化視頻素描像素化卜渲染卜藝術效果雜色耳它卜Digimarck1濾鏡（D 視圖窗口（曲幫肋鬲回布顯中間值添加雜色超與劃瘟 去斑打印3.選擇濾鏡 藝術效果 底紋效果數值如 所示實用標準文案文檔大全忝加雜色Ctrl-H= -O _EZL4=3-1鳳格化1 ,.1回筆描邊複糊卜扭曲樹化視頻素描像素化渲染1 藝術效果n莘畫雜色彩色鉛筆苴它粗糙蠟筆底級效屮Digimarc卜調色兀1濾頸（I）視劉力窗口（世）幫肋（也紋理覆蓋10-ZS背景效果圖如圖 5（第一步大功告成）:紋理：兩SJ縮放向 i %凸現R_S：光照方時：顧3r反相實用標準文案文檔大全一.水晶部分的制作：1.新建一個圖層命名為水晶-底 1”，按

5、 Ctrl + R 調出標尺 拉兩條如圖所示參照線，以參照線的交點為圓實用標準文案文檔大全心，用橢圓選取工具按住 ALT + Shift 繪制 圖 6 所示的正圓。實用標準文案文檔大全2.按 Ctrl + 隱藏參照線，選擇漸變工具在水晶-底 1”這層繪制漸變，漸變顏色：黑白漸變，漸變方式:實用標準文案文檔大全放射性漸變，漸變路線：由選區(qū)的左上角按住 Shift 向右下方漸變 如圖 7實用標準文案文檔大全3.按 Ctrl + D 取消選區(qū)漸變的效果如圖 8實用標準文案文檔大全4.雙擊圖層 水晶-底 1”調出 圖層樣式 分別選擇描邊和投影相關參數如 圖 9 圖 10 效果如 圖 11實用標準文案文

6、檔大全實用標準文案文檔大全不透明度 1100% IHFl ram6&pILM水晶-底 1 QPHOTOSHOP 聯盟警鬥J 團層鎖定：r r 廠中廠 pd1鼻丨31口I乞l fill前1/實用標準文案文檔大全5用橢圓選取工具在剛繪制圓形上繪制如圖12 所示的橢圓，按 Ctrl + Alt + D 羽化，數值為 25,再按 Ctrl+ M 把所選的區(qū)域調成高光如圖13實用標準文案文檔大全6按 Ctrl + D 取消選區(qū)，在 水晶-底 1”上面新建一層命名為：水晶-底 2”再按 Ctrl + 調出參照線，然Z-jf f9-.1.i./nPHOiU|n|xi3a取消存儲自動輸入平涓,追通道功

7、實用標準文案文檔大全后用橢圓選取工具繪制圖14 所示的正圓。實用標準文案文檔大全m.GBFS CUM1冰晶-底!i G l U3I DI r ll7.用漸變工具繪制漸變：漸變顏色：黑白漸變，漸變方式：放射性漸變，漸變路線：由選區(qū)的右下角按住醫(yī)當 T不透明度.團層 V 道湖徑鎖定：r H r r 4*史記:水晶-底2Shift 向左上角方漸變 漸變效果如圖 15實用標準文案文檔大全實用標準文案文檔大全8.不要取消選區(qū)，在圖層 水晶-底 2”上再新建一層命名為：水晶-底 3”，選擇：選擇 修改 收縮 數 值為：3 如圖 169在圖層 水晶-底 3”繪制漸變：漸變顏色：深綠(R:0 G:63 B:4

8、1 )白漸變，漸變方式：放射性漸變，漸變路線：由選區(qū)的右下角按住 Shift 向左上角方漸變 按 Ctrl + 取消參照線漸變效果如圖 17實用標準文案文檔大全10.雙擊水晶-底 3”調出圖層樣式，選擇描邊，數值為 1,顏色為黑色，透明度為 25%，在水晶-底 3”上面新建一層命名為：水晶-內陰影”調出水晶-底 3”的選區(qū)，（方法：用鼠標點擊圖18 紅色部分位置，下同）填充黑色。U I 1 T I tt水晶底 3 G g水晶-底 2水晶底 1 Q背寰水晶一內陰影實用標準文案文檔大全11.選擇菜單：選擇 修改 收縮 數值為：3 再按 Ctrl + Alt + D 羽化，數值為 5，按刪除鍵刪掉選

9、擇部 分，取消選區(qū)（按 Ctrl+D ）效果如圖 19。實用標準文案文檔大全12.在水晶-內陰影”上新建一層命名為 水晶-內發(fā)光”調出 水晶-底 3”的選區(qū)（方法參照第 9 步下同），填充白色，選擇菜單：選擇 修改 收縮數值為：3,再按 Delete 刪除中心部分如圖 20。實用標準文案文檔大全13.選擇橡皮工具，設置如圖21，把白圈的部分地方擦除，效果如圖2214.在水晶-內陰影”上新建一層命名為 水晶-底高光”調出 水晶-底 3”的選區(qū)(方法參照第9 步下同)，畫筆：80V名稱：|未命名的直檯：破度角度:(5度(7 間距不透明度，：|3 曲|卜辱 3 不透明蠱：匡戡定廠巳廠刃廠屮廠實用標準

10、文案文檔大全用橢圓選取工具按住 ALT 鍵，在選區(qū)切出如圖 23 所示的選區(qū)，按 Ctrl + Alt + D 羽化數值為 3，再填充白 色，取消選區(qū)，把圖層的透明度調為 30%如圖 24o實用標準文案文檔大全15.在水晶-底高光”上新建一層命名為水晶-大光圈”，按 Ctrl +調岀參照線，在中心繪制一個正圓填充鎖定：r 0 r r 中廣臺同廠逾廠0廠水晶一底高光水晶一的陰影水晶-底 3 $水晶一底實用標準文案文檔大全白色，取消選區(qū)，把這層的透明度調為 10%效果如圖 25。三 I 不透明鎖定水晶一底高光凰層弋道稀徑兀更砲水晶一大光圈 I 水晶一肉發(fā)光實用標準文案文檔大全16.在 水晶-大光圈

11、”上新建一層命名為 水晶-頂高光”，按 Ctrl +調岀參照線，在中心繪制一個正圓填充白色，取消選區(qū)，再添加蒙版如圖2617.選擇黑白漸變，方向：從上到下漸變，效果如圖27。18.在水晶-大光圈”上新建一層命名為：水晶-底高光 1”，調出 水晶-底 3”的選區(qū)，選擇菜單：選擇 修改 收縮 數值為：4,再用橢圓選區(qū)工具 按住 ALT 鍵切出圖 28 所示的選區(qū)，然后填充白色。實用標準文案文檔大全31匚廠rI水晶一頂高光水晶一底盲光1水晶一大光圈水晶底髙光19.取消選區(qū)，用鋼筆工具把尖角的地方勾出圓角，按 Ctrl + Enter 調出選區(qū)再按 Delete 刪除選區(qū)部分。如圖 29,30。r來晶

12、一內灰光聲n! 1水晶頂肓光1水晶底高光1r就晶 11 犬光圈r水晶底咼光實用標準文案文檔大全20.取消選區(qū)，添加蒙版，用黑白漸變按圖31 所示方向漸變21.在水晶-底高光 1”上新建一層命名為： 水晶-底高光 2”用橢圓選取工具繪制一個小橢圓，填充白色如圖 32 所示，再按 Ctrl + T 調出變形工具，把橢圓略向上傾斜，按 Enter 鍵應用變形如圖 33 所示。實用標準文案文檔大全22.在水晶-底高光 2”上新建一層命名為： 水晶-頂反光1”用鋼筆工具繪制如圖 34 所示的圖形,Enter 調出選區(qū)，再填充白色，然后按Ctrl + D 取消選區(qū)。I 百璋-不逵明度：now I 上鎖定：

13、廠廠廠令廠Ctrl +實用標準文案文檔大全23.添加蒙版，用黑白漸變按圖35 所示方向漸變實用標準文案文檔大全24.在水晶-頂反光 1”上新建一層命名為：水晶-頂反光 2”用橢圓選取工具繪制一個小橢圓，填充白色，再按 Ctrl + T 調出變形工具，把橢圓略向上傾斜，按一下Enter 鍵，再把這層的透明度調為 60，如圖 36所示。正常上:不透明矗：（60% 1 灶）鎖定：廠廠扌廠中廣 D匾 01水晶一頂覆光 2ilrng水晶一頂反光 1實用標準文案文檔大全25.按 Ctrl + J 把 水晶-頂反光 2”復制一層命名為水晶-頂反光2top ”再回到 水晶-頂反光 2”這層，選擇菜單：濾鏡 模

14、糊 高斯模糊數值為 3.5 效果如圖 37實用標準文案文檔大全26.到這一步為止水晶部分的效果就算完成了，不過有些不滿意的地方，我們自己可以適當的再調整一下, 盡量讓自己滿意。二.文字部分的制作1.在圖層的最上面新建一個圖層用文字工具打上68ps幾個字如圖 39前 二|不透明度 鎖定：P65/廠+實用標準文案文檔大全2.雙擊圖層，調出圖層樣式依次進行：投影、外發(fā)光、斜面和浮雕及描邊的設置，設置參數如下圖投影外發(fā)光實用標準文案文檔大全斜面浮雕團層襌式拝式混合選項:獸認廠內陰影7 外發(fā)光廠內發(fā)光等熒_d 斜面和浮雕-結初祥式：麗面二 I方法：序潛 3 探度（J.） : I_占I2ZT %方向：涇上

15、下大小塔）：DI（3 像素軟化迢）:凸像素L 陰影描邊廠光澤 廠顏色疊加廠潘變疊加 廠團案疊加 廠描謹箱度:咼度|120 度P 使用全局光世）|30 度光澤等高線:r 消除鋸齒（1）咼光模式：|屋喜-二| |不透明度）: iI ?5常賠調模式：正片春鹿丄| 蘋透明度: I_I 75舊實用標準文案文檔大全實用標準文案文檔大全效果3.刪格化圖層，并鎖定圖層，具體設置如圖實用標準文案文檔大全j 圖展氣 31 這躋徑爼歷史記錄O 3 不逶明度；匝亟4.選擇漸變工具設置如圖 41,漸變方向如圖 425用噴槍工具，壓力為 20%左右，適當的用黑色和白色噴出文字的暗光和高光，整體效果如圖43鎖定：PQ3廠#

16、廠中廠百實用標準文案文檔大全最后給整個按鈕制作一點小裝飾，最終效果就做好了!實用標準文案文檔大全最終效果實用標準文案文檔大全方形水晶按鈕1.新建一個 300 * 200 像素的文件，定義圓角矩形大小為250 * 120實用標準文案文檔大全A a|oQ o 必同 半徑:? 口圓角拒形選項O 不受鉤束O 方老土固定太小W： 250px比120 pxO 比例H：從中右時齊像素1 新建一個 300*200 像素的文檔丿辰義圓角矩形大小為 250 幻 20| ；2.復制圓角矩形圖層并縮小實用標準文案文檔大全2 復制圓角矩形圖層菇縮小Q- 6-C門令t5口-cw95.0%遷H:gao%0.0度H:0.0度

17、V:實用標準文案文檔大全3.給底部圓角矩形加個漸變疊加，這里具體顏色頭可以先不管，是同一色相調整不同明度就可以了實用標準文案文檔大全這里具體顏色都可以先不管耳一,r更是同丄薛遇整丕凰明度就旬以了匚4.這是是具體的簡便顏色設置樣式（小對稱的-:：層對齊縮放:； 90角度（皿;規(guī)合模式：正常 不透明度:實用標準文案文檔大全色標置0A- M UK度%5.給上邊的矩形添加樣式Ac3度%實用標準文案文檔大全內陰影回外發(fā)光內發(fā)光I-.I 斜面和浮雕等高錢I_ITtti 口倍七齊仆譏投影回的陰影距離(Q)： _陰塞 Q - 劉:回便用全局光伍0像素|o_ %15-像素外發(fā)光內發(fā)光斜面和浮雕等高銭皺理光澤r航

18、免售協混合模式：正片疊底 靜不透明度|751%雜色迎:-|0|%圖素-方法(:柔和*和(臼：- -Or|so- 1%大?。篔乜像素0冷t5 紿上邊的矩形添加樣式, 鋼 a謝感 T * *施:r 卩位 S(Q)：迺%6.設置前景顏色為白色，用橢圓工具畫出如圖形狀并設置不透明度為50%，操作如下圖實用標準文案文檔大全7.載入上部矩形為選區(qū)并新建圖層用白色描邊，并給該圖層添加一個蒙版用漸變工具作出下圖效果橢園正具國出如圖裁砸麗軌為選區(qū)實用標準文案文檔大全描邊寬度阻）：?px顏色:泣査再次載解部矩形為選區(qū)，新建圖展用亠白色描邊怦垃云 般加屋添加蒙板匹J 用漸吏工冥腋茁如圖效果姙）r *-*8.隱藏背景圖層，蓋印圖層，并用自由變換工具做成倒影。正常V 不透明度:100% 1鎖定：,中 9埴充:100% 卜9$追口丘形狀 2團層、順帶看看圖層情況吧0 內部:居中匚居外也實用標準文案文檔大全&隱藏背景圖層二蓋 ED同梯給圖辰淹加蒙板作出漸孌效果9.加上文字實用標準文案文檔大全3 加生自己喜歡的交寄: r基本OK了10.最后添加一個色相飽和度可以調成自己喜愛的顏色實用標準文案文檔大全動最后