第2章
Photoshop和Illustrator必備技能
工欲善其事,必先利其器。在開始設計和制作平面設計作品前, 需要選擇合适的軟體, 并對其基本操作有一定的了解。平面設計中最常進行的工作就是位圖圖像和矢量圖形的制作與處理。位圖圖像制作與處理常用的軟體有Photoshop,GIMP,PaintShop Pro等,矢量圖形制作與處理常用的軟體有lllustrator,CorelDRAW.Inkscape等。本書選用的Photoshop和lllustrator是這些軟體中的位佼者,它們均由Adobe公司出品,因而在平面設計工作中可以更加緊密地協作。
本章将介紹Photoshop和lllustrator的軟體界面和基本提作, 如建立和打開檔案 調整圖像大小、設定畫闆、存儲和導出檔案、交換檔案内容等。
2.1Photoshop和Illustrator的功能對比
大多數圖像處理軟體都會兼具位圖和矢量圖的處理能力,并且會以其中的一種為主,另一種為輔。Photoshop的功能以處理位圖為主,并具有一定的矢量圖繪制能力;而Illustrator的功能則以繪制矢量圖為主,同時能導入位圖并做基本處理。下表簡單介紹了兩個軟體的主要功能。

2.2Photoshop和Illustrator的界面構成
平面設計軟體的界面是平面設計的工作環境,隻有熟悉界面,才能得心應手地完成設計工作。作為同一家公司的産品,Photoshop和Illustrator的界面構成總體上非常相似,但也有各自的特點,下面分别進行介紹。
2.2.1 Photoshop的界面構成
在計算機中安裝Photoshop程式後,輕按兩下桌面上的應用程式圖示,就可以打開Photoshop。如下圖所示為Photoshop啟動完畢後打開一個設計作品檔案時的界面,界面各部分的功能簡介見下表。
2.2.2 Illustrator的界面構成
Illustrator的安裝和啟動方式與Photoshop相同。如下圖所示為Illustrator啟動完畢後打開一個設計作品檔案時的界面,界面各部分的功能簡介見下表。
2.3建立和打開檔案
啟動Photoshop和Illustrator之後,需要在軟體中建立一個新檔案,然後才能使用工具、面闆和菜單指令進行作品設計。對于已經建立的檔案,則可以在相應的軟體中打開并編輯。下面分别講解在Photoshop和Illustrator中建立和打開檔案的具體操作。
2.3.1 在Photoshop中建立檔案
建立檔案是處理和編輯圖像的基礎。Photoshop提供了多種建立檔案的方式,使用者可以在“起點”工作區中建立檔案,也可以執行“建立”菜單指令來建立檔案,下面分别介紹建立檔案的幾種方法。
1.執行菜單指令建立檔案
建立檔案是在程式中建立一個新的空白文檔。預設情況下,在設計和制作作品時會建立一個檔案,并根據需要定義建立檔案的大小和顔色模式等。
執行“檔案>建立”菜單指令,或者按快捷鍵Ctrl+N,打開“建立文檔”對話框,在對話框中設定建立檔案的名稱、寬度、高度等選項,設定後單擊“建立”按鈕,如下圖所示,就能根據設定的選項建立一個新的空白檔案。
2.從“起點”工作區建立檔案
啟動Photoshop後,将自動進入“起點”工作區,在此工作區中可以快速建立新檔案。
單擊“起點”工作區左側的“建立”按鈕,就可以打開“建立檔案”對話框,在對話框中設定建立檔案的選項,完成後單擊“建立”按鈕,同樣可以建立一個檔案。
3.應用模闆建立檔案
随着Photoshop功能的不斷完善,在Photoshop中建立檔案時,無需從空白畫布開始,可以在Adobe Stock中選擇各種模闆來建立。Photoshop中的模闆分為“照片”“列印”“圖稿和插圖”“Web”
“移動裝置”“膠片和視訊”6組,這些模闆中包含各種資源和插圖,使用者可以在此基礎上進行建構,進而完成不同類型設計項目的制作。在Photoshop中打開一個模闆時,可以像處理其他Photoshop文檔那樣處理該模闆。
如下左圖所示,單擊“建立文檔”對話框中的“Web”标簽,展開頁籤,在頁籤下方單擊選中一個模闆後,單擊“打開”按鈕,就可以根據選擇的模闆建立出如下右圖所示的新檔案。如果所選模闆未下載下傳,則需要先單擊“下載下傳”按鈕,從Adobe Stock中下載下傳該模闆。
4.應用預設建立檔案
除了模闆之外,使用者還可以選擇Photoshop提供的大量預設來建立檔案。使用者也可以存儲自定義預設,以便重複使用。
在“建立文檔”對話框中,單擊“移動裝置”标簽,在展開的頁籤中單擊“iPhone 6 Plus”預設,如下左圖所示。在右側輸入要建立的檔案名稱,單擊“建立”按鈕,即可按照所選預設中指定的尺寸、分辨率等參數建立一個新檔案,如下右圖所示。
技巧提示 指定建立檔案的背景顔色
在Photoshop中建立檔案時,單擊“建立文檔”對話框中的“背景内容”右側的顔色塊,打開“拾色器(建立文檔背景顔色)”對話框,在此對話框中通過輸入色值或單擊選取顔色等方式,可以重新定義建立檔案的背景顔色。
2.3.2 在Photoshop中打開檔案
在Photoshop中可以使用“打開”指令來打開檔案,也可以利用“最近打開檔案”指令和“起點”工作區快速打開最近使用過的檔案。
1.使用“打開”指令打開檔案
在Photoshop中,應用“打開”指令可以打開指定的檔案,并且在打開某些檔案,如相機原始資料檔案和PDF檔案時,需要在對話框中指定設定和選項,才能在Photoshop中完全打開。
啟動Photoshop,執行“檔案>打開”菜單指令,或者按快捷鍵Ctrl+O,打開“打開”對話框,如下左圖所示,在對話框中先選擇要打開檔案的存儲路徑,然後在路徑下方單擊選中需要打開的圖像,單擊“打開”按鈕,即可打開該圖像。在圖像編輯視窗中可以檢視圖像效果,如下右圖所示。
2.打開最近使用的檔案
在Photoshop中,應用“最近打開檔案”指令可以打開最近打開或編輯過的檔案。預設情況下,Photoshop會保留最近打開過的20個檔案的記錄,如果需要指定保留的最近打開檔案的數量,可以執行“編輯>首選項>檔案處理”菜單指令,在“近期檔案清單包含”選項中進行更改。
要打開最近打開過的檔案,執行“檔案>最近打開檔案”菜單指令,如右圖所示,在展開的級聯菜單中單擊選擇要打開的檔案名即可。除此之外,在“起點”工作區中間區域會顯示最近打開過的檔案縮覽圖,通過單擊縮覽圖,就能快速打開該檔案。
2.3.3 在Illustrator中建立檔案
在Illustrator中可以建立空白檔案或通過模闆來建立檔案。建立空白檔案時,既可以根據需要自定義檔案的寬度、高度及顔色模式等,也可以直接選擇預設的配置檔案。通過模闆建立檔案時,建立的檔案将包含預設的設計元素和設定,對于特定的模闆類型,如小冊子和CD封面,還将包含裁剪标記和參考線等内容。
1.建立空白檔案
在Illustrator中可以用“開始”工作區或“檔案”菜單建立檔案。
啟動Illustrator後,單擊“開始”工作區中的“建立”按鈕,或者執行“檔案>建立”菜單指令,打開“建立文檔”對話框,在對話框中輸入建立檔案的名稱、寬度、高度及畫闆數等,如果需要設定更多的選項,則單擊對話框右側的“更多設定”按鈕,如下左圖所示,打開“更多設定”對話框。在對話框中可以重新指定配置檔案、畫闆在螢幕上的排列順序等,如下右圖所示,設定好後單擊“建立文檔”按鈕,即可建立相應的空白檔案。
2.從模闆建立檔案
Illustrator提供了許多模闆,包括信紙、信封、名片、小冊子、标簽、證書、明信片、賀卡、網站等。可以執行“從模闆建立”指令建立檔案,Illustrator将使用與模闆相同的内容和設定建立一個新檔案,但不會改變原始模闆檔案。
如下左圖所示,執行“檔案>從模闆建立”菜單指令,打開“從模闆建立”對話框,在對話框中選擇一種模闆,單擊下方的“建立”按鈕,就可以按所選模闆建立新檔案。編輯視窗中将顯示建立的檔案效果,如下右圖所示。
技巧提示 使用“建立文檔”對話框中的模闆
在Illustrator中,可以直接從Adobe Stock下載下傳模闆,并且可以在這些模闆的基礎上輕松建立包含某些相同設計元素的檔案。“建立文檔”對話框包含“移動裝置”“Web”“列印”“膠片和視訊”“圖稿和插圖”5種類型的模闆,在“建立文檔”對話框中單擊對應的标簽,在展開的頁籤中即可下載下傳并應用模闆建立檔案。
2.3.4 在Illustrator中打開檔案
在Illustrator中,可以打開使用Illustrator建立和編輯過的檔案,也可以打開在其他應用程式中建立的相容檔案。與Photoshop一樣,Illustrator中打開檔案的方法也有很多種。
執行“檔案>打開”菜單指令,打開“打開”對話框,在對話框中找到并選擇要打開的檔案,然後單擊“打開”按鈕,如下左圖所示,即可在編輯視窗中打開該檔案,如下右圖所示。
如果要快速打開最近編輯或存儲過的檔案,可以單擊“開始”工作區中的檔案縮覽圖,快速打開檔案,如右圖所示。也可以執行“檔案>最近打開的檔案”菜單指令,然後從展開的級聯菜單中選擇要打開的檔案名進行打開。
技巧提示 使用Adobe Bridge預覽并打開檔案
在Illustrator中執行“檔案>在Bridge中浏覽”菜單指令,打開Adobe Bridge程式,在其中預覽并找到需要打開的檔案,然後執行“檔案>打開方式>Adobe Illustrator”菜單指令,即可打開所選檔案。
2.4圖像大小和畫闆的設定
應用Photoshop和Illustrator制作平面設計作品時,可以根據需要設定圖像和圖稿的大小。由于作品最終的用途不同,對圖像和圖稿大小也會采用不同的設定。例如:如果圖像是用于在網頁中浏覽,那麼可以将圖像的大小設定得小一些,以減少圖像載入的時間;如果打算将圖像用于列印,則需要在調整大小後,保證列印出來的圖像足夠清晰。下面就來講解如何在Photoshop和Illustrator中根據實際需求設定圖像和圖稿的大小。
2.4.1 在Photoshop中調整圖像大小
在Photoshop中,可以通過執行“圖像大小”指令來調整圖像的大小。在“圖像大小”對話框中,不但可以檢視原圖像的大小、寬度和高度等,還可以根據需求自定義圖像的寬度、高度及分辨率。預設情況下,圖像長寬比是自動鎖定的,在調整圖像大小時,使用者隻需要更改“寬度”或“高度”其中的任意一個參數值,另外一個參數值也會相應改變,這樣能夠避免調整圖像大小時圖像出現變形失真的情況。
如右圖所示,打開一張素材圖像,執行“圖像>圖像大小”菜單指令,打開“圖像大小”對話框,在對話框中将圖像的“高度”值設定為1000像素,設定後可以看到圖像的寬度、大小也随着發生相應的變化,單擊“确定”按鈕,确認設定,并讓圖像以相同的縮放比例顯示,可看到調整後的圖像在圖像編輯視窗中所占的面積變得更小。
調整圖像大小時,可以對圖像進行重新采樣。重新采樣将在更改圖像的像素大小或分辨率時更改圖像資料的數量,它會導緻圖像品質下降。當縮減像素采樣(減少像素的數量)時,将從圖像中删除一些資訊。當向上重新采樣(增加像素的數量或增加像素采樣)時,将添加新的像素。Photoshop通過使用插值方法基于現有像素的顔色值為所有新的像素配置設定顔色值,進而重定圖像像素。在“圖像大小”對話框中,可以通過“重新采樣”下拉清單框指定插值方法來确定如何添加或删除像素,如下圖所示。
1.自動
根據文檔類型以及是放大還是縮小文檔來自動選取重新取樣的方法。
2.保留細節(擴大)
該方法可在放大圖像時使用“減少雜色”滑塊消除雜色,最大限度地降低因圖檔放大造成的失真。
3.兩次立方(較平滑)(擴大)
該方法是一種基于兩次立方插值且旨在産生更平滑效果的有效圖像放大方法。
4.兩次立方(較銳利)(縮減)
該方法是一種基于兩次立方插值且具有增強銳化效果的有效圖像縮小方法。它能在重新采樣後的圖像中保留細節。如果使用該方法會使圖像中某些區域的銳化程度過高,可嘗試使用“兩次立方(平滑漸變)”。
5.兩次立方(平滑漸變)
該方法是一種以周圍像素值分析作為依據的方法,速度較慢,但精度較高。它使用更複雜的計算,産生的色調漸變比“鄰近(硬邊緣)”或“兩次線性”更為平滑。
6.鄰近(硬邊緣)
該方法是一種速度快但精度低的圖像像素模拟方法,會在包含未消除鋸齒邊緣的圖像中保留硬邊緣并生成較小的檔案。但是,該方法可能産生鋸齒狀效果,在對圖像進行扭曲或縮放時或在某個選區上執行多次操作時,這種效果會變得非常明顯。
7.兩次線性
該方法是一種通過平均周圍像素顔色值來添加像素的方法,可生成中等品質的圖像。
2.4.2 在Illustrator中設定畫闆大小
畫闆是指包含可列印或可導出圖稿的區域,在該區域中可以布置适合不同裝置和螢幕的設計元素。使用者可以在建立檔案時指定畫闆大小,也可以在設計過程中随時調整畫闆的大小。在Illustrator中使用“畫闆”面闆和“屬性”面闆都可以調整畫闆的大小,下面分别介紹具體方法。
1.應用“畫闆工具”設定畫闆大小
使用“畫闆工具”可以自定畫闆大小,也可以套用預設的畫闆大小。
如下圖所示,若要自定畫闆大小,單擊工具箱中的“畫闆工具”按鈕,文檔中會以虛線框的方式顯示畫闆大小,将滑鼠指針置于虛線框轉角位置,滑鼠指針會變為形,此時拖動滑鼠,就可以調整畫闆的大小。如果隻需調整畫闆寬度或高度,将滑鼠指針移到虛線框任一邊線上,當滑鼠指針變為或形時,單擊并拖動至合适位置即可。
若要精确定義畫闆大小或套用預設的畫闆大小,則先選中要調整的畫闆,然後輕按兩下“畫闆工具”按鈕,打開“畫闆選項”對話框,在對話框中的“預設”下拉清單中可以選擇系統預設的畫闆大小,如右圖所示,也可以直接在下方輸入畫闆的“寬度”和“高度”值,并且可以單擊“方向”右側的“縱向”或“橫向”按鈕,更改目前所選畫闆的方向。
2.應用“屬性”面闆設定畫闆大小
單擊“屬性”面闆中的“編輯畫闆”按鈕,可進入“畫闆”編輯模式。此時“屬性”面闆中會顯示“變換”和“畫闆”兩個選項組,“變換”選項組用于設定畫闆的位置、寬度、高度等,“畫闆”選項組用于設定畫闆的名稱、方向等。
選擇工具箱中的“選擇工具”,單擊畫闆中後方的灰色背景區域,取消所有對象的選中狀态。展開“屬性”面闆,單擊面闆中的“編輯畫闆”按鈕,即可進入“畫闆”編輯模式,在“變換”選項組下輸入新的“寬”和“高”的值,Illustrator就會根據輸入的數值調整畫闆大小,如右圖所示。如果需要建立或重命名畫闆,可以在下方的“畫闆”選項組中進行設定。完成後單擊面闆頂部的“退出”按鈕。
技巧提示 移動畫闆
如果要移動畫闆及其中的内容,在“屬性”面闆中勾選“随畫闆移動圖稿”複選框,或者單擊“控制”面闆中的“移動/複制帶畫闆的圖稿”按鈕,使其處于按下狀态,然後在畫闆中拖動;如果隻需要移動畫闆,而不移動畫闆中的内容,則在“屬性”面闆中取消勾選“随畫闆移動圖稿”複選框,或者在“控制”面闆中單擊“移動/複制帶畫闆的圖稿”按鈕,使其處于彈起狀态,然後在畫闆中拖動。
2.4.3 重新排列多個畫闆
在Illustrator中每個文檔可以容納的畫闆數為1~1000。在設計和制作作品時,可以在“建立文檔”對話框中指定文檔包含的畫闆數量,也可以在編輯的過程中,單擊“畫闆”選項組中的“建立畫闆”按鈕,向文檔中添加新畫闆。當文檔包含多個畫闆時,可以使用“按行設定網格”“按列設定網格”“按行排列”“按列排列”選項重新排列畫闆。
在“畫闆”編輯模式下,單擊“屬性”面闆中的“全部重新排列”按鈕,或者打開“畫闆”面闆,單擊“重新排列所有畫闆”按鈕,打開“重新排列所有畫闆”對話框,在對話框中即可選擇合适的畫闆排列方式。選擇“按行設定網格”選項,在“列數”框中指定列數,将在指定數目的列中排列多個畫闆;選擇“按列設定網格”選項,在“行數”框中指定行數,将在指定數目的行中排列多個畫闆;選擇“按行排列”選項,可将所有畫闆排成一行;選擇“按列排列”選項,可将所有畫闆排成一列。如下圖所示,單擊“按行排列”按鈕,單擊“更改為從右至左的版面”按鈕,輸入“間距”為40 px,單擊“确定”按鈕,将畫闆按從右至左的順序排列成一行。
2.5存儲與導出檔案
當平面設計作品制作完成後,就需要存儲檔案,這既是為了保留工作的成果,也是為了今後能調用和修改作品。此外,原始的作品檔案通常不能直接應用,而是需要按目标應用場景的要求導出為相應的格式。下面分别介紹在Photoshop和Illustrator中存儲和導出檔案的方法。
2.5.1 在Photoshop中存儲檔案
在Photoshop中使用“存儲”指令可将對圖像所做的更改存儲到目前檔案,使用“存儲為”指令可将對圖像所做的更改存儲為另一個檔案。在初次存儲檔案時,執行“存儲”指令将會打開“另存為”對話框。
執行“檔案>存儲為”菜單指令,打開如右圖所示的“另存為”對話框,在對話框上方選擇檔案存儲的位置,在下方輸入檔案存儲名稱,選擇檔案的儲存類型,單擊“儲存”按鈕。選擇不同的儲存類型,下方會啟用不同的存儲選項,可以通過勾選相應的複選框,存儲檔案副本、Alpha通道、專色和圖層等。
選擇不同的儲存類型時,單擊“儲存”按鈕後将彈出相應的格式選項對話框。如選擇儲存類型為JPEG(JPG;JPEG;*JPE),單擊“儲存”按鈕後,将打開如右圖所示的“JPEG選項”對話框,在對話框中可進一步設定該格式選項,如調整圖像品質、檔案大小等,設定後單擊“确定”按鈕,即完成檔案的存儲操作。
2.5.2 在Photoshop中導出檔案
在Photoshop中應用“導出”功能,可以将編輯好的檔案導出為各種不同的格式,并且可以選擇單獨導出檔案中的某個畫闆或圖層等,下面分别介紹導出檔案的幾種方法。
1.導出畫闆、圖層及更多内容
使用Photoshop中的“導出為”指令可以将畫闆、圖層、圖層組或整個檔案導出為PNG、JPEG、GIF或SVG圖像資源。
如果需要導出一個Photoshop檔案或其中的所有畫闆,執行“檔案>導出>導出為”菜單指令,打開“導出為”對話框,在對話框右側的“檔案設定”選項組中設定導出選項,如導出檔案的存儲格式、圖像大小、畫布大小等,設定好後單擊“全部導出”按鈕,如下圖所示,即可根據使用者設定的導出選項導出圖像。如果檔案包含多個畫闆,則會導出所有畫闆。
如果隻想導出標明的圖層、圖層組或畫闆,則先在“圖層”面闆中選擇要導出的圖層、圖層組或畫闆,然後右擊選中的圖層、圖層組或畫闆,在彈出的快捷菜單中執行“導出為”菜單指令,打開“導出為”對話框,在對話框中設定選項,單擊“全部導出”按鈕,在彈出的“導出”對話框中設定導出的存儲位置、檔案名、儲存類型,單擊“儲存”按鈕,Photoshop即針對標明的圖層、圖層組或畫闆,生成一個獨立的圖像資源。整個過程如右圖及下圖所示。
2.導出為Web所用格式
在Photoshop中,可以輕松地将設計和制作好的圖像導出為網頁中常用的圖像格式。執行“檔案>
導出>存儲為Web所用格式(舊版)”菜單指令,或者按快捷鍵Ctrl+Alt+Shift+S,會打開如下左圖所示的“存儲為Web所用格式”對話框,在此對話框中可以選擇以TIFF、JPEG、PNG、GIF等檔案格式來優化并存儲圖像。在對話框中的“預設”下拉清單框中可選擇優化圖像的存儲格式,選擇不同的格式時,下方顯示的格式選項也有一定的差别,如下右圖所示。
技巧提示轉換顔色
可以将顔色表中的所選顔色更改為任何其他RGB顔色值。當重新生成圖像時,不管出現在圖像的什麼地方,選中的顔色都更改為設定的顔色。輕按兩下顔色表中的顔色,打開“拾色器”對話框,在該對話框中就可以指定轉換後的顔色。
3.導出路徑到Illustrator
在Photoshop中,應用“路徑到Illustrator”指令可以将Photoshop中繪制的路徑導出為Adobe Illustrator檔案。采用這種方式可在Illustrator中調用由Photoshop繪制的路徑。
如下圖所示,在導出路徑前,先在Photoshop中繪制并存儲路徑或将現有選區轉換為路徑,然後執行“檔案>導出>路徑到Illustrator”菜單指令,打開“導出路徑到檔案”對話框,在對話框中選擇要導出的路徑,單擊“确定”按鈕,将會打開“選擇存儲路徑的檔案名”對話框,在此對話框中設定導出的路徑檔案的存儲名稱及存儲位置等選項,單擊“儲存”按鈕,完成導出。
對于導出的路徑,可以在Illustrator中打開并編輯。如下圖所示,在Illustrator中打開導出的“花朵”路徑,應用“直接選擇工具”選取路徑,在“顔色”面闆中更改路徑的填充顔色,然後将路徑複制到繪制好的産品包裝圖中,效果如右圖所示。
2.5.3 在Illustrator中存儲檔案
在Illustrator中可将圖稿存儲為AI、AIT、PDF、EPS、SVG和SVGZ共6種檔案格式。AI和AIT格式可保留所有Illustrator資料,是以也被稱為本機格式;如果選擇以PDF和SVG格式存儲圖稿,則需要選擇“保留Illustrator編輯功能”選項才能保留所有Illustrator資料;如果選擇以EPS格式存儲圖稿,則可以将各個畫闆存儲為單獨的檔案;如果選擇以SVGZ格式存儲圖稿,則隻能存儲現用畫闆,但其他畫闆的内容也會顯示。下面詳細介紹幾種常用的存儲格式。
1.用AI格式存儲
AI格式是Illustrator預設的存儲格式。如果檔案包含多個畫闆并且希望存儲到以前的Illustrator版本中,就可以用AI格式存儲圖稿,并且可以在存儲時選擇将每個畫闆存儲為一個單獨的檔案,或者将所有畫闆中的内容合并到一個檔案中。
如下圖所示,建立檔案,并對檔案進行編輯,執行“檔案>存儲”菜單指令,打開“存儲為”對話框,可看到預設選擇的儲存類型是“Adobe Illustrator(*.AI)”,輸入檔案名稱,然後單擊“儲存”按鈕,打開“Illustrator選項”對話框,在對話框中對格式選項做進一步的調整,單擊“确定”按鈕,即可将檔案以AI格式存儲。
2.用PDF格式存儲
Adobe PDF(*.PDF)格式是一種通用的檔案格式,這種檔案格式可保留在各種應用程式和平台上建立的字型、圖像和版面。是以,将圖稿以PDF格式存儲時,可以保留Illustrator中設定的所有資料。使用Adobe Reader軟體可以檢視和列印PDF檔案。
如下圖所示,執行“檔案>存儲”或“檔案>存儲為”菜單指令,打開“存儲為”對話框,在對話框中的“儲存類型”下拉清單框中選擇“Adobe PDF(*.PDF)”選項,單擊“儲存”按鈕,打開“存儲Adobe PDF”對話框,在對話框中勾選“保留Illustrator編輯功能”複選框,單擊“存儲PDF”按鈕,即可以PDF格式存儲檔案,并同時保留所有編輯的資料。
3.用EPS格式存儲
幾乎所有頁面版式、文字處理和圖形應用程式都支援導入或置入EPS格式檔案。EPS格式可保留許多使用Illustrator建立的圖形元素,将檔案存儲為該格式後,可以在Illustrator中重新打開并作為Illustrator檔案編輯。
如右圖所示,執行“檔案>存儲”或“檔案>
存儲為”菜單指令,打開“存儲為”對話框,在對話框中的“儲存類型”下拉清單框中選擇“Illustrator EPS(*.EPS)”選項,單擊“儲存”按鈕,并在打開的“EPS選項”對話框中調整選項,即可将檔案以EPS格式存儲。
2.5.4 在Illustrator中導出檔案
Illustrator提供了導出為多種螢幕所用格式、導出為指定格式、存儲為Web所用格式3種導出檔案的方式。當作品制作完成後,可以根據應用需求,選擇以合适的方式導出作品。下面分别介紹3種導出作品的方法。
1.導出為多種螢幕所用格式
“導出為多種螢幕所用格式”是一種全新的工作流程,可以通過一步操作得到不同大小和檔案格式的圖像,更加簡單快捷地生成圖像作品,非常适用于Web和移動裝置設計作品的導出。
如下左圖所示,如果需要以不同的格式快速導出整個檔案,執行“檔案>導出>導出為多種螢幕所用格式”菜單指令,打開“導出為多種螢幕所用格式”對話框,其中有“畫闆”和“資産”兩個頁籤,這裡在“畫闆”頁籤下選擇導出的對象範圍,然後在右側設定檔案存儲位置和存儲格式等,設定好後單擊“導出畫闆”按鈕,就可以将檔案導出為多種不同的格式,如下右圖所示。
在移動裝置應用程式開發過程中,使用者體驗設計師可能需要頻繁地重新生成更新的圖示和徽标。此時,就可以将這些圖示和徽标添加到“資源導出”面闆。“資源導出”面闆顯示了從圖稿中收集的需要導出的對象。将對象添加到面闆中後,隻需要單擊“導出”按鈕,就可以快速将其導出為多種類型和大小的檔案。
選擇并右擊圖稿中要導出的對象,在彈出的快捷菜單中執行“收集以導出”指令,在展開的級聯菜單中執行“作為單個資源”指令,即可将選擇的對象添加到“資源導出”面闆,如右圖所示。
技巧提示 拖動對象生成資源
選擇圖稿中的對象後,将其拖動到“資源導出”面闆,對象中的每個組将會分别作為一個資源添加到面闆中;選擇圖稿中的對象後,按下Alt鍵并拖動對象到“資源導出”面闆,将生成單個資源。
将需要導出的對象添加至“資源導出”面闆後,選中面闆中的資源,如下圖所示,在下方的“導出設定”選項組中設定導出選項,完成後單擊右下角的“導出”按鈕,打開“選取位置”對話框,選擇導出資源的存儲位置,單擊“選擇檔案夾”按鈕,即可将“資源導出”面闆中選中的資源導出為指定格式的檔案。
2.導出為指定格式
Illustrator支援JPEG、PSD、PNG、TIFF等多種格式的檔案導出,使用者可以通過“導出為”指令将圖稿導出為所需的格式。與“導出為多種螢幕所用格式”不同的是,應用“導出為”指令隻能将圖稿導出為一種格式。執行“檔案>導出>導出為”菜單指令,打開“導出”對話框,在對話框中設定選項,将作品導出為特定的格式。
當在“導出”對話框中選擇不同的導出格式時,将會打開不同的導出選項對話框,在對話框中可以完成更多的選項設定,以調整檔案導出效果。如下圖所示,選擇導出格式為“JPEG(*.JPG)”,單擊“導出”按鈕,打開“JPEG選項”對話框,在對話框中設定選項,單擊“确定”按鈕,即可将檔案導出為JPEG格式。
3.導出為Web所用格式
Illustrator與Photoshop一樣,也可以将圖稿導出為Web所用格式,并優化網頁中的圖形和其他對象,完成圖稿的快速輸出。
執行“檔案>導出>存儲為Web所用格式(舊版)”菜單指令,打開“存儲為Web所用格式”對話框,如右圖所示。在對話框中可以設定并優化圖稿選項,并且可以選擇以不同方式預覽原圖和優化後的圖像。
2.6檔案内容的交換
Adobe産品之間的緊密內建和對多種檔案格式的支援,使得使用者能夠通過導入、導出或複制、粘貼操作輕松地将檔案内容從一個應用程式轉移到另一個應用程式。下面将詳細介紹如何在Photoshop和Illustrator之間交換檔案内容。
2.6.1 在Illustrator中使用PSD格式檔案
由于Adobe産品之間具有一定的相容性,是以在制作和處理作品時,可以充分利用Photoshop強大的圖像編輯功能,調整圖像顔色、合成多張圖像等,然後再将其移至Illustrator中做進一步的編輯與設定。下面介紹如何在Illustrator中打開或導入Photoshop制作的PSD格式檔案。
1.在Illustrator中打開PSD格式檔案
在Illustrator中可以直接打開或置入PSD格式檔案。
執行“檔案>打開”菜單指令,打開“打開”對話框,在對話框中選擇需要打開的PSD格式檔案,單擊“打開”按鈕,将打開“Photoshop導入選項”對話框,在對話框中預設選擇“将圖層拼合為單個圖像”單選按鈕,單擊“确定”按鈕,Illustrator會将所選的PSD格式檔案中的所有圖層合并為一個圖層,如下圖所示。
如右圖一所示,如果在“Photoshop導入選項”對話框中單擊“将圖層轉換為對象”單選按鈕,單擊“确定”按鈕,可将PSD格式檔案中的圖層轉換為Illustrator對象,并保留蒙版、混合模式、透明度及切片等。展開“圖層”面闆,可以看到Illustrator在不更改圖像外觀的情況下,保留了盡可能多的圖層,如右圖二所示。
如下圖所示,如果要更改打開的圖像中的文本顔色,應用“選擇工具”單擊選中文字對象,然後在“屬性”面闆中單擊填色按鈕,在展開的面闆中拖動下方的顔色滑塊,進行顔色的設定,設定後在圖稿中可以看到選中的文字顔色發生了明顯的變化。
技巧提示 導入隐藏圖層
在Illustrator中打開PSD格式檔案時,如果該檔案包含隐藏的圖層,并且需要使用該圖層,可以在“Photoshop導入選項”對話框中勾選“導入隐藏圖層”複選框,再單擊“确定”按鈕,打開檔案。
2.将PSD格式檔案置入到Illustrator中
在Illustrator中,還可以應用“置入”指令将PSD格式檔案置入到圖稿中。置入的方式有“連結”和“嵌入”兩種。“連結”是指置入後的圖像将保持與源檔案的關聯,Illustrator若發現源檔案被修改或找不到源檔案(如被删除、重命名或移動位置),都會提醒使用者進行相應處理。“嵌入”是指将圖像按照完全分辨率複制到圖稿中,嵌入的圖像與源檔案不存在關聯。
執行“檔案>置入”菜單指令,打開“置入”對話框,在該對話框中選擇需要置入的PSD格式檔案,預設會自動勾選對話框下方的“連結”複選框,表示以“連結”方式置入,單擊“置入”按鈕,如右圖所示,就能以保留源檔案連結的方式置入圖像。
單擊“置入”按鈕後,将滑鼠置于畫闆中,可以看到指針變為目前置入檔案的縮覽圖,此時在畫闆中單擊或拖動就可以将檔案置入到圖稿中。如果需要以Photoshop中編輯的檔案大小置入圖像,在畫闆中輕按兩下即可。如下圖所示,置入的圖像上會顯示交叉的對角線,表明該圖像是連結圖像。打開“連結”面闆,在面闆中會顯示連結圖像的縮覽圖和檔案名,可以根據情況重新連結或更新連結等。如果需要編輯置入的圖像,執行“視窗>控制”菜單指令,打開“控制”面闆,單擊其中的“編輯原稿”按鈕,可啟動Photoshop對其進行編輯。
對于以“連結”方式置入的檔案,如果對檔案進行了重命名或移動了檔案的存儲位置,在Illustrator中編輯圖稿時,會彈出如右圖所示的提示對話框,提醒使用者是否更新連結檔案。
如右圖所示,置入圖像時,如果不需要保留圖像與源檔案之間的關聯,在“置入”對話框中取消勾選“連結”複選框,單擊“置入”按鈕即可。采用此種方法會将圖像直接嵌入到目前圖稿中,是以得到的文檔較大。對于通過“連結”方式置入的檔案,可以單擊“屬性”面闆或“控制”面闆中的“嵌入”按鈕,将檔案從連結狀态更改為嵌入狀态。
2.6.2 将圖像的一部分從Photoshop粘貼到Illustrator
有時隻需要在Illustrator圖稿中使用Photoshop中制作的圖像的一部分,這時就可以在Photoshop中建立選區,選中所需圖像,再結合“拷貝”“剪切”“粘貼”指令或“移動工具”,把選區内的圖像從Photoshop複制到Illustrator中。複制圖像時,如果圖層蒙版為啟用狀态,則将複制蒙版而不是主圖層。如果選區中的圖像包含透明像素,在将其複制到Illustrator中時,Illustrator會為透明像素區域填充上白色。
如下圖所示,在Photoshop中應用選框工具選擇要複制的人物圖像,執行“編輯>拷貝”菜單指令或按快捷鍵Ctrl+C,複制選區内的圖像,在Illustrator中執行“編輯>粘貼”菜單指令或按快捷鍵Ctrl+V,即可将選中的人物圖像粘貼到目前圖稿中。
2.6.3 将路徑從Photoshop粘貼到Illustrator
Illustrator支援大部分Photoshop資料,包括圖層、可編輯文本和路徑等。是以,也可以将在Photoshop中繪制的路徑複制粘貼到Illustrator中,應用Illustrator進一步編輯路徑。
如下圖所示,在Photoshop中應用“路徑選擇工具”或“直接選擇工具”選擇要複制的路徑,執行“編輯>拷貝”菜單指令或按快捷鍵Ctrl+C,複制選中的路徑,然後在Illustrator中執行“編輯>粘貼”指令或按快捷鍵Ctrl+V。
彈出如右圖所示的“粘貼選項”對話框,其中有“複合形狀(完全可編輯)”和“複合路徑(較快)”兩個選項,可選擇将路徑作為複合形狀或複合路徑粘貼。當選擇以複合路徑粘貼對象時,處理速度更快,但可能會丢失一些可編輯性。
2.6.4 在Photoshop中置入AI格式檔案
在Photoshop中,可以應用“置入嵌入對象”指令或“置傳入連結接的智能對象”指令将在Illustrator中制作的AI格式檔案作為智能對象添加到文檔中。這兩者的差別是,以連結方式置入的智能對象,當源檔案發生更改時,連結的智能對象的内容也會随之更新。将AI格式檔案以智能對象方式置入到Photoshop中後,對它進行縮放、斜切、旋轉或變形操作時,圖像的品質都不會降低。
1.置入嵌入對象
應用“置入嵌入對象”指令可以将在Illustrator中制作的AI格式檔案嵌入到目前正在編輯的Photoshop檔案中。如右圖所示,在Photoshop中執行“檔案>置入嵌入對象”菜單指令,打開“置入嵌入的對象”對話框,選擇要置入的AI格式檔案,然後單擊“置入”按鈕。
此時會打開“打開為智能對象”對話框,在其中可選擇要置入的頁面、圖像或3D對象。如下圖所示,若要置入的AI格式檔案包含多個頁面或圖像,則需單擊要置入的頁面或圖像的縮覽圖,選擇頁面或圖像後,在“裁剪到”下拉清單框中設定選項,指定要包括的部分,最後單擊“确定”按鈕,将所選頁面添加到圖像編輯視窗,并且在該圖像上顯示對角線,這時按下鍵盤中的Enter鍵,或單擊工具箱中的任意工具,将彈出提示對話框,詢問使用者是否要置入檔案,單擊“置入”按鈕,即可完成圖像的置入操作。置入圖像後,在“圖層”面闆中可看到置入的智能對象圖層名即為AI格式檔案的檔案名。
将AI格式檔案置入到Photoshop中後,如果需要再對該檔案進行編輯。可以選中智能對象,執行“圖層>智能對象>編輯内容”菜單指令,或者輕按兩下“圖層”面闆中的智能對象縮覽圖,運作Illustrator程式,并打開如右圖所示的“檢測到PDF修改”對話框,在對話框中選擇相應的選項後,即可在Illustrator中進行檔案的編輯。
單擊“檢測到PDF修改”對話框中的“放棄更改,保留Illustrator編輯功能”單選按鈕時,在
Illustrator中打開的智能對象會顯示與置入檔案相同的屬性,給使用者更多的編輯空間,如果置入的AI格式檔案包含多個頁面,則會将這些頁面都打開,如下左圖所示;單擊“檢測到PDF修改”對話框中的“保留更改,減少Illustrator編輯功能”單選按鈕時,在Illustrator中會以圖像的形式打開該智能對象,即對檔案中的圖形和文字進行位圖化處理,并且隻會打開置入的頁面對象,如下右圖所示。
2.置傳入連結接的智能對象
連結的智能對象與外部源檔案存在依賴關系,而不是在所屬文檔中嵌入源檔案。在Photoshop中,執行“檔案>置傳入連結接的智能對象”菜單指令,打開“置傳入連結接的對象”對話框,在此對話框中選擇相應檔案,單擊“置入”按鈕,如右圖所示。
打開如下左圖所示的“打開為智能對象”對話框,這時對話框左上角的“圖像”單選按鈕為灰色狀态,說明不能單獨置入所選檔案中使用的圖像。是以在“頁面”頁籤下單擊選擇要置入的文檔頁面,單擊“确定”按鈕,在圖像編輯視窗中顯示置傳入連結接檔案的效果,按Enter鍵即可完成檔案的置入操作。以連結的方式置入檔案後,在“圖層”面闆中的智能對象上會顯示一個連結圖示,如下右圖所示。
如果外部源檔案發生更改,在打開連結了該檔案的Photoshop文檔時,連結的智能對象會自動更新。但是,當打開包含不同步連結的智能對象的Photoshop文檔時,則需要手動更新智能對象。在Photoshop中,源檔案已發生更改的連結智能對象會在“圖層”面闆中突出顯示。如右圖所示,如果圖像中出現了不同步的連結智能對象,“圖層”面闆中的智能對象上會顯示一個感歎号,這時可以右擊該智能對象圖層,在打開的菜單中選擇“更新修改的内容”指令,或者執行“圖層>智能對象>更新修改的内容”菜單指令,将其更新為修改後的效果;如果圖像中出現了缺少外部源檔案的連結智能對象,在“圖層”面闆中的智能對象上會顯示一個問号,這時可以右擊該智能對象圖層,并選擇“重新連結到檔案”,或者執行“圖層>智能對象>重新連結到檔案”菜單指令,重新連結檔案。
2.6.5 将Illustrator對象粘貼到Photoshop中
Illustrator是一款專業的矢量繪圖工具,利用它可以比較輕松地繪制各種外形複雜的圖形,而在Photoshop中雖然也可以建立各種複雜的矢量圖形,但是操作相對麻煩。是以在設計和制作作品時,可以先在Illustrator中将圖形繪制好,然後通過複制、粘貼的方式将其導入到Photoshop中進行進一步編輯,進而提高工作效率。
在Illustrator中應用“選擇工具”選中需要導入到Photoshop中的矢量圖形,執行“編輯>複制”菜單指令或按快捷鍵Ctrl+C,如右圖和下圖所示。
運作Photoshop,執行“編輯>粘貼”菜單指令,或者按快捷鍵Ctrl+V,打開“粘貼”對話框,其中有“智能對象”“像素”“路徑”“形狀圖層”4種粘貼圖形的方式。單擊“形狀圖層”單選按鈕,Photoshop會将所選對象作為新形狀圖層進行粘貼,在“圖層”面闆中會建立一個新的形狀圖層,并以目前設定的前景色填充形狀,如下圖和右圖所示。
單擊“智能對象”單選按鈕,Photoshop會将所選圖形作為矢量智能對象粘貼到檔案中,如下圖和右圖所示,在對矢量智能對象進行縮放、變換或移動操作時,圖像的品質不會降低。
如下圖和右圖所示,單擊“像素”單選按鈕時,Photoshop會将所選對象以像素方式進行粘貼,随後在“圖層”面闆中會自動建立一個新圖層,用于放置粘貼的圖像。在确認并栅格化對象前,可以先對其進行縮放、變換或移動等操作。
如下圖和右圖所示,單擊“路徑”單選按鈕時,Photoshop會将所選對象作為路徑進行粘貼,随後在“圖層”面闆中不會産生新的圖層,但可以在“路徑”面闆中選擇并檢視路徑縮覽圖,還可以使用“鋼筆工具”“路徑選擇工具”“直接選擇工具”對路徑進行編輯。
技巧提示 設定“檔案處理和剪貼闆”首選項
如果将對象粘貼到Photoshop檔案中時,程式跳過了“粘貼”設定,直接将對象進行了自動栅格化處理,可以在Illustrator中執行“編輯>首選項>檔案處理和剪貼闆”菜單指令,在打開的對話框中檢視是否關閉了“PDF”和“AICB(不支援透明度)”選項。如果關閉,則重新勾選複選框以啟用,這樣就不會在複制對象時自動栅格化處理圖形。