凹凸貼圖效果

“等等，什么？” 您會驚嘆：““圖層樣式”菜單中沒有凹凸貼圖效果！” 的確如此，但是通過將“圖案覆蓋”和“斜面和浮雕”結合使用，我們可以使用可控光源實現帶紋理的凹凸貼圖表面。

此技術需要兩張圖像：一個用于紋理和顏色，另一個用于深度圖。深度圖不需要任何色相，因為它基于復合值確定深度，黑色是最低值，白色是最高值。在某些情況下，您可能會為兩者使用相同的圖像，但是在我們的示例中，我們將使用完全不同的圖像。

一步步

我們將從創建凹凸貼圖模式開始。打開diamond-plate.psd文件。

在內部，您會在黑色背景上找到許多白色形狀。從此文檔中創建圖案：選擇全部(Cmd/Ctrl + A)，然后單擊“編輯”→“定義圖案”。將其命名為“鉆石板凹凸貼圖”，然后單擊“確定”。

創建菱形圖案。

現在，打開start.psd文件。

重復步驟2，從“淺灰色”圖層創建圖案。稍后將使用它為背景添加紋理。

定義紋理圖案。

創建圖案后，刪除“淺灰色”圖層。不再需要。

使用“矩形形狀”工具創建一個形狀圖層，該圖層比畫布寬20像素，高20像素。將此層的顏色更改為深，棕，色灰色。

為我們的背景創建形狀層。

確保形狀圖層沒有應用任何圖層樣式（Photoshop通常會自動應用最新的圖層樣式）。然后，通過添加Pattern Overlay開始新的Layer Style。

添加圖案疊加效果。

從圖案選擇器中選擇“淺灰色”圖案，然后將“混合模式”更改為“柔光”。這將紋理添加到我們的背景層。

添加圖案疊加效果

接下來，添加“斜面”和“浮雕”以及“紋理”效果。這次，將“紋理”效果的“圖案”更改為在第2步中創建的“鉆石板凹凸貼圖”圖案。現在，我們有了又臟又臭的菱形板背景。

應用“斜角和浮雕”紋理效果。

與大多數“圖層樣式”效果一樣，默認值很少是理想的。通過調整“斜角類型”和“大小”，“光澤輪廓”，“高光”，“陰影”和“光”設置，您可以實現一些引人注目的效果。

調整“斜角”和“浮雕”設置。

通過一些額外的效果，您可以使背景層的形狀更大。該示例具有漸變疊加層，可通過使圖像的某些區域變暗來模擬反射光。

使用漸變疊加使某些區域變暗。

您可能會注意到，“斜角”和“浮雕”濾鏡中的高光似乎都具有相同的值。這是因為“斜角”和“浮雕”效果在“圖層樣式”的堆疊順序上很高。要使位于主光源之外的高光變暗，只需使用“畫筆”工具繪制“圖層蒙版”即可。

繪畫蒙版以增加背景光的外觀。

現在，我們有了一個完全動態的帶紋理的凹凸貼圖背景；您可以在“圖層樣式”菜單中輕松修改所有相關內容。像這樣將復雜的圖像整合到一個動態圖層中可以極大地減少圖層混亂，并使您（以及其他可能使用該文件的人）可以輕松地查找和修改內容。現在，讓我們繼續創建圖標。

3D建模

通過組合一些內部效果，我們可以使用“圖層樣式”菜單創建模擬的3D對象：非常適合圖標，按鈕和其他界面對象。現在，我們將使用單個圖層對示例圖像中圓形圖標的底部進行建模。

一步步

首先創建帶有紅色填充的圓形圖層。

為圖標的基礎創建形狀層。

與為3D形狀建模時通常一樣，讓我們開始在“圖層樣式”中添加漸變疊加。設置為線性刻錄的白到黑徑向樣式漸變最適合我們的實現。確保漸變的白色區域在原點。

將“漸變疊加”添加到“線性刻錄”。

現在，我們有了一個帶有正面光源的陰影球。通過降低漸變的不透明度，我們可以將形狀展平為更凹的按鈕。

降低不透明度以獲得更好的效果。

讓我們還將光的方向移到左上方。在打開“圖層樣式”菜單的同時，將鼠標移到圖像本身上（應顯示“移動工具”圖標）。只需單擊并將梯度的震中拖動到形狀層的左上角。

在“圖層樣式”菜單中重新放置漸變。

