游戲UI設(shè)計-第6章：游戲LOGO與ICON介紹與設(shè)計

游戲UI設(shè)計PPT模板：/moban/PPT素材：/sucai/PPT背景：/beijing/PPT圖表：/tubiao/PPT下載：/xiazai/PPT教程：/powerpoint/資料下載：/ziliao/范文下載：/fanwen/試卷下載：/shiti/教案下載：/jiaoan/PPT論壇：PPT課件：/kejian/語文課件：/kejian/yuwen/數(shù)學(xué)課件：/kejian/shuxue/英語課件：/kejian/yingyu/美術(shù)課件：/kejian/meishu/科學(xué)課件：/kejian/kexue/物理課件：/kejian/wuli/化學(xué)課件：/kejian/huaxue/生物課件：/kejian/shengwu/地理課件：/kejian/dili/歷史課件：/kejian/lishi/030405066.2.1像素游戲ICON設(shè)計6.3.2歐美風格游戲LOGO設(shè)計6.3.1Q版游戲LOGO設(shè)計6.3.3像素游戲LOGO設(shè)計目錄026.2游戲ICON設(shè)計016.1對LOGO與ICON的介紹016.1對LOGO與ICON的介紹6.1.1黃金分割

黃金分割又稱黃金律，是指事物各部分間一定的數(shù)學(xué)比例關(guān)系，即將整體一分為二，較大部分與較小部分之比等于整體與較大部分之比，其比值約為1:0.618，0.618被公認為是最具有審美意義的比例數(shù)字。

上述比例是最能引起人的美感的比例，因此被稱為黃金分割，如圖6-1、圖6-2、圖6-3所示。圖6-1黃金分割圖6-2黃金分割圖6-3黃金分割

攝影構(gòu)圖中經(jīng)常采用井字形黃金分割，即當主體物能存在于井字的小黃金點的位置時，整體構(gòu)圖會比較協(xié)調(diào)。

用黃金分割發(fā)做出的LOGO看起來更大氣，如圖6-4所示。LOGO最初的設(shè)計概念稿可以隨意涂鴉，排列組合，尋求更多的擬物，以表達其寓意。圖6-4黃金分割1.LOGO設(shè)計需要注意的事項（1）LOGO的用色要符合企業(yè)和品牌形象，避免使用會讓人感覺不舒服的顏色。（2）LOGO的造型要有寓意，可以讓人聯(lián)想到產(chǎn)品或企業(yè)品牌本身。（3）LOGO要具有識別性，在黑、白、灰或彩色背景下能被識別。（4）LOGO在不同尺寸下都要便于識別。（5）LOGO看起來要渾然一體，沒有瑣碎的元素。（6）LOGO如果帶有中文，中文字體的風格和英文字體要成套設(shè)計。（7）LOGO的橫向排版、縱向排版、正方形排版都要設(shè)計。2.英文LOGO創(chuàng)作技巧英文LOGO創(chuàng)作技巧如圖6-5所示。6.1.2LOGO設(shè)計圖6-5英文LOGO創(chuàng)作技巧3.中文LOGO創(chuàng)作技法

中文LOGO的創(chuàng)作也可以借鑒英文LOGO的創(chuàng)作技法，但是中文LOGO需要先設(shè)計筆畫，然后進行筆畫重組，可以先下載一些字體，然后用AI打散后進行設(shè)計。其實，LOGO會隨著時間的推移而演變。

早期的LOGO都會比較復(fù)雜，越到后期進行優(yōu)化和概括，越變得符合當代審美觀，隨著產(chǎn)品的變遷，越來越符合產(chǎn)品本身的定位，如圖6-6所示。6.1.2LOGO設(shè)計圖6-6中文LOGO創(chuàng)作技法

我們認為的游戲LOGO是這樣的：游戲LOGO=游戲符號+名字，它是一款游戲的名字更是一款游戲的視覺符號，如圖6-7所示。

6.1.3對LOGO的簡單介紹圖6-7游戲LOGO=游戲符號+名字

有別于平面logo，游戲logo最關(guān)鍵反映的是游戲性，通過名字與圖形的視覺化讓玩家記住游戲的名字和游戲的整體風格。甚至游戲的品級，玩法，類別能夠從logo中體現(xiàn)出來。通過游戲LOGO在網(wǎng)站、展會、戶外廣告、視頻等地方的應(yīng)用，讓LOGO這個視覺符號不斷地強化玩家大腦印象，從而提供游戲的知名度影響力。所以我們今天從商業(yè)角度，可用性來和大家溝通下我們是怎樣制作一個游戲logo的。1.溝通了解需求

詳細的需求文檔尤為重要，需求文檔清晰明了，設(shè)計師就不需要去揣測需求方真正要的是什么，避免走彎路，不管后續(xù)溝通如何，著手項目第一步必須先讓策劃把需求文檔寫請清楚來，如圖6-8。

6.1.3對LOGO的簡單介紹圖6-8需求文檔2.找資料輔助靈感

