13-2 利用錨點(diǎn)移動(dòng)進(jìn)行制作

我們也可以利用文字的矢量特點(diǎn)來設(shè)計(jì)文字類型的徽標(biāo)。新建一個(gè)200×150的圖像，使用文字工具在其中輸入“XD”，字符調(diào)板設(shè)定如下左圖。然后將文字轉(zhuǎn)為形狀，圖層調(diào)板如下右圖。

-

現(xiàn)在就對這個(gè)矢量蒙版中的內(nèi)容進(jìn)行修改，過程如下圖。為了方便觀看，每一步操作后都進(jìn)行了組合，大家自己動(dòng)手做的時(shí)候則不必如此。
在底部添加一個(gè)矩形產(chǎn)生連字效果；在略上方減去一個(gè)矩形產(chǎn)生打斷效果；用鋼筆減去一個(gè)三角區(qū)域產(chǎn)生打斷效果；由于X字母本身的筆畫并不平直，因此使用鋼筆工具畫出線框部分的區(qū)域，設(shè)定為添加方式，覆蓋原先的X字母的筆畫。嚴(yán)格來說X的另外一筆也應(yīng)該這樣操作，但這里暫時(shí)不作要求，大家有興趣可以自己完成。

之后，可以再如下左圖所示，對兩個(gè)片段進(jìn)行移動(dòng)(該用路徑選擇工具還是直接選擇工具？)。最終完成如下中圖?？蔀槠涮砑用柽吅屯队皹邮揭载S富視覺效果，如下右圖。

--

s1304一般來說，字庫中的字體都較為呆板缺少變化，盡管OpenType字體可以帶來些新氣象，但終究也不如人意。而這種利用文字產(chǎn)生大致的路徑然后進(jìn)行修改，在徽標(biāo)設(shè)計(jì)中是很常用的手法。通常的修改都是為了營造整體感，最常用的就是連筆，找出可以相連又不會(huì)造成歧義的筆畫。比如字母FZ，可以將最上面的橫向相接形成連筆。相連后可以適當(dāng)減少字母間距，如下左圖。還有就是合并類似筆畫，如字母HR，可以將H右邊的豎線與R左邊的豎線合并，同理也適用于HK、HF等。如下右圖。合并后可以再分割并相離，這樣可以令字母有獨(dú)立感。
掌握相連與合并的技巧，就可以很容易地設(shè)計(jì)出文字徽標(biāo)。如果有些時(shí)候不容易判斷，可以嘗試更換字體，或切換大小寫字母來尋找可供連筆或合并的部分。

-

實(shí)例：制作連體漢字
現(xiàn)在我們來制作大師之路網(wǎng)站的中文連字效果。新建一個(gè)640×480的白底圖像，輸入漢字，字體選擇“漢儀菱心體簡”，如下左圖。字符調(diào)板設(shè)定如下右圖，其中箭頭處的設(shè)定是為了減少漢字的間距。

-

之后通過【圖層_文字_轉(zhuǎn)換為形狀】，這樣就建立了一個(gè)帶矢量蒙版的填充層。如果大家的電腦上找不到本例所使用的字體，可開啟光盤素材目錄下的img1301.psd文件繼續(xù)下面的操作。首先我們將“大師”兩個(gè)字的筆畫相連，如下左圖。注意要使用直接選擇工具才能移動(dòng)錨點(diǎn)或片斷。然后將“之路”兩個(gè)字向左側(cè)移動(dòng)一些，如下中圖，此時(shí)要使用路徑選擇工具。其實(shí)我們只是要將“之”與“師”相連，為了避免造成空隙才連帶移動(dòng)了“路”。最后使用直接選擇工具對“之”字的錨點(diǎn)進(jìn)行移動(dòng)，形成連接效果，如下右圖。

--

此時(shí)這個(gè)連字效果就算是完成了，效果如下左圖。大家也可以使用自由變換工具對整體路徑作進(jìn)一步的變換，如下中圖和下右圖，分別是透視和變形。

--