雖然“斜角”和“浮雕”看起來似乎是更合邏輯的工具，但通常可以通過結合使用其他效果來獲得更清潔，更可定制的斜角外觀。首先，添加一個黑色的內發光，設置為乘。調整“扼流圈”，“大小”，“不透明度”和“輪廓”，直到形狀內的邊緣變軟。

添加發光以使底座的邊緣變暗。

像任何渲染良好的球面一樣，我們必須在陰影區域添加一些反射光。這可以通過“ 內部陰影”效果輕松實現。將顏色更改為白色，將“混合模式”更改為“線性減淡”。調整角度，使其出現在形狀的右下角。調整輪廓，距離，大小和不透明度以創建微妙的效果。

使用內部陰影添加微妙的反射光。

為了增強形狀是文檔“環境”一部分的感覺，我們可以添加一些效果以與背景交互。投影通常是最簡單的工具。按摩設置，直到感覺一切正常為止。

一個簡單的“陰影”有很長的路要走。

使用外發光效果，我們可以模擬反射紅光，如果這是實際設置，則背景圖像將吸收該紅光。將光暈的顏色更改為較暗的紅色，然后將“混合模式”更改為變暗。同樣，使用“大小”和“不透明度”設置來創建所需的效果。這是一種效果，如果正確使用，沒人會注意到，因為它看起來很自然。

紅色的發光可以添加更多的“環境”。

請注意，“圖層樣式”漸變不能被抖動，這會使它們的質量比“漸變圖層”和“漸變工具”對應的質量低（— Marc Edwards）。

漫反射與鏡面反射光

現在，我們的圖標反射了模擬的漫射光，使它看起來像是啞光表面。如果您更喜歡光澤的外觀，則可以使用“其他”圖層樣式輕松創建鏡面高光。

一步步

復制當前形狀圖層(Cmd/Ctrl + J)。

清除新圖層的圖層樣式：在“圖層”調板中右鍵單擊該圖層，然后選擇“清除圖層樣式”。

我們還需要修改層的形狀，以使反射光具有更清晰的邊緣。使用直接選擇工具（A），在圖層的矢量蒙版中選擇形狀路徑。復制它(Cmd/Ctrl + C)并將其粘貼(Cmd/Ctrl + V)到當前路徑上方。將此路徑的模式更改為從形狀區域（-）減去。然后將形狀向下和向右移動以創建新月形。您可能還想使負形狀更大以創建更自然的內部曲線：只需進行“自由變換” (Cmd/Ctrl + T)，然后將形狀放大即可。

修改鏡面高光的形狀。

因為我們僅需要該圖層的圖層樣式，所以我們可以將其“填充不透明度”設置為0％。我們還希望該圖層繼承基礎圖層的圖層樣式，因此請在新圖層上創建一個Clipping Mask(Cmd/Ctrl + Option + G)。

創建剪貼蒙版以繼承效果。

現在，以“漸變疊加”開始“圖層樣式”。使用默認的黑白漸變，并將“混合模式”設置為“屏幕”。將不透明度降低到大約50％，并將角度更改為大約115°。您可能需要更改漸變的位置，就像在3D建模部分中一樣，可以通過在文檔窗口內單擊和拖動來更改漸變的位置。

將漸變疊加設置為屏幕。

這是精彩集錦的良好開端，但看起來仍然有些不自然。使用透明的內部筆觸，我們可以縮小內部效果的范圍。向圖層添加筆觸效果，并將其不透明度降至0％。將位置更改為“內部”，并使用大小滑塊，直到高光開始于深色圖層在基礎層上結束的位置開始（示例圖像使用5個像素）。

使用0％內部筆觸縮小內部效果的范圍。

要為突出顯示添加更具動感的外觀，您可以向屏幕添加帶有自定義輪廓的白色“內部陰影”集。調整距離和大小設置以完成效果。

內陰影會創建更動態的鏡面反射。

X射線視覺

一步步

要在我們的圖標中創建模切類型，我們可以將文本層變成形狀層，并使用路徑來遮蓋基礎區域。但是，這將導致內容退化。我們將無法再修改類型。相反，我們將使用Knockout Blending Option模擬蒙版。這也將使我們能夠將自定義效果應用于剪切區域。

使用文本“ fx”創建一個新的文字層，并將其放置在圓形底座內。該示例使用120點Garamond Bold斜體。

將填充不透明度降至100％。

通過添加內部陰影開始圖層樣式。增加大小，并將不透明度增加到大約90％。您可能還想根據自己的喜好修改距離和輪廓。

模切效果的開始。

