PS實用技巧木紋表現-凹凸效果

首先新建一個檔案，尺寸可根據自己喜好自定，這裡我用的是2000*2000 解析度72

建立好之後，為了襯托前面的圖形，背景暗一點，有的人就說，不就選灰色嘛，

注意：純粹的黑、白、灰給人的感覺其實並不是很良好，給大家一個建議，在你的操作當中讓你的顏色加入一點點的藍，使得我們這個畫面看起來更乾淨，

這裡我先暫且做到這個程度參考數值（23242b）

接下來做圓角矩形的操作，這裡和大家強調一下，在咱們手機上其實是沒有1024*1024尺寸的圖示，因為它太大了，就算是去年上市的iphoneX它的尺寸也沒有這麼大，那該怎麼辦呢？

為什麼堅持要大家建立1024的呢？所有的圖示都是從最大向小縮放，尺寸最小的有幾十畫素的，還有120PX、150PX、180PX的等等，後期在移動端上面再詳細說，它用在什麼方向上，但是我們在做設計時，一般是用最大的

回到操作當中，我們選取180的圓角，實際上和大家說下，在設計中，在IOS的啟動圖示裡，我們在做設計時是不需要做圓角效果的，直接做成直接就可以，這就像我們在玩某款APP上傳自己頭像時，照片都是規規矩矩的，方形的，可是當我們上傳完畢時，它呈現出來有圓的，圓角矩形的，那是後臺系統限定的一個模板對吧！所以我們在做的時候，最終是要展示給使用者的。

OK 不多扯看下圖

先不做它的立體效果，咱們再做第二層，快捷鍵：command+J複製，然後Alt+Shift鍵等比縮小，把顏色改一下，這裡我選擇正片疊底（兩個顏色相同時選擇正面疊底，得到的顏色更深一些）

再往下繼續，回到操作當中，就做了兩步我就發現問題了，看下圓角部分，跟大家在這裡強調一點，新版軟體的缺點就是圓角不變，當我們在縮小形狀時，它的圓角屬性是沒有變化的，這樣就導致了一個結果，什麼結果呢？

大家看它的上下左右間距是沒有問題的，但是一到圓角部分，仔細看，感覺像是變寬了

OK 這裡我們稍微做點改動，我改成130，差不多，從視覺感官上看著可以就成，這個第二層

那我們繼續做第三層，command+J複製，我們看到，顏色比原來的還暗，這是因為疊加的效果產生了，繼續等比縮小，尺寸儘量是偶數，同樣的改下它的圓角尺寸，合適就可以。

OK，接下來我們做一個木紋的材質，思考一下，木紋是什麼樣的，有兩種辦法，第一種，找度娘，木紋紋理貼圖，各式各樣的都有，注意：不要選太暗沉的顏色，這種比較傳統的顏色，像那種紅木、金絲楠木等等，每次看到這種我就感覺有點陰森森的感覺，特別是那種中式的房間，當然這個是個人感覺，大家各憑喜好。

所以近幾年來比較流行的是淺色的效果，比如說

OK，當我們選擇好圖片時不要馬上下載，在搜尋引擎旁邊有一個“圖片篩選”我們點開它，選擇“大尺寸”，別選特大尺寸，因為沒幾個能用的

好，這是一種方法，還有一種，就是自己做！

很簡單，新建一個圖層，濾鏡-雜色-新增雜色，跟大家說一下，這個模板的紋路，在印象中是不是都是一個方向的，都是橫向或者豎向亦或是傾斜，其實我們做成一個方向旋轉就可以了，它木紋的方向是由這個雜點做出來的，那麼這個雜點的數量我們可以根據自己的一個期望值進行調整，建議適當一點，不用太多，這裡我就暫時以這個值去做，但是必須是單色，記得要勾選“單色” 見過七彩的木紋嗎？我暫時還沒有。嘿嘿

先新增一個雜色的效果，這個雜色其實就是呈現這個木紋橫向的效果，那怎麼才能讓它出現一條一條的呢？

濾鏡-模糊-動感模糊，跟大家強調一下，高斯模糊是讓周圍虛化，徑向模糊其實有兩項，一類是射線狀，一類是同心圓的，這裡咱們不是用徑向模糊，用的是動感模糊，只有動感模糊才會有方向感，動感模糊還可以做拉絲金屬，紋理、雨、雪等這些都是動感模糊的特點。但是我們得考慮角度的問題

OK，這裡選擇“0度”，距離最大化，但是感覺沒做對，中間有一段是虛化的狀態，發現沒

一次不行，那麼我在多來幾次同樣的效果，重複執行。

快捷鍵：command+Alt+F，重複剛才的動感模糊，直到虛化消失

如圖：

那麼這個做完之後，我們現在看這個紋理，感覺太規律了，應該是生長得無規律的木紋效果，有凹、有凸，而且有的木紋還會有那種木結效果，彎彎曲曲的

濾鏡-扭曲-波浪、波紋、海洋波紋。。。對不起，這些都不行，太規律了，他們都太規律了，你隨便試一個就知道了，太規律了；所以不要用扭曲，我們用“液化”

因為只有液化才能是隨心所欲，大致我調成這樣，跟大家強調一點不要做的太過了

這裡做好之後接下來就開始調色，也可以去網上找一張木紋的照片，吸取它的顏色，這樣子也不是不可以，但這裡我還是以調色給大家做一個演示

