AI PS製作正義聯盟隊徽

圖/文 Mohammad Jeprie

一、如何繪製矢量輪廓

第1步、首先，我們將在矢量軟體Adobe Illustrator中繪製LOGO。如果你想，也可以直接在Photoshop中繪製。但是我個人喜歡Illustrator，因為它能更好的控制矢量編輯。在Illustrator中，創建一個新文檔（文件>新建）。任何尺寸都是可以接受的。

第2步、選擇矩形工具，然後在空畫布上單擊一次。將彈出一個對話框，詢問要製作的矩形的尺寸。將其設置為13厘米x 12厘米。單擊確定按鈕確認矩形的尺寸。

第3步、確保已激活智能參考線（視圖>智能參考線）。選中矩形形狀。用鋼筆工具，點擊其下邊緣的中心來添加新的錨點。

第4步、在按住Shift鍵的同時，用直接選擇工具將新添加的錨點向下拉。

第5步、選中形狀，點擊對象>路徑>偏移路徑。設置負偏移值，直到我們做出外框形狀。確保 預覽 選項是已經選擇的，你才可以實時查看最終結果。

第6步、用直接選擇工具，選擇頂部的兩個錨點。從選項欄添加很小的圓角值。

第7步、我們完成了外框的構建，接下來我們繼續構建這些字母。你可以嘗試搜索與原字形匹配的字體，但在本教程中，我們將從頭開始繪製它們。我們開始做一個矩形，作為J字母的基礎。

第8步、複製這個矩形（control+C， control+V），然後把它旋轉90°。將其對齊到J字母的下端。再複製出一個矩形，並將其對齊到J字母的上端。

第9步、我們需要使用直接選擇工具移動一些錨點。參考以下圖片。

第10步、一旦有你滿意的結果，我們需要將所有的形狀合併成一個字母?。選擇形狀，然後在路徑查找器面板上點擊聯集。

第11步、選擇所有錨點，然後添加圓角。

第12步、給J字母的下部的兩個錨點添加更大的圓角值。

第13步、使用與上述步驟類似的方法，繪製L字母。我們繪製一個矩形。確保它與J字母中矩形的厚度相同。

第14步、用直接選擇工具將右側向上拖動。

第15步、再添加一個矩形

第16步、選擇這兩個矩形，並將它們合併成一個L字母。

第17步、如果我們仔細觀察矢量路徑，我們會注意到有一些不需要的錨點，如下圖展示的兩個點。始終保持路徑清潔，清除未使用的錨點，這是一個很好的規範。使用鋼筆工具點擊兩個點以將其刪除。

第18步、還有一些我們需要刪除的錨點。

第19步、使用星型工具添加星形。把它放在字母的中間。

第20步、選擇星形，複製（Control+C）。然後，選擇星形和一個字母。在路徑查找器面板中，選擇減去頂層。

第21步、粘貼（Control –F）我們之前在同一個地方複製的星形。選擇星形和剩餘的字母，然後從路徑查找器面板中減去它。

二、如何將矢量路徑導出到Photoshop

第1步、我們完成了矢量形狀，接下來我們將它們轉移到Photoshop。選擇我們製作的所有形狀，複製（Control+C）。

第2步、讓我們打開Photoshop。創建一個新文件（Control+N）。

第3步、單擊圖層面板底部的創建新的填充或調整圖層圖標來添加純色。在接下來的對話框中，選擇一個深色（#0e0f16）作為畫布背景色。

第4步、粘貼（Control –V）將我們早前在Illustrator製作的矢量路徑以形狀圖層粘貼到Photoshop中。

第5步、雙擊形狀圖層縮略圖並將其顏色更改為深灰色（#414650）。

第6步、現在，我們要將字母和外框分開到單獨的圖層中。此步驟將簡化編輯過程。選擇字母的路徑，然後點擊Control+Shift+。

第7步、將其顏色更改為較淺的灰色（#78757b）。

第8步、對外框重複該過程，並將其移動到一個單獨的圖層上。注意，現在我們有三個形狀圖層：一個是JL字母層，另一個是外框層，第三個是五邊形形狀背景。

第9步、確保選擇字母形狀的圖層，然後雙擊圖層以添加一些樣式。我們要添加斜面和浮雕，為字母表面添加一點3D效果。內發光和漸變疊加會讓它的表面有光亮。而投影會將字母從背景中提起來。

第10步、我們還需要在外框層上添加樣式。對於外框，添加一個大的內發光與強烈的白色到黑色漸變來顯示錶面的金屬光亮。

第11步、我們還需要為LOGO背景添加樣式。

三、如何應用紋理

第1步、LOGO現在雖然有立體感覺，但還是比較平面。為了解決這個問題，我們需要添加紋理。獲得metal texture number 4。將它放在字母形狀圖層之上。將其不透明度降低到60％，然後按Ctrl+Alt+G將紋理轉換為剪切蒙版。

第2步、添加另一個金屬紋理，這次是number 8。將其放置在字母形狀之上，就像之前的紋理一樣，將其轉換為剪切蒙版。

第3步、讓我們添加另一個紋理，這次是大理石，為字母加上隨機的紋理線條。點擊D將背景顏色和前景顏色重置為默認設置，即黑白。新建一個圖層，然後做一個新的選區覆蓋字母。單擊濾鏡>渲染>雲彩。

