當(dāng)前位置：首頁(yè)>ps實(shí)例教程>ps網(wǎng)頁(yè)設(shè)計(jì)>logo教程>教程內(nèi)容

ps設(shè)計(jì)企業(yè)標(biāo)志實(shí)例(7)

來(lái)源：優(yōu)設(shè) 作者：SDC番茄匠學(xué)習(xí)：24751人次

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

先下載教程全部素材：http://pan.baidu.com/share/link?shareid=430114&uk=755000821

第一部分，先看看下面教程

最終效果：

Step 1：

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

Step 2：

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

Step 3：

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

Step 4：

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

Step 5:

Step 6:

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

Step 7:

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

Step 8:

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

Step 9:

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

Step 10:

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

Step 11:

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

Step 12:

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

Step 13:

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

Step 14:

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

Step 15:

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

Step 16:

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

Step 17:

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

Step 18:

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

Step 19:

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

Step 20:

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

Step 21:

給這個(gè)圖層添加蒙版，并用鋼筆工具(P)和兩種畫(huà)筆來(lái)畫(huà)一個(gè)看起來(lái)有些殘破的形狀。

Step 22:

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

Step 23:

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

Step 24:

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

Step 25:

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

Step 26:

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

Step 27

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

Step 28:

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

Step 29:

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

Step 30:

添加一些陰影。

Step 31:

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

下面是第二部分

最終效果：

Step 1：

打開(kāi)你在教程第一部分中創(chuàng)建的文件。從現(xiàn)在起，你應(yīng)當(dāng)把所有的圖層都放在“Shield”圖層之下(方便起見(jiàn)，把在教程第一部分中創(chuàng)建的所有圖層都放入一個(gè)組中或者合并它們哦)。接下來(lái)，創(chuàng)建一個(gè)新圖層，選擇鋼筆工具(P)。畫(huà)個(gè)類似下圖一樣的圖形，填充色為#e7cd94，復(fù)制它并將副本水平翻轉(zhuǎn)。合并這兩個(gè)圖層并添加如下圖層樣式。將合并后的圖層命名為“Base”。

Step 2：

創(chuàng)建一個(gè)新圖層并選擇Base的像素(select Base’s pixels)，用白色(#fff)填充選區(qū)(Paint the selection white (#fff))。之后進(jìn)行如下操作：濾鏡→像素化→銅版雕刻，接著進(jìn)行操作：濾鏡→模糊→徑向模糊(數(shù)量：40-50，模糊方法：旋轉(zhuǎn)，品質(zhì)：最好)。把圖層混合模式改為顏色加深，設(shè)不透明度為50%。創(chuàng)建剪切蒙版到Base圖層。

Step 3：

記住，從現(xiàn)在開(kāi)始，每個(gè)新建的圖層都應(yīng)該被剪切到Base圖層。(From now on every new layer should be clipped to your Base layer)好了，讓我們?cè)傩陆ㄒ粋€(gè)圖層，再次選擇Base的像素。用顏色#607991填充選區(qū)并且添加蒙版�，F(xiàn)在，結(jié)合Chalk筆刷和Spatter筆刷創(chuàng)建一種隨處銹斑的效果。然后添加如下圖層樣式：

Step 4:

創(chuàng)建一個(gè)新圖層，使用soft round筆刷添加一些亮點(diǎn)(顏色：白色)。改變圖層的混合模式為疊加，并設(shè)置不透明度為70%。

Step 5:

將Abrasion Texture 4(注：教程素材的第五個(gè))放入一新建圖層，稍微縮小一點(diǎn)兒，改變圖層混合模式為疊加，把不透明度設(shè)為50%—55%左右。復(fù)制此紋理，把它放在Base圖層的一邊。稍微旋轉(zhuǎn)一下，保證它看起來(lái)是隨機(jī)的。

Step 6:

將Wall Texture(注：教程素材第四個(gè))放入一新建圖層。把它柵格化，調(diào)低飽和度，將它的混合模式改為強(qiáng)光，將它的不透明度調(diào)到55%。

Step 7:

將Untitled Texture CXXXXXXXXVII(注：教程素材第一個(gè))放入一新建圖層，改變其圖層混合模式為顏色加深，將不透明度設(shè)為45%。

Step 8:

下一步是將Rusty Iron TextureTexture(注：教程素材中第三個(gè))放入一新建圖層,同樣的,稍微縮小一點(diǎn)兒，適當(dāng)?shù)男D(zhuǎn)一點(diǎn)兒，改變其圖層混合模式為點(diǎn)光，設(shè)置不同明度為75%。然后復(fù)制它，把它放到另一邊。為每個(gè)圖層添加圖層蒙版，用橡皮擦擦去一些部分，使他們看起來(lái)有很好地融合。

Step 9:

創(chuàng)建一個(gè)新圖層，用鋼筆工具，畫(huà)一些條紋，并用#eaca93顏色填充。改變圖層的混合模式為正片疊底，調(diào)整不透明度為65%。最后，在第二個(gè)圖片上添加一個(gè)圖層蒙版，并用黑色填充選區(qū)(蒙版的像素大小基本與Step 3中一致即可)。

Step 10:

現(xiàn)在，復(fù)制這個(gè)圖層并且刪除圖層蒙版。選擇你畫(huà)Base圖形采用的像素，執(zhí)行如下操作：選擇→修改→收縮(14px)。按下Ctrl+Shift+I進(jìn)行反向選擇。然后點(diǎn)擊刪除。最后把填充調(diào)至0%并應(yīng)用如下樣式：

Step 11:

現(xiàn)在，你的設(shè)計(jì)應(yīng)該看起來(lái)如下圖所示：

Step 12：

創(chuàng)建一個(gè)新圖層(仍然是一個(gè)剪切蒙版)并選擇鋼筆工具(P)。畫(huà)一些簡(jiǎn)單的星星并用顏色#eaca93填充。改變圖層混合模式為柔光并應(yīng)用如下樣式：

Step 13：

創(chuàng)建一個(gè)新圖層，選擇上一步中畫(huà)星星用的像素。通過(guò)你應(yīng)用在斜面和浮雕樣式(4)中的數(shù)字縮小選區(qū)。隨便用一種顏色填充選區(qū)，設(shè)置填充為0%，然后應(yīng)用如下圖層樣式：

Step 14：

復(fù)制這兩個(gè)圖層兩次，并且適當(dāng)縮小副本。將副本相應(yīng)地放在第一張圖片上。然后再?gòu)?fù)制這三個(gè)星星(總共六個(gè)圖層)，水平翻轉(zhuǎn)副本并將它放在Base圖層的另一邊。

Step 15：

創(chuàng)建一個(gè)新圖層，用顏色#eaca93填充整個(gè)畫(huà)布。改變圖層的混合模式為顏色加深，將不透明度設(shè)為45%。請(qǐng)注意，這是需要剪切到Base圖層的最后一個(gè)圖層。

Step 16：

復(fù)制Step 3中創(chuàng)建的圖層，將其放在圖層組的頂部(也在隱藏的圖層/組之前)。確保你沒(méi)剪切它并清空它的樣式。改變它的圖層混合模式為疊加，設(shè)置不同明度為75%。最后，添加如下樣式：

Step 17：

現(xiàn)在，是時(shí)候該添加些文字了。生化奇兵的Logo中的字體是Swis721 BdCnOul BT，但我們可以采用一款叫Geared的更好的字體，你可以從losttype.com下載它。無(wú)論你選擇哪款字體，選擇文本工具(T)，隨便寫(xiě)點(diǎn)兒你想寫(xiě)的(字體：Geared Slab，加粗，字號(hào)：61pt，顏色：#b52626)。選擇文字→變形文字→拱形(設(shè)置彎曲為20%)。添加如下樣式：

Step 18：

現(xiàn)在右擊文本圖層的影響區(qū)域，選擇從列表中創(chuàng)建圖層。確保所有被創(chuàng)建的圖層都被剪切到原本的文本圖層。選擇該文本圖層并將其柵格化。選擇它的像素并將選區(qū)擴(kuò)大3像素。用顏色#ae1c1e填充選區(qū)。現(xiàn)在，合并所有的新建圖層和原始的文本圖層(已柵格化)。對(duì)這個(gè)新的組合圖層應(yīng)用下面的樣式(將其命名為“Text”)。

Step 19：

將Concrete Texture(注：教程素材中第二個(gè))放入一個(gè)新建圖層，并將其剪切到“Text”圖層。改變圖層的混合模式為線性加深并調(diào)整其透明度到50%。然后放上Untitled Texture CXXXXXXXXVII，同樣把它做為剪切蒙版。改變圖層的混合模式為正片疊底，調(diào)整不透明度為65%。

Step 20：

創(chuàng)建一個(gè)新文件(100x100px)。選擇直線工具(U)(15px)，畫(huà)兩條直線如下圖所示。刪除背景圖層，合并這兩條線圖層。進(jìn)行如下操作：編輯→定義畫(huà)筆。將其保存，而后關(guān)閉文件。

Step 21：

現(xiàn)在，創(chuàng)建一個(gè)新圖層，選擇畫(huà)筆工具(B)，選擇你剛創(chuàng)建的那個(gè)筆刷。設(shè)置大小為10px，間距為110%�；氐侥愕腂ase圖層并選擇它的像素。切換到路徑選項(xiàng)卡，單擊從選區(qū)中生成工作路徑。一旦路徑創(chuàng)建，右擊畫(huà)布并選擇描邊路徑(確保模擬壓力為未檢查)。將填充設(shè)為0%并應(yīng)用如下樣式：

Step 22：

創(chuàng)建一個(gè)新圖層并選擇“Base”的像素，收縮選區(qū)為14px，隨意用什么顏色填充它，并應(yīng)用如下樣式：

Step 23：

復(fù)制該圖層，清除它的樣式并選擇它的像素。點(diǎn)擊刪除，然后按Ctrl+Shift+I�；氐紹ase圖層，按快捷鍵Ctrl+Alt+Shift+Left，點(diǎn)擊“Base’s”縮略圖。用顏色#5f4234填充選區(qū)，改變圖層混合模式為顏色并設(shè)其不同明度為45%。

Step 24：

創(chuàng)建一個(gè)新圖層，用soft round 筆刷添加一些亮點(diǎn)。

Step 25：

在Shield圖層后添加一些陰影，就將此圖層放在Base圖層下面(這將使它自動(dòng)剪切蒙版)。

Step 26：

合并到目前為止創(chuàng)建的所有圖層(除了背景層)，當(dāng)然了，包括Shield。創(chuàng)建一個(gè)新圖層，選擇漸變工具(G)(顏色透明)。設(shè)置前景色為#d6c5b2，并選擇徑向漸變。改變圖層混合模式為柔光并將不透明度降低到60%左右(確保刪除你設(shè)計(jì)之外的任何部分)。

Step 27：

復(fù)制在前面創(chuàng)建的圖層(不是漸變)并將前景色設(shè)為黑色(#000)，背景色設(shè)為白色(#fff)。然后進(jìn)行如下操作：濾鏡→素描→基底凸現(xiàn)。改變圖層混合模式為柔光，將不透明度設(shè)為45%。擦去任何不想要的部分(主要是在你設(shè)計(jì)的中間部分)來(lái)降低銳度。