「設計」10分鐘畫一個MBE風格的酷安LOGO

文/ 酷安@派大鑫

今天給大家帶來的是mbe風格的教程，希望你們能喜歡。

這個 mbe 酷安 logo 之前在酷安文化衫見過一次，我也找設計師要過，但是最近我突然找不到是誰畫的。

使用：Adobe Photoshop

使用：Adobe Illustrator

難度係數：

首先，我們打開ai點擊新建

創建一個1600*1200的畫板

點擊文件-置入

選擇我們的logo圖片

置入後，點擊圖像臨摹旁邊的小箭頭，選擇高保真度照片

點擊後發現沒什麼變化，這時，我們再點擊一下擴展按鈕

這時你會發現，剛剛的圖片變成一個組了，接著，在圖層上面單擊右鍵 ，取消編組

然後你會發現，酷安的 logo 可以拖出來了

其實這一步主要是對酷安的點陣圖轉換為我們需要的矢量圖層

我們按一下 ctrl+c 複製一下這個矢量圖

如果你本身有矢量圖，或者路徑，可以省略以上步驟。

接著打開ps，點擊新建

新建一個1600*1200的畫布

然後按下ctrl+v粘貼剛剛複製的矢量圖，粘貼為形狀圖層

這個時候，我們需要的酷安logo形狀圖就好了，放大縮小都不會失真哦

然後，放大，居中好，選中酷安的logo形狀圖層，點擊ctrl+j複製一層

選中剛剛複製的圖層，點擊矩形工具，把填充去掉

然後開啟描邊，描邊的像素為8.你也可以粗一點，或者細一點，看你個人愛好，顏色為黑色。然後把圖層往左移一點點跟底下的圖層錯開來

描邊的的屬性也要改，對齊選擇第二個，端點也是選擇第二個

接著選擇底下的logo圖層，按下 ctrl+j 再複製一層

選擇剛剛複製好的一層，單擊右鍵—創建剪切蒙版

可以看到，有個小箭頭指到下面一層去了，這個時候，我們選擇最下層的logo圖層，點擊矩形工具，給他換個稍微深一點的綠色

接著再選擇剛剛創建剪貼蒙版的圖層，往左下移動一點點，營造出一個陰影的感覺

接著，重要部分：斷線。選擇鋼筆工具，單擊右鍵，選擇添加錨點工具，再選擇剛剛的描邊logo圖層，這時，會看到描邊的路徑

再描邊的路徑上，按間隔，添加三個錨點，然後選擇中間的錨點，按下鍵盤的刪除鍵

這時你就會看到線斷開了，而且也保持這圓端，到這裡，就說明你成功掌握了mbe的基本功了

接著，按照上面的方法，給其他地方斷線，看著感覺斷。斷好之後，就開始下一步了

調成文字工具，在上面打一個感嘆號！，並且設置為白色

把文字旋轉到合適位置，然後在文字圖層單擊右鍵，柵格化圖層

接著按下 ctrl+t，然後按下自由變化按鈕

按著外圓的弧度給她拖動一下

高光部分就完成啦

酷安logo的mbe風格化就基本差不多了，這個時候我們就要給他裝飾一下，給他畫上眼睛和嘴巴。我們先創建兩個15像素的圓

這樣眼睛就做好了

接著再創建一個25像素，不填充，描邊為6的圓

再選擇添加錨點工具

按剛剛斷線的方法，給他斷出個半圓，這樣臉就好了

接著，我們再給她一些裝飾，創建一個直徑為 25，不填充，描邊為 6 的圓

在創建一個寬 30，高為6的圓角矩形

按下 ctrl+j 複製一層，再按 ctrl+t 旋轉 90 度

選中剛剛的兩個圓角矩形，單擊右鍵，合併形狀

接著，再創建一個寬為 6，高度為 12 的圓角矩形

按下 ctrl+j 複製一層，接著再按 ctrl+T 變形工具，接著按住alt鍵，在圓角矩形的正下方點一下，這時後，會發現矩形的中心點，移到下面來了

接著旋轉角度為 45.，然後就可以了

這時候，你再按下 ctrl+j 複製一層，接著按 ctrl+shift+t，你會發現圓角矩形自動旋轉了

我們按上面的步驟在按多幾次，讓他包圍起來

接著，選中這個小圓的所有圓角矩形，單擊右腳，合併形狀，這樣我們需要的裝飾就做好了

接著縮小放大換顏色，放位置，按著感覺放，就可以了

接著我們再創建寬隨意，高為8的圓角矩形，作為 mbe 圖標的底層

再創建一個短的。

多創建幾個，就可以了。然後我們再看那裡不順眼再微調一下，我們的 mbe 酷安 logo 就畫好了

做 mbe 的方法其實有很多，ai 也可以做，但是我比較喜歡 ps 作圖，所以，我才會從 ai 轉換為矢量圖又複製到 ps 做。

做教程不容易，希望看了能點個贊。最後附上效果圖

然後是素材圖