当前位置:网站首页>LOGO特訓營 第三節 首字母創意手法

LOGO特訓營 第三節 首字母創意手法

2022-07-04 22:24:00 雨翼輕塵

一、尋找靈感

首字母Logo建議直接上“花瓣網”尋找靈感。

比如,我們要做一個M開頭的Logo,打開花瓣網,搜索“M Logo”。就會出現很多Logo。

image-20220628080158444

可以在這裏面找尋靈感。

image-20220628080256008

這裏抽取幾個供大家觀賞學習:

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-p2XjrM6M-1656500336429)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280807461.png)]

雙字母組合:

image-20220628080530103

哪些領域?

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-zFIqvlgf-1656500336430)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280809195.png)]

案例:

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-mrgY7DvF-1656500336430)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280810409.png)]

單從圖形的方面來看,麥當勞更具象化,而肯德基的老頭並不具備形象的品牌特征。

image-20220628081105522

二、錶現技法欣賞

(1)

image-20220628081433290

(2)

image-20220628081457120

(3)

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-HZsU0QuW-1656500336432)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280815721.png)]

(4)

image-20220628081550805

(5)

image-20220628081650097

(6)

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-wDLSuARj-1656500336434)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280818621.png)]

(7)

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-ryjltLAo-1656500336435)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280819612.png)]

(8)連筆與斷肢

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-Pgsx1H30-1656500336435)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280819108.png)]

image-20220628082035831

在這裏插入圖片描述

image-20220628083012203

三、案例實操

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-pQYy94Wy-1656500336438)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280833296.png)]

(1)案例一

壹喬文化,以Q、I為首字母進行設計。

方法一 邊緣上合並

①先把可能的組合寫出來

有全部大寫,全部小寫,還有大小寫混合。

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-UotNVYQm-1656500336439)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280836300.png)]

如果沒有思路,就打開花瓣網,去尋找靈感,借鑒別人的。剛開始不建議自己去原創。

②相近筆畫進行連筆設計

image-20220628083940255

③操作

<1>我們肯定不能直接敲I和Q上去,首先畫一個圓。

選中“橢圓工具”,按住Shift鍵畫一個正圓。

image-20220628084420728

改為描邊模式,不要太粗,會顯得笨重。

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-H1VI2RRz-1656500336441)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280847470.png)]

這樣我們就可以得到一個圓。

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-Y9gffNBL-1656500336442)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280847236.png)]

<2>再加一點,變成Q

找到直線工具。

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-s0F4cNY4-1656500336442)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280849408.png)]

在圓圈右邊畫一個“點”。

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-yHrdEtux-1656500336442)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280850467.png)]

把平角改成圓角。

image-20220628085836255

改為圓角即可。

image-20220628085947337

看一下效果:

image-20220628090010335

還有一種變成圓角的方法。

先把基本功能打開:窗口–>工作區–>基本功能

image-20220628090338507

選中“描邊”。(記得要點一下剛才畫的直線,就是選中它,才能觸發右邊的對應屬性欄–描邊)

image-20220628090528102

將“端點”改成第二個“圓角”。

image-20220628090645776

<3>在Q的左側切斷

如何切斷?

找到鋼筆工具。

image-20220628091003986

先用小白工具選中Q,將路徑顯現出來。

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-Z4tXc0jp-1656500336445)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280911578.png)]

路徑顯現出來,等會用鋼筆工具標記。

image-20220628091152969

然後用鋼筆工具在想要截斷的地方將其斷開。

比如,我們在這兩個地方點兩個點(一定要在路徑上點)。

image-20220628091322789
然後用小白工具選中這兩個點的區域。

image-20220628091419798

Delete鍵删除這段路徑。

image-20220628091631918

可以用小白工具拉著這個描點,向上拉長。
image-20220628091831586

<4>畫一個點

找到橢圓工具。

image-20220628092118354

按住Shift畫一個正圓。

image-20220628092446312

然後將其屬性改為“填充”。

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-JbwMARqQ-1656500336448)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280926712.png)]

然後就可以得到一個圓了。

image-20220628092640430

最後,將整體稍微挪動,使整體更加美觀即可。

image-20220628092856965

<5>優化

如何讓它更加美觀?

我們這樣做。

將那一點,Ctrl+C,然後Ctrl+B

然後對之後的線條,添加一個白色描邊。

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-RVqEEHUn-1656500336449)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280931963.png)]

這樣可以起到一個斷開效果,顯得更加透氣了。