制作連字在技術(shù)層面上其實(shí)并無太多奧秘。通過這兩個(gè)實(shí)例的練習(xí)，已經(jīng)沒什么神秘可言了。其基本過程就是輸入文本，將文字轉(zhuǎn)為形狀，然后關(guān)鍵就在于對路徑的修改。所以大家要熟練掌握修改錨點(diǎn)或片斷的方法。當(dāng)然，在電腦中安裝豐富的字體也是有好處的，因?yàn)楝F(xiàn)在我們的連字效果都是建立在現(xiàn)有字體的基礎(chǔ)上的。較多的字體可以提供我們更多的組合。大家還可以嘗試使用不同的字體進(jìn)行連字。
真正說來，我們之前所作的連字其實(shí)并不完美。相信大家也注意到了，我們在移動(dòng)錨點(diǎn)或片斷的時(shí)候，并沒有完全對齊原有的筆畫，如“大”與“師”、“師”與“之”，這主要是因?yàn)镻hotoshop沒有提供直接的錨點(diǎn)對齊的功能，大家可以通過建立參考線來制作較為精確的對齊效果。相比之下，Illustrator提供了錨點(diǎn)的對齊的功能，在制作上要方便一些。
大家要明白是，連體字效果的好壞，取決于你的創(chuàng)意，并不取決于你的技術(shù)水平。在學(xué)習(xí)了路徑部分的知識(shí)后，此類操作可算是小菜一碟。無非是速度快與慢的區(qū)別而已。此時(shí)真正影響效果的，就是你們對連體的構(gòu)思了。好的構(gòu)思制作出來的連體字看上去自然順暢。而有些連體字看起來令人別扭或感覺牽強(qiáng)，那就是因?yàn)闆]有很好的構(gòu)思。建議大家平日多注意身邊的一些連體字，如各種戶外廣告，然后在心中虛擬制作的過程，回家后就動(dòng)手進(jìn)行仿造。對于已經(jīng)完成的作品，過一段時(shí)間再翻出來看看有什么可改進(jìn)的。久而久之你也就成了連體字設(shè)計(jì)高手。

現(xiàn)在我們來看一下大師之路網(wǎng)站的徽標(biāo)制作。先繪制矩形，然后輸入大寫字母U和小寫字母t并轉(zhuǎn)為路徑，將兩個(gè)路徑復(fù)制粘帖到矩形蒙版中，安放在適當(dāng)?shù)奈恢?，將U設(shè)為減去方式，t為添加方式。然后選擇這兩條路徑，通過〖CTRL_T〗啟動(dòng)變換，設(shè)定斜切為-10左右，營造斜體效果。然后將t路徑復(fù)制一份出來，把其中一個(gè)設(shè)為減去方式，并略向上方移動(dòng)些許，營造投影效果。最后再調(diào)整一下矩形的大小以及兩個(gè)t路徑的高度，形成最終的效果。過程大致如下圖。
雖然這個(gè)實(shí)例也用到了運(yùn)算，但最重要還是錨點(diǎn)的改變。通過自由變換改變錨點(diǎn)的分布，是實(shí)現(xiàn)這個(gè)效果的重要步驟。

雖然強(qiáng)調(diào)設(shè)計(jì)中的整體性，但各字母之間應(yīng)該還具有獨(dú)立性，也就是說要看得出字母來。按照上面的徽標(biāo)設(shè)計(jì)，我們用一個(gè)色塊來作背景，然后用減去方式呈現(xiàn)鏤空的字母，但如果U與t都是減去方式的話，則兩個(gè)字母因?yàn)橛兄丿B區(qū)域，相互難以分辨，如下左圖。這是應(yīng)避免的情況。此時(shí)可以嘗試在t字母周圍描邊(復(fù)制t后放大形成描邊)，這樣字母就較為清晰了。如下中圖。下右圖是ARS和CB的字母設(shè)計(jì)，采取的手法也都和之前類似，在融合字母的時(shí)候，采用分隔的方式保留字母的獨(dú)立性。

--

s1305如果大家已經(jīng)理解了本小節(jié)中的內(nèi)容，就會(huì)體會(huì)到路徑的強(qiáng)大，它賦予我們無盡的創(chuàng)造力。在此之前我們都只能算是制作而不是設(shè)計(jì)，因?yàn)闊o非就是調(diào)調(diào)顏色、改改樣式這類的，再就是擺弄擺弄濾鏡，做出一些自己都覺得莫名其妙的效果。真正的圖形設(shè)計(jì)，反而極少用到那些功能。設(shè)計(jì)一個(gè)矢量徽標(biāo)所用到的技術(shù)絕不超過我們本課中的內(nèi)容，但其成品的商業(yè)價(jià)值卻可能是天價(jià)。而我們處心積慮堆砌了N多效果的設(shè)計(jì)稿，也許無人問津。這是因?yàn)樵诋?dāng)今世界的主流設(shè)計(jì)中，都是崇尚簡約的風(fēng)格。這一點(diǎn)在國外非常明顯，企業(yè)的徽標(biāo)結(jié)構(gòu)都很簡單，一目了然，沒有多少花哨的效果。如果偏重于效果的應(yīng)用，往往就容易造成認(rèn)知和傳播上的困難。
因此，應(yīng)該在創(chuàng)意和布局方面多下功夫，而不要沉溺于樣式和濾鏡之中。雖說創(chuàng)意有天賦高低的區(qū)別，但經(jīng)驗(yàn)的積累也不可或缺。最簡單的積累方法就是找一些優(yōu)秀的設(shè)計(jì)作品并嘗試臨摹，一天一個(gè)或者兩天一個(gè)，有困難就更久些，這樣很快就能夠提升你的設(shè)計(jì)品位，與主流接軌。這并不需要具備專業(yè)的美術(shù)知識(shí)，只需要毅力和時(shí)間。如果有機(jī)會(huì)我們也會(huì)在專門的教程中講解更多的此類實(shí)例。