13-2 利用錨點移動進行制作

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

-

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

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

--

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

-

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

-

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

--

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

--

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

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

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

--

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