Adobe Illustrator 技術(shù)在圖形設(shè)計中的應(yīng)用

劉家旺 陳姍姍

(1、遼寧大學(xué)，遼寧沈陽 110000 2、華東師范大學(xué)，上海 200241)

Adobe Illustrator 是Adobe 系統(tǒng)公司推出的基于矢量的圖形制作軟件。Adobe Illustrator 作為全球最著名的矢量圖形軟件,以其強大的功能和體貼用戶的界面,已經(jīng)占據(jù)了全球矢量編輯軟件中的大部分份額,用戶主要包括線稿的設(shè)計者和專業(yè)插畫家、生產(chǎn)多媒體圖像的藝術(shù)家、互聯(lián)網(wǎng)頁[1]或在線內(nèi)容的制作者。如何發(fā)揮AI 技術(shù)在圖形設(shè)計中的應(yīng)用優(yōu)勢與價值, 繼而合理提升其應(yīng)用效率,提供優(yōu)質(zhì)服務(wù),值得思考。

1 AI 技術(shù)的應(yīng)用

1.1 印刷設(shè)計應(yīng)用。Adobe Illustrator 作為全球最著名的矢量圖形處理軟件,基于Adobe Illustrator 的PostScript 技術(shù)已經(jīng)完全占領(lǐng)了專業(yè)的印刷出版領(lǐng)域,在全球范國內(nèi)具有廣泛的應(yīng)用性。在處理印刷設(shè)計時主要關(guān)注的問題包括字體問題、顏色模式核查、白色印核查以及鏈接圖片設(shè)置等。[2]

1.2 產(chǎn)品設(shè)計應(yīng)用。AI 技術(shù)是產(chǎn)品設(shè)計者設(shè)計線稿的主要手段。產(chǎn)品品類包含花紙藝術(shù)設(shè)計、服裝鞋帽設(shè)計、APP 界面設(shè)計、專業(yè)插畫、海報宣傳畫冊設(shè)計等。

1.3 網(wǎng)頁設(shè)計應(yīng)用。在“互聯(lián)網(wǎng)+”新的時代經(jīng)濟背景下,人們的審美標(biāo)準(zhǔn)不斷提升,對網(wǎng)頁設(shè)計工作有了更高的要求。在網(wǎng)頁刊頭的制作過程中,可以利用ps 技術(shù)來制作網(wǎng)頁的名稱和logo,保障網(wǎng)頁設(shè)計的主題能夠與網(wǎng)站傳遞的內(nèi)容相融合,形成一種呼應(yīng),增強用戶的使用體驗;為了保障網(wǎng)頁整體能夠協(xié)調(diào)統(tǒng)一,在設(shè)計的過程中,還可以利用ps 技術(shù)加強對網(wǎng)頁中按鈕的設(shè)計和美化工作;利用ps 還可以實現(xiàn)網(wǎng)頁整體調(diào)整, 合理搭配相應(yīng)的圖片元素和色彩,通過該方式優(yōu)化網(wǎng)頁的整體結(jié)構(gòu),這對于大部分非美學(xué)專業(yè)的網(wǎng)頁設(shè)計者來說具有很大的幫助。[3]計算機網(wǎng)頁設(shè)計中的圖像具有很多格式,設(shè)計網(wǎng)頁時要根據(jù)不同的要求選擇不同的圖像格式,進而呈現(xiàn)不同的網(wǎng)頁設(shè)計效果。一般情況下, 圖像格式包括三種,GIF 格式、JPEG 格式以及PNG 格式。其中,GIF 格式就是圖形位置變換。GIF格式是一種無損壓縮儲存的方式,但適用于色彩相對單一的圖像形式;JPEG 格式是一種有損壓縮形式,但是圖像可以承載的色彩相對豐富,高達20 多種;PNG 格式與前兩種圖形格式基本相同,是一種無損壓縮且透明度好。因此,PNG 格式在網(wǎng)頁或者其它程序上的應(yīng)用更加廣泛。[4]

2 應(yīng)用優(yōu)勢

2.1 超高精度和控制功能。AI 是一款基于工業(yè)標(biāo)準(zhǔn)矢量的圖形制作軟件,其能準(zhǔn)確、快速的方式制作出黑白或者彩色的圖形或者任意形狀的特殊文字,并將其導(dǎo)入到影響的設(shè)計和制作當(dāng)中,且在導(dǎo)入過程中,能最大限度的保證圖像輸出的高清晰度,可以為線稿提供較高的精度和控制,適合小型及大型復(fù)雜設(shè)計項目。[5]

2.2 強大的矢量繪圖功能。Adobe Illustrator 軟件的使用過程中,其提供工具中的鋼筆工具是極具代表性的,目前已經(jīng)成為現(xiàn)階段行業(yè)內(nèi)的默認標(biāo)準(zhǔn),這一軟件能夠為設(shè)計師提供極其流暢和靈活的矢量編輯功能與豐富的像素描繪功能。2.2.1 畫筆選擇。使用Adobe Illustrator 繪制矢量圖形時,其畫筆工具中的書法畫筆、散點畫筆、毛刷畫筆、圖案畫筆、藝術(shù)畫筆這五種畫筆類型各有特色,功能上互相補充。其中,書法畫筆是基礎(chǔ)畫筆,用以建立圖形的基本形態(tài);在此基礎(chǔ)上,可以用散點畫筆進行散點勾勒,完成自由、奔放的圖形構(gòu)建;其它的毛刷、圖案以及藝術(shù)畫筆均能滿足不同的需求,呈現(xiàn)出不同的意境。[6]2.2.2 輸出格式。圖片處理結(jié)束時,可根據(jù)使用者需求進行保存格式選擇。常見形式為可以保存為本身可編輯的.AI 格式以及.JPG 等圖片形式。同時,根據(jù)存儲時選擇的存儲路徑不同,可以有多種不同的存儲格式選擇。(1) 選擇文件-存儲為:Illustrator 如果用存儲為的菜單時, 只能有以下幾種格式選擇:.AI,.PDF,.EPS,.AIT,.SVG及.SVGZ。(2) 選擇文件-導(dǎo)出-導(dǎo)出為:Illustrator 如果用導(dǎo)出菜單,即可有更加豐富的選擇,可以輸出多種文件格式。如可與工業(yè)繪圖軟件CAD 兼容的DWG 格式、可與其他PS 軟件兼容的PSD 格式、圖片、文本及其他多種格式,依據(jù)個人需求進行保存。[5]完整格式如下:.DXF,.DWG,.BMP,.CSS,.SWF,.JPG,.PCT,.PNG,.PSD,.SVG,.TIF,.TGA,.WMF,.EMF 及.TXT。

