當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>按鈕圖標(biāo)>教程內(nèi)容

Photoshop打造漂亮蝴蝶琉璃按鈕

來源:不詳 作者:佚名 學(xué)習(xí):437人次
Photoshop打造漂亮蝴蝶琉璃按鈕

琉璃是以各種顏色的人造水晶為原料,用水晶脫蠟鑄造法高溫?zé)Y(jié)而成的藝術(shù)作品。這種流光溢彩、變幻瑰麗的琉璃效果也常常被應(yīng)用到平面設(shè)計當(dāng)中,下面我們就用PS來打造一款漂亮的蝴蝶琉璃按鈕。

Photoshop打造漂亮蝴蝶琉璃按鈕

效果預(yù)覽

1、新建一個寬度為12厘米,高度為10厘米,分辨率為300像素,模式為RGB,內(nèi)容為白色的文件。

2、新建圖層1,選擇工具箱中的“自定形狀工具”,在屬性欄中選擇蝴蝶形狀,在畫面中繪制蝴蝶路徑,并轉(zhuǎn)化為選區(qū)。將前景色設(shè)置為藍(lán)色,為選區(qū)填充前景色,取消選區(qū),效果如圖01所示。

Photoshop打造漂亮蝴蝶琉璃按鈕

圖1

3、單擊“圖層”控制面板下方的“添加圖層樣式”按鈕,在彈出的菜單中選擇“投影”命令,在彈出的對話框中,設(shè)置“暗調(diào)模式”設(shè)為褐色,其RGB分別為116、86、56,將“不透明度”為75,“距離”為21,“擴展”為0,“大小”為13,其他為默認(rèn),單擊好,效果如圖02所示。

Photoshop打造漂亮蝴蝶琉璃按鈕

圖2

4、單擊“圖層”控制面板下方的“添加圖層樣式”按鈕,在彈出的菜單中選擇“內(nèi)陰影”命令,在彈出的對話框中,設(shè)置“暗調(diào)模式”設(shè)為紫色,其RGB分別為131、41、150,將“不透明度”為57,“距離”為17,“阻塞”為26,“大小”為38,其他為默認(rèn),單擊好,效果如圖03所示。

Photoshop打造漂亮蝴蝶琉璃按鈕

圖03

5、選擇“外發(fā)光”命令,在彈出的對話框中,設(shè)置“混合模式”為“濾色”,“不透明度”設(shè)置為56,“發(fā)光顏色”為橘黃色,其RGB分別為246、184、87,“大小”為21,其他為默認(rèn),效果如圖04所示。

Photoshop打造漂亮蝴蝶琉璃按鈕

圖4

6、選擇“內(nèi)發(fā)光”命令,在彈出的對話框中,設(shè)置“不透明度”設(shè)置為90,“發(fā)光顏色”為深紅色,其RGB分別為152、42、42,“大小”為21,其他為默認(rèn),效果如圖05所示。

Photoshop打造漂亮蝴蝶琉璃按鈕

圖5

7、選擇“斜面和浮雕”命令,在彈出的對話框中,設(shè)置“大小”為71,“軟化”為8,“高度”為70,單擊“光澤等高線”,彈出“等高線編輯器”對話框,對話框中的設(shè)置如圖06所示,單擊好。勾選“消除鋸齒”,將“高光顏色”設(shè)置為灰藍(lán)色,RGB分別為169、188、213,高光模式的“不透明度”設(shè)置為100,在“暗調(diào)模式”中選擇“顏色加深”,設(shè)置“不透明度”為19,其他默認(rèn),單擊好,效果如圖07所示。

Photoshop打造漂亮蝴蝶琉璃按鈕

圖6

Photoshop打造漂亮蝴蝶琉璃按鈕

圖7

8、選擇“光澤”命令,設(shè)置“混合模式”為“疊加”,將“設(shè)置效果顏色”選項設(shè)為黃色,RGB分別為255、246、168,“不透明度”為75,“角度”為135,“距離”為92,“大小”為104,在“等高線”中選擇“環(huán)形”樣式“,勾選“消除鋸齒”和“反相”,效果如圖08所示。

Photoshop打造漂亮蝴蝶琉璃按鈕

圖8

9、選擇“顏色疊加”命令,設(shè)置“顏色”為橘紅色,RGB分別為251、91、0,其他默認(rèn),效果如圖09所示。

Photoshop打造漂亮蝴蝶琉璃按鈕

圖9

10、選擇文字工具,在按鈕上輸入文字,按住鍵盤上的“Ctrl”鍵的同時,單擊文字層,生成選區(qū),刪除文字,選中圖層1,按“Delete”鍵,刪除選區(qū)中的圖像,取消選區(qū),效果如圖10所示。

Photoshop打造漂亮蝴蝶琉璃按鈕

圖10

11、最后,加入一些裝飾,琉璃效果按鈕制作完成



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

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

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

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