利用photoshop軟件設(shè)計制作質(zhì)感開關(guān)

摘要：當(dāng)前圖片處理軟件中使用最頻繁的還是Photoshop軟件，該軟件的功能十分強大且用途十分廣泛，比如：網(wǎng)頁制作、廣告攝影、視覺創(chuàng)意、后期修飾、平面設(shè)計等等而平面設(shè)計是Photoshop應(yīng)用最為廣泛的領(lǐng)域，無論是圖書封面，還是海報，這些平面印刷品通常都需要Photoshop軟件對圖像進行處理，本文主要介紹的是通過Photoshop軟件制作質(zhì)感開關(guān)。

關(guān)鍵詞：Photoshop;制作;質(zhì)感開關(guān)

中圖分類號：TP37? ? ? ? 文獻標(biāo)識碼：A

文章編號：1009-3044（2019）27-0243-02

開關(guān)是房屋裝修、居家生活中必備的物品，而在個性化時代的今天，人們十分重視物體的外觀造型，當(dāng)然開關(guān)也不例外。下圖的質(zhì)感開關(guān)無論是從外觀上還是造型上都符合現(xiàn)代人的選美觀，具體的制作步驟如下：

1 制作背景

打開Photoshop軟件，點擊“文件-新建”選項，依次在新建對話框中設(shè)置寬度、高度值，均為800像素（可以根據(jù)個人的喜好自行設(shè)置寬度高度），分辨率設(shè)為72像素/英寸，顏色模式設(shè)為RGB，背景內(nèi)容設(shè)為白色。

2 制作質(zhì)感開關(guān)內(nèi)圓

2.1 繪制質(zhì)感開關(guān)內(nèi)圓

新建一個圖層命名為圖層1并畫一個圓，選擇工具中的橢圓選框工具，按住Shift鍵（不按Shift鍵則畫的是橢圓），畫一個適當(dāng)大小的圓，按Alt+Delete鍵著色，本例中使用黑色。再按Ctrl+D鍵取消選區(qū)，最后使用移動工具將圓移動到合適的位置。

2.2 設(shè)置內(nèi)圓圖層樣式

2.2.1 設(shè)置斜面和浮雕參數(shù)

雙擊圖層1打開圖層樣式面板，選擇斜面和浮雕選項，在斜面和浮雕的結(jié)構(gòu)設(shè)置中，首先設(shè)置樣式的類型，樣式有很多種類型，本例中根據(jù)設(shè)計者的視角選擇的是內(nèi)斜面，此步操作是讓圖層1的圓呈現(xiàn)立體的感覺，然后再設(shè)置方法類型，本例選擇平滑，此步操作是讓圓的邊緣更加清晰平整，如果選擇雕刻清晰或雕刻柔和這兩種類型，那圓邊緣的平整度就不高，再設(shè)置深度，深度值設(shè)為900%，是讓圓的陰影更明顯，再設(shè)置方向，方向設(shè)為上，如果設(shè)置方向為下，圓的陰影則在上方不符合邏輯，再設(shè)置大小，值設(shè)為8，值越大內(nèi)斜面就越大，軟化值保持默認的數(shù)值，軟化值越大內(nèi)斜面的邊緣越模糊。

設(shè)置完結(jié)構(gòu)后再設(shè)置陰影，首先設(shè)置角度，角度值設(shè)為86度，在設(shè)置角度值時可以根據(jù)肉眼判斷陰影的位置，調(diào)整合適即可;高度值設(shè)為33度，高度值越大陰影的范圍越大，高光模式設(shè)濾色;不透明度值設(shè)為83%，值越大高光區(qū)域越亮;陰影模式設(shè)為顏色減淡，之前的陰影呈深黑色且亮度較低，使用顏色減淡模式后可以增強陰影的亮度且看起來更加自然。

2.2.2 設(shè)置描邊參數(shù)

