PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

“生化奇兵:無限” 是今年最令人期待的視頻游戲之一。它是如此的具有藝術(shù)性以至于從一開始就引起了我們的注意。在這篇文章中,我們將制作一個蒸汽朋克標(biāo)志,看起來就和游戲中的那個一樣。請記住,我們不是再次制作一個和游戲中一模一樣的蒸汽朋克標(biāo)志。因此,我們變換了主要的字體,并做了一些小的調(diào)整。

教程詳細(xì)信息:

程序:Adobe??Photoshop
版本:CS5
難度:高級
預(yù)計(jì)完成時間:3小時

教程素材下載:

最終效果:

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step?1:

如下圖所示在Photoshop中創(chuàng)建一個新的文件。接著創(chuàng)建另一個(600×400)像素大的文件并填充紋理CXXXXXXXXVII。將其進(jìn)行柵格化,調(diào)整飽和度,然后執(zhí)行編輯-->定義圖案。將它保存,命名為“墻1”(“Wall1”)。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 2:

用鋼筆工具(P)繪制一個盾牌的形狀。你只需要畫出盾牌的一半,然后復(fù)制這個圖層,將復(fù)制的圖形水平翻轉(zhuǎn),最后再合并這兩個圖層。用顏色#e7cd94填充這個形狀,并如下所示設(shè)置圖層樣式。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 3:

