本期教程中我們將設(shè)置圖層樣式效果來制作一個金屬磨光材質(zhì)效果的按鈕,制作中主要使用了“漸變疊加”、“斜面與浮雕”等圖層樣式效果。其中磨效果是通過設(shè)置“漸變疊加”圖層樣式中的“角度”樣式制作而成的。具體的方法讀者可跟隨教程同步制作并逐步了解。
下期教程中我們將使用圖層樣式來制作出一個透明波浪底紋導(dǎo)航條效果,希望大家能夠關(guān)注下期教程《Photoshop CS5經(jīng)典樣式系列13——透明波浪底紋導(dǎo)航條特效》!
開始實(shí)例的學(xué)習(xí)之前,可以先下載實(shí)例的配套素材,然后跟隨操作步驟進(jìn)行學(xué)習(xí)。
(1)運(yùn)行Photoshop CS5,執(zhí)行“文件”→“打開”命令,打開素材文件“黃色背景.psd”文件。
(2)新建“圖層 1”圖層,選擇“橢圓工具”,在打開的工具選項(xiàng)欄中選擇“填充像素”按鈕,按下<Shift>鍵的同時(shí)進(jìn)行繪制。
(3)為“圖層 1”圖層添加圖層樣式,單擊“內(nèi)陰影”項(xiàng)目,并設(shè)置其各項(xiàng)參數(shù)。
(4)單擊“內(nèi)發(fā)光”項(xiàng)目,并設(shè)置其各項(xiàng)參數(shù)。
(5)單擊“斜面和浮雕”項(xiàng)目,并設(shè)置其各項(xiàng)參數(shù)。
(6)單擊“光澤”項(xiàng)目,并設(shè)置其各項(xiàng)參數(shù)。
(7
(8)按下“確定”按鈕,效果如圖所示。
(9)參照創(chuàng)建“圖層 1”圖層的方法創(chuàng)建“圖層 2”圖層,并使“圖層 1”圖層隱藏。
(10)為“圖層 2”圖層添加圖層樣式,單擊“斜面和浮雕”項(xiàng)目,并設(shè)置其各項(xiàng)參數(shù)。
(11)設(shè)置“圖層 2”圖層的“填充”參數(shù),效果如圖所示。
(12)使“圖層 1”圖層顯示,調(diào)整位置,效果如圖所示。
(13)新建“圖層 3”圖層,參照以上方法進(jìn)行繪制。
(14)為“圖層
(15)為“圖層 3”圖層添加“描邊”圖層樣式,并設(shè)置其各項(xiàng)參數(shù)。
(16)按下“確定”按鈕,效果如圖所示。
(17)新建“圖層 4”圖層,參照以上方法進(jìn)行繪制。
(19)為“圖層 4”圖層添加“描邊”圖層樣式,并設(shè)置其各項(xiàng)參數(shù)。
(20)按下“確定”按鈕,效果如圖所示。
(21)新建圖層組并命名為“金屬旋鈕”,并將“圖層 1”、“圖層 2”
(22)參照制作“金屬旋鈕”圖層組的方法,制作出“左”和“右”圖層組。
(23)將“圖層”調(diào)板中隱藏的“組 1”圖層組顯示,完成本實(shí)例的制作。