教程是一篇來(lái)自國(guó)外的翻譯教程，教飛特網(wǎng)的朋友們使用AI來(lái)繪制一個(gè)正義聯(lián)盟的LOGO。教程難度一般，對(duì)于新手來(lái)說(shuō)有點(diǎn)吃力的原因是因?yàn)榻缑媸怯⑽牡?。但是我覺(jué)得這個(gè)并不影響我們學(xué)習(xí)，翻譯者“Ethan”的翻譯還是非常細(xì)致的。這里感謝“Ethan”的翻譯分享。好了，話不多說(shuō)，我們先來(lái)看看最終的效果圖吧：

在本教程中，我們將重新創(chuàng)建即將上映的電影"正義聯(lián)盟"的LOGO。在電影中，LOGO可能是使用3D軟件制作的。但是，這不會(huì)阻止我們使用Photoshop和Illustrator重新創(chuàng)建它。我們將使用Illustrator來(lái)繪制LOGO的形狀，然后將其導(dǎo)入Photoshop，增強(qiáng)其外觀。讓我們開(kāi)始吧。

一、如何繪制矢量輪廓

第1步、首先，我們將在矢量軟件Adobe Illustrator中繪制LOGO。如果你想，也可以直接在Photoshop中繪制。但是我個(gè)人喜歡Illustrator，因?yàn)樗芨玫目刂剖噶烤庉?。在Illustrator中，創(chuàng)建一個(gè)新文檔（文件>新建）。任何尺寸都是可以接受的。

第2步、選擇矩形工具，然后在空畫(huà)布上單擊一次。將彈出一個(gè)對(duì)話框，詢問(wèn)要制作的矩形的尺寸。將其設(shè)置為13厘米x 12厘米。單擊確定按鈕確認(rèn)矩形的尺寸。

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

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

第5步、選中形狀，點(diǎn)擊對(duì)象>路徑>偏移路徑。設(shè)置負(fù)偏移值，直到我們做出外框形狀。確保 預(yù)覽 選項(xiàng)是已經(jīng)選擇的，你才可以實(shí)時(shí)查看最終結(jié)果。

第6步、用直接選擇工具，選擇頂部的兩個(gè)錨點(diǎn)。從選項(xiàng)欄添加很小的圓角值。

第7步、我們完成了外框的構(gòu)建，接下來(lái)我們繼續(xù)構(gòu)建這些字母。你可以嘗試搜索與原字形匹配的字體，但在本教程中，我們將從頭開(kāi)始繪制它們。我們開(kāi)始做一個(gè)矩形，作為J字母的基礎(chǔ)。

第8步、復(fù)制這個(gè)矩形（control+C， control+V），然后把它旋轉(zhuǎn)90°。將其對(duì)齊到J字母的下端。再?gòu)?fù)制出一個(gè)矩形，并將其對(duì)齊到J字母的上端。

第9步、我們需要使用直接選擇工具移動(dòng)一些錨點(diǎn)。參考以下圖片。

第10步、一旦有你滿意的結(jié)果，我們需要將所有的形狀合并成一個(gè)字母Ĵ。選擇形狀，然后在路徑查找器面板上點(diǎn)擊聯(lián)集。

第11步、選擇所有錨點(diǎn)，然后添加圓角。

第12步、給J字母的下部的兩個(gè)錨點(diǎn)添加更大的圓角值。

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

第14步、用直接選擇工具將右側(cè)向上拖動(dòng)。

第15步、再添加一個(gè)矩形

第16步、選擇這兩個(gè)矩形，并將它們合并成一個(gè)L字母。

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

第18步、還有一些我們需要?jiǎng)h除的錨點(diǎn)。

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

第20步、選擇星形，復(fù)制（Control+C）。然后，選擇星形和一個(gè)字母。在路徑查找器面板中，選擇減去頂層。

第21步、粘貼（Control –F）我們之前在同一個(gè)地方復(fù)制的星形。選擇星形和剩余的字母，然后從路徑查找器面板中減去它。

二、如何將矢量路徑導(dǎo)出到Photoshop

第1步、我們完成了矢量形狀，接下來(lái)我們將它們轉(zhuǎn)移到Photoshop。選擇我們制作的所有形狀，復(fù)制（Control+C）。

第2步、讓我們打開(kāi)Photoshop。創(chuàng)建一個(gè)新文件（Control+N）。

第3步、單擊圖層面板底部的創(chuàng)建新的填充或調(diào)整圖層圖標(biāo)來(lái)添加純色。在接下來(lái)的對(duì)話框中，選擇一個(gè)深色（#0e0f16）作為畫(huà)布背景色。

第4步、粘貼（Control –V）將我們?cè)缜霸贗llustrator制作的矢量路徑以形狀圖層粘貼到Photoshop中。

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

第6步、現(xiàn)在，我們要將字母和外框分開(kāi)到單獨(dú)的圖層中。此步驟將簡(jiǎn)化編輯過(guò)程。選擇字母的路徑，然后點(diǎn)擊Control+Shift+。

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

第8步、對(duì)外框重復(fù)該過(guò)程，并將其移動(dòng)到一個(gè)單獨(dú)的圖層上。注意，現(xiàn)在我們有三個(gè)形狀圖層：一個(gè)是JL字母層，另一個(gè)是外框?qū)?，第三個(gè)是五邊形形狀背景。

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

