photoshop 桔黃色水晶按鈕

原圖
1、在Photoshop5.5中建立新文件, 120x80 大小 RGB模式, Contents設(shè)為Transparent( 透明 )
layer1填充為#333333, 上加一層,建立直徑為26像素的圓形,并把它改造成長圓形的按鈕放在頁面中心
(此操作說明可在前面的教程例題中找到)
2、前景設(shè)為#4D4D4D,背景設(shè)為#737373, 用漸變色工具Linear Gradient Tool,從按鈕的上方至下方作漸變色效果,Layers面板上要選中Preserve Transparency
結(jié)果如圖
3、上加一層,創(chuàng)建一個(gè)直徑為20像素的圓形, 改造成長圓形按鈕狀,其大小為80*20,前景設(shè)為#FF9900,背景設(shè)為#FFCC00, 從按鈕的上方至下方作豎直的漸變色效果
Layers面板上要選中Preserve Transparency, 移動(dòng)位置至如圖所示: #p# 4、畫一條同長圓形按鈕等長的細(xì)線,其高度為2像素,即80*2放置在距按鈕頂端以下2像素的位置,填充色為#FFFFCC
結(jié)果如圖:
5、工作層為長線條層,點(diǎn)Layers面板最下方的 Add Layer mask按鈕,然后如圖選中線條的一半長度, 可用選取工具選取,設(shè)大小為40*80,40是由計(jì)算80像素長線條的一半得來, 在此區(qū)域內(nèi)作從左至右的漸變效果, 結(jié)果如圖:
6、再用同上步驟選中長線條左側(cè)部分作從右至左的漸變效果操作
結(jié)果如圖:
7、復(fù)制橙色按鈕層, 工作層轉(zhuǎn)換至下面的橙色按鈕層,Layers面板上的Preserve Transparency為不選中狀態(tài)
用命令Filter/Blur/Gaussian Blur,對話面板上Radius設(shè)為“6” , 結(jié)果如圖:
8、左圖的發(fā)光效果與步驟7教的不太一樣,可供大家參考選擇使用命令為Filter/Blur/Motion Blur,對話面板上Distance設(shè)為“30”
最終寫上你要的文字,記得要加淡淡的陰影
相關(guān)文章
- 今天的教程是教給大家做一個(gè)非常有圣誕氛圍的圣誕快樂按鈕,充滿濃濃的圣誕節(jié)日氣息,小伙伴們還不快快打開PS一起來學(xué)習(xí)2021-06-16
ps2021怎么做漂亮的漸變按鈕? ps按鈕樣式的設(shè)計(jì)方法
ps2021怎么做漂亮的漸變按鈕?ps中想要設(shè)計(jì)一款領(lǐng)券的按鈕,如果添加漸變色會(huì)更加顯眼,該怎么設(shè)計(jì)漸變色按鈕呢?下面我們就來看看ps按鈕樣式的設(shè)計(jì)方法,詳細(xì)請看下文介紹2021-05-27如何設(shè)計(jì)藍(lán)色金屬按鈕?用PS設(shè)計(jì)藍(lán)色科技金屬質(zhì)感按鈕教程
很多人人物游戲按鈕只能用AI才能設(shè)計(jì),其實(shí)不然,一些按鈕不只可以用AI設(shè)計(jì),PS照樣可以,今天我們就教大家制作一個(gè)藍(lán)色科技金屬質(zhì)感的“play”按鈕,一起來學(xué)習(xí)吧2021-05-18ps怎么設(shè)計(jì)配色干凈扁平化按鈕? ps按鈕矢量圖的設(shè)計(jì)方法
ps怎么設(shè)計(jì)配色干凈扁平化按鈕?很多時(shí)候我們會(huì)看到各種按鈕,想要設(shè)計(jì)一款顏色干凈清爽的扁平化按鈕,該怎么操作呢?下面我們就來看看ps按鈕矢量圖的設(shè)計(jì)方法,需要的朋友2021-04-08- 怎么用PS制作按鈕形狀效果?下面這邊文章主要為大家講述了用PS制作按鈕形狀效果的教程,感興趣的小伙伴來學(xué)習(xí)吧2020-12-15
ps怎么設(shè)計(jì)圓形的不銹鋼金屬按鈕圖標(biāo)?
ps怎么設(shè)計(jì)圓形的不銹鋼金屬按鈕圖標(biāo)?ps中想要設(shè)計(jì)一款圓形的按鈕,該怎么設(shè)計(jì)這個(gè)按鈕矢量圖呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-06-30- PS怎么設(shè)計(jì)可愛的按鈕?ps中想要設(shè)計(jì)一款可愛的按鈕,該怎么設(shè)計(jì)呢?下面我們就來看看ps設(shè)計(jì)按鈕的教程,需要的朋友可以參考下2018-10-30
ps怎么設(shè)計(jì)逼真的玻璃質(zhì)感按鈕?
ps怎么設(shè)計(jì)逼真的玻璃質(zhì)感按鈕?ps中想要設(shè)計(jì)一款漂亮的玻璃按鈕,該怎么設(shè)計(jì)逼真透明的玻璃按鈕呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-09-23ps怎么設(shè)計(jì)創(chuàng)意的圓形按鈕?
ps怎么設(shè)計(jì)創(chuàng)意的圓形按鈕?ps中想要設(shè)計(jì)按鈕,該怎么設(shè)計(jì)創(chuàng)意的按鈕圖標(biāo)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-08-09- PS怎么設(shè)計(jì)左右輪播圖的按鈕?網(wǎng)頁中經(jīng)常能見到多張圖片輪播的效果,會(huì)有左右按鈕,該怎么設(shè)計(jì)這個(gè)按鈕呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-08-09