即使很早以前就有介紹,Mac OS X那種晶瑩剔透的外觀依然非常受歡迎。創(chuàng)建透明按鈕的方法已經(jīng)介紹的很多了,所以,我想讀者也許會樂意看到如何創(chuàng)建啫喱外觀的文字效果。先等等,在開始之前,我們還需要對參數(shù)做一些設置。下面我會在CorelDRAW 11中創(chuàng)作這副作品,所以你看到的某些屏幕內(nèi)容和泊塢窗的窗口可能會和你現(xiàn)在所使用的CorelDRAW版本有所不同,這在CorelDRAW版本變化時經(jīng)常出現(xiàn)。(圖00)
圖00
譯者注:在翻譯這篇文章的時候,我用的是CorelDRAW 12,所以有些圖和原作者的還"有所不同"。此外,我習慣用英文版的CorelDRAW,為了便于使用中文版的讀者理解,文中相應會有說明,截圖中的英文菜單也很簡單,應該不會給大家造成很大的困擾。這篇文章的原文很長,讀者需要有些耐心才能完成。此外,本文中沒有特別注明的地方,一律使用CorelDRAW默認設置。
一、確定基本形狀
既然創(chuàng)作這篇教程的目的是在網(wǎng)上發(fā)表,那么我打算使用CorelDRAW默認的RGB調(diào)色板。很多人可能還記得,在CorelDRAW 7之前這是默認的調(diào)色板。相對來說,這種色板的顏色較為鮮艷,作品看起來也會有更好的效果。
1.首先,在Tools菜單下,選擇Color Management(工具>顏色管理器)。在樣式下拉列表中,選擇Optimized for the Web(優(yōu)化為Web)。這會將顏色工作空間設為RGB。(圖01,中文版的用戶不用理會圖中那些英文,只要選擇"優(yōu)化為Web"這一項就可以了。)
圖01
2.從Layout菜單中選擇Page Setup(版面>頁面設置),在頁面設置對話框中,將分辨率設為96dpi(Windows@)或72dpi(Macintosh@)。這兩種分辨率會分別和兩種系統(tǒng)相匹配,這樣在網(wǎng)頁上可以以1∶1的正確比例觀察圖片。即使你打算為商業(yè)印刷輸出圖片,使用這兩種設置也會避免混亂。你可以在輸出文件前改變分辨率。(圖02)
圖02
(注意:CorelDRAW默認創(chuàng)建的新文件都是A4大小的,單位為毫米。但你會發(fā)現(xiàn)以毫米為單位的話,頁面設置中的分辨率一項是無法更改的。所以我們首先要將該文檔的單位設為Pixels。)
在這篇教程中,我們將用字符創(chuàng)建一個啫喱符號。我們將使用Avant Garde字體中的符號來作為范例。
3.使用文本工具,在繪圖頁面上點擊并輸入"@"符號,字體選擇為Avant Garde(CorelDRAW默認字體)。在屬性欄中,將字體大小設為130pt,按Enter鍵應用更改。(圖03)
圖03
。ㄗg者注:如果安裝CorelDRAW后沒有在字體列表中發(fā)現(xiàn)Avant Garde或類似字體,你可以從網(wǎng)上下載一些CorelDRAW專用字體,其中應該包括范例中所需字體。找不到的話也沒有關系,因為這個范例對文字的外形并沒有特殊要求,你可以用一種較為規(guī)整的字體來代替。)
4.按下手繪工具并保持一下,調(diào)出曲線工具泊塢窗口,從中選擇鋼筆工具。在@字符上點擊并添加一系列的連續(xù)直線段,如圖04中的紅線所示。這些節(jié)點和直線段將生成圖像真正的對象,@形狀不過是參考而已。在完成最后一個節(jié)點后,雙擊完成。(圖04)
圖04
5.選擇形狀工具,在紅色輪廓上點擊一下選擇它,用形狀工具拖出一個矩形選取框選取所有所有節(jié)點。在屬性欄中,點擊Convert Line to Curve(轉(zhuǎn)換直線為曲線)按鈕,然后拖動其中一段線條,使它盡量接近相應位置的@字符形狀。(圖05)
圖05
6.繼續(xù)這個過程,直到所有的線段都大致貼合@字符形狀。在接下來的調(diào)整階段,我們可以使用形狀工具,調(diào)整節(jié)點的貝塞爾控制手柄。用形狀工具選擇輪廓對象,點擊一個節(jié)點,注意節(jié)點兩端相連線段的末端都有一個控點,這個控點決定了曲線的走勢。這就是我們可以用來調(diào)節(jié)輪廓對象線段的貝塞爾控制手柄。你可以任意拖動這些控點增長和縮短曲線段,或是旋轉(zhuǎn)它們來調(diào)整曲線段的角度。耐心調(diào)整,直到曲線盡可能的平滑。最為理想的曲線上,節(jié)點兩端的貝塞爾手柄應該在一條直線上,手柄的角度也應該差不多與曲線平行。(圖06)
圖06
提示:如果你不是非常適應鼠標繪圖,在移動控點手柄時可能不夠精確。這時可以放大視圖,選擇一個控點然后使用鍵盤上的方向鍵來精確移動其位置。大部分情況下,CorelDRAW默認的微移量都不是很合適,你可能需要重新設定屬性欄中的微移量來適合圖像情況。確保沒有任何對象被選擇的情況下,在挑選工具的屬性欄中,將微調(diào)偏移量設為你需要的數(shù)值,如1像素。
7.我們還需要進一步調(diào)整對象形狀。在形狀內(nèi)部的"a"的頂部,你可以還需要添加一個額外的節(jié)點。用形狀工具在適當位置雙擊,添加一個節(jié)點,和上一步一樣調(diào)整節(jié)點兩端的曲線,直到輪廓對象的形狀基本上吻合字符@的形狀。在保持輪廓對象盡可能的接近字符@的形狀的同時,更重要的是保證曲線的平滑。現(xiàn)在,對象的基本輪廓形狀已經(jīng)完成了,存盤休息一下。(圖07)
圖07
第二部分:著色和透明
8.現(xiàn)在,選擇@字符并將它刪除。選擇輪廓對象,按下輪廓工具并保持,打開輪廓工具泊塢窗。選擇第一項輪廓畫筆工具。在工具對話框中,將線條寬度設為16pt,圓角,Line Caps設為第二項,其它選項保持不變,確認應用變化。(圖08a,08b)
圖08a
圖08b
在刪除符號之后,輪廓形狀暴露無遺,你會發(fā)現(xiàn)比起形狀的完美來,曲線的平滑顯得更重要。有必要的話,可以繼續(xù)使用形狀工具,進一步修改輪廓形狀,直到完全滿意。
在輪廓對象被選擇的狀態(tài)下,從Arrange菜單下選擇Convert Outline to Object (排列>轉(zhuǎn)換輪廓為對象)命令,將輪廓轉(zhuǎn)換為填充對象。
9.從查看菜單中選擇簡單線框和線框的顯示方式,檢查圖像,你會發(fā)現(xiàn)原始的輪廓依然存在。我們已經(jīng)不會再用到它了,選擇并將它刪除。然后回到消除鋸齒的增強顯示模式。(圖09)
圖09
10.下面我們要為對象填充顏色。選擇交互式填充工具,從屬性欄的填充類型下拉列表中選擇圓錐形漸變。圓錐交互式填充控制手柄將出現(xiàn)在屏幕對象上。你可以拖動填充路徑的末端來旋轉(zhuǎn)填充,或是在半圓形填充路徑上雙擊以添加更多的顏色。對本例而言,我們所要做的,僅僅是保持它的狀態(tài)而已。點擊選擇填充路徑末端的白色色標,接著從屏幕上的調(diào)色板中點擊以選擇紅色。用同樣的方法將圓錐填充路徑的另一端也填充紅色。屬性欄中填充類型列表左邊的是編輯填充圖標,點擊這個圖標,調(diào)出漸變填充對話框(更便捷的方法是使用快捷鍵F11),使用逆時針方向填充,點擊OK應用更改,對象現(xiàn)在已經(jīng)變?yōu)榱瞬屎缣畛。(圖10a,10b)
圖10a
圖10b
11.使用挑選工具,點擊對象并把它拖動一邊,點擊右鍵,復制彩虹填充對象的副本,重復兩次,將三個副本對象置于一旁,一會兒我們需要用到它們,F(xiàn)在選擇原始的@彩虹漸變對象,在屏幕上的調(diào)色板中點擊黑色,將彩色對象更改為黑色填充。你也可以直接從調(diào)色板中拖拽色塊到對象上,更改對象的填充狀態(tài)。
按住交互式工具并保持,調(diào)出交互式工具泊塢窗口,從中選擇交互式輪廓圖工具。用它來選擇對象,點擊屬性欄中的To Center(到中心)按鈕,并將輪廓偏移量設為1像素。(圖11)
圖11
注意:你的圖像進行的很順利的話,那么請?zhí)^這一段。如果出現(xiàn)了問題,看看能否幫你解決,F(xiàn)在的形狀實際上是由兩部分組成的。你可以用下面的方法檢驗:選擇這個形狀,使用Arrange菜單下的Break Curve Apart命令(排列>拆分曲線)。現(xiàn)在用挑選工具框選全部形狀對象,屏幕下方的狀態(tài)欄會告訴你有多少個對象被選擇。以圖像現(xiàn)在的狀態(tài)而言,應該是兩個對象。如果顯示的更多,剪切輪廓("a"形中間的部分)到剪貼板中,刪除多余的形狀后,再將剪貼板上的對象粘貼回原位,全部選擇后,用Arrange>Combine(排列>結(jié)合)命令將對象結(jié)合在一起。完成對輪廓的改造后,就可以繼續(xù)下面的步驟了。
譯者注:這一步,作者跳過了一個很重要的步驟,也許會給初學者帶來困擾,那就是定義屬性欄中的輪廓圖填充顏色。CorelDRAW默認的填充顏色是黑色,而對此例而言,我們需要將它改為白色。在設定好輪廓方式和偏移量后,也許你的圖像還看不出明顯變化,接著從輪廓工具屬性欄的顏色下拉列表中選擇白色,這時你的圖像應該就如例圖所示的那樣了。
12.用挑選工具選擇輪廓圖群組對象,然后執(zhí)行Bitmaps菜單下的Convert to Bitmap(位圖>轉(zhuǎn)換為位圖)命令,按CorelDRAW默認設置,將對象轉(zhuǎn)換為位圖。(圖12)
圖12
注:CorelDRAW默認設置下轉(zhuǎn)換的位圖會有鋸齒情況,如果希望轉(zhuǎn)換后的位圖質(zhì)量更高,就需要對CorelDRAW的默認設置做一點小小的更改。打開Tools > Options > Display對話框(選項>工作區(qū)>顯示),勾選Antialias bitmaps in enhanced view一項(在中文環(huán)境下大致應該是"在增強視圖中消除位圖鋸齒")。這一選項會消除位圖鋸齒,提高圖像品質(zhì)。
13.將剛才復制的一個彩虹填充對象與黑白位圖中心對齊(選擇這兩個對象后,用快捷鍵E和C,使它們分別在垂直和水平中心對齊),對彩虹對象使用Arrange > Order >To Back(排列>順序>到后面)命令,將位圖對象放置在彩色對象之上。確保位圖對象被選擇,打開交互式工具泊塢窗口,選擇交互式透明工具,在屬性欄的透明類型下拉列表中選擇Uniform(標準),操作列表中選擇Subtract(減少),起始透明度設為30%。圖像會出現(xiàn)令人驚喜的變化。(圖13)
圖13
14.接下來,選擇透明位圖和其下面的彩色對象,再次使用轉(zhuǎn)換為位圖命令,將這兩個對象轉(zhuǎn)換為位圖,屏幕下方的狀態(tài)欄會顯示這一變化。(圖14)
圖14
第三部分:高光和反光-形狀
15.現(xiàn)在選擇第11步中復制的彩虹填充對象的另一個副本。將它的填充更改為白色,并應用黑色的輪廓線。再次選擇交互式輪廓工具,設置輪廓向內(nèi),步長為1,偏移量為4。從Arrange菜單中選擇Break Contour Group Apart(排列>拆分輪廓組群)命令,將所選輪廓組群拆分為兩個獨立對象。用挑選工具選擇外層較大的形狀,刪除。(圖15a,15b)
圖15a
圖15b
16.選擇黑色輪廓對象,按數(shù)字鍵盤上的"+",在原位復制一個副本。將這個副本對象向右和向下分別移動12像素。(圖16)
圖16
在挑選工具的屬性欄中,將微調(diào)偏移量設為1像素。然后使用鍵盤上的方向鍵移動副本對象;蛘吣阋部梢詫⑽⒄{(diào)偏移量直接設為需要的值,如12像素,這樣一次移動即可,不過要記得在下次使用前重新設定。
注:雖然作者說明需要移動12像素,但我覺得在這里4~5個像素就足夠了。
17.選擇黑色輪廓對象及其副本,點擊屬性欄中的"修剪"按鈕。這樣,雖然圖像看起來沒有什么變化,但實際上位于疊放順序下面的對象已被修剪,如果將下面的對象移動一些,你會發(fā)現(xiàn)它被上面的對象裁去兩個對象相交的部分,如圖17中藍色部分所示,它將作為圖像的高光部分。用挑選工具選擇它之后,用Ctrl+X命令將它剪切到剪貼板上。注意:藍色部分只起演示作用,實際上我們并未對修剪后的對象做移動和著色處理。(圖17)
圖17
18.現(xiàn)在來制作反光部分的形狀。選擇剩下的完整@形狀,按"+"再次復制副本,將這個副本分別向上和向左移動,移動距離和第16步中的相同。將原件和副本一起選擇,點擊屬性欄中的Back Minus Front(后面減前面)按鈕。這個命令的作用和修剪按鈕的作用相似,但這個命令只保留對象相減后的結(jié)果,而修剪命令還保留頂部的對象,F(xiàn)在,用Ctrl+V命令,將我們剛才剪切到剪貼板上的對象貼回原來的位置。你的圖像現(xiàn)在應該像圖18b所示的那樣,當然,還是要忽略對象的顏色信息。(圖18a,18b)
圖18a
圖18b
第四部分:高光和反光-顏色和透明
19.下面我們要來為高光和反光對象分別著色。先選擇頂部的高光對象,使用交互式填充工具,從屬性欄的填充類型下拉列表中選擇錐形,將起始和末端顏色都設為Baby Blue(嬰兒藍或是幼藍);點擊填充列表左邊的編輯填充按鈕,在隨即打開漸變填充對話框中,點擊順時針方向填充按鈕,確定后關閉對話框。(圖19)
圖19
初學者提示:將鼠標指針懸停在某一屏幕色板上,便可知道該色板的具體名稱。這種方法同樣適用于CorelDRAW界面上的其它按鈕和圖標,它可以幫你溫習這一按鈕或圖標的簡單說明。如果不希望顯示說明,可以關閉工具>選項>顯示中的"顯示工具提示"一項。
選擇底部的反光對象,重復剛才的填充過程,不過這次兩端的顏色都改為Spring Green(春綠)。這一步,我們是要創(chuàng)建兩個彩虹漸變對象,一個較淺,另一個相對深一些,分別作為對象的高光和反光部分。
20.將高光形狀置于位圖對象之上,位置如圖20所示。在高光形狀被選擇的狀態(tài)下,從Arrange菜單中選擇Break Curve Apart命令(排列>拆分曲線),這樣,高光對象被分解為一系列獨立的形狀。(圖20)
圖20
21.選擇手繪工具或鋼筆工具,繪制一條45度的斜線,斜穿整個位圖對象,具體位置如圖21所示。用挑選工具選擇位于最上方的形狀,如圖21中鼠標所指對象,使用交互式透明工具,在屬性欄的透明類型列表中選擇Radial,透明操作中選擇Add。將透明中心(虛線圓形的圓心)拖動到該對象與斜線的相交處。接下來改變透明度的設置:將黑色色板從屏幕上的調(diào)色板中拖至透明路徑末端的白色色塊中,用黑色替換原來的白色;再以同樣的方法用白色替換透明中心的黑色(注意:是拖入而不是點擊選擇,如果點擊某一色板,CorelDRAW會用這種顏色的代替原有的填充狀態(tài))。這樣,我們就改變了默認的透明狀態(tài),使對象變?yōu)橹行牟煌该鞫吘壨该鳌#▓D21)
圖21
提示:在透明設置中,黑色代表100%的透明度,白色代表0%的透明度,也就是無透明,不同的灰度值代表了不同的透明度,當你將調(diào)色板中的不同色板拖入透明路徑的起點或末端時,顏色的灰度值決定了不透明度。理解這一點后,你也可以從屬性欄中調(diào)節(jié)透明設置:點擊選擇透明中心的黑色,將屬性欄中的透明中心點數(shù)值由100%改為0%,黑色變?yōu)榘咨,取消透明效果;將透明路徑末端的白色的透明中心點數(shù)值改為100%,即對象邊緣處完全透明。
這一步表述起來有點復雜,也許參考圖21會較容易理解一些。
在此處,45度斜線代表了假定光線照射的方向。有這么一條參考線,我們在設定對象透明中心位置時會更準確一些。
22.接下來選擇第二個對象,就是位于位圖中"a"形上部的形狀,如圖22中鼠標指針指示的對象。我們需要對這個形狀也應用和剛才相同的透明效果,較為簡單的方法是從Effcets菜單下選擇Copy Effect中的Lens From...(效果>復制效果>透鏡自...)命令,用隨即出現(xiàn)在屏幕上的黑色指針在我們剛才操作的第一個高光形狀對象上點擊一下,將透明效果復制過來。然后將透明中心移動到該對象和45°斜線相交處,需要的話,調(diào)節(jié)透明半徑范圍。(圖22)
圖22
23.對剩下的每一個高光形狀重復上一步的過程——分別選擇它們,復制效果,然后調(diào)整透明的范圍和中心的位置。盡量使透明中心保持在對象和斜線的相交處。當5個高光形狀都完成后,選擇并用Ctrl+G命令將它們組群。(圖23)
圖23
譯者注:在CorelDRAW12中,我們可以用吸管和油漆桶工具來代替復制效果這一命令,這是CorelDRAW12增強的功能。選擇吸管工具,在屬性欄中選擇對象屬性一項,確保屬性和變換欄中沒有任何項目被選擇,在效果欄中選擇Lens(透鏡)一項。用吸管工具在第一個已完成透明效果的高光形狀上點擊一下,復制效果;在工具欄中將吸管工具切換為油漆桶工具,在剩下的幾個高光形狀上分別點擊,應用相同的透明效果。然后再分別調(diào)整每個對象的透明范圍和中心位置。
24.對反光對象我們也做類似處理。將反光對象置于位圖對象之上,位置如圖24a所示。使用Break Curve Apart命令(排列>拆分曲線),將反光對象拆分為5個獨立對象。(圖24a)
圖24a
選擇最頂部的形狀對象,使用交互式透明工具,選擇射線漸變,并將透明操作設置為Multiply(乘),將透明中心移動到對象和斜線相交的位置上,反轉(zhuǎn)透明路徑起點和末端的顏色。(圖24b)
圖24b
使用Copy Effect>Lens From...或吸管/油漆桶工具,將透明效果復制到剩下的幾個反光對象上,再分別調(diào)整每個對象的透明范圍和中心位置。完成之后將所有的反光形狀選擇組群。(圖24c)
圖24c
這樣,圖像的主體部分已經(jīng)完成了,下面我們要為它添加一些裝飾。
第五部分:背景
25.現(xiàn)在找到彩色@形狀的第3個副本,使用矩形工具,繪制一個能夠包圍@形狀的矩形。右鍵點擊調(diào)色板最上方的"無色"色板,去除矩形對象的輪廓。現(xiàn)在這個矩形處于無填充、無輪廓的狀態(tài)。用挑選工具同時選擇這個矩形和彩色@形狀,執(zhí)行Bitmaps菜單下的Convert to Bitmap(位圖>轉(zhuǎn)換為位圖)命令,在轉(zhuǎn)換位圖對話框中,取消透明背景選項,確認轉(zhuǎn)換。(圖25)
圖25
26.選擇剛才轉(zhuǎn)換的位圖對象,執(zhí)行Bitmaps > Blur > Gaussian Blur...(位圖>模糊>高斯模糊)命令,將模糊半徑設為7.0像素。使用預覽功能,查看圖像變化。滿意后點擊OK應用模糊濾鏡。(圖26)
圖26
27.將模糊后的位圖對象放置在已完成的其它元素之下,應用標準模式的透明,透明度為50%,透明操作為Subtract(減少)。用挑選工具將模糊位圖向下和向右移動一些距離。(圖27a)
圖27a
想象一下,如果我們把這么一個灌注了半透明彩虹啫喱的東西放在一張白紙上,那么當光線穿過它時,白紙上會留下模糊的彩色陰影。這樣的想象能幫助你更好地理解使用模糊位圖的原因。
如果你的圖像沒有設定背景或背景為白色,那么Subtract(減少)透明模式和正常的透明模式?jīng)]有什么區(qū)別。但如果用其它顏色或紋理圖案填充背景,在正常透明模式下,位圖中的白色像素會顯示出來,如圖27b左邊的圖像所示;而Subtract模式將會隱藏位圖中的白色像素,如圖27b右圖所示。
圖27b
也許你會覺得奇怪-如果在第25步中沒有建立包圍@形狀的矩形,直接將彩色填充的@形狀轉(zhuǎn)換為位圖,最后的結(jié)果似乎也沒有什么區(qū)別。但由于第14步轉(zhuǎn)換的彩色位圖和第25步轉(zhuǎn)換后即將模糊處理的位圖大小基本相同,放在一起有些難以選擇,所以,我想作者創(chuàng)建一個無填充無輪廓的矩形,將它和彩虹對象一起轉(zhuǎn)換為位圖,大概最主要是為了便于選擇的緣故。
最后,按作者提供的方法,我們的圖像應該如圖gel所示。但是,由于我的疏忽,一些步驟并未完全按照以上介紹的方法進行,比如模糊位圖放在了主要對象之上,這樣一來,應用透明效果就有了更有趣的變化。有時候,誰說錯誤不能造就美麗呢?(圖gel,gel-image)
圖gel
圖gel-image

全部評論