設(shè)置描邊效果是為了讓開關(guān)內(nèi)圓的層次更加明顯，打開圖層樣式面板，進入描邊選項頁面，大小值設(shè)為25像素，值越大描邊的范圍就越大;位置設(shè)為內(nèi)部，則為向內(nèi)描邊;混合模式、不透明度均保持默認值;填充類型選擇漸變，打開漸變編輯器，首先選擇左下角色標(biāo)，將該色標(biāo)的顏色選為灰色，再選擇右下角色標(biāo)，將色標(biāo)的顏色選為白色并按住色標(biāo)向左移動，在整個漸變條上灰色和白色的比例大概設(shè)置成3：1，呈現(xiàn)由灰色至白色的漸變效果;樣式選擇線性漸變;角度值設(shè)為120度，這樣可以更好地實現(xiàn)漸變效果;縮放值設(shè)為99%，應(yīng)根據(jù)最佳的漸變效果設(shè)置縮放值。

2.2.3 設(shè)置內(nèi)陰影參數(shù)

設(shè)置內(nèi)陰影效果是為了讓開關(guān)內(nèi)圓的立體感更強，打開圖層樣式面板，進入內(nèi)陰影選項頁面，混合模式設(shè)為正常;不透明度值設(shè)為40%，值越高陰影越深;角度值設(shè)為80度，距離值設(shè)為25像素，像素值越高陰影的范圍就越大;大小值設(shè)為45像素，像素值越高陰影的深度就越深。

2.2.4 設(shè)置漸變疊加參數(shù)

設(shè)置漸變疊加效果是為了讓內(nèi)圓呈現(xiàn)金屬的光澤，進一步凸顯立體效果，打開圖層樣式面板，進入漸變疊加選項頁面，混合模式設(shè)為正常;不透明度值設(shè)為100%;漸變設(shè)為自定義漸變模式，打開漸變編輯器，在色標(biāo)軸上依次增加7個色標(biāo)，共9個，第一個色標(biāo)顏色設(shè)為白色，第二個色標(biāo)顏色設(shè)為灰色，然后依次類推，使白色和灰色交替出現(xiàn)，色標(biāo)之間調(diào)整好距離，最終效果是在漸變條上出現(xiàn)4條灰色標(biāo)記;樣式設(shè)為角度，角度值設(shè)為180度;縮放值設(shè)為80%。

2.2.5 設(shè)置投影參數(shù)

設(shè)置投影參數(shù)也是繼續(xù)增強立體效果，打開圖層樣式面板，進入投影選項頁面，混合模式設(shè)為正片疊底，顏色設(shè)為黑色，此時的效果是內(nèi)圓出現(xiàn)了投影;不透明度設(shè)為60%，數(shù)值越大，陰影的深度就越深;角度值設(shè)為120度，通過設(shè)置不同的角度值，可以讓投影出現(xiàn)在不同的位置;距離值設(shè)為10像素，距離是設(shè)置陰影的位移，不同值陰影的位移是不一樣的;擴展值設(shè)為20%，數(shù)值越大，整個內(nèi)圓的陰影范圍就越廣;大小值設(shè)為10像素，數(shù)值越大陰影就越大。

此時開關(guān)的內(nèi)圓部分就制作完成了，一個立體感十足、光澤耀眼、漸變層次分明的質(zhì)感開關(guān)內(nèi)圓呈現(xiàn)在眼前。

3 制作質(zhì)感開關(guān)外圓

3.1 繪制質(zhì)感開關(guān)外圓

新建一個圖層命名為圖層2并按照畫內(nèi)圓的方法畫一個面積比內(nèi)圓面積大的圓，著黑色，然后將圖層1移至圖層2的上方，使內(nèi)圓覆蓋到外圓上。

3.2 設(shè)置外圓圖層樣式

3.2.1 設(shè)置斜面和浮雕參數(shù)

雙擊圖層2打開圖層樣式面板，選擇斜面和浮雕選項，在斜面和浮雕的結(jié)構(gòu)設(shè)置中，設(shè)置的方法與內(nèi)圓基本一致，具參數(shù)體如下：樣式選擇內(nèi)斜面;方法選擇雕刻清晰，主要是凸顯和內(nèi)圓的差異，增強立體效果;深度值設(shè)為900%;方向設(shè)為上;大小值設(shè)為70，增強內(nèi)圓的立體感;軟化值保持默認的數(shù)值。

設(shè)置完結(jié)構(gòu)后再設(shè)置陰影，角度值設(shè)為86度;高度值設(shè)為33度;高光模式設(shè)濾色;不透明度值設(shè)為83%;陰影模式設(shè)為顏色減淡;不透明度保持不變。

