Photoshop繪制精致金屬邊框水晶球按鈕
來源:不詳
作者:佚名
學(xué)習(xí):1212人次
Photoshop繪制精致金屬邊框水晶球按鈕這次我將和朋友們一起用Photoshop繪制一個(gè)特別精致的金屬邊框水晶球按鈕。單擊這里下載原文件
以下是最終效果。
下面開始制作:
-在PS中新建立一個(gè)250*250的文件,背景色選用白色。
-創(chuàng)建一個(gè)新圖層命名為“顏色漸變”。
-按CTRL R打開標(biāo)尺,從X,Y軸分別拖拉出參考線,將參考線移動(dòng)至文件中心位置,然后在中心位置按SHIFT ALT鍵用橢圓選區(qū)工具作出正圓選區(qū)。(在拉出橢圓選區(qū)之前,先在把選擇區(qū)在屬性欄的數(shù)值樣式設(shè)置為固定大小為152*152像素)
-按CTRL H暫時(shí)隱藏參考線。
-在“顏色漸變”圖層中用漸變工具在選擇區(qū)內(nèi)作出由黑到白的漸變,注意下拖動(dòng)的方向。
結(jié)果因該和下面這樣差不多
-在保持選擇的情況下建立一個(gè)新圖層命名為“內(nèi)陰影”,并用黑色對(duì)內(nèi)部進(jìn)行描邊2像素處理(編輯-描邊),然后用高斯模糊3個(gè)像素(濾鏡-模糊-高斯模糊)。
-按CTRL D取消選擇。
-下面來制作內(nèi)部的高光和反射光。
-新建立一個(gè)圖層組叫做球內(nèi)高光。
-在圖層組中建立一個(gè)圖層名為“底部高光”。
-在創(chuàng)建另一個(gè)新圖層,暫不用命名。
-在這個(gè)未命名的圖層中,用橢圓工具建立一個(gè)固定大小為190*160像素的選擇區(qū),并用黑色填充,位置就象以下這樣:
-現(xiàn)在回到“底部高光”上這個(gè)圖層上來進(jìn)行編輯。
-按CTRL單擊顏色漸變圖層,載如其選擇區(qū)。
-將這個(gè)圓形選擇區(qū)收縮2個(gè)像素。(選擇-修改-收縮)
-現(xiàn)在按住CTRL ALT鍵的點(diǎn)擊之前做的那個(gè)未命名的黑色橢圓選區(qū),此時(shí)可以得到一個(gè)2者相減所得的選擇區(qū)
-現(xiàn)在取消選擇并把那個(gè)未命名的黑色橢圓圖層刪除掉(直接拖放到圖層調(diào)板下的垃圾桶中即可)。
-用選擇-羽化命令將該選擇區(qū)羽化3個(gè)像素,然后用白色填充,按CTRL D取消選擇并把圖層透明度設(shè)置為40%
-建立一個(gè)新圖層名為“內(nèi)部大高光”,按現(xiàn)在在把參考線拖出來,從參考線上的中心點(diǎn)用橢圓工具按住SHIFT ALT鍵拖出正圓選區(qū)。同樣的選擇區(qū)的正圓的大小要事先設(shè)置為固定大小128*128像素。
-用白色填充選擇區(qū),取消選擇后,把此圖層的透明度設(shè)置為10%
-現(xiàn)在用移動(dòng)工具,用鍵盤上的上方向鍵向上輕移2個(gè)像素。再次按CTRL H把參考線隱藏起來。
-繼續(xù)在圖層組內(nèi)建立一個(gè)新的圖層名為“底部高光(大)”。
-按CTRL單擊“顏色漸變”層,載入其選擇區(qū),并把選擇區(qū)收縮4個(gè)像素(選擇-修改-收縮)。
-下面把用鼠標(biāo)拖拉文擋邊界的4個(gè)角,以騰出多的空間出來好進(jìn)行下一部的編輯。。
-接下來用橢圓選區(qū)工具,按住ALT鍵從多出來的灰色的地方開始拖拉選擇區(qū),剪除不需要的選擇區(qū)部分。
-在得到我們需要的選擇區(qū)后在用放大鏡工具將圖象稍做放大,在用多邊形套鎖選區(qū)工具剪除新選擇區(qū)的中的一部分,
-平滑選擇區(qū)3個(gè)像素(選擇-修改-平滑)。
-用漸變工具,選擇白色到透明的漸變對(duì)選擇區(qū)進(jìn)行下一步編輯:
-在選擇區(qū)中由上至右下拉出漸變:
-建立一個(gè)新層名為“底部小高光”,用橢圓工具做出橢圓(設(shè)置為固定大小15*8像素),用白色填充后在取消選擇并,把它放置在球體的右下位置。在用CTRL T自由變換,設(shè)置角度為-12度。并把度透明設(shè)置為85%
-創(chuàng)建一個(gè)新圖層名為“左上反射高光”。這里我用鋼筆工具先做出路徑,然后按CTRL ENTER變成選區(qū)并用通道將其選擇區(qū)保存起來。
-現(xiàn)在在載入顏色漸變的選擇區(qū),把選擇區(qū)收縮2個(gè)像素;氐酵ǖ烂姘迦缓蟀醋HIFT CTRL ALT并點(diǎn)擊剛剛保存在ALPHA中的那個(gè)選擇區(qū),就得到了象以下圖中的選擇區(qū)。
-現(xiàn)在回到圖層面板中的“左上反射高光”進(jìn)行繼續(xù)編輯,現(xiàn)在用漸變工具白色前景到透明在選擇區(qū)中做出漸變。取消選擇后,把透明度設(shè)置為60%。如下圖所示
-建立一個(gè)新層名為“頂部橢圓高光”,用橢圓選擇工具做出選擇區(qū)(設(shè)置固定大小為35*15像素),用白色填充,取消選擇。設(shè)置圖層的透明度為50%。把它放置在球體左上的位置。然后按CTRL T設(shè)置角度為-8度。
-把當(dāng)前此圖層復(fù)制一層,名為“頂部橢圓高光柔光”。把透明度設(shè)置為60%,在用高斯模糊3像素。把這個(gè)剛出來的圖層放在頂部橢圓高光以下。
-直接在頂部橢圓高光層以上建立一個(gè)名為“上部大高光”的圖層。載入顏色漸變層的選擇區(qū),并收縮3像素。
-在確保有足夠的灰色空間的文檔窗口的情況下,用橢圓工具按住ALT鍵從正圓選擇區(qū)中減去以下部分得到我們需要的上半部分高光。
-現(xiàn)在在選擇區(qū)中用白色前景到透明的漸變按以下方向拉出漸變:
-取消選擇后把透明度設(shè)置為70%,并用移動(dòng)工具用鍵盤上的下方向鍵向下輕移3像素,如圖所示:
-載入顏色漸變層的選擇區(qū),并收縮2像素,按CTRL SHIFT I進(jìn)行反選。然后按SHIFT CTRL ALT單擊顏色漸變層這時(shí)可以得到2個(gè)像素寬的圓形選擇區(qū)。
-建立一個(gè)新層名為“外反光”,按CTRL H隱藏選擇區(qū)。把前景色設(shè)為白色,選用畫筆工具,用軟點(diǎn)的筆刷,大點(diǎn)的畫筆分別在圖象中以下3個(gè)部分點(diǎn)擊,如圖所示:
-建立一個(gè)新層名為“球體描邊”,并將其放在顏色漸變層下面。載入顏色漸變層選擇區(qū),對(duì)其用黑色在外部描邊1像素(編輯-描邊)。設(shè)置該層的透明度為70%
-取消選擇后,回到顏色漸變層上來進(jìn)行編輯。在其上面添加一個(gè)色相/飽和度調(diào)整圖層并按CTRL G與其編組,用調(diào)整圖層好處就是可以隨時(shí)調(diào)整你喜歡的顏色從而避免因使用CTRL U色相/飽和度調(diào)整導(dǎo)致的反復(fù)打開歷史記錄面板。勾選著色選框后調(diào)出一個(gè)你喜歡的顏色,下面是我調(diào)出的顏色。
-直接在球體描邊層下建立一個(gè)名為“球體內(nèi)飾”,載入顏色漸變層的選擇區(qū),并擴(kuò)大3像素(選擇-修改-擴(kuò)展)。用從深灰到白的漸變,從左上到右下拉出漸變,(為了方便編輯我把處此層以外的其他層都設(shè)置了隱藏)取消選擇。
-在白色背靜層上建立一個(gè)新層名為“球體外影”,在此把參考線打開從參考線的中心位置用橢圓工具按住SHIFT ALT鍵拉出一個(gè)正圓選擇區(qū),選擇區(qū)也是固定大小為210*210像素。
-在選擇區(qū)內(nèi)填充黑色,并保持選擇狀態(tài)!,F(xiàn)在可以把參考線隱藏起來了。
-建立一個(gè)新層名為“左上光”,用徑向漸變?cè)谶x擇區(qū)中做出以下漸變:
-在另建立一個(gè)選擇區(qū)名為“右部光”,繼續(xù)用徑向漸變?cè)谶x擇區(qū)中做出以下漸變:
-在保持選擇的狀態(tài)下,將其透明度設(shè)置為80%,并把圖層混合模式從正常改為變亮。結(jié)果應(yīng)該如下圖:
-建立一個(gè)新圖層名為“外框描邊”,此時(shí)你的210*210像素的選擇區(qū)應(yīng)該是還在的,用黑色對(duì)外部描邊1像素,降低透明度到20%。取消選擇。
-現(xiàn)在回到球體外影層上來進(jìn)行編輯,高斯模糊4個(gè)像素;向下移動(dòng)一個(gè)像素;降低透明度到50%。
-建立一個(gè)層名為“外框修飾線”的圖層,打開參考線,用直線工具從以下位置作出直線,顏色用黑色。
-做完后把模式改為疊加并把參考線關(guān)掉。在外框修飾線層以下建立一個(gè)新層,用白色的直線工具在距外框修飾線層一個(gè)像素下面的位置畫出直線長度和外框修飾線層大小一樣的直線。做完后按CTRL E將2層合并。
-接下來幾個(gè)鉚釘制作,我就概述下好了用鉛筆工具2個(gè)像素;建立新層在合適的位置點(diǎn)擊,在適當(dāng)降低透明度,最后將第一個(gè)做出來的復(fù)制幾個(gè)就OK了。
最后加上自己的LOGO完成。
簡單的,我們教你,深?yuàn)W的,你來分享
以下是最終效果。
下面開始制作:
-在PS中新建立一個(gè)250*250的文件,背景色選用白色。
-創(chuàng)建一個(gè)新圖層命名為“顏色漸變”。
-按CTRL R打開標(biāo)尺,從X,Y軸分別拖拉出參考線,將參考線移動(dòng)至文件中心位置,然后在中心位置按SHIFT ALT鍵用橢圓選區(qū)工具作出正圓選區(qū)。(在拉出橢圓選區(qū)之前,先在把選擇區(qū)在屬性欄的數(shù)值樣式設(shè)置為固定大小為152*152像素)
-按CTRL H暫時(shí)隱藏參考線。
-在“顏色漸變”圖層中用漸變工具在選擇區(qū)內(nèi)作出由黑到白的漸變,注意下拖動(dòng)的方向。
結(jié)果因該和下面這樣差不多
-在保持選擇的情況下建立一個(gè)新圖層命名為“內(nèi)陰影”,并用黑色對(duì)內(nèi)部進(jìn)行描邊2像素處理(編輯-描邊),然后用高斯模糊3個(gè)像素(濾鏡-模糊-高斯模糊)。
-按CTRL D取消選擇。
-下面來制作內(nèi)部的高光和反射光。
-新建立一個(gè)圖層組叫做球內(nèi)高光。
-在圖層組中建立一個(gè)圖層名為“底部高光”。
-在創(chuàng)建另一個(gè)新圖層,暫不用命名。
-在這個(gè)未命名的圖層中,用橢圓工具建立一個(gè)固定大小為190*160像素的選擇區(qū),并用黑色填充,位置就象以下這樣:
-現(xiàn)在回到“底部高光”上這個(gè)圖層上來進(jìn)行編輯。
-按CTRL單擊顏色漸變圖層,載如其選擇區(qū)。
-將這個(gè)圓形選擇區(qū)收縮2個(gè)像素。(選擇-修改-收縮)
-現(xiàn)在按住CTRL ALT鍵的點(diǎn)擊之前做的那個(gè)未命名的黑色橢圓選區(qū),此時(shí)可以得到一個(gè)2者相減所得的選擇區(qū)
-現(xiàn)在取消選擇并把那個(gè)未命名的黑色橢圓圖層刪除掉(直接拖放到圖層調(diào)板下的垃圾桶中即可)。
-用選擇-羽化命令將該選擇區(qū)羽化3個(gè)像素,然后用白色填充,按CTRL D取消選擇并把圖層透明度設(shè)置為40%
-建立一個(gè)新圖層名為“內(nèi)部大高光”,按現(xiàn)在在把參考線拖出來,從參考線上的中心點(diǎn)用橢圓工具按住SHIFT ALT鍵拖出正圓選區(qū)。同樣的選擇區(qū)的正圓的大小要事先設(shè)置為固定大小128*128像素。
-用白色填充選擇區(qū),取消選擇后,把此圖層的透明度設(shè)置為10%
-現(xiàn)在用移動(dòng)工具,用鍵盤上的上方向鍵向上輕移2個(gè)像素。再次按CTRL H把參考線隱藏起來。
-繼續(xù)在圖層組內(nèi)建立一個(gè)新的圖層名為“底部高光(大)”。
-按CTRL單擊“顏色漸變”層,載入其選擇區(qū),并把選擇區(qū)收縮4個(gè)像素(選擇-修改-收縮)。
-下面把用鼠標(biāo)拖拉文擋邊界的4個(gè)角,以騰出多的空間出來好進(jìn)行下一部的編輯。。
-接下來用橢圓選區(qū)工具,按住ALT鍵從多出來的灰色的地方開始拖拉選擇區(qū),剪除不需要的選擇區(qū)部分。
-在得到我們需要的選擇區(qū)后在用放大鏡工具將圖象稍做放大,在用多邊形套鎖選區(qū)工具剪除新選擇區(qū)的中的一部分,
-平滑選擇區(qū)3個(gè)像素(選擇-修改-平滑)。
-用漸變工具,選擇白色到透明的漸變對(duì)選擇區(qū)進(jìn)行下一步編輯:
-在選擇區(qū)中由上至右下拉出漸變:
-建立一個(gè)新層名為“底部小高光”,用橢圓工具做出橢圓(設(shè)置為固定大小15*8像素),用白色填充后在取消選擇并,把它放置在球體的右下位置。在用CTRL T自由變換,設(shè)置角度為-12度。并把度透明設(shè)置為85%
-創(chuàng)建一個(gè)新圖層名為“左上反射高光”。這里我用鋼筆工具先做出路徑,然后按CTRL ENTER變成選區(qū)并用通道將其選擇區(qū)保存起來。
-現(xiàn)在在載入顏色漸變的選擇區(qū),把選擇區(qū)收縮2個(gè)像素;氐酵ǖ烂姘迦缓蟀醋HIFT CTRL ALT并點(diǎn)擊剛剛保存在ALPHA中的那個(gè)選擇區(qū),就得到了象以下圖中的選擇區(qū)。
-現(xiàn)在回到圖層面板中的“左上反射高光”進(jìn)行繼續(xù)編輯,現(xiàn)在用漸變工具白色前景到透明在選擇區(qū)中做出漸變。取消選擇后,把透明度設(shè)置為60%。如下圖所示
-建立一個(gè)新層名為“頂部橢圓高光”,用橢圓選擇工具做出選擇區(qū)(設(shè)置固定大小為35*15像素),用白色填充,取消選擇。設(shè)置圖層的透明度為50%。把它放置在球體左上的位置。然后按CTRL T設(shè)置角度為-8度。
-把當(dāng)前此圖層復(fù)制一層,名為“頂部橢圓高光柔光”。把透明度設(shè)置為60%,在用高斯模糊3像素。把這個(gè)剛出來的圖層放在頂部橢圓高光以下。
-直接在頂部橢圓高光層以上建立一個(gè)名為“上部大高光”的圖層。載入顏色漸變層的選擇區(qū),并收縮3像素。
-在確保有足夠的灰色空間的文檔窗口的情況下,用橢圓工具按住ALT鍵從正圓選擇區(qū)中減去以下部分得到我們需要的上半部分高光。
-現(xiàn)在在選擇區(qū)中用白色前景到透明的漸變按以下方向拉出漸變:
-取消選擇后把透明度設(shè)置為70%,并用移動(dòng)工具用鍵盤上的下方向鍵向下輕移3像素,如圖所示:
-載入顏色漸變層的選擇區(qū),并收縮2像素,按CTRL SHIFT I進(jìn)行反選。然后按SHIFT CTRL ALT單擊顏色漸變層這時(shí)可以得到2個(gè)像素寬的圓形選擇區(qū)。
-建立一個(gè)新層名為“外反光”,按CTRL H隱藏選擇區(qū)。把前景色設(shè)為白色,選用畫筆工具,用軟點(diǎn)的筆刷,大點(diǎn)的畫筆分別在圖象中以下3個(gè)部分點(diǎn)擊,如圖所示:
-建立一個(gè)新層名為“球體描邊”,并將其放在顏色漸變層下面。載入顏色漸變層選擇區(qū),對(duì)其用黑色在外部描邊1像素(編輯-描邊)。設(shè)置該層的透明度為70%
-取消選擇后,回到顏色漸變層上來進(jìn)行編輯。在其上面添加一個(gè)色相/飽和度調(diào)整圖層并按CTRL G與其編組,用調(diào)整圖層好處就是可以隨時(shí)調(diào)整你喜歡的顏色從而避免因使用CTRL U色相/飽和度調(diào)整導(dǎo)致的反復(fù)打開歷史記錄面板。勾選著色選框后調(diào)出一個(gè)你喜歡的顏色,下面是我調(diào)出的顏色。
-直接在球體描邊層下建立一個(gè)名為“球體內(nèi)飾”,載入顏色漸變層的選擇區(qū),并擴(kuò)大3像素(選擇-修改-擴(kuò)展)。用從深灰到白的漸變,從左上到右下拉出漸變,(為了方便編輯我把處此層以外的其他層都設(shè)置了隱藏)取消選擇。
-在白色背靜層上建立一個(gè)新層名為“球體外影”,在此把參考線打開從參考線的中心位置用橢圓工具按住SHIFT ALT鍵拉出一個(gè)正圓選擇區(qū),選擇區(qū)也是固定大小為210*210像素。
-在選擇區(qū)內(nèi)填充黑色,并保持選擇狀態(tài)!,F(xiàn)在可以把參考線隱藏起來了。
-建立一個(gè)新層名為“左上光”,用徑向漸變?cè)谶x擇區(qū)中做出以下漸變:
-在另建立一個(gè)選擇區(qū)名為“右部光”,繼續(xù)用徑向漸變?cè)谶x擇區(qū)中做出以下漸變:
-在保持選擇的狀態(tài)下,將其透明度設(shè)置為80%,并把圖層混合模式從正常改為變亮。結(jié)果應(yīng)該如下圖:
-建立一個(gè)新圖層名為“外框描邊”,此時(shí)你的210*210像素的選擇區(qū)應(yīng)該是還在的,用黑色對(duì)外部描邊1像素,降低透明度到20%。取消選擇。
-現(xiàn)在回到球體外影層上來進(jìn)行編輯,高斯模糊4個(gè)像素;向下移動(dòng)一個(gè)像素;降低透明度到50%。
-建立一個(gè)層名為“外框修飾線”的圖層,打開參考線,用直線工具從以下位置作出直線,顏色用黑色。
-做完后把模式改為疊加并把參考線關(guān)掉。在外框修飾線層以下建立一個(gè)新層,用白色的直線工具在距外框修飾線層一個(gè)像素下面的位置畫出直線長度和外框修飾線層大小一樣的直線。做完后按CTRL E將2層合并。
-接下來幾個(gè)鉚釘制作,我就概述下好了用鉛筆工具2個(gè)像素;建立新層在合適的位置點(diǎn)擊,在適當(dāng)降低透明度,最后將第一個(gè)做出來的復(fù)制幾個(gè)就OK了。
最后加上自己的LOGO完成。
簡單的,我們教你,深?yuàn)W的,你來分享
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS制作一款簡單的按鈕圖標(biāo)
- 圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS制作金屬質(zhì)感圖標(biāo)
- 按鈕教程,6步制作按鈕視頻教程
- 按鈕教程,簡易質(zhì)感按鈕制作
- 圖標(biāo)制作,用圖層樣式制作旋轉(zhuǎn)按鈕
- 圖標(biāo)制作,用PS制作晶瑩感十足的水晶紐扣圖標(biāo)
- 開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS制作一款具有水晶質(zhì)感的圖標(biāo)
- 圖標(biāo)制作,用Photoshop設(shè)計(jì)不銹鋼主題的圖標(biāo)按鈕
推薦教程
- photoshop制作網(wǎng)頁用水晶按鈕
- ps網(wǎng)頁開關(guān)按鈕
- 塑料按鈕的制作方法
- Photoshop打造矢量風(fēng)格的箭頭點(diǎn)擊按鈕
- 唱片機(jī)圖標(biāo),設(shè)計(jì)一枚唱片主題圖標(biāo)實(shí)例
- 用ps制作網(wǎng)站導(dǎo)航按鈕
- 圖標(biāo)制作,用PS設(shè)計(jì)一個(gè)透明的雪景圖標(biāo)
- 圖標(biāo)設(shè)計(jì),通過PS制作設(shè)計(jì)質(zhì)感水晶圖標(biāo)
- ps快速設(shè)計(jì)短信圖標(biāo)教程
- 用ps制作高光橘色RSS按鈕
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!