需求理解明白了，方向也清楚了，接下來就是找參考了，資料參考圖友很多平臺可以去采集，例如花瓣，資料采集后，把資料圖片放在同一個文件夾，或者一個psd里。以下是幾款q版的游戲logo參考圖，如圖6-9所示。

圖6-9游戲logo參考圖3.概念設(shè)計

概念草稿階段意在頭腦風暴，不要局限一種方向，希望在概念階段能夠有充分的方案差異性。讓需求方有可選性。概念方案一般再4-5個左右，以黑白稿或者單色為主，參考圖如6-10所示。這個階段看的是造型形式整體感，不要過早考慮色彩，材質(zhì)。6.1.3對LOGO的簡單介紹圖6-10概念草圖

根據(jù)多年積累，我們總結(jié)了出初稿的的幾個方法：1電腦字體變形，如圖6-11，

2手繪手稿如圖6-12，3.暴力拼圖，如圖6-13。圖6-11字體變形

圖6-12手繪手稿

圖6-13暴力拼圖（1）頭腦風暴

6.1.3對LOGO的簡單介紹（2）概念階段剛才簡單說了幾個方法，接下來我們詳細分析下字體與背景圖形的表現(xiàn)：字體。①字體的識別性

字體設(shè)計最忌諱是的盲目的進行變形夸張，看起來很花哨，卻完全不認得字名，如圖6-14所示。

圖6-14強識別度

a.字體的排版

字體的排版根據(jù)字體的長度而定，字體長的特別是英文名字需要考慮到上下結(jié)構(gòu)的排版設(shè)計，傾斜/圓形/弧線排版讓logo更富個性與趣味性，參考如圖6-15所示。

圖6-15字體排版

6.1.3對LOGO的簡單介紹b.字體的輔助圖形設(shè)計

有些logo可以考慮加入輔助圖形。輔助圖形可以從游戲中提取，好的輔助圖形啟動畫龍點睛的作用，讓logo更出彩，參考如圖6-16所示。

圖6-16輔助圖形②背景圖形

背景圖形設(shè)計應(yīng)該注意的幾點:

a.背景圖案與字體的搭配(大小比例，排版搭配)，排版

b.背景圖案符合游戲主題

c.背景圖案不要凌亂花哨，喧賓奪主參考如圖6-17所示。圖6-17字體與背景圖形6.1.3對LOGO的簡單介紹4.上色

在多個黑白草稿中挑選一個方案進行細化上色。

上色階段可以根據(jù)游戲的整體風格進行搭配，提取游戲中的主色系過程中不要過于刻畫細節(jié)，更多的在顏色方案上進行嘗試。顏色是一種情感表現(xiàn)的一種方式，多注意顏色給玩家?guī)淼囊曈X感受。同樣了也出4-5個方案讓需求方進行選擇。5.質(zhì)感的刻畫

游戲logo和平面logo最大的區(qū)別之一在于質(zhì)感，把握好質(zhì)感的設(shè)計就等于把握好了游戲logo的設(shè)計。質(zhì)感類別很多，有水晶質(zhì)感/金屬質(zhì)感/石頭質(zhì)感/科技質(zhì)感，根據(jù)游戲風格游戲世界觀，甚至游戲ui來搭配游戲logo的質(zhì)感，參考如圖6-18所示。具體項目需求具體分析。

圖6-18質(zhì)感6.光效，光感的補充

光效與光感可以讓游戲logo更為細膩更為高大上。

需要注意的是不是所有的logo都需要加一些光效特效。有些logo加上光效反而顯得多余，看是否要做加法還是減法。6.1.4對ICON的簡單介紹

關(guān)于ICON的色彩要明亮、元素要突出、設(shè)計要簡單等等這類型的建議已經(jīng)有許多人做過提醒，筆者在此就不多做說明，下文將盤點目前市場上存在的游戲ICON的類型，其所采用的元素，同時分析不同類型的ICON適合怎樣的游戲。1.以游戲角色為主

將游戲中的某個主角的形象制作成ICON，這是目前手游市場中最常見的ICON類型，比如《全民突擊》、《神武》、《奇跡暖暖》、《我叫MT2》等游戲都是采用這種設(shè)計方式，如圖6-19所示。這種ICON素材的選取比較適合RPG游戲，因為游戲中本身就存在比較鮮明的人物形象，而且可以說這個角色是玩家與游戲之間溝通互動的橋梁，最能代表游戲內(nèi)容，也能引發(fā)玩家對游戲的認同感。圖6-19游戲ICON6.1.4對ICON的簡單介紹2.以純文字作為游戲ICON

在以往的許多ICON設(shè)計的文章中都或多或少會提到，要避免在圖標中添加文本，因為文字在100px尺寸的框中顯得很復(fù)雜，不夠簡練。但是筆者發(fā)現(xiàn)，最近的許多游戲都開始用純文字作為自己的ICON，典型的案例就是《夢幻西游》、《真正男子漢》、《不良人》、《天龍八部3D》等，如圖6-20所示。ICON即使設(shè)計成純文字的，也與游戲有著強聯(lián)系，還能顯示出其特色。圖6-20游戲ICON3.以游戲中的道具或標識為主

