1.5　在Photoshop中導入Illustrator制作文件的方法

在日常UI設計中，圖標和字體的設計大多是在Illustrator中進行。相比Photoshop，在Illustrator中操作會更加便捷，且放大Illustrator的畫板，所繪制的圖形不會出現像素化的鋸齒，方便觀察繪制效果，如圖1-118所示。

制作界面和切圖等操作又需要在Photoshop中進行，因此，需要將Illustrator中制作好的文件導入Photoshop中。將Illustrator中的圖形導入Photoshop中時，需要逐個導入，不能整體導入，否則所有的圖形會生成一個圖層，影響后續操作。

第1步：選中Illustrator中需要導入的圖形，一定確保這個圖形已經“聯集”成了一個整體。

第2步：按Ctrl+C組合鍵將其復制。

第3步：在Photoshop中按Ctrl+V組合鍵，這時系統會彈出“粘貼”對話框。在對話框中選中“形狀圖層”選項，并單擊“確定”按鈕，如圖1-119所示。

第4步：由于每個圖形在繪制時未必是相同大小，需要統一大小。利用“自由變換”工具對每個圖形的寬度和高度進行調整，在調整時要單擊“保持長寬比”按鈕，讓寬度和高度一起調整。在調整時，只要保持其中最大的一個值相同即可，如圖1-120所示。

課堂練習：在Illustrator中繪制鬧鐘App功能圖標

素材位置　無

實例位置　實例文件>CH01>課堂練習：在Illustrator中繪制鬧鐘App功能圖標.ai

視頻名稱　課堂練習：在Illustrator中繪制鬧鐘App功能圖標.mp4

學習目標　練習制作UI圖標的方法

本案例是在Illustrator中繪制鬧鐘App的功能圖標，效果如圖1-121所示。本案例制作的圖標會導入課后習題的案例中。

課后習題：在Photoshop中制作鬧鐘App界面

素材位置　無

實例位置　實例文件>CH01>課后習題：在Photoshop中制作鬧鐘App界面.psd

視頻名稱　課后習題：在Photoshop中制作鬧鐘App界面.mp4

學習目標　練習制作UI的常用工具和導入AI文件的方法

本案例是在Photoshop中制作鬧鐘App的界面，效果如圖1-122所示。本案例制作相對簡單，在界面中輸入相應的文字和制作開關按鈕，其他圖標從課堂練習的案例中導入即可。