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

photoshop快速繪制含圖案的透明立體按鈕(2)

來源:未知 作者:學(xué)photoshop 學(xué)習(xí):1409人次






圖九
  此步驟完成畫布上已經(jīng)初步顯示出三維立體按鈕的基本模樣了,如下圖:





圖十

  四、加強三維立體感

  新建一個圖層,選擇“Elliptical Marquee Tool-圓形”選擇工具,畫一個橢圓,長約為圓形的二分之一,寬約為圓形的三分之一。選擇前景色為白色,并按“G”把工具換成過渡工具,設(shè)置過渡色為“Foreground to Transparent -前景色到透明”,在選區(qū)中按“Shift”鍵,由上到下填充過渡色,效果如下圖:





圖十一

  再新建一個圖層,按住“Ctrl”鍵,點擊圓形層,重新獲得圓形層選區(qū),在菜單中選擇“Select”->“Modify”->“Contract”,填充數(shù)字“2”,把選區(qū)壓縮 2 pixels。

  回畫布后,再選擇矩形選擇工具,按住“Alt”鍵,由選區(qū)左上部拖動鼠標(biāo)到選區(qū)的右下部,整個選區(qū)的三分之二處,留下整個選區(qū)的三分之一。

  仍然使用白色作為前景色,并再次選擇過渡工具,過渡色為“Foreground to Transparent -前景色到透明”,在選區(qū)中按“Shift”鍵,由下到上填充過渡色。

  選擇菜單中的“ Filters-濾鏡”->“Gaussian Blur...-高斯模糊”,在“Radius”中填入適當(dāng)?shù)臄?shù)值,本例為2,加個高斯模糊效果。確定后回到工作界面,把此層的透明度設(shè)置為68%左右。至此,整個圖標(biāo)制作過程完成了三分之二,完成后如下圖:





圖十二

  如果想做素素的按鈕,到這個步驟就基本完工了,只需添加按鈕文字?杀疚某霭l(fā)點為做豐富多彩的三維立體按鈕,所以要出入下一個工序:

  五、插入漂亮圖標(biāo)

  為了讓按鈕更加美觀,我們可以加入一些標(biāo)志按鈕寓意的圖標(biāo)。至于加什么樣的圖標(biāo),看個人決定。

  打開一個現(xiàn)成的圖標(biāo),經(jīng)過細(xì)心的勾選,把它復(fù)制到上面做成的按鈕中,





圖十三
  調(diào)整圖標(biāo)的大小,以適應(yīng)按鈕,為了使插入的圖標(biāo)顏色與按鈕色相融合,有必要調(diào)整圖標(biāo)的色相與飽和度。確定選中圖標(biāo)層,打開菜單“Image-圖象”->“Adjustments-調(diào)整”->“Hue/Saturation...-色相/飽和度”,或按快捷鍵“Ctrl + U”,進(jìn)入調(diào)整界面,移動滑標(biāo),設(shè)置:Hue=-18,Saturation=+30,其它為缺省。





圖十四

  為了突出按鈕的三維效果,把圖標(biāo)層的透明度設(shè)置為65%。同時記得把此層調(diào)整到“第四道”工序中創(chuàng)建的兩層下。完成的按鈕如下圖所示:





圖十五

  把按鈕保存成PSD分層文件,有了這個模板,我們可以通過色相、飽和度和亮度的調(diào)整,制作其它顏色的一系列按鈕。

  只需要選中圓形層,按“Ctrl + U”,把“Saturation-飽和度”調(diào)整為100,“Hue-色相”與“亮度”按自己的需要任意調(diào)整。按下圖參數(shù)設(shè)置,按鈕已成了另一種效果:





圖十六

  圖標(biāo)的插入方法就跟上面的一樣,文章至此為止,就不再羅嗦了。

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

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

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

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