3.2.2 設(shè)置描邊參數(shù)

設(shè)置描邊效果是為了讓開關(guān)外圓的層次更加明顯，打開圖層樣式面板，進入描邊選項頁面，大小值設(shè)為5像素;位置設(shè)為內(nèi)部;混合模式、不透明度保持默認值;填充類型選擇漸變，漸變參數(shù)的設(shè)置與內(nèi)圓參數(shù)一致;樣式選擇線性漸變;角度值設(shè)為120度;縮放值設(shè)為99%。

3.2.3 設(shè)置漸變疊加參數(shù)

設(shè)置漸變疊加效果是為了讓內(nèi)圓散發(fā)金屬的光澤，進一步凸顯立體效果，打開圖層樣式面板，進入漸變疊加選項頁面，混合模式設(shè)為正常;不透明度值設(shè)為100%;漸變設(shè)為自定義漸變模式，漸變參數(shù)的設(shè)置與內(nèi)圓參數(shù)一致，最終效果是在漸變條上出現(xiàn)4條灰色標(biāo)記;樣式設(shè)為角度，角度值設(shè)為0度，主要是要錯開內(nèi)圓的角度，增強金屬光澤和層次感;縮放值設(shè)為80%。

3.2.4 設(shè)置投影參數(shù)

設(shè)置投影參數(shù)也是繼續(xù)增強外圓的立體效果，打開圖層樣式面板，進入投影選項頁面，混合模式設(shè)為正片疊底，顏色設(shè)為黑色;不透明度值設(shè)為60%;角度值設(shè)為120度;距離值設(shè)為10像素，距離是設(shè)置陰影的位移，不同值陰影的位移便不一樣;擴展值設(shè)為20%;大小值設(shè)為10像素。

此時整個質(zhì)感開關(guān)就制作好了，本例中參數(shù)的數(shù)值，并不是固定的，可以根據(jù)實際情況進行適當(dāng)調(diào)整。

4 結(jié)語

通過本案例的制作，不難發(fā)現(xiàn)如果要增加物體的立體效果，可以通過設(shè)置圖層樣式中的諸多參數(shù)來實現(xiàn)，本例中設(shè)置了斜面和浮雕、描邊、內(nèi)陰影、漸變疊加和投影等參數(shù)，在設(shè)置上述參數(shù)中，漸變編輯器、混合模式的設(shè)置尤為關(guān)鍵，在設(shè)置漸變參數(shù)時漸變的式樣和顏色是重點，漸變的式樣可以是從前景色到背景色的漸變、前景色到透明的漸變、透明彩虹漸變、色譜、透明條紋漸變和自定義漸變等，其中自定義漸變的關(guān)鍵是利用增減色標(biāo)來體現(xiàn)不同的漸變效果，在本例的描邊中是通過簡單移動色標(biāo)位置來實現(xiàn)漸變效果，而在漸變疊加中是通過增加色標(biāo)并設(shè)置好色標(biāo)之間的位置來實現(xiàn)漸變效果。本例中所使用的漸變顏色均為灰色至白色，這主要契合金屬自帶的光澤。混合模式是兩個源通道色彩值結(jié)合的方式，不同的模式產(chǎn)生的效果差異會很大，靈活的根據(jù)預(yù)覽選擇準(zhǔn)確的混合模式可以達到圓滿的后期效果。混合模式總共有27種式樣，可以分為變暗模式、變亮模式、飽和度模式、差集模式和顏色模式，本例中用到了變暗模式中的正片疊底式樣和變亮模式中的顏色減淡式樣，目的是凸顯質(zhì)感開關(guān)的立體效果。

參考文獻：

[1] 劉一丁、易揚揚.photoshop摳圖技術(shù)——摳取人物頭發(fā)[J].明日風(fēng)尚，2018（1）：296

[2] 劉一丁.平面設(shè)計之利用Photoshop軟件制作立體金屬齒輪[J].電腦知識與技術(shù)，2018，14（27）：192-193.

[3] 謝紅.Photoshop課程郵票四方聯(lián)案例講解[J].電腦知識與技術(shù)，2019，15（10）：136-137，140.

【通聯(lián)編輯：唐一東】