image-20220628093618950

這樣,到時候給客戶文案信息的時候,可以描述為開關鍵:開啟美好未來。

<6>將剩下的文字移過來即可

文字編排方式和文字設計之後再講。

image-20220628094128127

這裏注意兩點,“YI QIAO”是需要突出加重的。

“壹喬文化”也是需要設計的,後邊再演示。

我們在這裏,將“A”和“R”進行斷開處理了。

如何斷開?教大家一下A哈。

用文字工具敲出來一個A。

image-20220628094453254

然後用鋼筆工具,將A中間那個一橫覆蓋。

image-20220628095023461

然後填充為白色。

然後在偏下方用矩形工具畫一橫,填充為黑色。

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-0wzvdadj-1656500336451)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280956313.png)]

R也是同理。

畫一個矩形,填充在需要斷開的地方。

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-BHqTQPsA-1656500336451)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280956569.png)]

顏色改為白色。

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-xZyeBLU3-1656500336452)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280957726.png)]

方法二 相互貫穿

什麼是相互貫穿?

不是放在當前圖形的邊緣,而是放在中間。

<1>同樣先畫一個圓,采用描邊模式

image-20220628100307261

<2>在中間用矩形工具(要填充不要描邊)畫一個豎線和一個點

image-20220628100551753

<3>為了體現Q,可以在圓圈右側先將其斷開一部分

用鋼筆工具選中一部分(想要删除的部分)。

一定要在路徑狀態下用鋼筆工具!(路徑狀態可用小白工具選中整體圖形調出)

image-20220628100836182

然後用小白工具,選中這一部分區域,按Delete鍵删除。
image-20220628100934699
<4>進行銜接

用鋼筆工具點擊一下最下方的錨點,然後再在斜下方再點一個。

image-20220628101210903

就可以拉出一個點。

image-20220628101330925

有的小夥伴,可能會有這樣的問題,用鋼筆工具點了之後還有線條咋辦?

就是這種情况。

image-20220628101434089
這很簡單,想不繼續使用鋼筆工具,可以點擊左側任意一個工具以消除。或者按住Alt鍵,點擊空白處。

同樣,在上方會覺得有點空,我們可以按照同樣的方法。

用鋼筆工具,點擊最上方錨點,並在不遠處再點擊一個。

image-20220628101742944

最後,呈現的樣子。

image-20220628101809730

<5>相互貫穿,兩個字母應該有疊加關系,但是現在這兩個字母連接在一起,並沒有完全斷開。

我們先把i的豎線拉長。

image-20220628102151653
然後Ctrl+Shift+]置於頂層。

Ctrl+C然後Ctrl+B

粘貼之後,對之後的加一個白色描邊。

image-20220628102526670
然後就有這樣的效果:

image-20220628102552825

用小黑工具全部選中。

image-20220628102636918
進行輪廓化描邊:

image-20220628102742319

效果這樣:

image-20220628102812214

然後分割一下:

image-20220628103450914

右鍵取消編組:

image-20220628103515761

將不需要的部分選中,然後Delete删除即可。

image-20220628103601856
這裏我們删除一部分。

然後這個地方填充為黑色。

image-20220628103651774

選中這個地方,然後用小吸管吸一下黑色即可。

image-20220628103738491

最後達到這樣的效果:

image-20220628103827233

文字移過來,後邊再教大家如何修改。

image-20220628103927030

方案三 連環

我們可以將第一個案例進行改造一下,添加一些細節。

先選中整體,將它變細一點。

然後畫一個同心圓。

image-20220628112551007

然後這些地方稍作改動。

image-20220628112738469
Q那一個點,有點僵硬,我們可以讓它更加Q一點。

先把它删掉,用鋼筆工具畫一個彎曲的線條。

image-20220628113036760

然後再修改修改,改到適合的程度。

image-20220628113418137

最後添上文字。

image-20220628113455366

方法四 立體透視

上面我們做的都是扁平的,我們先畫一個方形的,也是Q。

用矩形工具,畫一個只要描邊的矩形。

image-20220629081408843

再用矩形工具,畫一個矩形,填充為白色。

放在上端,搞出斷開的效果。

image-20220629082335634

然後右鍵“傾斜”。

image-20220629102439129
這個傾斜角度自己把握啦。

image-20220629102345377

然後再添加一筆。

用鋼筆工具描繪就好啦。

image-20220629103518935

因為是一個成角透視,我們不要求都是平行的。

