ps游戲網(wǎng)站logo(4)

本文將通過一個實例教程展示如何利用photoshop(版本：cs2)制作一個美觀的LOGO，適用于游戲題材網(wǎng)站，喜歡的朋友讓我們一起來學(xué)習(xí)吧。

先看看效果圖：

軟件：Photoshop CS 2

具體實例：

我的一個客戶請我?guī)退挠螒蚓W(wǎng)站重新設(shè)計一個新的LOGO，以下是他目前使用的LOGO和網(wǎng)站頭部的截圖：

注意：位于截圖右上角的BLUE LAGUNA.net以及下面的一句宣傳語是他目前使用的標(biāo)志元素。

評價：現(xiàn)有的LOGO最大的問題是不易被識別。當(dāng)訪客來到網(wǎng)站上的時候，第一眼應(yīng)該看到LOGO。我們知道大家都習(xí)慣于先從左向右閱讀，而這個LOGO放到了右邊而且用了和背景接近的藍色，十分不易察覺。

并且原有的LOGO設(shè)計沒有任何鼓舞力，僅僅是采用了大寫的Times New Roman字體而已，沒有視覺沖擊力，所以不容易打動訪客。

好了，這就是現(xiàn)狀，讓我們看看我是如何設(shè)計新的LOGO的吧!

第一步.收集信息收集足夠的信息是設(shè)計成敗的關(guān)鍵，但通常我只問客戶5個簡單的問題就可以了 。

項目名稱： “BlueLaguna.Net”;

是否使用宣傳語：”Your #1 Source for RPG Media”;

對于配色方案和風(fēng)格的要求：和目前網(wǎng)站設(shè)計風(fēng)格搭配即可;

打算通過LOGO傳遞給別人怎樣的信息：這是一個嚴謹專業(yè)的游戲題材網(wǎng)站;

其它要求： 不必拘泥于現(xiàn)在的網(wǎng)站頭部設(shè)計，可以重新設(shè)計頁面的頭部樣式。非常直接了當(dāng)?shù)男畔⑹占�，好了，開始制作：

1.在PS中創(chuàng)建新文件：如下圖：新建一個文檔，以項目名稱命名;

并且設(shè)置寬度600，高度500，單位像素;分辨率72;模式RGB;背景白。

(1600×1200分辨率下的屏幕截圖)

2.字體的選擇在開始設(shè)計的時候，我都會嘗試很多種字體來找到最合適的一個。找到最合適的一個需要你有足夠的經(jīng)驗，最重要的是要時刻記住客戶的要求。這里客戶希望新LOGO可以突出嚴謹專業(yè)的特點，那么字體的選擇就要穩(wěn)重大氣一些。同時說一句，供你選擇字體的字體庫越龐大越好，我本人有數(shù)千個字體在電腦里。:)

在工具欄選擇字體工具并按照下圖設(shè)置字體屬性：

在字體的選項卡中，將AV一項設(shè)置為-60，這樣可以縮短字體間距，顯得更緊湊。

在空白文檔中間輸入LOGO的內(nèi)容：BLUE LAGUNA;

保持LOGO字體為選中狀態(tài)，在字體的狀態(tài)欄中選擇合適的字體：

在這里通常有三種方式選擇字體：

按“↓”鍵查看字體變化

點擊下拉箭頭查看字體的預(yù)覽圖

下載一個字體預(yù)覽程序我通常使用第一種方式來尋找合適的字體。

當(dāng)你找到了你認為最合適的字體時，這時要將該文字圖層復(fù)制，并將底稿隱藏，只在復(fù)制的圖層上進行下面操作，這樣可以保留住底稿，以防修改失敗后找不到這個字體。

3.字體分析因為我們需要找到一個可以給人嚴謹感覺的字體，所以在分析字體這個過程中我們要多下點功夫。

我找到了幾個不太合適的字體:

第一種字體過分閑散，處處透著一股不專業(yè)的味道;

第二種則顯得很笨拙，通常作為LOGO字體來說，帶內(nèi)投影的字體都不太合適;

第三種字體毫無規(guī)則可言，所以NO WAY.

第四種采用了書法體，但已經(jīng)過時了，更不用說字體上的水滴效果，實在是無力吐槽;

最后一種主要問題是不易識別，記住，LOGO字體首先要清晰可讀。

以下是我認為適合這個項目的字體：

我們可以看到，除了第4和6，其它字體非常相似;

1235字體非常簡單而且嚴肅;

雖然第4個字體與眾不同，但仍然可以體現(xiàn)出嚴肅的感覺，我之所以認為它合適是因為它可以講BLUE和Laguna兩個單詞連接起來;

第6個字體非常的粗，但除了嚴肅好像也沒什么了。