能以游戲中的某個細節(jié)作為ICON的游戲，需要對自身游戲中的內(nèi)容的知名度有一定的信心。這類型的ICON設(shè)計適合卡牌策略類游戲，如《爐石傳說》、《自由之戰(zhàn)》等，如圖6-21所示。此外出現(xiàn)在ICON上的標識要具有一定的“不可替代性”，在設(shè)計上加一些魔幻、科技感強的效果加以突出，能增加其獨特性。圖6-21游戲ICON6.1.4對ICON的簡單介紹4.以明星頭像作為游戲ICON

從去年下半年開始，游戲?qū)γ餍谴缘囊蕾囋絹碓酱?，其合作的深度也逐漸加深。明星效應(yīng)的利用不僅體現(xiàn)在游戲推廣上，甚至還對游戲中的角色設(shè)計、研發(fā)層面等造成了影響。將明星頭像作為游戲ICON，能很好地利用粉絲經(jīng)濟，吸引用戶進行點擊下載。范冰冰代言的《暗黑黎明》、唐嫣代言的《無雙劍姬》、楊冪代言的《新征途》都是采用這種方式，如圖6-22所示。這種ICON設(shè)計與游戲本身的關(guān)聯(lián)并不是很直接，，但是能利用明星形象進行游戲吸量，這點很重要。圖6-22游戲ICON5.將游戲的類型設(shè)計成ICON有些游戲在ICON的設(shè)計上更加直接簡潔，如《歡樂麻將》的ICON是直接將“麻將”兩個字放在ICON上，如圖6-23所示。這種方式盡管能將游戲的精髓體現(xiàn)在ICON中，但從設(shè)計上看，自然不是那么精美細致。不過不可否認，它或許能依靠“醒目”的ICON將同類型的游戲玩家拉攏過來。圖6-23游戲ICON6.1.4對ICON的簡單介紹6.在游戲中抽象出某個圖形或元素作為ICON

游戲ICON因為要做得清晰獨特，所以設(shè)計的時候總是用最簡單而又最突出的素材進行整理。而對于一些休閑益智類游戲來說，游戲中并沒有特定的人物角色或出名的道具，此時可以選擇將游戲中的某個元素提取出來，或抽象成幾個圖形，如《球球大作戰(zhàn)》、《投影尋真》、《節(jié)奏大師》等，如圖6-24所示。不過需要注意的是，這樣設(shè)計出來的ICON可能游戲感不強，更像是應(yīng)用。圖6-24游戲ICON026.2游戲ICON設(shè)計具體操作步驟如下:1.在Photoshop新建一個2000*2000像素，分辨率為300的文檔，如圖6-25所示。圖6-25新建文件2.在Photoshop中，點擊文件-打開-我的電腦-桌面-<icon素材>的文件-<草莓>、<狐貍(1)>、<狐貍

圖6-26打開位置具體操作步驟如下:3.新建圖層，單擊【圓角矩形工具】，在畫布中雙擊，在彈出的頁面設(shè)置512*512，半徑30，單擊確定，如圖6-27所示。圖6-27單擊【圓角矩形工具】4.修改【圓角矩形工具】填充漸變色【#e8c6】和#【9b76】，縮放90%，設(shè)置參數(shù)如圖6-28所示。圖6-28漸變參數(shù)具體操作步驟如下:5.打開【圓角矩形工具】的圖層樣式對話框，首先添加【描邊】大小為40，位置在外部，顏色為#【d68f3e】，如圖6-29所示。圖6-29添加【描邊】樣式6.添加【投影】樣式，角度為73，距離21，擴展為24，大小為131。設(shè)置參數(shù)如圖6-30所示，得到效果如圖6-31所示。圖6-30添加【投影】樣式圖6-31效果圖具體操作步驟如下:7.新建圖層，修改前景色為【#363636】，如圖6-32所示，利用組合鍵【AlT+DEL】填充圖層，然后將圖層移動到【圓角矩形圖層】的下方，如圖6-33所示。圖6-32顏色參數(shù)圖6-33移動圖層8.新建圖層，根據(jù)游戲的內(nèi)容、玩法和角色進入草圖繪制階段，初步打稿，如圖6-34所示。圖6-34草圖具體操作步驟如下:9.新建圖層，在草圖上進行基本鋪色繪制，如圖6-35所示。圖6-35進行基本鋪色繪制10.根據(jù)光源畫出基本的陰影關(guān)系，如圖6-36所示。圖6-36進行陰影關(guān)系繪制具體操作步驟如下:11.進一步加強體積、光影的關(guān)系繪制，如圖6-37所示。圖6-37加強體積、光影的繪制12.進入細化繪制階段，進行整體和部位的微調(diào)整，畫出整體反光，增加體積感，效果如圖6-38所示。圖6-38效果圖具體操作步驟如下:13.在Photoshop中，點擊文件-打開-我的電腦-桌面-<icon素材>的文件-<骰子>，將骰子放到圖層中來，最終效果如圖6-39所示。圖6-39效果圖

