LOGO實(shí)戰(zhàn)項(xiàng)目來了，今天的教程是飛屋睿UIdesign的實(shí)戰(zhàn)成果，整體線條干凈利落，英氣逼人，繪制過程有非常仔細(xì)的講解，有源文件可參考，想學(xué)習(xí)線條LOGO設(shè)計(jì)的同學(xué)，趕緊來收。

前言

當(dāng)客戶向你提到設(shè)計(jì)必須“高上大”的時(shí)候，你能想到什么?對于這個(gè)問題我始終存疑，任何審美都是相對而言的，我們怎么能說自己心中的高上大就是別人心中的高上大呢?也就是說，設(shè)計(jì)師也不能僅憑著自己的理解就開始動(dòng)手，而應(yīng)該認(rèn)真思考符號背后的為普羅大眾所接受的象征意義，在此基礎(chǔ)上再傾聽客戶是否已心有所屬，或者給予必要的引導(dǎo)。

今天要做的鹿的頭像，在經(jīng)過和各行各業(yè)的人談過后，了解到鹿的形象帶給人的是一種“寧靜”“柔順”“活力”以及與大自然親近的那一面。這些隱含在鹿這個(gè)形象背后的信息往往被人忽略，但卻是LOGO設(shè)計(jì)的靈魂。

一、構(gòu)思

一開始還是要講構(gòu)思。LOGO設(shè)計(jì)絕對不是神來之筆，經(jīng)過前期的設(shè)想，一步步接近心中的理想狀態(tài)，這才是必經(jīng)之路?？蛻舻募揖悠放埔匀宋年P(guān)懷為中心，倡導(dǎo)樂活生活的理念，由于都是采用木質(zhì)結(jié)構(gòu)，因此，這些理念都比較靠近鹿的符號化意向。

利用目前比較流行的直線條設(shè)計(jì)，直線設(shè)計(jì)的特點(diǎn)就是干凈、純粹，同時(shí)帶著一種簡約的時(shí)尚。原本的凹凸造型全部被直線所取代。

二、準(zhǔn)備工作

在草稿速寫一個(gè)簡略的LOGO的符號后，打開AI，新建一個(gè)適合大小的文檔。由于是矢量文件，因此，你也可以不必太拘泥于固定的大小。我在此創(chuàng)建的是800px*800px的文檔。

在新建文檔中打開【編輯>首選項(xiàng)>參考線和網(wǎng)格】，在參考線和網(wǎng)格的設(shè)置面板中將網(wǎng)格線間隔設(shè)置為20px，次分隔線設(shè)置為1。這樣設(shè)置就是指網(wǎng)格大小已經(jīng)變?yōu)榱?0px*20px為單個(gè)網(wǎng)格的=大小，而次分隔線是網(wǎng)格線之間是否還可以劃分更小的網(wǎng)格，設(shè)置為1表示網(wǎng)格線間只保留1個(gè)網(wǎng)格，也就是沒有次劃分的更小網(wǎng)格的說法。(文字確實(shí)表達(dá)不了我想表達(dá)的，大家還是自己實(shí)踐動(dòng)手改改看效果)

在視圖菜單欄下勾選“智能參考線”和“對齊網(wǎng)格”，智能參考線有助于你在繪制過程中實(shí)現(xiàn)自動(dòng)對齊等輔助功能，對齊網(wǎng)格則有助于你的圖像更加精確。

三、繪制

運(yùn)用鋼筆工具，先畫上鹿的鼻子，鼻子部分是整個(gè)面部的重點(diǎn)，接下來的線條都在此基礎(chǔ)上構(gòu)圖。你可以找一張鹿的圖片，根據(jù)鹿的外形提示作為參考。注意每條線段經(jīng)過的網(wǎng)格，讓鹿的面部左右對稱。

鼻子運(yùn)用了白色填色黑色描邊，而其余部分則關(guān)閉填色。描邊大小為1px，顏色是黑色。

在運(yùn)用鋼筆工具時(shí)，該工具默認(rèn)一個(gè)閉合的圖形才結(jié)束(這里的結(jié)束就是指首尾錨點(diǎn)相遇)，所以一條線段繪制結(jié)束時(shí)，你可以點(diǎn)擊enter鍵，鋼筆工具就結(jié)束了。

