Adobe Illustrator 技術在圖形設計中的應用

劉家旺 陳姍姍

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

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

1 AI 技術的應用

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

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

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

2 應用優勢

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

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

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

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

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

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

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

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

步驟5: 繪制花紋等細節。廟門主體已經完備,現需添加細節使其更加生動。

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

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

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

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

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

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

步驟6: 添加花紋。

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

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

步驟7: 局部調整與布局?；y置于部件上之后,進行觀察和調整,使整體效果更加協調自然。

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

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

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

最終效果圖: