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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

15、下大小塔）：DI（3 像素軟化迢）:凸像素L 陰影描邊廠光澤 廠顏色疊加廠潘變疊加 廠團(tuán)案疊加 廠描謹(jǐn)箱度:咼度|120 度P 使用全局光世）|30 度光澤等高線:r 消除鋸齒（1）咼光模式：|屋喜-二| |不透明度）: iI ?5常賠調(diào)模式：正片春鹿丄| 蘋透明度: I_I 75舊實(shí)用標(biāo)準(zhǔn)文案文檔大全實(shí)用標(biāo)準(zhǔn)文案文檔大全效果3.刪格化圖層，并鎖定圖層，具體設(shè)置如圖實(shí)用標(biāo)準(zhǔn)文案文檔大全j 圖展氣 31 這躋徑爼歷史記錄O 3 不逶明度；匝亟4.選擇漸變工具設(shè)置如圖 41,漸變方向如圖 425用噴槍工具，壓力為 20%左右，適當(dāng)?shù)挠煤谏桶咨珖姵鑫淖值陌倒夂透吖?，整體效果如圖43鎖定：PQ3廠#

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

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

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