創(chuàng)建一個新的圖層,并給原來的盾牌圖層添加一個剪貼蒙版。從現(xiàn)在開始創(chuàng)建的每一個圖層都必須添加剪貼蒙版。選中盾牌圖形并填充白色(#FFFFFF)。然后執(zhí)行濾鏡?-->像素化-->銅版雕刻和濾鏡?-->模糊-->徑向模糊。設(shè)置圖層的混合模式為顏色加深,不透明度為33%。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 4:

新建圖層并用紋理Abrasion?Texture?4?進(jìn)行填充。將它縮小,設(shè)置混合模式為疊加,將不透明度降低到80%。添加蒙版,將不需要的部分擦除。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 5:

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 6:

創(chuàng)建一個新的圖層(不要忘記給圖層添加剪貼蒙版),然后用紋理the?Wall?Texture?(shadow?h3)進(jìn)行填充。設(shè)置圖層混合模式為強(qiáng)光。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 7:

用鋼筆工具(P)繪制一個如下圖所示的形狀(不一定要畫地很完美)。如下所示設(shè)置圖層樣式,并設(shè)置填充為0%。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 8:

創(chuàng)建一個新圖層,用柔軟的圓形筆刷(顏色:#FFFFFF,#f0e6a5)在圖層上畫一些亮點(diǎn)。注意亮點(diǎn)不要畫在上一步做好的圖形上(將畫在圖形上面的那部分刪除)。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 9:

新建一個圖層,并用紋理Untitled?Texture?CXXXXXXXXVII進(jìn)行填充,然后柵格化圖層。調(diào)節(jié)飽和度,并使用色階來增加其對比度(或者用“曲線”也可以,只要是你喜歡用的就行)。然后設(shè)置圖層混合模式為顏色加深,不透明度為45%。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 10:

新建一個圖層并紋理Rusty?Iron?Texture填充圖層,設(shè)置圖層混合模式為點(diǎn)光,不透明度為40%。復(fù)制這個圖層備用。適當(dāng)旋轉(zhuǎn)紋理,使它看起來比較自然,不那么規(guī)則。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 11:

創(chuàng)建一個新圖層,選中最先做好的盾牌圖形,用顏色#e7cd94進(jìn)行填充,然后執(zhí)行選擇-->修改-->收縮并設(shè)置半徑為8px,按下Delete鍵把這一部分刪除。然后,只需設(shè)置填充為0%,并如下圖所示設(shè)置圖層樣式。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 12:

將到目前為止創(chuàng)建的所有圖層進(jìn)行圖層編組,并命名為“基底(Base)”。在這個組上面創(chuàng)建一個新圖層,用橢圓工具(U)畫一個小圓圈,隨便給它填充一個顏色,設(shè)置填充為0%,并如下所示設(shè)置圖層樣式。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 13:

再新建一個圖層,畫一個比剛才要小一點(diǎn)的圓,添加蒙版,設(shè)置前景顏色為黑色,然后用一個硬圓形畫筆畫一條細(xì)線(2px)。然后設(shè)置填充為0%,并如下所示設(shè)置圖層樣式。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 14:

將這兩個圖層編組,并命名為“螺絲”。復(fù)制這個組兩次,適當(dāng)旋轉(zhuǎn)它們使它們看起來自然一點(diǎn)。如果你所做的一切都是正確的,那么你的設(shè)計(jì)現(xiàn)在應(yīng)該是下面這個樣子的。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 15:

創(chuàng)建一個新圖層,用文字工具(T)寫上“無限”或其他任何你想寫的字。本教程中使用的字體為Peake(大小:34Pt,追蹤:80,顏色:#a3080a),這個字體可以在dafont.com網(wǎng)站下載。然后,如下圖所示設(shè)置文字變換樣式和圖層樣式。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 16:

在文字圖層上新建一個圖層,填充紋理Wall?Texture,設(shè)置圖層混合模式為疊加,然后用這個圖層和下面的文字圖層創(chuàng)建一個剪貼蒙版。然后填充紋理Rusty?Iron?Texture,調(diào)整其飽和度。設(shè)置圖層混合模式為柔光,然后同樣用這個圖層和下面的文字圖層創(chuàng)建一個剪貼蒙版。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 17:

將上一步完成的三個圖層進(jìn)行圖層編組,并命名為“文本”(“Text”)。創(chuàng)建一個新圖層,選中原來的盾牌形狀選區(qū),執(zhí)行選擇-->修改-->收縮(14像素)。隨意給這個選區(qū)填充一個顏色,然后如下圖所示設(shè)置圖層樣式。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 18:

復(fù)制這個圖層,取消原來的圖層樣式,然后重新設(shè)置圖層樣式,如下所示。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 19:

復(fù)制這個圖層,取消原來的圖層樣式,然后重新設(shè)置圖層樣式,如下所示。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 20:

下面來創(chuàng)建破損的旗子。用矩形工具(U)畫一個矩形,填充顏色為白色(#FFFFFF),然后如下所示設(shè)置圖層樣式。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 21:

給這個圖層添加蒙版,并用鋼筆工具(P)和兩種畫筆來畫一個看起來有些殘破的形狀。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 22:

創(chuàng)建一個新圖層,用這個圖層和上面的圖層創(chuàng)建剪貼蒙版。用鋼筆工具(P)畫一些條紋,并用顏色#a3080a進(jìn)行填充。然后如下所示設(shè)置圖層樣式。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 23:

創(chuàng)建一個新圖層,用這個圖層和上面的旗子圖層創(chuàng)建剪貼蒙版。用在第21步中使用的筆刷畫一些暗一點(diǎn)的陰影。設(shè)置圖層混合模式為線性加深,設(shè)置不透明度為40%。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 24:

重復(fù)上面第23步的步驟,但是這一次用筆刷來畫一些亮光而不是陰影。設(shè)置圖層的混合模式為疊加,不透明度為60%。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 25:

現(xiàn)在你的設(shè)計(jì)應(yīng)該是下面這個樣子的。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 26:

將第20到第24步中創(chuàng)建的所有圖層進(jìn)行圖層編組,并命名為?“旗子”(“Flag”)。復(fù)制這個“旗子”圖層組并清除所有的圖層樣式,將其顏色設(shè)置為黑色(#000000),執(zhí)行濾鏡?--?>模糊?--?>高斯模糊(2.5像素),然后把這個圖層放到“基底”圖層組中的填充了紋理CXXXXXXXXVII的那個圖層的上面。設(shè)置圖層混合模式為線性加深,填充為80%。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 27

在旗子下面再添加一些陰影。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 28:

下面來完成旗子的第二部分。用鋼筆工具(P)畫一個看起來像是撕裂而產(chǎn)生的裂痕形狀(設(shè)置裂痕的顏色為:#415266)。然后,如下所示設(shè)置圖層樣式。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)
PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 29:

用同樣的方法來完成盾牌的另一邊(不要忘記把角度從180變?yōu)?/span>0)。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 30:

添加一些陰影。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

Step 31:

重復(fù)步驟26,為旗子的第二部分添加一些背景陰影。

PS教程:蒸汽朋克式LOGO設(shè)計(jì)(上篇)

結(jié)論:

以上就是第一部分的制作方法,在第二部分將完成剩余部分的制作。希望你喜歡本教程,如果您有任何疑問,請留言,我們會盡快回答。

翻譯小組:SDC番茄匠?????微博ID:@親愛的米啦
原文地址:http://naldzgraphics.net/

【各位盡職盡責(zé)帥氣靚麗的網(wǎng)站編輯、站長大神們,如果您看上了優(yōu)設(shè)網(wǎng)的這篇文章,請復(fù)制粘帖的時候把我們網(wǎng)址帶上,我會代表節(jié)操君向您致敬的,感謝】

收藏 4
點(diǎn)贊

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。