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

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

教程詳細信息:

程序:Adobe??Photoshop
版本:CS5
難度:高級
預計完成時間:3小時

教程素材下載:

最終效果:

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

Step?1:

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

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

Step 2:

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

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

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

Step 3:

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

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

Step 4:

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

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

Step 5:

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

Step 6:

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

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

Step 7:

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

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

Step 8:

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

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

Step 9:

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

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

Step 10:

新建一個圖層并紋理Rusty?Iron?Texture填充圖層,設置圖層混合模式為點光,不透明度為40%。復制這個圖層備用。適當旋轉紋理,使它看起來比較自然,不那么規則。

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

Step 11:

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

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

Step 12:

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

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

Step 13:

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

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

Step 14:

將這兩個圖層編組,并命名為“螺絲”。復制這個組兩次,適當旋轉它們使它們看起來自然一點。如果你所做的一切都是正確的,那么你的設計現在應該是下面這個樣子的。

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

Step 15:

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

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

Step 16:

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

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

Step 17:

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

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

Step 18:

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

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

Step 19:

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

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

Step 20:

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

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

Step 21:

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

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

Step 22:

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

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

Step 23:

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

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

Step 24:

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

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

Step 25:

現在你的設計應該是下面這個樣子的。

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

Step 26:

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

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

Step 27

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

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

Step 28:

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

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

Step 29:

用同樣的方法來完成盾牌的另一邊(不要忘記把角度從180變為0)。

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

Step 30:

添加一些陰影。

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

Step 31:

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

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

結論:

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

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

【各位盡職盡責帥氣靚麗的網站編輯、站長大神們,如果您看上了優設網的這篇文章,請復制粘帖的時候把我們網址帶上,我會代表節操君向您致敬的,感謝】

收藏 4
點贊 4

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。