可以稍微改變一下長方形的角度。

我們選中這個長方形和之前用來截斷的白色長方形,將它們置頂(Ctrl+Shift+])然後對長方形Ctrl+C–>Ctrl+B

image-20220629104417477

給後來複制的長方形增加一個白色描邊。

image-20220629104526855

然後效果:

image-20220629104234924

選中整體。

進行“輪廓化描邊”。

image-20220629104644598

然後“分割”。

image-20220629110125697

右鍵“取消編組”。

image-20220629110155050

將這兩邊填充為黑色。

直接選中這兩塊區域,用小吸管工具吸一下黑色就好啦。

image-20220629110336571

就是這樣的效果:

image-20220629110425617

然後再合並一下。就是將剛才零碎的分割合並。

長方形一塊,一點為一塊。

image-20220629110912474

然後選中長方形,填充一個漸變色。

image-20220629111053027

雙擊這個小圓圈,然後點擊這個橫杠杠,選擇RGB模式。

image-20220629111224604

點擊一個酒紅色。

image-20220629111400840

左邊色塊同樣可以調整一下顏色,找一個相近的顏色。
image-20220629111630646

然後用漸變工具調整一下。

image-20220629111455906

按照同樣的方法,把Q的一個點,也改為漸變色。

image-20220629111803273

注意:

1、兩處斷開,效果是為了體現i的那一個點。

2、整體是Q的效果。

3、因為粗糙作圖,沒有抓細節,整體不是那麼美觀,大家可以自行調整。

(2)案例二

NAVER ART

以N、A雙字母組合做一個LOGO。

方法一 邊緣貫穿

①先把能寫到的組合寫出來

全部大寫,全部小寫,大小寫組合。

image-20220629112352952

②聯系之前看到的

image-20220629112505258

相同筆畫去掉一個,斷肢。

③選擇一個帶有襯線的字體

知識補充:襯線與非襯線

從字形結構可以分為襯線與非襯線。

<1>襯線(比如宋體):

文字筆畫,橫細豎粗。

image-20220629112819123

在文字筆畫邊緣,有小邊角。

image-20220629112850700

<2>非襯線

很明顯,橫就是橫,豎就是豎。

image-20220629113020324

<3>什麼時候使用?

根據品牌含義與Logo風格來確定。

精致、中國風、複古:一般用襯線字體,非襯線也可以,但字體要細。

中規中矩,學校、企業、科技、運動等:一般非襯線體。

這裏我們就選擇這樣的襯線字體。

image-20220629113842233

④制作方法

<1>我們直接將a放在n上方

目前是合並狀態,我們將整體選中,然後右鍵“創建輪廓”。

image-20220629114123377

然後選中,右鍵“取消分組”。

image-20220629114608372

直接將a挪到n的上方。

image-20220629114745044

<2>擦除n的邊緣

對a進行Ctrl+C–>Ctrl+B

然後添加白色描邊。

image-20220629114935721

找到橡皮擦工具。

注意,英文狀態下,[鍵縮小,]鍵放大橡皮擦。

image-20220629115108895

我們直接擦除n的多餘部分。

注意,要在“選中n的情况下”用橡皮擦。

這樣就不用擔心擦到a了。

最後擦除的效果:

image-20220629120235224

<3>點綴

上面做完有點單一了,我們可以給它加一個徽章。

徽章:用一個封閉的圈,將整體進行包裹。

先將na鎖定一下(Ctrl+2)。

按住Shift鍵畫一個正圓形。取消填充,直接轉化為描邊。

image-20220629120646931

接下來選擇路徑文字工具。

image-20220629120849056

將鼠標放在剛才畫的路徑上。

單擊一下,就可以敲字了。

image-20220629121042156

然後我們可以通過旋轉來改變這些字的方向。

用小黑工具,拖拽即可。

image-20220629121134467

然後Ctrl+Alt+2取消na的鎖定。

調整大小和間距。

接下來我們再畫一個圓,跟剛才操作一樣。

先畫一個圓,取消填充,然後用路徑文字工具在路徑上點擊一下,將STUDIO敲上去。

image-20220629121723005

然後用小黑工具,將這根線拉到圈內。

將字體拉進圈內,然後旋轉,調整到下方中心比特置。

image-20220629121931360

現在整體是這個樣子。

image-20220629122039579

有點空,我們可以在左右兩側,加上一些裝飾,比如五角星、線條、圈圈。

現在我們先加星星。

image-20220629122217520

