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)的插入方法就跟上面的一樣,文章至此為止,就不再羅嗦了。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 學(xué)photoshop
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計,用PS制作一款簡單的按鈕圖標(biāo)
- 圖標(biāo)制作,制作立體風(fēng)格的食物圖標(biāo)
- 圖標(biāo)制作,用PS設(shè)計一個透明的雪景圖標(biāo)
- 按鈕教程,6步制作按鈕視頻教程
- 按鈕教程,簡易質(zhì)感按鈕制作
- 圖標(biāo)制作,用圖層樣式制作旋轉(zhuǎn)按鈕
- 開關(guān)按鈕,用PS制作漸變風(fēng)格的音樂播放圖標(biāo)
- 圖標(biāo)設(shè)計,巧用PS制作透明感的圖標(biāo)
- 圖標(biāo)制作,用Photoshop設(shè)計不銹鋼主題的圖標(biāo)按鈕
- 圖標(biāo)制作,用PS制作一個簡單逼真的環(huán)形播放按鈕圖標(biāo)
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!