那我直接command+U 色相飽和度來調，對不起，如果你直接用色相飽和度調不出來效果，因為它是黑白灰的效果，你必須勾選著色，但問題又來了，你覺得合適嗎？如下圖

不合適，因為它是單色效果所以大家在操作的時候

PS它給我們提供那麼多的調色的方式，我們不僅可以用到色相/飽和度，同樣也可以用色彩平衡，快捷鍵command+B，先調中間調，首先加點黃色再加點洋紅再加點青色，數值不要記，切記不要記這個數值，用滑鼠拖動一下就知道什麼效果，OK現在來看下效果

我感覺還沒有達到我的預期，中間調指的是本身所有部分的色彩，但是我們需要對畫面中比較偏暗的部分做調色，如下圖，顏色還是有改變，這是調整了整個畫面當中最暗的部分

現在最正常的部分也調了，最暗的部分也調了，現在來調下它的高光部分，如圖，現在想調，三個色調平衡的方向，第一個標準的部分，第二個暗面的部分，第三個高光部分都可以分別調節，如果覺得哪個部分不合適，我們再去更改，達到我們的預期。

OK，記住一點，色彩平衡在使用時，最大的特點就是，你想加什麼顏色單獨調節就可以了，那麼這個部分做好之後，把這個木紋放在哪個位置實現這個效果呢？

把他轉化為智慧物件，放在第一個矩形圖層的上方，剪貼蒙版：快捷鍵command+Alt+G，

後面這兩層之前已經添加了正片疊底的效果，直接就顯示成暗面的效果了，這就是在操作時凸顯出來的效果，那現在木板做好之後（可以拖動木板調整位置或者縮小、放大），其實最終顯示出來的效果只有四周的的紋理，中間那塊要放其它東西

現在我們來做細節的操作，第一個圖形，我要做出立體感，選擇第一個圖層雙擊，調出圖層樣式，選擇斜面和浮雕

來看下它的引數效果，深度：深度值越大就表明正面跟轉角的部分越來越生硬，注意你做的東西是，現在分兩類，一類是堅硬的，一類是柔軟的，對吧！

堅硬的指的是木材的、金屬的、鋼、銅等，柔軟的：皮革、還有一種像汽泡的一樣的東西，半透明的物體，所以它們之間的光、光感、面積大小都是有所區別的

那麼現在我把深度調大一點，有什麼感覺

兩邊厚度非常明顯的效果，那麼現在我們把深度調小一點，到底是柔軟的還是生硬的，根據自己的喜好調節，再往下我建議大家把全域性光勾選掉，為什麼要取消掉這個“全域性光”？

使用全域性光有一個特點，在你當前頁面裡所新增的所有的斜面和浮雕，如果勾選，它們將受統一的影響，只要我改變其中一個角度，所有使用斜面和浮雕效果的都會發生改變，取消掉就是獨立編輯。這是它的優點，同時也是它的缺點。如果你要改角度就比較麻煩，改一個，其它的都會被修改。看個人習慣

預設是內斜面，凸起的效果，深度大小能夠讓邊緣是否柔軟和堅硬，還有，要考慮做高光和投影，暗面的效果

來看高光，預設顏色（白色）不動，大家想一下，光照在木板上是什麼顏色，是白色嗎？如果我調成100%上面的顏色是純白色

這樣字對嗎？不對，應該是什麼顏色，應該比底色稍微淺一點點，明白沒，所以記住，如果你的底色是有顏色的，就應該換成疊加，這個上面的顏色就有底色的成分在

再來看暗面的，它能是純黑色嗎？不能是純黑色，純黑色太醜了，記住，在涉及到的任何效果的當中都不能是純黑色的，因為黑色是給投影使用的

那這裡吸取下木板的顏色，往暗沉的顏色調一調，有沒有覺得這個時候舒服多了，如圖

因為，它是比自身的顏色再深一點點，好那這個部分做完之後就有立體效果了

彆著急，我再改變一下效果，我把大小調得在大一點，高光的程度在弱一點，深度適當的調節，仔細看底下的部分有沒有像圓柱體的感覺，所以跟大家說一下想要圓柱體你就把大小調大一點，生硬一點你就把大小數值調小一點

OK 這個部分做完之後，還沒有全部結束，應該加一點投影效果，比背景底色要深，改成正片疊底，為了凸顯效果，這裡我把背景色調淡一點

現在來細節處理，第一層大小稍微弱一點，第一層做好之後再來一層

第二層，把它距離調的遠一點點，大小調大一點，透明度降低一點，

這裡面就兩層陰影的效果，邊緣的地方陰影比較重，接下來我們再考慮中間這兩個物體，它是有凹陷的，凹陷的其實很好操作，凹陷有兩種做法，

斜面和浮雕：還是選擇內斜面，但是注意，光的來源發生了改變，直接在角度裡調整？可以，另外一種方法把方向改成下，然後大小調節下，因為它的面比較小，小一點點，底下這個部分，高光我再吸取底色調亮一點，改為濾色，比以前更亮的效果，我現在即使用的濾色，顏色也是和它自身有關係的，這裡面跟大家強調一點，如果我們在操作的時候，凹凸距離小的時候，你就直接用斜面和浮雕，調整引數