036.2.1像素游戲ICON設(shè)計具體操作步驟如下:1.打開AdobeillustratorCS6，選擇菜單欄中的【文件】→【新建】畫板。寬度設(shè)置為600像素，高度設(shè)置為1000像素，取向選為豎向，顏色模式設(shè)置為RGB，柵格效果設(shè)置為72ppi，點擊【確定】，進入畫板，如圖6-40所示。圖6-40在AICS6中新建畫板2.選擇工具箱中【矩形】工具，在編輯框中單擊【左鍵】，輸入數(shù)據(jù)，寬度和高度均設(shè)置為962px，點擊【確定】，繪制出一個邊長為962px的正方形，顏色設(shè)置為R:234G:205B:219，置于畫板中心，如圖6-41所示。圖6-41繪制正方形具體操作步驟如下:3.選擇【矩形】工具，單擊【左鍵】，輸入數(shù)據(jù)，繪制出一個邊長為962px的正方形作為像素塊，顏色設(shè)置為R:185G:121B:176。復(fù)制若干個像素塊排列成icon的邊框，如圖6-42所示。圖6-42繪制ICON的邊框4.復(fù)制像素游戲角色源文件中的圖層至畫板中，整理角色的像素塊。為了不顯冗雜，將角色的發(fā)型進行修改，并且修改手臂的動態(tài)。另外制作一個像素塊組成的小球，置于角色手中，過程如圖6-43所示。圖6-43調(diào)整ICON的細節(jié)具體操作步驟如下:5.完成像素游戲ICON設(shè)計，選擇菜單欄中【文件】→【導(dǎo)出】文件的PNG格式圖片，效果圖如圖6-44所示。圖6-44ICON最終效果圖046.3.2歐美風格游戲LOGO設(shè)計具體操作步驟如下:1.在Photoshop新建一個1470*1100像素，分辨率為300的文檔，如圖6-46所示。圖6-46新建文檔2.使用組合鍵【Ctrl+U】打開【色彩平衡】面板，將明度設(shè)置為-50，如圖6-47所示。圖6-47調(diào)整【色相/飽和度】具體操作步驟如下:3.新建圖層，利用【鋼筆工具】結(jié)合【選框工具】規(guī)整繪制出LOGO純色底板，圖6-48所示。圖6-48繪制出LOGO純色底板4.打開LOGO底板的圖層樣式對話框，首先添加【描邊】，打開桌面/資源包/素材/1.jpg圖片素材填充描邊【圖案】，并調(diào)整大小為2，位置居中，混合模式為點光，縮放調(diào)整為137%，具體參數(shù)設(shè)置如圖6-49所示。圖6-49添加【描邊】樣式具體操作步驟如下:5.添加【圖案疊加】樣式，打開桌面/資源包/素材/2.jpg圖片素材疊加【圖案】，并調(diào)整圖案混合模式為正常，不透明度降低為85%，縮放為98%，具體參數(shù)設(shè)置如圖6-50所示。圖6-50添加【圖案疊加】樣式6.添加【漸變疊加】樣式，調(diào)整漸變色條的顏色變化，并調(diào)整混合模式為疊加、不透明度降為20%，線性樣式90度，縮放為113%，參數(shù)設(shè)置如圖6-51所示，調(diào)整完成效果如圖6-52所示。圖6-51添加【漸變疊加】樣式圖6-52效果圖具體操作步驟如下:7.添加【斜面和浮雕】樣式，勾選“等高線”、“紋理”結(jié)合整體，調(diào)整出立體效果，斜面與浮雕一欄設(shè)置樣式為內(nèi)斜面，方法：雕刻清晰，深度123%，大?。?像素，等高線一欄設(shè)置范圍為100%，文理一欄圖案為素材1，縮放104%，深度+10%，具體屬性如圖6-53、圖6-54、圖6-55所示，得到效果如圖6-56所示。圖6-53添加【斜面和浮雕】樣式圖6-54設(shè)置“等高線”參數(shù)圖6-55設(shè)置【紋理】參數(shù)圖6-56效果圖具體操作步驟如下:8.添加【外發(fā)光】、【內(nèi)陰影】、【投影】樣式并加以調(diào)整，【外發(fā)光】一欄設(shè)置混合模式為線性加深，不透明度：24%，雜色：20%，方法：柔和，大?。?像素?！緝?nèi)陰影】一欄設(shè)置混合模式為疊加，不透明度：74%，角度：-21度，距離：2像素，大?。?像素，雜色：26%?！就队啊恳粰谠O(shè)置混合模式為正品疊底，不透明度：76%，角度：90度，距離：16像素，擴展：23%，大?。?5像素，雜色：20%。具體參數(shù)如圖6-57、圖6-58、圖6-59所示，得到圖6-60，突顯立體感。圖6-57添加【外發(fā)光】樣式圖6-58添加【內(nèi)陰影】樣式圖6-59添加【投影】樣式圖6-60效果圖具體操作步驟如下:9.Logo底板繪制完成，接下來制作齒輪，豐富畫面。首先參考金屬小物件圖片素材，LOGO教程-素材-素材1，新建圖層，利用鋼筆工具、摳選選區(qū)或畫筆繪制齒輪輪廓，如圖圖6-61所示。素材1金屬小物件圖6-61效果圖10.齒輪圖層樣式添加【斜面和浮雕】，設(shè)置參數(shù)如6-62所示，調(diào)整出立體效果圖6-63。圖6-62添加【斜面和浮雕】樣式圖6-63效果圖具體操作步驟如下:11.載入一張生銹金屬材質(zhì)圖片素材或者齒輪圖片素材，LOGO教程-素材-素材2，置于齒輪圖層上，創(chuàng)建剪貼蒙板，調(diào)整圖層為疊加，如圖6-64所示，利用“減淡/加深工具”繪制明暗，得到效果如圖6-65所示。素材2生銹金屬材質(zhì)圖6-64設(shè)置為“疊加”圖6-65效果圖12.利用同樣方法，新建圖層，繪制第二個齒輪，加強亮部，置于logo底板圖層下方，繪制小螺絲置于上方，圖6-66所示。圖6-66效果圖具體操作步驟如下:13.在最上方新建圖層，利用選區(qū)工具，繪制兩個小螺絲純黑輪廓，如圖6-67所示。圖6-67效果圖14.接下來圖層樣式主要制作小螺絲明暗的對比，為方便接下來立體字體的制作可以直接拷貝小螺絲的圖層樣式，我們直接將螺絲的立體效果與材質(zhì)也先一并做出來。添加【描邊】樣式，描邊圖案利用生銹金屬材質(zhì)圖片素材，調(diào)整大小為2像素，位置為居中，混合模式為顏色減淡，填充類型為圖案，縮放為106%，單擊確定，制作材質(zhì)，設(shè)置參數(shù)如圖6-68所示。圖6-68添加【描邊】樣式具體操作步驟如下:15.添加【圖案疊加】樣式，疊加真實金屬紋理圖片素材，調(diào)整各項屬性，設(shè)置混合模式為正常，圖案為素材1，縮放：106:%，具體參數(shù)如圖6-69所示，制作材質(zhì)。圖6-69添加【圖案疊加】樣式16.添加【漸變疊加】樣式，調(diào)整漸變色條，設(shè)置混合模式為疊加，不透明度為64%，設(shè)置參數(shù)如圖6-70所示，暗部使用黑藍加深，遮擋了材質(zhì)，只形成明暗對比。圖6-70添加【漸變疊加】樣式具體操作步驟如下:17.添加【斜面和浮雕】樣式，調(diào)整各項屬性，【斜面和浮雕】一欄樣式為內(nèi)斜面，方法為雕刻清晰，深度：123%，方向：上，大?。?像素，角度：138度，高度：26度；【等高線】一欄范圍為100%，【紋理】圖案為真實金屬紋理圖片素材，縮放：106%，深度：+10%。制作出立體效果為立體字體制作做準備，設(shè)置參數(shù)如圖6-71、圖6-72、圖6-73所示。圖6-71添加【斜面和浮雕】樣式圖6-72設(shè)置【等高線】參數(shù)圖6-73設(shè)置【紋理】參數(shù)具體操作步驟如下:18.添加【外發(fā)光】、【投影】樣式，調(diào)整各項屬性，【外發(fā)光】一欄設(shè)置混合模式為線性加深，不透明度：7%，雜色：20%，方法：柔和，大?。?7像素?！就队啊恳粰谥谢旌夏Ｊ綖檎B底，不透明度：57%，角度：90度，距離：18像素，擴展：2%，大?。?9像素，雜色20%，如圖6-74、圖6-75所示，增強立體感。圖6-74添加【外發(fā)光】樣式圖6-75添加【投影】樣式具體操作步驟如下:19.小螺絲的明暗對比效果大致如下，邊緣高光較多，如圖6-76所示。圖6-76效果圖20.新建圖層，載入合適的小螺絲紋理材質(zhì)圖片素材，LOGO教程-素材-素材3，置于小螺絲明暗對比圖層上方，圖層模式調(diào)整為“線性光”，如圖6-77所示，讓小螺絲有了紋理，也有了立體明暗對比，如圖6-78所示。素材3小螺絲紋理材質(zhì)圖6-77圖層模式調(diào)整為“線性光”圖6-78效果圖具體操作步驟如下:21.接下來制作logo中的立體金屬字體，輸入2層文本，填充黑色并且柵格化圖層，利用【Ctrl+T】變形使其形狀如圖6-79所示。圖6-79效果圖22.拷貝小螺絲明暗對比層的圖層樣式，粘貼至文字層中，并修改文字層【漸變疊加】樣式的漸變色條顏色與各項屬性，【漸變疊加】一欄中，調(diào)整漸變色條，設(shè)置混合模式為疊加，不透明度為64%，角度：162度。設(shè)置參數(shù)圖6-80所示。圖6-80添加【漸變疊加】樣式具體操作步驟如下:23.添加【光澤】樣式，調(diào)整暗紅顏色，設(shè)置混合模式為正片疊底，不透明度：99%，角度：19,度，距離：53像素，大?。?像素。具體屬性值如圖6-81所示，使文字的圖案有少許紅色變化。圖6-81添加【光澤】樣式24.添加【內(nèi)陰影】樣式，調(diào)整各項屬性，【內(nèi)陰影】中混合模式為顏色減淡，不透明度：74%，角度：-21度，距離：5像素，阻塞：0%，大?。?像素，雜色：26%。詳細參數(shù)如圖6-82所示，增強文字的立體感，效果如圖6-83所示。圖6-82添加【內(nèi)陰影】樣式圖6-83效果圖具體操作步驟如下:25.為增強立體金屬字的表面紅色光澤，扣選文字層選區(qū)，新建一層圖層，填充紅色，如圖6-84所示，利用特殊筆刷橡皮擦適當擦除做舊，圖層疊加在文字層上，使文字效果更加生動，如圖6-85所示。圖6-84填充圖層為紅色圖6-85效果圖26.下面繪制logo金屬底板的部件，豐富畫面細節(jié)。新建圖層，利用鋼筆工具、選區(qū)或畫筆，繪制出左邊的圓圈把手輪廓，填充金屬黃色，并且添加【漸變疊加】圖層樣式，選擇默認黑白漸變色條，混合模式為亮光，不透明度：76%，角度：-81度、縮放：100%，使圓形把手變成具有明暗對比的金屬黃色，設(shè)置參數(shù)如圖6-86所示。圖6-86添加【漸變疊加】圖層樣式具體操作步驟如下:27.添加【斜面和浮雕】圖層樣式，調(diào)整各項屬性，【斜面和浮雕】一欄樣式為枕狀浮雕，方法為平滑，深度：100%，方向：上，大?。?像素，角度：120度，高度：30度，設(shè)置參數(shù)如圖6-87，使其富有立體感。圖6-87添加【斜面和浮雕】圖層樣式28.新建圖層，載入金屬把手紋理材質(zhì)圖片素材，置于把手層上，創(chuàng)建剪貼蒙版，疊加圖層模式，調(diào)整各項屬性，【斜面和浮雕】一欄樣式為內(nèi)斜面，方法為平滑，深度：100%，方向：上，大?。?像素，角度：120度，高度：30度，設(shè)置參數(shù)如圖6-88所示。

圖6-88添加【斜面和浮雕】圖層樣式具體操作步驟如下:29.用同樣方法分圖層繪制多種齒輪形狀，使用材質(zhì)素材與圖層樣式，展現(xiàn)材質(zhì)與立體感，置于logo底板上方，增添畫面細節(jié)，如圖6-89所示。圖6-89效果圖30.完成，但畫面光線較為暗沉，下面使用光線圖片素材，LOGO教程-素材-素材4，為logo增添色彩變化。素材4光線具體操作步驟如下:31.新建3個圖層，載入光線圖片素材，使用【Ctrl+T】變形工具調(diào)整素材方向、大小，圖層模式選擇“顏色減淡”，不透明度為50%，如圖6-90所示，為圖層添加圖層蒙版，蒙版填充黑色，使用圓選區(qū)，填充黑白徑向漸變，利用變形工具調(diào)整形狀，如圖6-91所示，得到效果如圖6-92所示。圖6-90新建3個圖層圖6-91效果圖圖6-92效果圖32.接下來繪制“禁區(qū)”立體文字效果，新建2個文字層，輸入禁、區(qū)，柵格化圖層，利用變形工具改變形狀，填充灰色，合并圖層，如圖6-93所示。圖6-93柵格化圖層具體操作步驟如下:33.“禁區(qū)”文字層，【圖案疊加】、【漸變疊加】、【光澤】、【斜面雕效果】最為關(guān)鍵?！緢D案疊加】一欄中圖案選擇，縮放：300%，混合模式為正品疊底，漸變效果為金屬反光，自行定義，勾選反向，樣式：線性，角度：90度,具體參數(shù)如圖6-94、圖6-95所示。圖6-94添加【圖層疊加】樣式圖6-95添加【漸變疊加】樣式【顏色疊加】混合模式為顏色減淡，不透明度：53%。具體參數(shù)如圖6-96所示。圖6-96添加【顏色疊加】樣式具體操作步驟如下:【光澤】混合模式為亮光，不透明度：34%，角度：19度，距離：250像素，大?。?77像素。具體參數(shù)如圖6-97所示。圖6-97添加【光澤】樣式【斜面和浮雕】一欄樣式為內(nèi)斜面，方法為雕刻清晰，深度：195%，方向：上，大小：16像素，軟化：0像素，角度：120度，高度：30度。具體參數(shù)如圖6-98所示。圖6-98添加【斜面和浮雕】樣式具體操作步驟如下:【紋理】一欄圖案為真實金屬紋理圖片素材，縮放：300%，深度：+10%。具體參數(shù)如圖6-99所示。圖6-99添加【紋理】樣式【內(nèi)發(fā)光】一欄中混合模式為顏色減淡，不透明度：80%，雜色：9%，顏色選擇橄欖色到透明，自行定義，源：居中，阻塞：22%，大?。?14像素。具體參數(shù)如圖6-100所示。

