Photoshop制作精致的金色木柄放大鏡

教程難點(diǎn)是鏡框及手柄部分的制作。鏡框部分稍微復(fù)雜一點(diǎn),有金屬框和玻璃,需要分開完成。手柄部分需要用濾鏡等做出木質(zhì)紋理,然后調(diào)色,增加高光及暗部即可。
最終效果
1、新建一個(gè)1000 * 700像素,分辨率為72的畫布,背景填充黃褐色:#C1AE84。
新建一個(gè)組,先來制作玻璃鏡框部分。在組里新建一個(gè)圖層,按Ctrl + R 調(diào)出標(biāo)尺,在左側(cè)位置拉兩條相交的參照線。然后以參照線的焦點(diǎn)為圓心,用橢圓選框工具,按住Alt + Shift拉出下圖所示的正圓選區(qū)。
<圖1>
2、用油漆桶把選區(qū)填充任意顏色,取消選區(qū)后效果如下圖。
<圖2>
3、再用橢圓選框工具,同上的方法拉出圖3所示的選區(qū),然后按Delete鍵刪除,取消選區(qū)后效果如圖4。
<圖3>
<圖4>
4、選擇菜單:圖層 > 圖層樣式 > 內(nèi)發(fā)光,參數(shù)設(shè)置如圖5,點(diǎn)選漸變色,顏色設(shè)置如圖6。
<圖5>
<圖6>
再來設(shè)置斜面和浮雕,參數(shù)設(shè)置如下圖。
<圖7>
5、加好圖層樣式后的效果如下圖。
<圖8>
6、在背景圖層上面新建一個(gè)組,用橢圓選框工具拉出下圖所示的正圓選區(qū),給組添加圖層蒙版,如下圖。
<圖9>
7、在組里新建一個(gè)圖層,用鋼筆勾出頂部的暗部選區(qū),羽化30個(gè)像素后填充暗褐色。
<圖10>
8、新建一個(gè)圖層,用鋼筆勾出頂部高光選區(qū),羽化10個(gè)像素后填充淡黃色:#FFF2BB,如下圖。
<圖11>
9、新建一個(gè)圖層,用鋼筆勾出底部的高光選區(qū),填充同上的顏色,適當(dāng)降低圖層不透明度,效果如下圖。
<圖12>
10、新建一個(gè)圖層,用橢圓選框工具拉出下圖所示的正圓選區(qū),羽化5個(gè)像素后填充淡黃色。
<圖13>
11、取消選區(qū)后把混合模式改為“濾色”,添加圖層蒙版,用黑色畫筆擦掉底部區(qū)域,效果如圖15。
<圖14>
<圖15>
12、在背景圖層上面新建一個(gè)組,在組里新建一個(gè)圖層,用矩形選框工具拉出下圖所示的矩形選區(qū)。
<圖16>
13、選擇漸變工具,顏色設(shè)置如圖17,然后由底部向上拉出圖18所示的線性漸變。
<圖17>
<圖18>
14、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),同上的方法加上漸變色,然后鎖定圖層像素區(qū)域,用矩形選框選取前面局部,再加上漸變色,效果如圖20。
<圖19>
<圖20>
15、局部增加一點(diǎn)暗部,效果如下圖。
<圖21>
16、現(xiàn)在來制作木柄部分,需要完成的效果如下圖。
<圖22>
17、新建一個(gè)組,用鋼筆勾出手柄的輪廓,轉(zhuǎn)為選區(qū)后給組添加圖層蒙版,然后在組里新建一個(gè)圖層,填充黑色,再按字母鍵“D”,把前,背景顏色恢復(fù)到默認(rèn)的黑白,選擇菜單:濾鏡 > 渲染 > 纖維,如圖23,確定后按Ctrl + T 把紋理調(diào)水平,效果如圖24。
<圖23>
<圖24>
18、按Ctrl + J 把紋理圖層復(fù)制一層,選擇菜單:濾鏡 > 模糊 > 高斯模糊,數(shù)值為2,確定后把不透明度改為:50%,效果如下圖。
<圖25>
19、按Ctrl + J 把當(dāng)前圖層復(fù)制一層,混合模式改為“正片疊底”,不透明度改為:100%,效果如下圖。
<圖26>
20、這一步需要自己發(fā)揮,調(diào)整一下紋理的顏色,調(diào)成木板顏色。
<圖27>
21、新建一個(gè)圖層,給木柄的邊緣增加暗部。
<圖28>
22、局部增加一點(diǎn)高光,效果如下圖。
<圖29>
最后調(diào)整一下細(xì)節(jié),增加一點(diǎn)投影,完成最終效果。
相關(guān)文章
一款基于jquery實(shí)現(xiàn)的仿凡客誠(chéng)品網(wǎng)站商品圖片放大鏡效果源碼
腳本簡(jiǎn)介jQuery網(wǎng)站商品圖片放大鏡效果是一款仿凡客誠(chéng)品網(wǎng)站商品圖片放大鏡效果2014-12-01360圖片放大鏡怎么關(guān)? 360瀏覽器圖片放大鏡關(guān)閉圖文方法詳解
360圖片放大鏡怎么關(guān)閉?很多朋友想知道360瀏覽器關(guān)掉圖片放大鏡方法,其實(shí)很簡(jiǎn)單哦~下文將會(huì)為大家介紹,如果你不喜歡360放大鏡功能的話,就請(qǐng)參考下文來操作吧2014-11-06- 很多朋友都不知道360圖片放大鏡怎么關(guān)閉,其實(shí)很簡(jiǎn)單的,下面有圖文教程,不了解的朋友可以看看2014-11-05
- 用360瀏覽器瀏覽網(wǎng)頁(yè)時(shí),鼠標(biāo)放到一張圖片上。他就會(huì)自動(dòng)放大圖片。有些朋友覺得這樣很不舒服,下面小編就教大家,如何取消360瀏覽器圖片放大鏡功能,趕快來學(xué)習(xí)一下吧!希2014-10-28
jQuery仿京東商品詳細(xì)頁(yè)圖片放大鏡特效源碼
這是一款基于jQuery實(shí)現(xiàn)的仿京東商品詳細(xì)頁(yè)圖片放大鏡特效源碼,主要基于jquery實(shí)現(xiàn)的jqzoom仿京東商城商品詳細(xì)頁(yè)面圖片放大鏡特效。適合做商品頁(yè)面效果展示2014-09-10用純css3實(shí)現(xiàn)的圖片放大鏡特效效果非常不錯(cuò)
一款用純css3實(shí)現(xiàn)的圖片放大鏡特效。頁(yè)面打開五個(gè)小圖顯示于頁(yè)面。當(dāng)鼠標(biāo)經(jīng)過圖片時(shí),當(dāng)前圖片以灰色背景圖的形式展示,需要的朋友不要錯(cuò)過2014-09-02視頻教學(xué)時(shí)Windows8系統(tǒng)如何開啟或關(guān)閉放大鏡
放大鏡這個(gè)功能在視頻教學(xué)中還用到的地方還是很多的,在使用Windows 8系統(tǒng)中該如何開啟或關(guān)閉放大鏡呢?下面就一步一步教大家開啟與關(guān)閉步驟2014-07-17基于Photoshop怎么制作放大鏡看照片gif動(dòng)畫效果
本例教程主要為大家介紹使用Photoshop制作放大鏡看照片gif動(dòng)畫,在制作過程中主要運(yùn)用了圖層樣式和動(dòng)畫面板,對(duì)本文感興趣的朋友一起學(xué)習(xí)吧2015-11-05