4.最終確認字體當(dāng)你找到幾種認為合適的字體后，這時可以對其進行組合搭配查看不同的效果。對于多個單詞的LOGO，大多數(shù)時候使用不同的字體會更好;還可以使用一種字體，但改變不同單詞的顏色。

這里我們是BLUE和LAGUNA兩個單詞，我對上面6組字體進行不同的嘗試拼接后，得到了下面的結(jié)果。我將第二個單詞加粗之后，這樣LOGO既可以保持連續(xù)性，也容易被識別出這兩個單詞。

5.為LOGO添加其他元素其他元素指的是除了文字以外其他任何可以用到LOGO上面的元素。

到現(xiàn)在為止，我的文檔是這個樣子的：

我現(xiàn)在已經(jīng)停下了操作，開始盯著屏幕思考下一步的設(shè)計。所以我會邊看著半成品邊揣摩不同的主意從而讓我的設(shè)計更吸引人。所以，我需要認真思考我的LOGO應(yīng)用在怎樣的一個項目/產(chǎn)品/服務(wù)上面。好吧，BlueLaguna.Net是一個主要提供RPG游戲視頻的網(wǎng)站，或者說是一個游戲媒體。當(dāng)然，并不需要把RPG游戲媒體這倆元素(RPG游戲+媒體)都融入LOGO，因為那樣可能會弄得LOGO過于復(fù)雜和臃腫。事實上,RPG是角色扮演的意思，比媒體更形象化，所以在RPG游戲上面做文章更好。

那么，到底什么是RPG游戲?

我打開了客戶的網(wǎng)站，發(fā)現(xiàn)網(wǎng)站上面有個3d美女圖片，莫非這個3D美女和RPG游戲有什么關(guān)系(我承認我不是個游戲迷)?所以為了驗證我的想法，我打開了谷歌圖片，搜索RPG，我看到了在前幾個結(jié)果中出現(xiàn)了若干個不同的美女角色圖片(和那個3D美女風(fēng)格接近)，所以我覺著也許這位3D美女頭像是一個絕佳的素材，而事實上，使用一些新奇的武器以及神秘的物品也可以代表RPG游戲的含義。但我還是喜歡美女。

現(xiàn)在我腦中有了一個輪廓：美女嬌美的臉龐+選好的字體。

使用鋼筆工具完成繪制

如果說PS最適合做LOGO的工具，那么我認為沒有什么可以比得上鋼筆工具。鋼筆工具可以幫你繪制任何矢量形狀，可以方便轉(zhuǎn)換成圖層，只要運用的熟練，你可以用這個工具臨摹任何復(fù)雜的圖片，從而獲得選區(qū)。

以下是我谷歌的RPG角色圖片，我現(xiàn)在準(zhǔn)備用她做素材制作LOGO：

首先用裁剪工具裁掉下半身，并ctrl+A，ctrl+c以及ctrl+v粘貼到LOGO文檔中：

繪制矢量形狀：

選擇鋼筆工具：

繪制圖形的時候，為了便于觀看，我新建了一個圖層蒙版，設(shè)置透明度0進行繪制，繪制完填充顏色如下圖：

然后再原有基礎(chǔ)上繼續(xù)繪制其他細節(jié)：

經(jīng)過20分鐘左右的繪制，我創(chuàng)建了大約15個圖層，從眼睛，鼻子臉頰等分別分布在不同圖層上面。

然后又花了20分鐘進行更細微的繪制紋絡(luò)和光線(這部分很無聊但必要)，用了3個圖層完成;

這樣，這個部分已經(jīng)完成。shift選中關(guān)于繪制這個頭像的所有圖層，ctrl+G添加進一個組里，這樣方便移動。

拖動頭像和文字搭配：

這個效果老實說已經(jīng)不賴了，但是與文字比起來，頭像的比例略大，所有我將其縮小并移動到了文字左邊，然后加入了客戶要求的標(biāo)語。如下：

這個效果是不是很棒了呢?為了避免頭像和BLUE發(fā)生沖突，我在字母B周圍加了若干白色使其分隔。

隨后，我又嘗試更換背景來查看不同顏色帶來的感受，但是之前不要忘了把文字顏色改為白色。

最終我認為這個方案最滿意，OK，就是它了!

6.其他我猜想很肯能你在用鋼筆繪制形狀那部分會出現(xiàn)問題，十有八九繪制不出我的效果，但是那是很正常的，鋼筆工具需要耐心的練習(xí)，絕對是一門技術(shù)活。但是一旦學(xué)好，繪制圖形簡直所向披靡。

設(shè)計LOGO需要一定的創(chuàng)造力和想象力，希望大家喜歡這個教程，歡迎留言告訴我您的感受!