2.3 文字處理及上色功能。其具有強大的圖像和文字處理功能,能夠為相關(guān)的藝術(shù)涉及提供較高精度的圖像處理工作。利用網(wǎng)絡(luò)工具能夠得到隨心所欲的色彩變化, 使得畫質(zhì)的設(shè)計更為便捷,絲毫不遜色于手繪創(chuàng)作,同時還能夠提高工作的效率,簡化工作量。

3 應(yīng)用實例——在AI 中繪制以交大為主題的紅包封面

首先尋找可代表交通大學(xué)的標(biāo)志物,此處選擇交大廟門,應(yīng)先尋找真實照片,對照著在腦中或紙上構(gòu)思畫面,抽象出標(biāo)志物的主體,省略不必要的細節(jié),以降低繪制難度。繪制過程主要分為以下4 個步驟:(1) 簡單繪制廟門的主體; (2) 通過拉取漸變增加圖像立體感;(3) 繪制建筑物花紋增加畫面細節(jié); (4) 搜集素材,添加背景以及其他裝飾物。下面為紅包繪制的具體步驟:

步驟1: 新建文檔。打開Ai,點擊新建按鈕,建立957*1278px 的文檔,畫板數(shù)量1,顏色模式RGB,分辨率72ppi,無需添加出血。步驟2: 繪制頂部。使用鋼筆工具繪制廟門頂部,線條不必追求與原物完全相同,可抽象出主體形態(tài)進行繪制,因廟門為對稱式建筑,可繪制一側(cè)之后復(fù)制路徑,并進行垂直對稱,再將兩條路徑合并。調(diào)出標(biāo)尺,拉取縱向參考線于畫板中央,調(diào)整路徑居中。添加綠色的徑向漸變。

步驟3: 繪制廟門主體。規(guī)則的墻體部分通過繪制矩形完成,梯形部分通過直接選擇工具,選定矩形左上錨點右移進行繪制。匾額添加黃色描邊增添細節(jié), 匾額旁短柱的底部為矩形添加圓角所得。不規(guī)則部分選用鋼筆進行手動繪制。根據(jù)原物為廟門主體添加顏色,顏色多選取飽和度較低的顏色,以使畫面協(xié)調(diào)統(tǒng)一。

步驟4: 添加漸變。單色填充的廟門主體略顯平面化,為各部分添加漸變,增加立體感。頂部增加膠片顆粒效果,匾額處增添藍色填充、黃色描邊的矩形,豐富匾額細節(jié)。

步驟5: 繪制花紋等細節(jié)。廟門主體已經(jīng)完備,現(xiàn)需添加細節(jié)使其更加生動。

（1）墻面上的磚紋通過鋼筆工具繪制,黃色描邊,降低不透明度使其與墻面融合得更加自然。

（2）通過鋼筆工具繪制綠葉形狀,綠色填充,白色描邊,復(fù)制并組合。再繪制白色圓形,復(fù)制,與綠色形狀進行組合。

（3）繪制綠色描邊矩形,旋轉(zhuǎn)45°后多次復(fù)制,降低不透明度,作為頂部下方綠色部分的花紋。

（4）通過繪制矩形與橢圓為大門添加紋理。

（5）繪制橢圓,使用直接選擇工具選中下方錨點并刪除,得到半圓,添加線性漸變,多次復(fù)制后排列,組成門檐裝飾。

（6）使用鋼筆工具繪制藍色部分的花紋。

步驟6: 添加花紋。

（1）將以上花紋移動至合適區(qū)域。如花紋超出受裝飾部件的大小,復(fù)制受裝飾部件,建立剪切蒙版。

（2）導(dǎo)入瓦片紋理圖片,復(fù)制頂部部件,二者建立剪切蒙版,并將混合模式改為“飽和度”,移至頂部部件上方,為了與背景融合更為自然,為頂部部件添加4px 的深灰色描邊。

步驟7: 局部調(diào)整與布局。花紋置于部件上之后,進行觀察和調(diào)整,使整體效果更加協(xié)調(diào)自然。

步驟8: 添加其它裝飾。繪制與畫板同等大小的紅色矩形,將云紋素材、學(xué)校校徽與團隊logo 放置于畫面的適當(dāng)位置。(注意:一般情況下,?；帐褂脮r顏色不能隨意改動,而此處為了畫面整體協(xié)調(diào),對?；者M行黃色的顏色疊加。)

步驟9: 建立剪切蒙版。將畫面所有部件編組,復(fù)制底部紅色矩形置于畫面最上方,同時選中編組與上方矩形,建立剪切蒙版。

步驟10: 保存源文件并導(dǎo)出JPG 文件。文件菜單欄下方選擇導(dǎo)出-導(dǎo)出為,命名并設(shè)置保存類型為JPEG,勾選使用畫板。

最終效果圖: