UI設計之用PS創建超炫酷的機器人效果

本篇教程通過PS創建一個超炫酷的機器人，整個教程給人的感覺比較宏大，拿到手會感覺無從下手，教程難度中等偏上，可以試著做一下，操作起來還是比較有趣的，同學們一起來學習一下吧。

效果圖：

請點擊此處輸入圖片描述

請點擊此處輸入圖片描述

1.使用照片中的自定義紋理

步驟1

打開RustEffects-starter.psd文件。請注意，該文件只包含三個圖層：背景，附件圖層和非常乾淨的金屬機器人圖層。這個數字是用金屬物體的各種照片構成的。裝配看起來不錯，但由於金屬片幾乎無菌的外觀，它缺乏真實感。通過添加生鏽，劃痕，污垢等，這個數字會顯得更可信。

請點擊此處輸入圖片描述

第2步

打開紋理文件DSC_0195.jpg並使用多邊形套索工具（L）在金屬區域周圍創建一個非常粗糙的選擇，以包括大量的鏽蝕和其他損壞。然後去編輯>複製。

請點擊此處輸入圖片描述

第3步

返回到主項目文件，並轉到編輯>粘貼將複製的紋理存放到新圖層上。確保紋理圖層位於基礎機器人圖層上方。

請點擊此處輸入圖片描述

步驟4

使用圖層>新建>圖層複製（Control-J）複製紋理圖層，然後將副本重新放置在原始圖層下方。然後通過單擊「圖層」面板中縮略圖旁邊的眼球圖標隱藏原始紋理圖層。更改複製圖層的混合模式，以允許紋理與其後的像素混合。紋理和背景將決定使用哪種模式。在這種情況下，Overlay是一個不錯的選擇。

請點擊此處輸入圖片描述

第5步

使用編輯>自由變換（Control-T）來轉換紋理圖層，以便粗略地貼合機器人的一個胸板。它不需要是一個精確的擬合，但紋理的尺寸應該足夠小，以描繪機器人的大規模。

請點擊此處輸入圖片描述

第6步

在提交轉換之前，右鍵單擊紋理，然後從上下文菜單中選擇「扭曲」。使用經線手柄將紋理成形為與金屬片的地形相匹配的曲線。當您對形狀感到滿意時，請按Enter鍵或單擊選項欄中的複選標記圖標來提交轉換。

請點擊此處輸入圖片描述

第7步

通過按住Alt鍵同時單擊圖層之間的線條，將紋理圖層剪貼到機器人圖層。正確完成時，紋理圖層的縮略圖將縮進，並在其旁邊出現一個向下的小箭頭圖標。此裁剪確保紋理僅在機器人像素上可見，而不在背景中顯示。

請點擊此處輸入圖片描述

第8步

使用橡皮擦（E）進一步細化紋理出現的位置。在橡皮擦上使用柔軟的邊緣筆尖輕輕去除明顯的接縫和紋理不應該在其他金屬片上可見的區域。

請點擊此處輸入圖片描述

第9步

繼續使紋理化機器人的不同元素的過程相同。使用紋理的不同部分根據需要多次創建原始圖層的重複項。複製其他紋理區域從其他股票照片，所以有一個良好的多樣性的整體外觀。在我們的項目中，我們使用了近二十個紋理圖層。這可能是單調乏味的工作，但最終的效果是值得的

請點擊此處輸入圖片描述

第10步

使用小型機械元素的紋理照片來幫助增加機器人身材的規模和逼真度。細節越嚴密，機器人就越大。

請點擊此處輸入圖片描述

2.創建自定義臨時刷子

在紋理中分層是為表面添加磨損和細節的絕佳工具。添加防鏽和劃傷效果將整件作品帶到另一個層面。本教程的這一部分詳細介紹了如何從紋理照片創建自定義的防鏽和劃痕筆刷，並使用它們為我們的英雄機器人的金屬添加逼真的傷害。

步驟1

打開文件DSC_0195.JPG，粗略選擇文件頂部附近的劃痕。使用編輯>複製（Control-C）複製選擇

請點擊此處輸入圖片描述

第2步

使用「文件」>「新建」（Ctrl-N）創建新文檔。Photoshop會自動使用複製像素的尺寸填充新文件的大小。單擊新建對話框中的確定。然後使用編輯>粘貼（Control-V）粘貼到新文件中。

請點擊此處輸入圖片描述

請點擊此處輸入圖片描述

第3步

用Image>Adjustments>Desaturate（Shift-Control-U）刪除顏色信息。然後用圖像>調整>色階（Control-L）打開色階調整。向外拉兩個外側調整手柄，以在紋理中形成強烈的對比。我們的目標是把劃痕看作是一個明亮的白色對比較暗的像素。

請點擊此處輸入圖片描述

步驟4

Photoshop的筆刷提示將黑色區域定義為正面，而紋理將其設置為負值，所以請轉到圖像>調整>反轉（控制-I）以更改紋理，以便劃痕為黑色，金屬為淺灰色。

請點擊此處輸入圖片描述

第5步

使用橡皮擦（E），使用柔軟的邊緣刷子尖端去除堅硬的邊緣，並進行更加羽化的過渡。

請點擊此處輸入圖片描述

第6步

轉到選擇>顏色範圍，然後從選擇菜單中選擇陰影選項。調整模糊和範圍滑塊，直到預覽顯示一個很好的選擇區域。在我們的例子中，我們分別使用了38％和54。點擊確定以生成選擇。

請點擊此處輸入圖片描述

第7步

使用圖層>新建>圖層複製（Control-J）將選擇複製到新圖層，然後可以刪除原圖層。

請點擊此處輸入圖片描述

第8步

使用橡皮擦工具進一步修改？（刪除和保留硬邊緣，然後通過編輯>定義筆刷預設並給新的筆刷命名來定義新的筆刷筆尖。

請點擊此處輸入圖片描述

第9步

返回到主項目文件。在其餘的紋理圖層的頂部創建一個新的圖層作為劃痕。其餘的將剪貼層剪斷。使用畫筆工具（B）並選擇新創建的自定義畫筆。選擇明亮的灰色，並根據需要減小畫筆大小。通過單擊創建劃痕效果，不要像正常畫筆那樣拖動畫筆，這種技巧更像是一種印章。

請點擊此處輸入圖片描述

第10步

使用各種顏色和刷子大小繼續添加劃痕效果。右鍵單擊以獲取「畫筆上下文」菜單以使用旋轉小部件，以便所有劃痕不會朝相同方向移動。

請點擊此處輸入圖片描述

3.創建自定義銹效果

在組合物中添加自定義的防鏽劑使用與添加劃痕非常相似的過程。使用源紋理照片創建自定義畫筆，然後直接應用到機器人！

步驟1

打開文件DSC_0782.JPG，注意沿著金屬的美味的銹跡和紋理。特別是在右側。

請點擊此處輸入圖片描述

第2步

沿右邊的螺絲打斷紋理，需要去除。使用橢圓選框工具（M）創建每個螺絲周圍的選擇，然後進入編輯>填充。從「填充」菜單中選擇「內容感知」，然後點擊「確定」讓Photoshop用非螺紋紋理填充選區！

請點擊此處輸入圖片描述

第3步

再次使用選擇>顏色範圍。將「選擇」選項更改為「採樣顏色」，並從照片中對部分紅銹區域進行採樣。「模糊」滑塊將控制選擇邊緣的清晰度。選擇滿意後，點擊確定。

請點擊此處輸入圖片描述

步驟4

轉到圖層>新建>圖層通過複製（Control-J）將銹跡選擇複製到新圖層。隱藏背景圖層並使用橡皮擦（E）去除銹紋理中的任何硬邊。

請點擊此處輸入圖片描述

第5步

通過編輯>定義筆刷預設來創建防鏽筆刷。

請點擊此處輸入圖片描述

第6步

返回到項目文件，並為防鏽紋理添加一個新圖層。請記住將圖層與其他圖層夾在一起。使用新的防鏽刷為機器人添加微妙的防鏽效果。通過使用生鏽的紅色和調整圖層的混合模式來增強效果。在我們的例子中，我們使用#c69d5c和顏色加深。

請點擊此處輸入圖片描述

第7步

紋理化過程往往有一個趨勢，使主題比預期的更暗。這只是將這麼多像素放在一起的結果，特別是當它們主要是黑色的時候。

通過添加「曲線調整圖層」並將其裁剪到紋理圖層的頂部來糾正此問題。將兩個控制點添加到曲線的中心區域並稍微向上拉動以使機器人變亮。

請點擊此處輸入圖片描述

完成，最後整個創作已完成，如果本教程對您有所幫助，請收藏轉發吧。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！