畫在兩側。

image-20220629122333879

然後來添加線條。

畫一個正圓,取消填充,只要黑色描邊。

image-20220629122734125

給它“輪廓化描邊”。

image-20220629124426032

然後擦除不需要的部分。

記住,不能隨意擦除,先斷開再擦除。

這個很容易把路徑都擦除了,為了方便大家學習,看下面的操作:

在這裏插入圖片描述

這裏我做的不是非常規範,後面會詳細講解。

最後我們將小星星挪動挪動,達到一個相對美觀的角度。

最後整體效果看一下:

image-20220629125327390

方法二 內部貫穿

上面的方法一,是對文字邊緣進行貫穿。

我們還可以對文字內部進行貫穿。

①思路

如何貫穿?這裏我們仍然用小寫的n和a。

a放n裏面,還是n放a裏面?

image-20220629125831860

明顯,應該把a放到n裏面,n的空間比較大,把a放進去不會破壞n的識別度。

而a的內部結構比較多,把n放進去,可能會造成a的識別較為模糊。

②實操

具體怎麼做呢?

我們可以先用“圓角矩形工具”畫一個類似n的外殼。

image-20220629162403756

不要填充,要描邊!

image-20220629162426255

可以按這個點,來調整邊角弧度。

image-20220629162928472

用鋼筆工具,在下方中間點一個點(一定要在路徑上面點)。

image-20220629163223149

然後用小白工具,選中這個點,按Delete鍵删除。

image-20220629163426515

讓描邊變成“圓角”。

image-20220629163503994

小白工具,鼠標左鍵按住不動,拖拽,選中兩個點。

image-20220629163626582

然後向上移動少許。

image-20220629163701693

然後用直線段工具,畫一個豎線。

image-20220629163828690

然後畫一個圓圈。

image-20220629164054193

用小白工具點一下最右邊的點,按Delete

image-20220629164141775

就是把右邊砍斷,變成了半圓。

image-20220629164203728

然後選中這幾個描點,像左邊挪一點。

image-20220629164453020

最終效果:

image-20220629164556469

沒有細做,大家可以把細節做的好一點哈。

方法三 疊加

①思路

我們將A大寫。

image-20220629164806012

如果去掉中間一橫,還是有識別度的。

image-20220629164832258

那麼,如果再複雜一下。

比如說,我們剛才做小圓圈的時候,是把外輪廓又複制了一個。

image-20220629164949511

那這個可以嗎?

肯定可以呀,在介紹雙字母組合的時候,給大家看過一個案例。

image-20220629165105515

一個三角形,多個線條進行組合。

即,把A的邊緣線進行複制。

②實操

我們可以直接用鋼筆工具進行繪制。

先畫右邊。

image-20220629165521110

然後加粗一下。

再畫左邊。

image-20220629165704335

如果你的邊角是尖的,記得把邊角改成“圓角”。

image-20220629165809932

然後我們複制一個(選中原來的圖形,按住Alt鍵不松手平移即可快速複制哦)。

image-20220629165917835

將複制之後的進行水平翻轉。

右鍵–>變換–>對稱。

image-20220629171423927

垂直翻轉。

image-20220629171523512

用小白工具選中右邊的幾個描點,按Delete鍵將它們删除。

image-20220629171620064

為啥要删除右邊的?

因為要讓左右兩邊達到對稱的狀態。

接著删除這條橫線(同樣是用小白工具選中這個描點,按Delete鍵删除)。

image-20220629171803351

將左邊的斜線拖拽到右邊。

為了錶現N,我們需要將它再複制一個。

image-20220629172335116

然後用鋼筆工具,將兩端連起來。

image-20220629172459608

最後再畫一橫(還是用鋼筆工具)。

image-20220629172551698

在外形上,像一個積木,含義很多。

然後我們還可以將方法一做的徽章複制過來,整體效果就是這樣:

image-20220629173142194

四、補充

在這裏,補充幾點小技巧。

我們敲的文字,是不能直接編輯的,需要轉化為“矢量圖形”。

如何使敲出來的文字可以編輯?

(1)快捷鍵

Ctrl+Shift+O直接轉化為矢量圖形,進行編輯。

image-20220629185206960

(2)右鍵單擊“創建輪廓”–>右鍵單擊“取消編組”

image-20220629185405866

原网站

版权声明
本文为[雨翼輕塵]所创,转载请带上原文链接,感谢
https://yzsam.com/2022/185/202207042159349868.html