第10步、我們還需要在外框?qū)由咸砑訕邮?。?duì)于外框，添加一個(gè)大的內(nèi)發(fā)光與強(qiáng)烈的白色到黑色漸變來(lái)顯示表面的金屬光亮。

第11步、我們還需要為L(zhǎng)OGO背景添加樣式。

三、如何應(yīng)用紋理

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

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

第3步、讓我們添加另一個(gè)紋理，這次是大理石，為字母加上隨機(jī)的紋理線條。點(diǎn)擊D將背景顏色和前景顏色重置為默認(rèn)設(shè)置，即黑白。新建一個(gè)圖層，然后做一個(gè)新的選區(qū)覆蓋字母。單擊濾鏡>渲染>云彩。

第4步、點(diǎn)擊濾鏡>渲染>分層云彩。

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

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

第7步、添加另一個(gè)金屬紋理，將其放在外框圖層上方并降低不透明度，然后將其轉(zhuǎn)換為剪切蒙版。

第8步、不要忘記為L(zhǎng)OGO的背景添加紋理。

四、如何為背景添加光亮

第1步、添加一個(gè)新圖層并將其放在正義聯(lián)盟LOGO之上。激活畫(huà)筆工具。右擊打開(kāi)可用畫(huà)筆列表。選擇散點(diǎn)畫(huà)筆。在LOGO背景內(nèi)部涂白色。

第2步、通過(guò)應(yīng)用高斯模糊 （濾鏡>模糊>高斯模糊）來(lái)軟化畫(huà)筆的筆畫(huà)。使用大的半徑尺寸，直到筆畫(huà)完全模糊。在圖層面板中，降低其不透明度，并將圖層混合模式設(shè)置為疊加。

第3步、添加另一個(gè)白色畫(huà)筆去添加更多光亮。

第4步、我們還需要手動(dòng)添加更強(qiáng)的陰影。添加一個(gè)新圖層并將其放在字母形狀圖層的下方。按住Ctrl鍵單擊字母圖層的縮略圖，創(chuàng)建一個(gè)新的形狀選區(qū)。

第5步、用黑色填充選區(qū)。然后按Control+D取消選擇。使用移動(dòng)工具，把陰影向下移動(dòng)幾個(gè)像素。通過(guò)應(yīng)用高斯模糊（濾鏡>模糊>高斯模糊）讓陰影柔和，并降低其不透明度。

第6步、我們?cè)贚OGO上添加另一個(gè)紋理。制作新圖層并繪制覆蓋LOGO的選區(qū)。單擊過(guò)濾鏡>渲染>云彩。

第7步、點(diǎn)擊幾次濾鏡>渲染>分層云彩，直到獲得有趣的紋理。

第8步、單擊圖像>調(diào)整>色階或按Control+L。在色階對(duì)話框中，拖動(dòng)白色三角形，直到我們?cè)谶x區(qū)內(nèi)發(fā)現(xiàn)有明顯的對(duì)比。

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

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

第11步、重復(fù)此步驟，在背景中添加另一個(gè)柔和的高光。

第12步、不要忘了添加黑暗區(qū)域。在左上角，畫(huà)一個(gè)隨機(jī)的黑點(diǎn)，修改透明度使它變得隱約可見(jiàn)。如果需要，添加一些高斯模糊。

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

第14步、我們想在背景中添加一個(gè)藍(lán)色的陰影。從圖層面板中，添加一個(gè)照片濾鏡，并選擇 藍(lán)色。默認(rèn)情況下， 照片濾鏡調(diào)整圖層影響它下面的每一個(gè)像素。為了限制它只影響背景，給它添加一個(gè)圖層蒙版并用黑色畫(huà)筆擦出LOGO。

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

第1步、創(chuàng)建新圖層。按住Ctrl鍵單擊字母形狀圖層，根據(jù)字母形狀創(chuàng)建新的選區(qū)。單擊編輯>描邊。在對(duì)話框中，設(shè)置描邊顏色為白色寬度為1像素。單擊確定以確認(rèn)結(jié)果。

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

第3步、復(fù)制描邊線，然后應(yīng)用高斯模糊軟化線條。降低其不透明度保持其隱約可見(jiàn)。

第4步、對(duì)外框重復(fù)相同的步驟。

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

第6步、點(diǎn)擊Control+T來(lái)改變畫(huà)筆形狀。

第7步、按住Control鍵，然后拖動(dòng)角點(diǎn)，使其偏斜。按Enter鍵確認(rèn)結(jié)果。

第8步、重復(fù)上述步驟，用畫(huà)筆輕點(diǎn)擊，然后使其偏斜。重復(fù)幾次，直到我們有足夠的反射光填補(bǔ)空白。

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

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

第11步、通過(guò)使用較小的畫(huà)筆再次使用白色或其他淺色進(jìn)行繪畫(huà)，使其更加逼真。

第12步、使用相同的技術(shù)，另一個(gè)反射光被添加到右上角?？紤]到這是放置虛擬光源的地方，反射應(yīng)該更大更強(qiáng)。

最后結(jié)果：

這是我們的最終結(jié)果。正如你所見(jiàn)，我們做了很多手動(dòng)繪畫(huà)，并添加了一些微弱的高光來(lái)貼近現(xiàn)實(shí)。我們依靠紋理為形狀輕松地添加了真實(shí)感。

最新評(píng)論