Photoshop繪制精致金屬邊框水晶球按鈕

來(lái)源:不詳 作者:佚名 學(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取消選擇。
  -下面來(lái)制作內(nèi)部的高光和反射光。
  -新建立一個(gè)圖層組叫做球內(nèi)高光。
  -在圖層組中建立一個(gè)圖層名為“底部高光”。
  -在創(chuàng)建另一個(gè)新圖層,暫不用命名。
  -在這個(gè)未命名的圖層中,用橢圓工具建立一個(gè)固定大小為190*160像素的選擇區(qū),并用黑色填充,位置就象以下這樣:
  -現(xiàn)在回到“底部高光”上這個(gè)圖層上來(lái)進(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)在在把參考線拖出來(lái),從參考線上的中心點(diǎn)用橢圓工具按住SHIFT ALT鍵拖出正圓選區(qū)。同樣的選擇區(qū)的正圓的大小要事先設(shè)置為固定大小128*128像素。
  -用白色填充選擇區(qū),取消選擇后,把此圖層的透明度設(shè)置為10%
  -現(xiàn)在用移動(dòng)工具,用鍵盤上的上方向鍵向上輕移2個(gè)像素。再次按CTRL H把參考線隱藏起來(lái)。
  -繼續(xù)在圖層組內(nèi)建立一個(gè)新的圖層名為“底部高光(大)”。
  -按CTRL單擊“顏色漸變”層,載入其選擇區(qū),并把選擇區(qū)收縮4個(gè)像素(選擇-修改-收縮)。
  -下面把用鼠標(biāo)拖拉文擋邊界的4個(gè)角,以騰出多的空間出來(lái)好進(jìn)行下一部的編輯。。
  -接下來(lái)用橢圓選區(qū)工具,按住ALT鍵從多出來(lái)的灰色的地方開始拖拉選擇區(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ū)保存起來(lái)。
  -現(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è)剛出來(lái)的圖層放在頂部橢圓高光以下。
  -直接在頂部橢圓高光層以上建立一個(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%
  -取消選擇后,回到顏色漸變層上來(lái)進(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)在可以把參考線隱藏起來(lái)了。
  -建立一個(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)在回到球體外影層上來(lái)進(jìn)行編輯,高斯模糊4個(gè)像素;向下移動(dòng)一個(gè)像素;降低透明度到50%。
  -建立一個(gè)層名為“外框修飾線”的圖層,打開參考線,用直線工具從以下位置作出直線,顏色用黑色。
  -做完后把模式改為疊加并把參考線關(guān)掉。在外框修飾線層以下建立一個(gè)新層,用白色的直線工具在距外框修飾線層一個(gè)像素下面的位置畫出直線長(zhǎng)度和外框修飾線層大小一樣的直線。做完后按CTRL E將2層合并。
  -接下來(lái)幾個(gè)鉚釘制作,我就概述下好了用鉛筆工具2個(gè)像素;建立新層在合適的位置點(diǎn)擊,在適當(dāng)降低透明度,最后將第一個(gè)做出來(lái)的復(fù)制幾個(gè)就OK了。
  最后加上自己的LOGO完成。
簡(jiǎn)單的,我們教你,深?yuàn)W的,你來(lái)分享

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!