Photoshop制作一款精致的木屋圖標(biāo)
木屋的制作難點(diǎn)是小木塊部分的制作。不過(guò)只要我們了解了木板的構(gòu)造,制作起來(lái)很容易。木板由底色及一些木紋構(gòu)成,制作木紋的時(shí)候需要用鋼筆勾出不規(guī)則的弧形路徑,填充顏色或漸變色后用蒙版調(diào)整邊緣的不透明度,能夠跟底色自然結(jié)合。木紋有深有淺,制作的時(shí)候要不斷調(diào)節(jié)。
最終效果 1、新建一個(gè)800 * 800像素的文檔,選擇漸變工具,顏色設(shè)置如圖1,由畫(huà)布中心向四周拉出圖2所示的徑向漸變。 <圖1> <圖2> 2、新建一個(gè)圖層,選擇矩形選框工具拉出圖3所示的矩形選區(qū),選擇漸變工具,顏色設(shè)置如圖4,由上至下拉出線性漸變。確定后按Ctrl + D取消選區(qū),按Ctrl + T 稍微調(diào)整一下角度,再用鋼筆工具勾出圖5所示的選區(qū)。 <圖3> <圖4> <圖5> 3、按Ctrl + Shift + I 把選區(qū)反選,按Delete 刪除,效果如下圖。 <圖6> 4、用鋼筆勾出下圖所示的弧形選區(qū),填充顏色:#FF2623,如下圖。然后把剛才做好的圖形復(fù)制一層,選擇菜單:編輯 > 變換 > 水平翻轉(zhuǎn),對(duì)接好后效果如圖8。 <圖7> <圖8> 5、在背景圖層上面新建一個(gè)圖層,用鋼筆勾出圖9所示的選區(qū),填充顏色:#5D2E1C,效果如圖10。 <圖9> <圖10> 6、現(xiàn)在開(kāi)始制作木板部分。在圖層的最上面新建一個(gè)圖層,用矩形選框工具拉出下圖所示的矩形選區(qū),填充顏色:#EED88F。 <圖11> 7、新建一個(gè)圖層,用鋼筆勾出圖12所示的選區(qū),填充顏色:#E5C771,取消選區(qū)后按Ctrl + Alt + G 與前一圖層編組。加上圖層蒙版,用黑白漸變把底部拉出透明效果,如圖13。 <圖12> <圖13>
8、在當(dāng)前圖層下面新建一個(gè)圖層,用鋼筆勾出圖14所示的選區(qū),并拉上圖15所示的線性漸變。加上圖層蒙版,用黑白漸變把右邊拉點(diǎn)透明效果,如圖16。 <圖14> <圖15> <圖16> 9、新建一個(gè)圖層,用矩形選框工具拉出下圖所示的矩形選區(qū)填充顏色:#FAEEB1,作為左邊的高光。 <圖17> 10、新建一個(gè)圖層,用矩形選框工具拉出下圖所示的矩形選區(qū)填充顏色:#CE975E,作為右邊的暗調(diào)。到這里木板部分基本完成,把構(gòu)成木板的幾個(gè)圖層合并為一個(gè)圖層。 <圖18> 11、把做好的木板圖層多復(fù)制幾層拼接起來(lái),部分可以垂直翻轉(zhuǎn)一下。然后合并起來(lái)適當(dāng)縮小一點(diǎn),移到背景圖層上面,如下圖。 <圖19> 12、把木板圖層復(fù)制一層,用鋼筆勾出下圖所示的選區(qū),按Ctrl + Shift + I 反選,按Delete 刪除多出的效果如下圖。 <圖20> 13、把原木板圖層復(fù)制一層,用鋼筆勾出下圖所示的選區(qū),按Ctrl + Shift + I 反選,按Delete刪除多出。取消選區(qū)后稍微調(diào)暗一點(diǎn),效果如圖22。 <圖21> <圖22> 14、在圖層的最上面新建一個(gè)圖層,用矩形選框拉出圖23所示的矩形選區(qū),選擇漸變工具,顏色設(shè)置如圖24,拉出圖25所示的線性漸變。 <圖23> <圖24> <圖25> <圖26> 16、在背景圖層上面新建一個(gè)圖層,用矩形選框工具拉出下圖所示的矩形選區(qū),填充顏色:#EFEFEF,邊緣部分同上的方法制作高光及暗調(diào)。 <圖27>
17、把做好的圖形多復(fù)制一些,拼接起來(lái),效果如下圖。再把這些圖層合并為一個(gè)圖層。 <圖28> 18、用矩形選框工具選取想要的部分,按Ctrl + Shift + I 反選,按Delete 刪除多出部分。 <圖29> 19、用矩形選框工具拉兩條矩形選區(qū)如下圖,填充顏色:#C0B6B7。 <圖30> 20、在圖層的最上面新建一個(gè)圖層,用矩形選框工具拉出圖31所示的矩形選區(qū),填充顏色:#5D2100。然后再把木板下面的橫條復(fù)制到底部,房子的主體部分大致完成,效果如圖32。 <圖31> <圖32> 21、門與窗的制作就相對(duì)簡(jiǎn)單一點(diǎn),用上面的方法就可以完成,過(guò)程如圖33 - 35。 <圖33> <圖34> <圖35> 22、煙窗部分的制作,在背景圖層上面新建一個(gè)圖層,用矩形選框工具拉出圖36所示的矩形選區(qū)填充顏色:#DBDAD8,新建一個(gè)圖層,用矩形做出一些矩形選區(qū)填充紅色,如圖37,適當(dāng)加上投影,效果如圖38。 <圖36> <圖37> <圖38> 23、最后調(diào)整一下細(xì)節(jié),再加上倒影,完成最終效果。 <圖39>
15、調(diào)出當(dāng)前圖層的選區(qū),把選區(qū)稍微向下移2個(gè)像素,在當(dāng)前圖層下面新建一個(gè)圖層填充顏色:#6C2B15,如下圖。
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS快速給徽標(biāo)文字排版
- 圖標(biāo)設(shè)計(jì),教你臨摹360寫(xiě)實(shí)圖標(biāo)
- LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程
- LOGO教程,曲面四分環(huán)的畫(huà)法
- LOGO教程,教你設(shè)計(jì)扁平化的谷歌logo圖標(biāo)
- LOGO教程,設(shè)計(jì)扁平化的瀏覽器圖標(biāo)
- LOGO教程,教你畫(huà)個(gè)四分環(huán)圖標(biāo)
- 圖標(biāo)設(shè)計(jì),模仿QQ旋風(fēng)圖標(biāo)實(shí)例
- 圖標(biāo)設(shè)計(jì),設(shè)計(jì)簡(jiǎn)單的酷狗圖標(biāo)實(shí)例
- 圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程