12-10 實戰(zhàn)矢量制作(4)

現(xiàn)在我們來制作一個徽標(biāo)，最終效果如下圖。

很明顯的，這就是將一個圓分割為兩個部分，只是分割線是一條曲線。但注意上下兩個部分的顏色不同，這就意味著兩者要分別位于不同的圖層中，才能指定不同的填充色。我們已經(jīng)學(xué)習(xí)了所有路徑的知識，已經(jīng)不存在技術(shù)問題，現(xiàn)在需要的是技巧和思路。
看到這一行文字時，請立即停止閱讀，先行思考如何制作并動手嘗試，再看后面的講解。如果思考有難度，往下一些可得到進一步的提示。

如果思路不清晰，那么就把問題看成，如何把一個圓以弧線分割為半圓，如下圖所示。解決了這個問題也可以在一定程度上完成制作。

現(xiàn)在我們來講解如何制作。首先以形狀圖層方式繪制出圓，在圖層調(diào)板中復(fù)制該層并將隱藏原圖層。如下左圖。這樣做是為了備份，大家應(yīng)該養(yǎng)成這樣的習(xí)慣，并且在制作過程中應(yīng)隨時按〖CTRL_S〗存盤以避免數(shù)據(jù)丟失。
接下來將矢量蒙版中的路徑顯示出來，用路徑選擇工具〖A/SHIFT_A〗將其選擇，〖CTRL_C〗復(fù)制。然后將除背景層外的所有圖層隱藏，確保沒有選擇帶矢量蒙版的圖層(可以選擇背景圖層，或不選擇任何圖層)，〖CTRL_V〗將路徑粘帖，此時畫面及圖層和路徑調(diào)板如下右圖。
如果選擇了帶矢量蒙版的圖層，即使該圖層處于隱藏狀態(tài)，但路徑還是會顯示在路徑調(diào)板中。如果發(fā)生這種情況也沒有關(guān)系，只要確認(rèn)在路徑調(diào)板中所選擇的為“工作路徑”即可，因為它就是剛才粘帖來的路徑 。

-

現(xiàn)在對工作路徑予以修改，如下各圖所示。首先減去下方的錨點，然后使用轉(zhuǎn)換點選擇工具調(diào)整藍(lán)色箭頭處的兩個手柄。
1255在修改的過程中注意觀察信息調(diào)板〖F8〗中的角度A和長度D數(shù)值，確保兩條方向線的長度相等，夾角為水平�？砂醋HIFT鍵鎖定角度。但鎖定有時也會導(dǎo)致很難達到既定的角度和長度，此時可以先拖動到附近，然后再次按住SHIFT鍵進行調(diào)整。
即使方向線沒有達到這里的要求，對本例來說影響也不大。但這樣做能確保分割的弧度規(guī)整，在以后總會遇到有這個需求的時候。

通過以上步驟我們就得到了弧形分割的半圓，接下來就是將其選擇(應(yīng)使用路徑選擇工具)并復(fù)制，然后顯示原先隱藏的圖層中位于上方的圖層，點擊它的矢量蒙版，在出現(xiàn)路徑之后粘帖半圓路徑，并將半圓路徑改為減去方式，效果如下左圖，圖層調(diào)板如下中圖。
此時，盡管位于下方的圖層其實還是一個圓，但從畫面效果上來看已經(jīng)完成了制作。如果要更專業(yè)些，可以繼續(xù)利用半圓路徑對下方圖層的矢量蒙版進行運算(運算方式應(yīng)為交叉)。那么圖層調(diào)板應(yīng)如下右圖。

--

現(xiàn)在更改要求，作出如下圖的效果。注意這不是簡單的將兩個半圓拉開距離就可以完成，因為現(xiàn)在的要求相當(dāng)于是在正圓中減去一塊區(qū)域，這樣整體來看還是一個正圓。而如果移動半圓，相當(dāng)于把正圓拉高成了橢圓，將會出現(xiàn)如下右圖的效果。大家想一下該如何制作。

