Adobe Illustrator中的封套扭曲,手繪技巧,課程

設計欣賞 當前位置:設計首頁 >> 教程 >> illustrator >> 正文 >> Adobe Illustrator中的封套扭曲
Adobe Illustrator中的封套扭曲

視覺設計
原著:David Nagel

  今天我們來關注一下Adobe Illustrator中的封套扭曲。在最新版本的Adobe Illustrator 10中,封套扭曲成為一大亮點。但不知為什麼,這個命令卻沒有得到應有的關注。希望你能在看完這篇文章後,改變對它的觀點。




圖01

  如果你剛剛開始接觸Adobe Illustrator,關於封套的第一個問題自然就是「什麼是封套」?封套是扭曲選取物件或改變選取物件外框的物件。從某種角度來說,它就像一個剪裁遮色片,物件A通過物體B顯現出來,同時被B扭曲。所以,物件B不但是「裝」住了物件A,而且也扭曲了A。因此被稱為「封套扭曲」。在使用封套之後,不但可以隨時編輯封套,原來的物件也可繼續編輯。下面的圖很清楚的顯示了剪裁遮色片和封套變形之間的區別。(圖01,02)



圖02

  其實,封套變形是個很簡單的工具,沒有什麼高深的技巧讓你望而卻步。下面,我們就結合一個實際的例子,來共同研究一下這個強大的工具。我們會應用這個技巧,在一張報紙圖片上創造出這種自然的摺皺效果。(圖03)



圖03
現在,Illustrator 10 提供了三種不同的來源建立封套:預設彎曲形狀、網格和最上層的選取物件。下面我們就來分別看看它們是如何工作的。



圖04

  首先,你可以使用Illustrator中的預設彎曲形狀來建立封套,方法是先選取要作變形的物件或物件群組,再選擇物件 > 封套扭曲 > 以彎曲製作(Object > Envelope Distort > Make from Warp)。這會調出彎曲選項對話框,從樣式中選取一種彎曲樣式,然後指定選項(圖04)。這時圖像看起來會像這樣(圖05)。



圖05

  創建封套的第二種方法是使用網格。在封套扭曲命令中選擇「以網格製作」(Make from Mesh),在橫豎欄中指定網格的數字,確認即可。(圖06)



圖06

  在三種創建封套的方法中,最靈活,也是我們最關心的,是以一個現有物件創建封套。不過,要先確定封套路徑在堆疊順序的最上層。然後在封套扭曲命令中選擇「以上層物件製作」(Make form Top Objict)。在這個例子中,我們將用這個方法將一張報紙的圖片扭曲變形,把它變得皺巴巴的。
1.首先,打開Illustrator,把圖片置入,準備變形。圖片可以是矢量圖或是位圖,都沒有關係。你可以在Illustrator中創建圖像,也可以在別的程序中繪製,然後輸出為Illustrator可以識別的格式。本例中這張圖片是在Photoshop中創建的,然後另存為JPEG格式。

  2.現在,創建一個封閉的凸多邊形路徑,不用去管它的填充或輪廓。完成的路徑如下圖所示(圖07)。



圖07

  3.使用物件 > 安排 > 移動到前面(Object > Arrange > Move to Front)命令,確定新物件處於物件堆放順序的最上層,按下Shift,選擇它和剛才的圖片。然後執行「物件 > 封套扭曲 > 以上層物件製作」命令。現在,隨著每個突出的角度,會輕易的創建折皺的彎曲效果(隨著直線邊緣,如果你使用的路徑和我的類似)。圖像會成為這樣(圖08)。



圖08

  4.回到上一步,這一次我們創建一個新的路徑作為封套。試著建立一個新的路徑,閉合的,包括凹入的部分(圖09)。再次選擇「物件 > 封套扭曲 > 以上層物件製作」命令。就像你所看到的,在包含凹入部分的區域,下面的圖像會自行折疊,翻轉過來,「後」面圖像的邊緣重疊在一部分「前」面的圖像上。(圖10)



圖09



圖10
5.你也許已經猜到了,接下來,我們要結合封套路徑凸出和凹入角度對物件的影響,在我們的圖像上創造相同的效果。但這次,我們不能再使用簡單的凸凹封閉路徑了,我們需要創造出一個全新複雜的開放式路徑來作用於我們的圖像。



圖11

  選擇貝茲路徑工具或是從手繪工具中選擇一種,花費一些時間來創造類似下面這些多角度的複雜路徑,然後執行「以上層物件製作」命令(圖11、12、13,路徑及它們分別對應的效果)。



圖12



圖13
這樣加工看起來比較零亂,當你使用不同的封套路徑時,就會產生完全不同的結果,很難制定出一個標準。我們希望圖像變形更規則一些。有幾種辦法可以達到。

  一、當然,你可以在封套變形之後簡單的移動錨點來修改物件。即使輕微的改動也會使你為所發生的改變而驚奇不已。你也可以使用Illustrator中的路徑編輯工具添加或刪除錨點達到目的。(圖14)



