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

2022-12-26 14:24:12 來(lái)源/作者: / 己有:12人學(xué)習(xí)過(guò)






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





圖十

  四、加強(qiáng)三維立體感

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





圖十一

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

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

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

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





圖十二

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

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

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

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





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





圖十四

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





圖十五

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

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





圖十六

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