-

1256可以利用前面制作出來的弧形半圓，將其從封閉路徑變?yōu)殚_放路徑，方法是選擇(使用直接選擇工具)紅色箭頭處的錨點，按下鍵盤上的DEL鍵將其刪除。注意不能使用刪除錨點工具，因為使用其刪除錨點后路徑還是封閉型的。
接著使用路徑選擇工具將這條開放路徑移動復(fù)制出一條。最后使用鋼筆工具連接兩條開放路徑位于左方兩個錨點，以及位于右方的兩個錨點。對于連接后產(chǎn)生的細(xì)直片斷不必理會。這樣就得到了所需要的S形封閉路徑。

將這個路徑復(fù)制粘帖到大圓圖層的矢量蒙版中，用路徑選擇工具選取兩者，按按鈕對齊。然后選擇S形封閉路徑，按下〖-〗將其改為減去方式。此時的畫面效果就已經(jīng)形成了兩個分離的半圓。
由于兩個半圓的顏色不同，就需要將它們分別放入不同的圖層中。但現(xiàn)在的路徑只是由運算方式呈現(xiàn)出分離的效果，實際上還是一個整圓。那么現(xiàn)在將矢量蒙版進行組合，得到兩個彼此分離的封閉路徑。
按照正常的思路，接下來只要選擇其中一個半圓的封閉路徑，將其作為另外一個填充層的矢量蒙版即可。大家自己動手接著往下做吧。

1257是不是發(fā)現(xiàn)了問題？路徑選擇工具無法單獨選擇其中一個半圓，這是因為我們之前所說過的，組合后的路徑失去了獨立性，即使它們之間并未相連。此時只能通過直接選擇工具來選擇。方法是選擇封閉路徑的所有錨點。如下圖紅色箭頭處。
然后〖CTRL_X〗剪切路徑，這次不是復(fù)制了。接著〖CTRL_V〗粘帖到圖像中，路徑將保持顯示狀態(tài)，此時建立一個色彩填充層并指定為其他的顏色即大功告成。

之前的制作過程中，多處使用了路徑的復(fù)制粘帖功能，其實也可以不通過這種方式，而直接在矢量蒙版中完成復(fù)制、移動、修改、移回、運算這一系列過程。只是在視覺上會有影響，不過如果熟練了也沒有太大區(qū)別。
如果采用復(fù)制粘帖的方式，應(yīng)注意在完成運算步驟之前不要移動路徑，否則還要多出對齊的操作，況且對齊本身功能也有限，只有簡單的幾種，未必能達到我們希望的效果。

此外，對于上面這個效果，大家還可以參考以下的做法，這個方法采用了另類的方法來產(chǎn)生S型封閉路徑。也許能為大家以后的制作中提供一種思路。
使用文字工具，在圖像中輸入一個減號字符“-”，在字符調(diào)板中設(shè)定合適的字號，如下左圖，注意將紅色箭頭處的寬度設(shè)大一些。然后使用變形文字功能，設(shè)置如下中圖，這樣就得到了S形的文字。如下右圖。然后通過【圖層_文字_轉(zhuǎn)換為形狀】或【圖層_文字_創(chuàng)建工作路徑】，就可以得到矢量的S路徑。
這個方法是利用了文字本身的矢量信息，即使在變形之后也還是保持的特點來實現(xiàn)的。文字本身的復(fù)雜性再加上變形的多種可能性，可以綜合營造出很獨特的效果。要將文字層轉(zhuǎn)為路徑或形狀圖層，也可以在圖層調(diào)板中文字圖層上點擊右鍵選擇。

--

我們也可以利用文字的矢量特點來設(shè)計文字類型的徽標(biāo)。新建一個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字母的筆畫。嚴(yán)格來說X的另外一筆也應(yīng)該這樣操作，但這里暫時不作要求，大家有興趣可以自己完成。

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

--

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

-

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

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

--

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