第4步、點擊濾鏡>渲染>分層雲彩。

第5步、點擊幾次Control+F添加分層雲彩濾鏡。一旦獲得了一些有趣的形狀，點擊Control+Alt+G將其轉換為剪切蒙版，將紋理剪切到字母形狀內。在 圖層面板中，將圖層混合模式更改為疊加，並降低其不透明度。

第6步、當然，我們需要為外框添加紋理。這一次，使用concrete texture。將其放在外框圖層上方，降低其不透明度，並將其轉換為剪切蒙版。

第7步、添加另一個金屬紋理，將其放在外框圖層上方並降低不透明度，然後將其轉換為剪切蒙版。

第8步、不要忘記為LOGO的背景添加紋理。

四、如何為背景添加光亮

第1步、添加一個新圖層並將其放在正義聯盟LOGO之上。激活畫筆工具。右擊打開可用畫筆列表。選擇散點畫筆。在LOGO背景內部塗白色。

第2步、通過應用高斯模糊（濾鏡>模糊>高斯模糊）來軟化畫筆的筆畫。使用大的半徑尺寸，直到筆畫完全模糊。在圖層面板中，降低其不透明度，並將圖層混合模式設置為疊加。

第3步、添加另一個白色畫筆去添加更多光亮。

第4步、我們還需要手動添加更強的陰影。添加一個新圖層並將其放在字母形狀圖層的下方。按住Ctrl鍵單擊字母圖層的縮略圖，創建一個新的形狀選區。

第5步、用黑色填充選區。然後按Control+D取消選擇。使用移動工具，把陰影向下移動幾個像素。通過應用高斯模糊（濾鏡>模糊>高斯模糊）讓陰影柔和，並降低其不透明度。

第6步、我們在LOGO上添加另一個紋理。製作新圖層並繪製覆蓋LOGO的選區。單擊過濾鏡>渲染>雲彩。

第7步、點擊幾次濾鏡>渲染>分層雲彩，直到獲得有趣的紋理。

第8步、單擊圖像>調整>色階或按Control+L。在色階對話框中，拖動白色三角形，直到我們在選區內發現有明顯的對比。

第9步、為了給字母和外框添加紋理，我們需要使用蒙版。按住Ctrl鍵單擊字母縮略圖圖層，然後按住Shift+Control單擊外框圖層的縮略圖。為紋理圖層添加蒙版，然後將其圖層混合模式設置為深色，30％的不透明度。

第10步、我們想給背景添加深度。使用柔邊圓畫筆在新圖層上塗白。如果你想要更軟，只需應用高斯模糊（濾鏡>模糊>高斯模糊）。降低圖層的不透明度，並把它的混合模式改為疊加。

第11步、重複此步驟，在背景中添加另一個柔和的高光。

第12步、不要忘了添加黑暗區域。在左上角，畫一個隨機的黑點，修改透明度使它變得隱約可見。如果需要，添加一些高斯模糊。

第13步、讓我們添加一個粒狀的背景，為整個背景創造一個黑暗的感覺。為此，添加一個新圖層，然後將其填充為白色。點擊濾鏡>雜色>添加雜色。確認選擇單色。單擊確定。將圖層混合模式更改為正片疊底以保留所有暗色像素，並隱藏白色像素。

第14步、我們想在背景中添加一個藍色的陰影。從圖層面板中，添加一個照片濾鏡，並選擇 藍色。默認情況下， 照片濾鏡調整圖層影響它下面的每一個像素。為了限制它隻影響背景，給它添加一個圖層蒙版並用黑色畫筆擦出LOGO。

五、如何添加燈光和反射光

第1步、創建新圖層。按住Ctrl鍵單擊字母形狀圖層，根據字母形狀創建新的選區。單擊編輯>描邊。在對話框中，設置描邊顏色為白色寬度為1像素。單擊確定以確認結果。

第2步、使用橡皮擦工具硬度為0％，抹掉大部分的描邊線，留下一些字母角落上的描邊。

第3步、複製描邊線，然後應用高斯模糊軟化線條。降低其不透明度保持其隱約可見。

第4步、對外框重複相同的步驟。

第5步、放大字母的中心，就在空的星形區域。使用柔邊圓畫筆，用淡黃色在新圖層上輕點一次。

第6步、點擊Control+T來改變畫筆形狀。

第7步、按住Control鍵，然後拖動角點，使其偏斜。按Enter鍵確認結果。

第8步、重複上述步驟，用畫筆輕點擊，然後使其偏斜。重複幾次，直到我們有足夠的反射光填補空白。

第9步、在星形反射光的後面LOGO背景上塗上白光。

第10步、我們可以在LOGO的其他光照到的部分添加反射光。在這個場景中，虛擬光源被放置在右上角。下一個反射光的最佳場所之一就是LOGO的左下角。就像在之前的步驟中一樣，我們只需要在該區域塗上柔和的淡黃色。

第11步、通過使用較小的畫筆再次使用白色或其他淺色進行繪畫，使其更加逼真。

第12步、使用相同的技術，另一個反射光被添加到右上角。考慮到這是放置虛擬光源的地方，反射應該更大更強。

最後結果：這是我們的最終結果。正如你所見，我們做了很多手動繪畫，並添加了一些微弱的高光來貼近現實。我們依靠紋理為形狀輕鬆地添加了真實感。

點擊展開全文

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