本實(shí)例制作的木紋按鈕,是將木雕花紋圖像與金屬邊緣圖像相結(jié)合,給人以莊重、華麗的視覺印象,帶有一種古典主義的浪漫情調(diào),適合用在帶有仿古懷舊情節(jié)的網(wǎng)頁中。如圖2-44所示,為本實(shí)例的完成效果。
圖2-44 本實(shí)例完成效果技術(shù)提示
木紋按鈕的制作,主要是在一幅木紋紋理圖片的基礎(chǔ)上,應(yīng)用圖層樣式效果創(chuàng)建的。木紋上雕刻的花紋,是通過為花紋圖形添加圖層樣式,創(chuàng)建出凹陷效果,然后更改圖層的混合模式,使花紋圖形與底層的木紋圖像疊加混合后形成的。此外按鈕的金屬邊緣,也是應(yīng)用圖層樣式效果創(chuàng)建的,它與木紋的天然肌理效果形成鮮明對比,視覺效果突出。讀者對本節(jié)實(shí)例詳細(xì)學(xué)習(xí)之后,要仔細(xì)體會(huì)使用圖層效果用來創(chuàng)建不同樣式,不同質(zhì)感的圖像。如圖2-45所示,為本實(shí)例的制作流程。
圖2-45 本實(shí)例制作流程制作步驟
(1)啟動(dòng)Photoshop,執(zhí)行“文件”→“打開”命令,打開本書附帶光盤\Chapter-02\“背景紋理.jpg”文件,如圖2-46所示。
圖2-46 打開背景素材
(2)接下來再打開本書附帶光盤\Chapter-02\“木質(zhì)紋樣.jpg”文件,使用工具箱中的
圖2-47 添加木紋圖像
(3)使用工具箱中的
注意:選擇鋼筆工具后,在選項(xiàng)欄最左端出現(xiàn)了三個(gè)選項(xiàng),選擇“路徑”選項(xiàng),最后繪制出的只會(huì)出現(xiàn)路徑。
圖2-48 繪制路徑并轉(zhuǎn)換為選區(qū)
(4)確定木紋圖像所在“圖層 1”為當(dāng)前可編輯狀態(tài),連續(xù)按下<Ctrl+C>鍵和<Ctrl+V>鍵,將選區(qū)內(nèi)的圖像復(fù)制并粘貼到新的圖層中(即“圖層 2”),然后將“圖層 1”隱藏,如圖2-49所示。
圖2-49 復(fù)制圖像
(5)執(zhí)行“圖層”→“圖層樣式”→“投影”命令,打開“圖層樣式”對話框,參照圖2-50所示設(shè)置對話框,為其添加圖層樣式效果。
圖2-50 設(shè)置“圖層樣式”對話框
(6)在“圖層”調(diào)板中復(fù)制“圖層 1”,創(chuàng)建出“圖層 1 副本”,然后再將“圖層 1 副本”拖動(dòng)到調(diào)板的最頂端,并將“圖層 1 副本”顯示。執(zhí)行“濾鏡”→“銳化”→“USM銳化”命令,參照圖2-51所示對打開的對話框進(jìn)行設(shè)置,為圖像添加濾鏡效果。
提示:“USM 銳化”命令可以通過增加圖像邊緣的對比度來銳化圖像。半徑越大,邊緣效果越明顯。但是,如果對圖像進(jìn)行過度銳化,則會(huì)在邊緣周圍產(chǎn)生光暈效果。
圖2-51 設(shè)置“USM銳化”對話框
(7)按下<Ctrl+F>鍵,重復(fù)上次濾鏡操作,增強(qiáng)銳化效果,然后在“圖層”調(diào)板中,對“圖層 1 副本”的混合模式和不透明度參數(shù)進(jìn)行設(shè)置,接著再按下<Ctrl+Alt+G>
圖2-52 創(chuàng)建剪貼蒙版
(8)在“通道”調(diào)板中,單擊調(diào)板底部的
圖2-53 渲染云彩效果
(9)選擇工具箱中的
圖2-54 創(chuàng)建選區(qū)
(10)切換到“圖層”調(diào)板,確定“圖層 1 副本”圖層為可編輯狀態(tài),單擊調(diào)板底部的
提示:如果直接在木質(zhì)圖像上繪制斑點(diǎn)圖像,費(fèi)力氣還不一定效果自然,若使用云彩命令來進(jìn)行處理,將會(huì)創(chuàng)建出自然得斑駁效果。
圖2-55 調(diào)整圖像色調(diào)
(11)接下來為該調(diào)整圖層添加“外發(fā)光”和“斜面和浮雕”圖層樣式效果,如圖2-56所示。
圖2-56 設(shè)置圖層樣式
(12
圖2-57 編輯蒙版
(13)使用前面復(fù)制木紋圖像、為圖像添加圖層樣式效果。然后再參照前面創(chuàng)建選區(qū),添加“亮度/對比度”調(diào)整圖層,為調(diào)整圖層添加圖層樣式效果,制作出木紋上的斑點(diǎn)圖像,如圖2-58所示。
圖2-58 制作其他圖像
(14)在“圖層”調(diào)板中新建“圖層 4”,然后使用
圖2-59 繪制路徑
(15)設(shè)置前景色為白色,選擇工具箱中的
注意:在設(shè)置比刷大小的時(shí)候要根據(jù)畫面效果來定,太粗會(huì)顯得呆板,太細(xì)效果會(huì)不明顯。
圖2-60 描邊路徑
(16)執(zhí)行“圖層”→“圖層樣式”→“投影”命令,打開“圖層樣式”對話框,參照圖2-61所示設(shè)置對話框,為其添加圖層樣式效果。
圖2-61 設(shè)置圖層樣式
(17)參照前面繪制圖像的方法,在視圖上側(cè)制作出如圖2-62所示的圖像效果。
圖2-62 制作其他圖像
(18)新建一個(gè)圖層,使用“橢圓”工具,在視圖中結(jié)合<Shift>鍵,在相應(yīng)位置繪制兩個(gè)正圓路徑,然后按下<Ctrl+Enter>鍵,將路徑轉(zhuǎn)換為選區(qū),如圖2-63所示。
提示:在Photoshop中創(chuàng)建同心圓的方式很靈活,可以使用“自定形狀”工具從選項(xiàng)欄的“形狀”列表中選擇預(yù)設(shè)的圓環(huán)圖案。按<Shift>鍵創(chuàng)建一個(gè)等比例的同心圓路徑,然后使用“直接選擇”工具選擇位于內(nèi)部的正圓,按<Shift+Alt>鍵拖動(dòng)鼠標(biāo),調(diào)整它與外部正圓的位置關(guān)系。
圖2-63 創(chuàng)建環(huán)形選區(qū)
(19)將選區(qū)填充為橙色(R220、G158、B80)并取消選區(qū),然后參照圖2-64所示為其添加圖層樣式效果,制作出金屬環(huán)效果。
圖2-64 制作金屬環(huán)圖像
(20)選擇
圖2-65 設(shè)置圖層樣式
圖2-66 設(shè)置“描邊”參數(shù)
(21)使用前面操作方法,再對木紋圖像進(jìn)行復(fù)制,并設(shè)置副本圖像的混合模式為“柔光”,為圖層編組,制作出圓形圖像的紋理;然后再參照圖2-67所示,創(chuàng)建“亮度/對比度”調(diào)整圖層,制作出圖像的斑點(diǎn)效果。
圖2-67 制作紋理和斑點(diǎn)效果
(22)打開本書附帶光盤\Chapter-02\“花紋.psd”文件,然后將該花紋圖案拷貝到“背景紋理”文檔中,并對圖案的角度和位置進(jìn)行調(diào)整,如圖2-68所示。
圖2-68 添加花紋圖案
(23)將花紋圖案所在圖層的混合模式設(shè)置為“疊加”,然后為其添加“外發(fā)光”和“斜面和浮雕”效果,如圖2-69所示。
圖2-69 添加圖層樣式效果
(24)對花紋圖像進(jìn)行復(fù)制,然后執(zhí)行“編輯”→“變換”→“水平翻轉(zhuǎn)”命令,將圖像水平翻轉(zhuǎn),接著使用
提示:使用
圖2-70 復(fù)制并調(diào)整圖像
圖2-71 實(shí)例完成效果
推薦閱讀-Photoshop分類教程
聯(lián)系客服