圖6-100添加【內(nèi)發(fā)光】樣式具體操作步驟如下:【內(nèi)陰影】中混合模式為正片疊底，不透明度：95%，角度：-90度，距離：24像素，阻塞：5%，大?。?5像素，雜色：22%。具體參數(shù)如圖6-101所示。

圖6-101添加【內(nèi)陰影】樣式【投影】一欄中混合模式為正片疊底，不透明度：89%，角度：120度，距離：9像素，擴展：2%，大小：54像素，雜色0%。具體參數(shù)如圖6-102所示得到效果如圖6-103所示。圖6-102添加【投影】樣式圖6-103效果圖具體操作步驟如下:34.“禁區(qū)”文字制作完成后，發(fā)現(xiàn)色調(diào)偏黃，采用復(fù)制圖層重疊的方式調(diào)整顏色，復(fù)制一層禁區(qū)文字層，刪除圖層樣式，重新添加圖層樣式如下，【描邊】樣式，調(diào)整大小為2像素，位置：居中，混合模式為顏色減淡，填充類型為漸變，角度：0度，縮放：147%。。參數(shù)設(shè)置如圖6-104所示。圖6-104添加【描邊】樣式【顏色疊加】中混合模式為黑色。參數(shù)設(shè)置如圖6-105所示。圖6-105添加【顏色疊加】樣式具體操作步驟如下:【光澤】中混合模式為疊加，不透明度：18%，角度-18度，距離：21像素，大?。?6像素。參數(shù)設(shè)置如圖6-106所示。圖6-106添加【光澤】樣式【內(nèi)發(fā)光】一欄中混合模式為顏色減淡，不透明度：71%，雜色：0%，顏色選擇米白色到透明，自行定義，方法：柔和，源：居中，阻塞：100%，大?。?50像素，范圍：75%，參數(shù)設(shè)置如圖8-98所示。圖6-107添加【內(nèi)發(fā)光】樣式具體操作步驟如下:【內(nèi)陰影】中混合模式為顏色減淡，不透明度：55%，角度：120度，距離：21像素，參數(shù)設(shè)置如圖6-108所示。圖6-108添加【內(nèi)陰影】樣式【投影】一欄中混合模式為疊加，黑色，不透明度：62%，角度：90度，距離：48像素，擴展：8%，大?。?0，像素，雜色0%，較為需要注意的是顏色疊加中的顏色為黑色，混合模式為顏色，可以使下方文字圖層的色彩減淡，其他圖層樣式作為細節(jié)體現(xiàn)而設(shè)置，具體參數(shù)設(shè)置如圖6-109所示。圖6-109添加【投影】樣式具體操作步驟如下:35.改變疊于上方的“禁區(qū)”文字層不透明度為48%，如圖6-110所示，得到效果如圖6-111所示。圖6-110設(shè)置不透明度圖6-111效果圖36.畫面整體已經(jīng)完成，下面設(shè)計一些點綴素材LOGO教程-素材-素材5，