現在，我們有了模切效果的開始，只是文字仍然顯示其下方的底端。要解決此問題，請轉到“圖層樣式”菜單中的“混合選項”部分。將“淘汰”從“無”更改為“淺”（此設置從當前圖層組正下方的圖層中采樣像素）。由于我們的文本圖層不屬于圖層組，因此它是從“背景”圖層采樣的。（無論該層的組如何，使用Deep Knockout總是會從Background層進行采樣。）

淺挖空從當前圖層組正下方的圖層中采樣像素。

要從鉆石板圖層中獲取文本圖層作為示例，請先單擊“確定”以關閉“圖層樣式”菜單。選擇文本圖層和組成基礎的兩個按鈕，然后對圖層進行分組(Cmd/Ctrl + G)。如您所見，“ fx”形狀現在從新圖層組正下方的紋理圖層中繪制像素。

對圖標進行分組，以便從鉆石板層中抽取出樣本。

擊倒效果非常令人信服，但該類型仍感覺與底腳分離。讓我們添加一個斜角效果來模擬底座的表面質量。首先添加一個外部筆畫，大小為2；然后將不透明度降低到0％。這沒有任何效果，但是下一步是必需的。

現在添加“斜角和浮雕”效果。將樣式更改為“描邊浮雕”，將技術更改為“鑿子硬”。這將在上一步中創建的筆劃區域內應用斜角的照明效果。修改設置以獲得微妙而平滑的邊緣。

添加描邊浮雕。

通過在形狀的右下角邊緣上添加細的鏡面反射高光，使斜角更進一步。我們可以使用設置為“屏幕”的白色“陰影”效果在斜角的邊緣添加明亮的高光。您將需要修改距離和大小，以使突出顯示邊緣清晰。

使用投影添加細的鏡面反射高光。

通過添加簡單的黑白漸變疊加（設置為乘），在模切字母中用更多陰影結束圖層樣式。

完成模切。

快速提示

盡管經常濫用，“圖層樣式”菜單確實是每個設計師都應學習使用的強大工具。它不僅提供了其他方式無法輕易找到的速度和控制水平，而且還提供了無與倫比的靈活性。

我們的示例說明了如何將多維圖標和完全動態的背景合并到四個簡單的Shape圖層中，從而可以在整個設計中輕松地對其進行修改，重用和重新利用。以下是在處理下一個項目時要記住的一些其他提示。

效果堆疊順序

您可能已經注意到，有時在使用其他效果時看不到該效果。例如，“顏色疊加”似乎會覆蓋“漸變疊加”。這是因為圖層樣式的堆疊順序。就像圖層的調色板一樣，一層將覆蓋堆疊順序較低的另一層。

不幸的是，“圖層樣式”菜單不允許您重新排列效果的順序。解決此問題的一種方法（即使您犧牲了編輯能力）是使用“創建圖層”，它將所有“圖層樣式”效果變成可以移動的實際圖層。

室內效果堆疊順序：

• 中風
• 斜面和浮雕
• 內心的陰影
• 英格發光
• 緞
• 顏色疊加
• 漸變疊加
• 圖案疊加

外部效果堆疊順序：

• 中風
• 外發光
• 落影
• 非特定顏色的樣式

盡管并非總是可能，但您可能需要使用黑色，白色和灰色進行效果。將單色與適當的混合模式結合使用，可以創建非特定顏色的樣式，這意味著您可以修改實際圖層的顏色，并且圖層樣式將適當更新。

縮放效果

有時您創建的圖層樣式看上去很適合原始大小，但是當形狀增大或減小時，漂亮的樣式就會被破壞。幸運的是，Photoshop提供了一種調整不合理樣式的方法。只需選擇“ 圖層”→“圖層樣式”→“比例效果”，然后輸入所需的百分比。

不起眼的菜單選項

您可以從“圖層樣式”菜單中找到許多隱藏的命令。根據效果，只需將鼠標懸停在文檔窗口上，就可以使用“手動”工具或“移動”工具。手動工具使您可以像在“圖層樣式”菜單外一樣來回移動文檔，“移動”工具可重新放置當前效果并自動更新設置。

使用“移動”工具時，您仍然可以通過按住空格鍵來訪問“手動”工具。使用任何一種工具時，可以分別按住Space + Cmd或進行放大和縮小Space + Option。別忘了，與Photoshop中的大多數其他菜單一樣，按住“選項”會將“取消”按鈕更改為“重置”按鈕，從而允許您撤消所有更改。

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的uniapp动态修改样式_掌握Photoshop图层样式技术的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。