圖14

  二、你可以選擇封套扭曲命令下的「編輯內容」命令(Object > Envelope Distort > Edit Contents),這樣,你就可以直觀地操作變形物件。你可以使用任何可用到的工具來變化你的圖像或封套路徑物件。在下面的例子裡,我僅僅簡單地旋轉了封套內物件,而對封套本身未做任何改變。但修改封套內容,會使封套偏移,以使結果和原始內容的中心點對齊。(圖15)



圖15

  如果你使用了預設彎曲形狀或網格來創建封套,修改時就要選擇「物件 > 封套扭曲 > 以網格重設」 或 「以彎曲重設」。選取 「維持封套形狀」,可在重設內部節點時保持外部形狀不變;取消選取則可改變整個形狀。指定 「橫欄及直欄」後,可重設網格。



圖16
 三、如果你不希望扭曲物件的任何部分超過封套範圍,可以使用封套選項來改變。「保留形狀使用」選項可指定使用非矩形的封套來扭曲圖像,從「透明度」轉化到「剪裁遮色片」,這會切除扭曲的圖像。如果你願意,還可以自定義扭曲圖像「裡面」的呈現。封套選項可以判斷封套隨著原始物件而展開的屬性(若有的話),以及圖稿如何精確地扭曲以符合封套大小。下面是封套選項的其它內容。(圖16、17)



圖17

  消除鋸齒(Anti-Alias):在用封套扭曲位圖時使圖像平滑。如果選擇這一項,會增加扭曲所需要的時間;

  保真度(Fidelity):指定 「保真度」 百分比,以指出要讓物件符合封套鑄模大小的精確程度。百分比越大,扭曲路徑的節點越多,這一點和Photoshop中從選區建立工作路徑的容差意義是相同的,這樣也會增加扭曲物件所需的時間;

  扭曲外觀(Distort Appearance):不單扭曲物件的基本幾何形狀,還扭曲物件的外觀,例如套用的特效或樣式;

  扭曲對應的填色類型:分為扭曲線性漸層(Distort Linear Gradients)和扭曲圖樣填色(Distort Pattern Fills)兩種。

  最後,如果你對此次變形不滿意,想移除封套,可以有釋放封套和展開封套兩種辦法。釋放封套會建立兩個分開的物件:未經變形的原始物件及網格物件。網格物件位於原始物件的上方。而展開封套則會是物件保持變形的狀態,只移除封套。

  技巧:如果需要編輯封套內的文字,可以打開「智能參考線」,這樣在輸入時會容易的多。

  這就是Adobe Illustrator中封套扭曲的全部了。儘管要點有限,但如果想要創製一個合理而完美的封套,還要花費一番功夫的。
標誌設計

相關鏈接:手繪技巧,課程,設計,圖片,課程,下載
Google
最 新 文 章
相 關 文 章
Design類圖書裝幀設計圖
東京展示窗口設計圖片
東京展示窗口設計圖片
網頁設計的三原色 
網頁設計的色彩感
網頁設計的色彩常識 
網頁設計的色彩常識 
網頁設計師的風格是怎樣
網頁設計的佈局
Santiago Calatrava作品
新奇創新的作品:聖誕節
Bcj作品-Office Buildi
Lexon-可折疊衣架
Lexon小產品-鑰匙環
Built NY作品-BYO便攜食品
創意小產品系列-便利花瓶
創意小產品系列-轉筆刀
Wet Design節水型龍頭
創意小產品系列-木書籤
第一代紅旗草圖
創意小產品系列-彈性鉛筆
創意小產品系列-文件夾
Adobe Illustrator中的封套扭曲相關設計:您現在欣賞的是由artbei.com設計欣賞站為您提供的《Adobe Illustrator中的封套扭曲》,謝謝您!設計師學習設計的技巧和捷徑是多看大師的作品,Adobe Illustrator中的封套扭曲等設計資源欣賞,下載,圖庫,為平面設計課程,CorelDraw,PS,文字,濾鏡,設計師打造一個自我學習和提升的平台,認真閱讀藝術與設計雜誌,多做,多想,只有不斷學習借鑒優秀設計師的作品才能不斷的提高自我,才能不斷地邁向成功.我們為您提供豐富的平面設計,網站設計,廣告設計,畫冊設計,包裝設計,標誌設計,海報設計,封面設計vi設計,手繪技巧,課程,設計,圖片,課程,下載,平面設計課程,CorelDraw,PS,文字,濾鏡等設計類欣賞,教程和學習文章.歡迎收藏本網站,並記住我們的域名:www.artbei.com,點擊此處返回設計網站首頁!
推 薦 新 聞-+平面設計課程,CorelDraw,PS,文字,濾鏡,設計欣賞,教程,技巧,ps+-
平面設計圖片-Erik Ernette 平面設計圖片-Diana LoMonac 平面設計圖片-Christopher H 平面設計圖片-Jocelyn Mathe
平面設計-Paul Silva Design 平面設計-Victoria Miller 2003年國際傢俱設計競賽 TOP 美國藝術中心設計學院學生作
04年各大美院畢業展 外國設計公司作品-fiori 色彩旅行-illow Arlenea 設計師蘇永春—作品圖片
|畫冊設計|樣本設計|廣告設計|DM設計|展示設計|專賣店設計|標誌設計|VI設計|海報設計|LOGO設計|信封設計|設計論壇|

2007 設計圖片與設計課程