可以豐富畫面的細節(jié)與完整度，首先選擇一張類似紅色液體的圖片素材，利用它來制作刀刃上的血液效果。刪去黑色背景，扣取紅色部分，利用截選，變形工具及涂抹，改變成十字形狀，置于文字層上方。素材5紅色液體具體操作步驟如下:37.新建圖層，利用畫筆工具繪制子彈洞痕跡的黑白對比圖，再利用圖案LOGO教程-素材-素材6疊加圖層樣式為其增添材質(zhì)紋理。素材6子彈東痕跡38.歐美風格游戲LOGO《禁區(qū)2015》制作完成最終效果圖如圖6-112所示。圖6-112完成效果圖056.3.1Q版游戲LOGO設(shè)計具體操作步驟如下:1.在Photoshop新建一個1340*640像素，分辨率300的文檔，如圖6-114所示。圖6-114新建文件2.使用【鋼筆工具】將“ShybeeBoom”字樣描繪出來，如圖6-115~圖6-120、圖6-121~6-124所示?！癝hybee”字樣顏色為【f6c700】,設(shè)置參數(shù)如圖8-120所示，“Boom”字樣顏色為【2594ff】，設(shè)置參數(shù)如圖6-125所示。圖6-115步驟1圖6-116步驟2圖6-117步驟3具體操作步驟如下:圖6-118步驟4圖6-119步驟5圖6-120顏色參數(shù)圖6-121步驟6圖6-122步驟7圖6-123步驟8圖6-124步驟9圖6-125顏色參數(shù)具體操作步驟如下:3.使用【橢圓工具】用【f69000】顏色在字樣上加斑點效果，設(shè)置參數(shù)如圖6-126所示，效果如圖6-127所示。圖6-126顏色參數(shù)圖6-127加斑點效果4.右鍵點擊字母圖層選擇【柵格化圖層】，即可對圖層進行編輯，如圖6-128所示。圖6-128選擇【柵格化圖層】5.【Ctrl+單擊圖層】出現(xiàn)圖層選區(qū)后右鍵單擊【選擇反選】，如圖6-129~圖6-131所示。具體操作步驟如下:5.【Ctrl+單擊圖層】出現(xiàn)圖層選區(qū)后右鍵單擊【選擇反選】，如圖6-129~圖6-131所示。圖6-129【Ctrl+單擊圖層】圖6-130單擊【選擇反向】圖6-131效果圖6.單擊【Delete】刪去多余部分，得到斑點效果.效果如圖6-132所示。圖6-132刪去多余部分具體操作步驟如下:7.使用同樣的方法，完成全部斑點效果。且Boom字樣使用【5df4ed】顏色做斑點效果，設(shè)置參數(shù)如圖6-133所示，得到效果如圖6-134所示。圖6-133顏色參數(shù)圖6-134效果圖8.每個字母分別添加圖層樣式：描邊大小為10像素，位置外部，混合模式正常，不透明度100%，顏色為【6f4004】，設(shè)置參數(shù)如圖6-135所示。圖6-135添加【描邊】樣式具體操作步驟如下:9.將Shybee字樣和Boom字樣各自合并成兩組，并添加圖層樣式：描邊大小為3像素，位置外部，混合模式正常，不透明度100%，顏色為【ffffff】，設(shè)置參數(shù)如圖6-136所示。圖6-136添加【描邊】樣式10.將Shybee組和Boom組兩組成一大組，并添加圖層樣式：投影，混合正片疊底，顏色為【000000】，不透明度為63%，角度120度，距離11像素，擴展0%，大小0像素，設(shè)置參數(shù)如圖6-137所示，效果圖如圖6-138所示。圖6-137添加【投影】圖6-138效果圖具體操作步驟如下:11.使用【橢圓工具】并用顏色【ffffff】繪制眼白，顏色【00b7ee】繪制虹膜，顏色【000000】繪制瞳孔，顏色【ffffff】繪制高光，效果如圖6-139所示。12.使用【鋼筆工具】繪制文字logo的背景框，使用顏色分別為前背景顏色【9c068c】和后背景顏色42023b，設(shè)置參數(shù)如圖6-140所示，得到效果如圖6-141所示。圖6-139添加眼睛圖6-140顏色參數(shù)圖6-141效果圖具體操作步驟如下:13.新建一個圖層繪制怪物角色，將放置logo中裝飾。使用【圓角矩形工具】，半徑為100像素，顏色【88c63f】，繪制出小綠怪的身體，得到效果如圖6-142所示。圖6-142繪制身體14.使用【矩形選區(qū)工具】框選小綠怪下半身后點擊【Delete】刪去多余部分，如圖6-143所示。圖6-143刪去多余部具體操作步驟如下:15.使用【鋼筆工具】繪制小綠怪的角，淡色為【e3e5cb】，陰影為【c1c094】。完成后復(fù)制，水平翻轉(zhuǎn)即可，如圖6-144所示。圖6-144繪制角16.使用【橢圓工具】和顏色【fbfbf2】、【352020】繪制眼白和眼黑，如圖6-145所示。圖6-145繪制眼睛具體操作步驟如下:17.【Ctrl+單擊圖層】出現(xiàn)眼黑選區(qū)，選擇【圓形選區(qū)】并選擇【與選區(qū)交叉】模式，與眼黑選區(qū)交叉，得到效果如圖6-146所示，填充顏色【562e2e】，設(shè)置參數(shù)如圖6-147所示。圖6-146繪制眼睛圖6-147顏色參數(shù)18.使用【橢圓工具】和顏色【ffffff】描繪高光，效果如圖6-148所示。圖6-148繪制眼睛高光具體操作步驟如下:19.使用【鋼筆工具】描繪小綠怪嘴部，口腔顏色為【562e2e】，牙齒顏色為【ffffff】，效果如圖6-149所示。圖6-149繪制嘴巴20.使用【橢圓工具】，用顏色【519402】描繪斑點，設(shè)置參數(shù)如圖