在繪制過程中，保持圖形簡潔的表現(xiàn)力的方式就是盡量簡化線條，利用已有的線條來造型。所以這里的智能參考線可以提供很多錨點(diǎn)、交叉的地方，而你就重點(diǎn)在這些點(diǎn)上繪制你的圖形輪廓。注意保持所畫對象的特征。

如果你已經(jīng)在對象的對稱一側(cè)畫好了一個(gè)封閉的圖形，例如本例中我已經(jīng)畫好了右側(cè)的鹿角，那么左側(cè)就可以利用對稱工具進(jìn)行對稱變換。選中對象，點(diǎn)擊右鍵，選擇“對稱”，在對稱面板里點(diǎn)選“垂直”，再單擊“復(fù)制”，這時(shí)就會出現(xiàn)一個(gè)和原對象保持垂直方向?qū)ΨQ的圖形，將圖形移動(dòng)到左邊的適當(dāng)位置，讓整體畫面保持對稱的美感。

接下來我們要為鹿畫上眼睛，由于這時(shí)已經(jīng)不需要對齊網(wǎng)格，因此可以進(jìn)入【視圖>對齊網(wǎng)格】關(guān)閉掉對齊網(wǎng)格的選項(xiàng)。在適當(dāng)?shù)奈恢卯嬌涎劬Φ牟糠帧?/p>

將眼睛、鼻子的部分填充為黑色。讓對象更容易辨認(rèn)。保持可辨認(rèn)性的基礎(chǔ)上，面部可以增加更多的隨心所欲的細(xì)節(jié)。

在鹿角的部分，由于目前的構(gòu)圖層次感不夠強(qiáng)，因此，我還需要把鹿角與鹿頭重疊的部分去掉。這時(shí)，可以運(yùn)用剪刀工具把這一段路徑剪掉，選中對象，在想要剪掉的路徑的首尾兩處各單擊一下，再選擇就能直接通過鍵盤的Delete鍵刪除。

四、增強(qiáng)效果

這時(shí)，整體形狀繪制完成?？梢赃m當(dāng)增加線條的寬度，比如這里我將原本1pt的線條改為3pt。這樣整體上增強(qiáng)了感染力。

一般來說，我們習(xí)慣性在完成繪制時(shí)需要讓輪廓線變得更粗，這樣會更有體積感。在本例中，如果我們一一將輪廓線加粗會不太合適，因?yàn)檩喞€并不是一個(gè)獨(dú)立的路徑，可能需要我們不斷去拆分已有路徑組合新的路徑，這樣就顯得很繁瑣。在此，我運(yùn)用一個(gè)方法，那就是在原有輪廓線外再畫一個(gè)完整的輪廓線。

這時(shí)，將整個(gè)對象鎖起來，不受我們接下來要畫的輪廓線的影響。選中全部，點(diǎn)擊“ctrl+2”，鎖定完成。然后將描邊改為另一種非常鮮艷的顏色，沿著智能參考線的錨點(diǎn)提示，根據(jù)錨點(diǎn)來繪制外輪廓線。

大家可以發(fā)現(xiàn)有些不完美的地方，比如鹿角并沒有像理想中那般尖銳?？梢栽?ldquo;描邊”設(shè)置面板中進(jìn)行調(diào)試。先將外輪廓線改為5pt，端點(diǎn)為平頭端點(diǎn)，邊角為斜接連接，限制為20px，對齊描邊為使描邊外側(cè)對齊。每個(gè)參數(shù)都有它所掌控的屬性，根據(jù)面板上圖標(biāo)的提示相信大家會更容易直觀地理解。

將外輪廓顏色也改為和原圖保持一致，解開原圖對象的鎖定。這時(shí)，增加了外輪廓的對象，就會讓整體效果更有層次，細(xì)節(jié)也更為豐富。

五、最終效果

為LOGO增加一個(gè)純色，配上相應(yīng)的文字，就能將圖形的魅力發(fā)揮出來。

源文件 微盤下載

自己動(dòng)手的時(shí)候，盡量去找那種能用直線條表達(dá)的對象。就像本例鹿角是最好的直線條表達(dá)的對象。選擇的時(shí)候，要特別留心觀察日常生活里的每個(gè)細(xì)節(jié)。

教程結(jié)束，以上就是Illustrator繪制簡約時(shí)尚的鹿形頭像LOGO教程，希望能對大家有所幫助！

最新評論