接上篇
45矢量蒙版的局限
先回答第一個問題:不能。在點陣蒙版中可以輕易實現(xiàn)多重半透明,最簡單的就是制作黑白漸變的蒙版,得到一個不透明度漸變的效果。如下圖。這種多重不透明度稱為Alpha透明,也稱作Alpha通道(意指可容納多個不透明度級別,如常見的256級)。大家現(xiàn)在動手把它做出來,因為接著要用到。
而矢量蒙版只能簡單地將圖層內(nèi)容控制為隱藏或顯示,即要么完全看的見,要么完全看不見。無法提供更豐富的變化。如果不是這個原因,矢量蒙版是可以完全替代點陣蒙版的。
46同時使用點陣和矢量蒙版
在已有了一個點陣蒙版的基礎(chǔ)上,使用矩形工具
〖U/SHIFT_U〗,以路徑方式
在圖像中畫出一個矩形封閉路徑,如下左圖。然后點擊圖層調(diào)板下方的建立蒙版按鈕
。就會看到如下右圖的效果,一個圖層中有兩個蒙版同時存在。兩個蒙版的位置與建立先后順序沒有關(guān)系,位于左方的是點陣蒙版,右方的是矢量蒙版。這樣就解答了第二個問題。
對于圖層而言,現(xiàn)在同時受到兩個蒙版的控制。如果兩者中有任何一個指定某區(qū)域為隱藏(即位于矢量蒙版路徑范圍之外,或在點陣蒙版中為黑色),那么該區(qū)域就為隱藏狀態(tài)。這是一種邏輯“或”關(guān)系,即所有條件中一個條件成立就算數(shù)。而圖層中所顯示的區(qū)域,必須既在點陣蒙版中為白色,又同時位于矢量蒙版的路徑范圍之內(nèi)。這是一種邏輯“與”關(guān)系,即所有條件同時成立才算數(shù)。
與民主機構(gòu)的“一票否決制”類似,大家可以把這個特點簡要記憶為“一票隱藏制”。
-
47點陣與矢量路徑蒙版的配合
剛才我們使兩個蒙版的內(nèi)容不同,是為了講解的需要,實際這樣做并無意義。兩者應配合使用,取長補短地作用于圖層。矢量的長處是曲線、任意修改、縮放不失真。點陣的長處是支持Alpha透明。那么在通常的情況下,應該以矢量蒙版為主去控制圖層的顯示區(qū)域,而用點陣蒙版在路徑范圍之內(nèi)制作羽化或半透明效果。如下左圖就顯示了這種配合的效果。圖層調(diào)板內(nèi)容如下中圖所示。
-
如果準備利用點陣蒙版在圖層顯示區(qū)域的邊緣制作羽化效果,可參考這樣一條思路:先利用路徑建立矢量蒙版,再建立一個全白的點陣蒙版。使路徑處于顯示狀態(tài),在路徑調(diào)板中使用描邊功能即可。如下2圖所示。
當然,要注意設定好相應的畫筆和前景色。并且描邊的時候要確認選擇了點陣蒙版,不要將邊描到了圖層中。
-
還記得在早期教程中作過的一個設計稿么,如下左圖。其中使用了蒙版對色相飽和度調(diào)整層進行控制,如下中圖。這個蒙版是通過選區(qū)創(chuàng)建的。為了得到蒙版的弧線,當時是用橢圓選區(qū)減去矩形選區(qū)完成的?,F(xiàn)在學會了路徑,做這樣的蒙版就是小菜一碟了。如下右圖,通過對矩形路徑添加錨點并移動些許,就完成了蒙版制作。
現(xiàn)在大家就自己動手對原先的蒙版進行“升級”吧:將原先的點陣蒙版刪除,用繪制好的路徑作為調(diào)整層的矢量蒙版。不過要注意圖像下方還有一塊矩形區(qū)域,應該使用添加方式在矢量蒙版中相應位置畫一個矢量矩形。
-
-
矢量化的蒙版可以提供給我們更加豐富的創(chuàng)作空間,現(xiàn)在通過修改路徑,我們可以做出如下左圖的效果。如下右圖顯示出了矢量蒙版的形狀。注意在修改過程中有些錨點或方向線可能會超出圖像尺寸,此時可以將圖像窗口拉大一些方便操作。
-
其實,路徑蒙版最經(jīng)常應用的地方并不是像上面那樣去搶點陣蒙版的飯碗,它的最大價值在于為填充圖層建立蒙版,使我們可以在圖像中繪制出所需要的色塊。色塊在網(wǎng)頁設計中是很常用的,比如欄目標題或?qū)Ш讲藛?,都是由色塊加工而來的。我們在學習圖層樣式的時候也提到過“色塊加圖層樣式”的制作手法。
回憶一下,在“古代”繪制一個矩形,要新建空白圖層,接著創(chuàng)建矩形選區(qū)后再填色。后來在“近代”我們學習了色彩填充層,以上步驟就簡化為:創(chuàng)建矩形選區(qū)后建立填充層。相比前者,這樣的好處是以后可以隨意更改填充色。但兩者的蒙版其實都屬于點陣類型,如果對色塊進行變換操作,則可能會損失圖像的質(zhì)量。矢量在變換中是無損的,所以在“現(xiàn)代”我們就可以建立矢量填充層來滿足需要。
48建立形狀圖層
按照一般的思路,創(chuàng)建帶有矢量蒙版的填充層,是在路徑方式下(頂部公共欄顯示為
)先畫好路徑并保持顯示狀態(tài),然后點擊圖層調(diào)板下方的
按鈕建立純色填充層。其實Photoshop已經(jīng)考慮到會經(jīng)常有這樣的需要,因此提供了形狀圖層繪制方式,即頂部公共欄中的
方式,如下左圖。在此方式下繪制路徑,將自動建立一個帶矢量蒙版的純色(以前景色為準)填充層。
49路徑的繪圖方式
在學習路徑以前,為了避免混淆,我們在課程中都只使用到填充像素
的方式。相信有許多讀者曾對此感到困惑,現(xiàn)在這些問題就迎刃而解了。Photoshop路徑的繪圖方式其實也可以理解為表現(xiàn)形式,總有3種(鋼筆工具只有前兩種),可在頂部的公共欄中選擇。分別為:
形狀圖層
:直接對圖像產(chǎn)生影響。攜帶矢量信息。與圖層選擇無關(guān)。所繪制的路徑將自動被應用,成為新建純色填充層的蒙版。
路徑
:對圖像不產(chǎn)生影響。攜帶矢量信息。與圖層選擇無關(guān)。單純繪制路徑,不做其他應用。
填充像素
:直接對圖像產(chǎn)生影響。不攜帶矢量信息。與圖層選擇有關(guān)。所繪制的路徑將自動轉(zhuǎn)為圖層中的點陣色塊。
至于它們的應用范圍,大體上以形狀圖層
為主,因為其可以產(chǎn)生矢量化的色塊方便進行變換和修改。若再為其添加圖層樣式,則就是網(wǎng)頁設計中常用的制作手法。其次是路徑
,主要用在除了蒙版以外的矢量用途,如創(chuàng)建選區(qū)和描邊等。填充像素
方式應盡可能少使用,因為其畫面效果與形狀圖層完全一樣,但不具備形狀圖層的矢量和隨時更改填充顏色的功能。即使在一些必須使用點陣圖層的時候(如使用濾鏡),形狀圖層也可以通過柵格化轉(zhuǎn)為普通的點陣圖層。況且直接對一個色塊使用濾鏡的機會并不多。所以從理論及實踐上來看,可以用形狀圖層取代填充像素。
實戰(zhàn)路徑運算
現(xiàn)在我們來學習路徑的另外一個很重要的操作,那就是運算。與選區(qū)運算一樣,路經(jīng)也具備添加、減去、交叉等功能。這其實應該在學習路徑繪制的時候就接觸,但當時單一的路徑不容易體現(xiàn)出運算的效果,現(xiàn)在通過形狀圖層來學習就很直觀了。因為形狀圖層會在圖像中產(chǎn)生一個色塊,這樣就很容易觀察到路徑運算的效果。
在頂部公共欄紅色箭頭處選擇形狀圖層
方式,橙色箭頭處即為各種運算方式。綠色箭頭處的按鈕如果按下,可以在樣式列表中為形狀圖層指定圖層樣式。把需要用到的圖層樣式存儲到列表中,這時就可以直接使用。當然也可以通過樣式調(diào)板使用。最后是填充的顏色。
路徑的運算方式分別為:
新形狀圖層
:此方式下使用形狀工具所繪制的形狀將作為新的顏色填充圖層。
添加形狀區(qū)域
:所繪制的形狀將與原有的形狀區(qū)域共同產(chǎn)生填充顏色效果。
從形狀區(qū)域減去
:從原有的形狀中減去填充色區(qū)域。如果沒有重疊則沒有減去效果。
交叉形狀區(qū)域
:在多個形狀區(qū)域的重疊部分填充顏色。
反交叉形狀區(qū)域
:在多個形狀區(qū)域的重疊部分以外填充顏色。如果沒有重疊則等同于添加。
50導致填充色無效的情況
需要注意的是,有兩種情況會導致填充色無效。一是在減去
和反交叉
方式下,如果兩個形狀完全相同且位置一致,則填充色無效。二是在交叉
方式下,如果多個形狀沒有重疊則填充色無效。在實際使用中應避免發(fā)生這些情況。
51形狀工具的幾何選項
現(xiàn)在新建一個400×300的圖像,使用矩形工具
〖U/SHIFT_U〗,如下左圖,在頂部公共欄點擊紅色箭頭處,開啟形狀的幾何選項。這個選項依據(jù)形狀工具的不同,其內(nèi)容也不同。將矩形尺寸設為固定的200×20像素,這個數(shù)值是相對整個圖像的尺寸而言的,大家可以自己設定。然后在圖像中畫出一個矩形。由于后面要對路徑進行操作,因此現(xiàn)在先填充一個較淺的灰色,這樣就比較容易看清楚路徑的線條。
需要注意的是,要確認目前的樣式為無樣式。否則矩形繪制出來就帶著圖層樣式效果。
現(xiàn)在要為這個矩形添加一個箭頭,我們使用多邊形工具
〖U/SHIFT_U〗來完成,多邊形的選項如下左圖,其中半徑我們并沒有指定,大家也可以設置為30像素這樣的數(shù)值。
現(xiàn)在要確認之前的矩形路徑在圖像中處于顯示狀態(tài)(如果填充顏色太深可能路徑就不明顯),即圖層調(diào)板應如下中圖所示,在矢量蒙版周圍有選擇框。如果同時開啟了路徑調(diào)板,則應如下右圖所示。
-
-
接著確認頂部公共欄中的運算方式為添加
,可通過快捷鍵〖+〗來快速切換。然后在圖像中繪制一個三角形,位置任意。然后使用路徑選擇工具
〖A/SHIFT_A〗,按住ALT鍵(這樣就啟動了移動復制功能)將三角形拖動到矩形的左側(cè)。然后〖CTRL_T〗啟動自由變換,將其水平翻轉(zhuǎn)。過程大致如下圖。
也可以通過〖CTRL_C〗和〖CTRL_V〗的方式對路徑進行復制,但由于粘貼后的路徑位置與復制時候相同,所以最好在復制之后移動一下原路徑,再進行粘貼。
52對齊路徑
細心的讀者會發(fā)現(xiàn),使用路徑選擇工具的時候,公共欄出現(xiàn)了對齊選項。那么就可以在選擇多個路徑后利用它們來完成排列,如分布和居中。如下圖。注意在對齊的時候要全部選擇所需的路徑。另外,與普通圖層的對齊相同,分布排列類型的選項需要選擇至少3個路徑才有效。
完成后可按下回車鍵,這樣路徑就不再顯示,可以看到最終的效果。此外也可以點擊圖層調(diào)板中的矢量蒙版縮略圖,或點擊公共欄的√按鈕。
現(xiàn)在我們將三角形再復制一個出來,通過變換將其縮小到65%(可在使用變換時的公共欄中填入)左右,再將其移動到原先的三角形之內(nèi),然后在公共欄指定為減去方式(可通過〖-〗來切換),制作出挖空效果。過程大致如下圖。
通過以上各步驟,我們知道只有處在同一路徑組中的各路徑之間才可以進行運算。而要讓多個路徑處于同一路徑組,從第二個路徑開始,就必須通過除了新形狀圖層
以外的方式去繪制。此外大家所要掌握的知識是:
1:用路徑選擇工具
去移動、復制、對齊路徑。不要再犯使用移動工具
的錯誤。此外也可以通過鍵盤方向鍵輕移。
2:復制出來的路徑,具有和原路徑相同的運算方式。比如之前所復制出來的三角形。
3:路徑運算方式可以更改。比如之前從添加方式改為減去方式的小三角形。
尤其是最后一點,可在后期更改運算方式的功能帶來很大的方便,我們不必像以前的選區(qū)運算那樣,運算之前必須胸有成竹,因為選區(qū)運算的結(jié)果不可改變只能撤銷。而路徑運算即便操作錯誤(如把該添加的做成了減去)也不用撤銷。再加上可通過路徑選擇工具或鍵盤移動路徑,可以很容易地調(diào)整運算結(jié)果,比如減去太多了可以改少些。而選區(qū)運算只能推倒重來。
現(xiàn)在我們制作的效果應如下左圖。現(xiàn)在需要做出如下右圖的挖空效果。大家先想象一下該如何實現(xiàn)。在繼續(xù)看后面的講解。
-
我們來看一下該如何制作這個效果,從簡單的層次上考慮,就是制作出下左圖紅色區(qū)域的形狀,然后將其改為減去方式即可。而制作這個紅色區(qū)域主要的問題在于其左端,那是一個與三角形邊緣相符的曲線。
那現(xiàn)在我們就來制作這個紅色區(qū)域,首先將左端的三角形和矩形一起選擇,然后移動復制到其他的地方,移動的時候最好是同時按住SHIFT鍵,垂直復制到原路徑的上方或下方,這樣制作完之后再垂直移動回去,就免去了一步對齊。
接著適當減少矩形的高度和寬度,以留出空隙??梢允褂弥苯舆x擇工具
〖A/SHIFT_A〗,選擇水平和垂直方向的片斷,將其向內(nèi)移動。也可以通過自由變換完成(應使用路徑選擇工具
選擇矩形)。然后用路徑選擇工具
選擇三角形,按下〖-〗將其改為減去方式。
53組合路徑
此時如果只作為個體來看,已經(jīng)是完成了制作。但如果將這兩個形狀移動回去的話,三角形的減去方式也會對其他路徑產(chǎn)生效果。所以現(xiàn)在用路徑選擇工具
選擇兩者,然后點擊公共欄的“組合”按鈕,這樣兩個路徑就合并為了一個,這其實是最關(guān)鍵的一步。現(xiàn)在將這個路徑移動回原先的路徑中并設為減去方式,大功告成。
現(xiàn)在來看一下有關(guān)路徑組合的內(nèi)容,先畫出一個大圓,然后以添加方式畫一個小圓,將兩者重疊一部分。這樣組合之后,可以看到路徑合并為了一個,如下左圖。從實際操作來看,要用錨點控制完成這個8字型的路徑是比較困難的,而通過這種組合的方式卻可以輕易做到。所以這種方法也可以用來創(chuàng)建一些較復雜的路徑。如果小圓是減去方式,在組合之后合并為了一個月牙形,如下中圖。但如果小圓是添加方式,又與大圓相離,如下右圖。則組合后也還是兩條路徑。所以并不是所有情況下都會合并。
多條路徑組合之后,就失去了獨立性,不能通過路徑選擇工具
進行單獨的移動,如下中圖的月牙形。因此若非必須(某些運算或?qū)R用途),應避免使用組合功能。在組合之前應確認所選擇的幾個路徑是否正確,如果沒有選擇任何路徑,則組合對整個路徑組都有效。
-
-
對于這個箭頭的制作,也許大家覺得沒有必要這么麻煩,使用多個圖層也能完成,同樣是矢量,同樣可以排列對齊,也同樣可以通過蒙版來制作挖空。那為什么要費這么大的勁通過路徑來制作呢?首先是用這個例子來練習路徑的操作,這些方法、思路和技巧也適用于Illustrator及其他矢量繪圖軟件。也是在徽標設計等方面常被用到的。再者,這樣制作出來的成品可以作為自定形狀存儲起來,方便以后的調(diào)用。
54將路徑定義為自定形狀
使路徑處于顯示狀態(tài),然后【編輯_定義自定形狀】,如下左圖。之后就可以在形狀列表中找到,如下右圖。如果將形狀列表存儲為外部文件,則還可以提供給他人使用。如果我們是采取圖層的方式制作的,盡管也都是矢量,但由于無法同時顯示所有的路徑,因此也就無法定義為自定形狀了。
需要注意的是:自定形狀中的路徑不再具備獨立性,相當于和使用了組合功能后一樣。
-
最后介紹一種可能出現(xiàn)誤操作的情況。如下左圖,我們先繪制了方形,接著繪制了減去方式的圓形。這樣形成了“圓減去方”的效果。如果想要變?yōu)椤胺綔p去圓”,大家可能想到的方法是:選擇圓改為添加方式,接著選擇方改為減去方式。但最后的效果卻會如下中圖般。
如果〖CTRL_C〗復制方型路徑并將其〖DELETE〗刪除(或直接〖CTRL_X〗剪切路徑),然后再〖CTRL_V〗粘貼,此時改變運算方式就可以得到如下右圖的效果了。
這是因為在一個路徑組中,第一個被繪制出來的路徑稱為基礎(chǔ)路徑,默認其為添加方式。如果將其改為減去方式,會造成反相的效果。因此不應試圖用其對其他路徑執(zhí)行減去運算。如果基礎(chǔ)路徑被刪除,則其他路徑按照繪制的順序“繼位”成為基礎(chǔ)路徑。因此我們后來采用剪切的方式讓方形“退位”,再粘貼進來執(zhí)行運算,就可以既保留路徑形狀又達到運算的目的。
實戰(zhàn)矢量制作
現(xiàn)在我們來制作一個徽標,最終效果如下圖。
很明顯的,這就是將一個圓分割為兩個部分,只是分割線是一條曲線。但注意上下兩個部分的顏色不同,這就意味著兩者要分別位于不同的圖層中,才能指定不同的填充色。我們已經(jīng)學習了所有路徑的知識,已經(jīng)不存在技術(shù)問題,現(xiàn)在需要的是技巧和思路。
看到這一行文字時,請立即停止閱讀,先行思考如何制作并動手嘗試,再看后面的講解。如果思考有難度,往下一些可得到進一步的提示。
如果思路不清晰,那么就把問題看成,如何把一個圓以弧線分割為半圓,如下圖所示。解決了這個問題也可以在一定程度上完成制作。
現(xiàn)在我們來講解如何制作。首先以形狀圖層方式繪制出圓,在圖層調(diào)板中復制該層并將隱藏原圖層。如下左圖。這樣做是為了備份,大家應該養(yǎng)成這樣的習慣,并且在制作過程中應隨時按〖CTRL_S〗存盤以避免數(shù)據(jù)丟失。
接下來將矢量蒙版中的路徑顯示出來,用路徑選擇工具
〖A/SHIFT_A〗將其選擇,〖CTRL_C〗復制。然后將除背景層外的所有圖層隱藏,確保沒有選擇帶矢量蒙版的圖層(可以選擇背景圖層,或不選擇任何圖層),〖CTRL_V〗將路徑粘帖,此時畫面及圖層和路徑調(diào)板如下右圖。
如果選擇了帶矢量蒙版的圖層,即使該圖層處于隱藏狀態(tài),但路徑還是會顯示在路徑調(diào)板中。如果發(fā)生這種情況也沒有關(guān)系,只要確認在路徑調(diào)板中所選擇的為“工作路徑”即可,因為它就是剛才粘帖來的路徑。
-
現(xiàn)在對工作路徑予以修改,如下各圖所示。首先減去下方的錨點,然后使用轉(zhuǎn)換點選擇工具
調(diào)整藍色箭頭處的兩個手柄。
55數(shù)值化調(diào)整路徑
在修改的過程中注意觀察信息調(diào)板〖F8〗中的角度A和長度D數(shù)值,確保兩條方向線的長度相等,夾角為水平。可按住SHIFT鍵鎖定角度。但鎖定有時也會導致很難達到既定的角度和長度,此時可以先拖動到附近,然后再次按住SHIFT鍵進行調(diào)整。
即使方向線沒有達到這里的要求,對本例來說影響也不大。但這樣做能確保分割的弧度規(guī)整,在以后總會遇到有這個需求的時候。
通過以上步驟我們就得到了弧形分割的半圓,接下來就是將其選擇(應使用路徑選擇工具)并復制,然后顯示原先隱藏的圖層中位于上方的圖層,點擊它的矢量蒙版,在出現(xiàn)路徑之后粘帖半圓路徑,并將半圓路徑改為減去方式,效果如下左圖,圖層調(diào)板如下中圖。
此時,盡管位于下方的圖層其實還是一個圓,但從畫面效果上來看已經(jīng)完成了制作。如果要更專業(yè)些,可以繼續(xù)利用半圓路徑對下方圖層的矢量蒙版進行運算(運算方式應為交叉
)。那么圖層調(diào)板應如下右圖。
-
-
現(xiàn)在更改要求,作出如下圖的效果。注意這不是簡單的將兩個半圓拉開距離就可以完成,因為現(xiàn)在的要求相當于是在正圓中減去一塊區(qū)域,這樣整體來看還是一個正圓。而如果移動半圓,相當于把正圓拉高成了橢圓,將會出現(xiàn)如下右圖的效果。大家想一下該如何制作。
-
56將封閉型路徑轉(zhuǎn)為開放型
可以利用前面制作出來的弧形半圓,將其從封閉路徑變?yōu)殚_放路徑,方法是選擇(使用直接選擇工具
)紅色箭頭處的錨點,按下鍵盤上的DEL鍵將其刪除。注意不能使用刪除錨點工具
,因為使用其刪除錨點后路徑還是封閉型的。
接著使用路徑選擇工具
將這條開放路徑移動復制出一條。最后使用鋼筆工具連接兩條開放路徑位于左方兩個錨點,以及位于右方的兩個錨點。對于連接后產(chǎn)生的細直片斷不必理會。這樣就得到了所需要的S形封閉路徑。
將這個路徑復制粘帖到大圓圖層的矢量蒙版中,用路徑選擇工具
選取兩者,按
按鈕對齊。然后選擇S形封閉路徑,按下〖-〗將其改為減去方式。此時的畫面效果就已經(jīng)形成了兩個分離的半圓。
由于兩個半圓的顏色不同,就需要將它們分別放入不同的圖層中。但現(xiàn)在的路徑只是由運算方式呈現(xiàn)出分離的效果,實際上還是一個整圓。那么現(xiàn)在將矢量蒙版進行組合,得到兩個彼此分離的封閉路徑。
按照正常的思路,接下來只要選擇其中一個半圓的封閉路徑,將其作為另外一個填充層的矢量蒙版即可。大家自己動手接著往下做吧。
57選擇組合后的路徑
是不是發(fā)現(xiàn)了問題?路徑選擇工具
無法單獨選擇其中一個半圓,這是因為我們之前所說過的,組合后的路徑失去了獨立性,即使它們之間并未相連。此時只能通過直接選擇工具
來選擇。方法是選擇封閉路徑的所有錨點。如下圖紅色箭頭處。
然后〖CTRL_X〗剪切路徑,這次不是復制了。接著〖CTRL_V〗粘帖到圖像中,路徑將保持顯示狀態(tài),此時建立一個色彩填充層并指定為其他的顏色即大功告成。
之前的制作過程中,多處使用了路徑的復制粘帖功能,其實也可以不通過這種方式,而直接在矢量蒙版中完成復制、移動、修改、移回、運算這一系列過程。只是在視覺上會有影響,不過如果熟練了也沒有太大區(qū)別。
如果采用復制粘帖的方式,應注意在完成運算步驟之前不要移動路徑,否則還要多出對齊的操作,況且對齊本身功能也有限,只有簡單的幾種,未必能達到我們希望的效果。
此外,對于上面這個效果,大家還可以參考以下的做法,這個方法采用了另類的方法來產(chǎn)生S型封閉路徑。也許能為大家以后的制作中提供一種思路。
使用文字工具,在圖像中輸入一個減號字符“-”,在字符調(diào)板中設定合適的字號,如下左圖,注意將紅色箭頭處的寬度設大一些。然后使用變形文字功能,設置如下中圖,這樣就得到了S形的文字。如下右圖。然后通過【圖層_文字_轉(zhuǎn)換為形狀】或【圖層_文字_創(chuàng)建工作路徑】,就可以得到矢量的S路徑。
這個方法是利用了文字本身的矢量信息,即使在變形之后也還是保持的特點來實現(xiàn)的。文字本身的復雜性再加上變形的多種可能性,可以綜合營造出很獨特的效果。要將文字層轉(zhuǎn)為路徑或形狀圖層,也可以在圖層調(diào)板中文字圖層上點擊右鍵選擇。
-
-
我們也可以利用文字的矢量特點來設計文字類型的徽標。新建一個200×150的圖像,使用文字工具在其中輸入“XD”,字符調(diào)板設定如下左圖。然后將文字轉(zhuǎn)為形狀,圖層調(diào)板如下右圖。
-
現(xiàn)在就對這個矢量蒙版中的內(nèi)容進行修改,過程如下圖。為了方便觀看,每一步操作后都進行了組合,大家自己動手做的時候則不必如此。
在底部添加一個矩形產(chǎn)生連字效果;在略上方減去一個矩形產(chǎn)生打斷效果;用鋼筆減去一個三角區(qū)域產(chǎn)生打斷效果;由于X字母本身的筆畫并不平直,因此使用鋼筆工具畫出紅線部分的區(qū)域,設定為添加方式,覆蓋原先的X字母的筆畫。嚴格來說X的另外一筆也應該這樣操作,但這里暫時不作要求,大家有興趣可以自己完成。
之后,可以再如下左圖所示,對兩個片段進行移動(該用路徑選擇工具
還是直接選擇工具
呢)。最終完成如下中圖。可為其添加描邊的投影樣式以豐富視覺效果,如下右圖。
-
-
58文字徽標設計手法
一般來說,字庫中的字體都較為呆板缺少變化,盡管OpenType字體可以帶來些新氣象,但終究也不如人意。而這種利用文字產(chǎn)生大致的路徑然后進行修改,在徽標設計中是很常用的手法。通常的修改都是為了營造整體感,最常用的就是連筆,找出可以相連又不會造成歧義的筆畫。比如字母FZ,可以將最上面的橫向相接形成連筆。相連后可以適當減少字母間距,如下左圖。還有就是合并類似筆畫,如字母HR,可以將H右邊的豎線與R左邊的豎線合并,同理也適用于HK、HF等。如下右圖。合并后可以再分割并相離,這樣可以令字母有獨立感。
掌握相連與合并的技巧,就可以很容易地設計出文字徽標。如果有些時候不容易判斷,可以嘗試更換字體,或切換大小寫字母來尋找可供連筆或合并的部分。
-
現(xiàn)在我們來看一下大師之路網(wǎng)站的徽標制作。先繪制矩形,然后輸入字母Ut并轉(zhuǎn)為路徑,將兩個路徑復制粘帖到矩形蒙版中,安放在適當?shù)奈恢茫瑢設為減去方式
,t為添加方式
。然后選擇這兩條路徑,通過〖CTRL_T〗啟動變換,設定斜切為-10左右,營造斜體效果。然后將t路徑復制一份出來,把其中一個設為減去方式
,并略向上方移動些許,營造投影效果。最后再調(diào)整一下矩形的大小以及兩個t路徑的高度,形成最終的效果。過程大致如下圖。
雖然強調(diào)設計中的整體性,但各字母之間應該還具有獨立性,也就是說要看得出字母來。按照上面的徽標設計,我們用一個色塊來作背景,然后用減去方式呈現(xiàn)鏤空的字母,但如果U與t都是減去方式的話,則兩個字母因為有重疊區(qū)域,相互難以分辨,如下左圖。這是應避免的情況。此時可以嘗試在t字母周圍描邊(復制t后放大形成描邊),這樣字母就較為清晰了。
如下右圖,是DRS和BC的字母設計,采取的手法也都和之前類似,在融合字母的時候,采用分隔的方式保留字母的獨立性。
-
-
如果大家已經(jīng)理解了本小節(jié)中的內(nèi)容,就會體會到路徑的強大,它賦予我們無盡的創(chuàng)造力。在此之前我們都只能算是制作而不是設計,因為無非就是調(diào)調(diào)顏色、改改樣式這類的,再就是擺弄擺弄濾鏡,做出一些自己都覺得莫名其妙的效果。真正的圖形設計,反而極少用到那些功能。設計一個矢量徽標所用到的技術(shù)絕不超過我們本課中的內(nèi)容,但其成品的商業(yè)價值卻可能是天價。而我們處心積慮堆砌了N多效果的設計稿,也許無人問津。這是因為在當今世界的主流設計中,都是崇尚簡約的風格。這一點在國外非常明顯,企業(yè)的徽標結(jié)構(gòu)都很簡單,一目了然,沒有多少花哨的效果。如果偏重于效果的應用,往往就容易造成認知和傳播上的困難。
因此,應該在創(chuàng)意和布局方面多下功夫,而不要沉溺于樣式和濾鏡之中。雖說創(chuàng)意有天賦高低的區(qū)別,但經(jīng)驗的積累也不可或缺。最簡單的積累方法就是找一些優(yōu)秀的設計作品并嘗試臨摹,一天一個或者兩天一個,有困難就更久些,這樣很快就能夠提升你的設計品位,與主流接軌。這并不需要具備專業(yè)的美術(shù)知識,只需要毅力和時間。
聯(lián)系客服