第3章
VI系統設計
VI的全稱為Visual ldentity,通譯為視覺識别,VI系統即視覺識别系統。VI系統以企業标志、标準字型、标準色彩為策劃核心,通過靜态視覺符号來傳播企業經營理念、擴大企業知名度、樹立企業形象。
本章将介紹兩種風格的VI系統設計案例。第一個案例是某巧克力品牌的VI系統設計,通過清新、活潑的圖形來塑造企業品牌形象:第二個案例是某服飾品牌的VI系統設計,通過複古風格的馬車圖案突出企業的文化内涵。
3.1 VI系統的構成要素
進行VI系統設計前，需要了解VI系統的構成要素。VI系統由基礎系統和應用系統兩部分組成。基礎系統以标志标準化為工作内容，應用系統則以進一步提高企業與品牌知名度為工作内容。這兩部分通過不同的視覺元素來展現。
1．基礎系統
VI基礎系統主要通過一些視覺元素來傳達企業的綜合資訊，在設計方面的要求就是精簡、規範、獨立，并達到一定的審美标準。基礎系統的内容如下圖所示。
2．應用系統
VI應用系統主要是通過一些識别系統來促進企業的營銷，這些識别系統中有以規範企業一體化為主要目的的，也有以向社會公衆宣傳企業文化為中心思想的。應用系統的具體要素如下圖所示。
3.2 VI系統設計的基本原則
VI系統錯綜複雜，在設計時應當牢牢把握統一性、民族個性、可實施性等基本原則，以確定VI系統的執行規範化，如下圖所示。進行VI系統設計時，必須保持企業形象對外傳播的統一性，以達到一體化設計；同時為了取得社會大衆的認可，其形象必須是人性化的、具有獨創性的視覺元素，将民族文化元素注入VI系統設計中，使企業形象别具一格，驅動企業形象的塑造和傳播。
3.3 巧克力品牌VI系統設計—複合形狀
3.3.1 案例分析
設計任務：為某巧克力品牌設計VI系統。
設計關鍵點：由于巧克力的主要目标客戶群體是兒童和青年女性，是以要在圖形元素和配色上盡可能地營造輕松、可愛、充滿活力的視覺感受。
設計思路：根據設計關鍵點，一方面思考如何從巧克力豆的外形變形出需要的造型，另外一方面考慮采用卡通形象來增強作品的可愛感。
配色推薦：深咖色+綠色+粉紅色的色彩搭配方式。深咖色既符合巧克力的顔色特性，又能與另外兩種顔色形成強烈的視覺反差；綠色用于展現産品是健康食品；用一點粉紅色來增強可愛感，以滿足目标客戶的視覺偏好。
軟體應用要點：主要利用Illustrator中的“鋼筆工具”繪制基礎圖形，通過“路徑查找器”建立組合圖形，完成企業标志的制作；應用Photoshop中的“變換”功能對應用在産品包裝盒、手提袋、名片上的标志進行透視變形，使用調整圖層更改手提袋顔色，統一VI系統顔色風格。
3.3.2 操作流程
在本案例的制作過程中，先在Illustrator中繪制企業标志圖形，并在圖形下方添加标準文字，然後在Photoshop中将标志應用到産品包裝盒、手提袋、名片中。
1．在Illustrator中繪制标志圖形
本案例先用Illustrator繪制各種圖形，完成企業标志圖形的建立，具體操作步驟如下。
步驟01 繪制圖形并填充顔色
建立新檔案，選擇“鋼筆工具”，在畫闆中繪制圖形，輕按兩下工具箱中的“填色”按鈕，打開“拾色器”對話框，在對話框中輸入顔色值為R237、G168、B153，更改圖形填充顔色。
步驟02 設定描邊屬性
輕按兩下“描邊”按鈕，打開“拾色器”對話框，輸入描邊顔色為R105、G61、B22，打開“描邊”面闆，設定“粗細”值為4pt，單擊“圓頭端點”按鈕，更改端點樣式。
步驟03 繪制圖形并更改填充顔色
用“鋼筆工具”在已繪制的圖形下方繪制另一圖形，在工具箱中設定描邊為“無”，輕按兩下“填色”按鈕，打開“拾色器”對話框，輸入顔色值為R201、G229、B49，更改填充顔色。
步驟04 複制并粘貼圖形
使用相同的方法繪制另一個綠色的圖形，使用“選擇工具”選中兩個綠色圖形，按快捷鍵Ctrl+C，複制圖形，執行“編輯>就地粘貼”菜單指令，在原位置粘貼複制的圖形。
步驟05 繪制并旋轉圖形
設定填充顔色為R138、G216、B117，使用“矩形工具”在畫闆中繪制一個矩形，在“屬性”面闆中設定“旋轉”值為37°，按住Alt鍵單擊并拖動矩形，複制出3個同等大小的矩形。
步驟06 使用“路徑查找器”組合圖形
使用“選擇工具”選中4個矩形圖形和下方的綠色圖形，在“路徑查找器”面闆中單擊“形狀模式”選項組中的“減去頂層”按鈕，剪切頂層圖形，建立複合圖形。
步驟07 更改複合圖形的填充顔色
輕按兩下工具箱中的“填色”按鈕，打開“拾色器”對話框，在對話框中輸入顔色值為R138、G216、B117，更改複合圖形的填充顔色。
步驟08 繪制并旋轉矩形
設定填充顔色為R138、G216、B117，使用“矩形工具”繪制一個矩形，在“屬性”面闆中設定“旋轉”值為38.5°，按住Alt鍵單擊并拖動矩形，複制出5個同等大小的矩形。
步驟09 使用“路徑查找器”組合圖形
使用“選擇工具”選中6個矩形圖形和下方的綠色圖形，在“路徑查找器”面闆的“形狀模式”選項組中單擊“減去頂層”按鈕，剪切頂層圖形，再次建立複合圖形。
步驟10 更改複合圖形的填充顔色
步驟11 選擇并複制圖形
使用“選擇工具”選中兩個綠色圖形，按快捷鍵Ctrl+C複制圖形，執行“編輯>就地粘貼”菜單指令，在原位置粘貼複制的圖形。
步驟12 設定描邊效果
單擊工具箱中的“無”按鈕，去除複制圖形的填充顔色，輕按兩下“描邊”按鈕，打開“拾色器”對話框，在對話框中輸入描邊顔色值為R105、G61、B22，在“描邊”面闆中設定描邊“粗細”為4pt，單擊“圓頭端點”按鈕，更改端點形狀，為圖形添加描邊效果。
步驟13 繼續繪制圖形并添加文字
使用繪圖工具繪制出更多的圖形，并為其設定不同的填充顔色和描邊樣式，最後使用“文字工具”在繪制好的标志圖形下方輸入文字，完成标志的制作。
步驟14 執行“導出為”指令
先存儲檔案，再執行“檔案>導出>導出為”菜單指令，打開“導出”對話框，在對話框中選擇導出檔案的存儲位置，輸入檔案名為“巧克力品牌标志”，選擇導出格式為“Photoshop（*.PSD）”，單擊“導出”按鈕。
步驟15 設定導出選項
彈出“Photoshop導出選項”對話框，在對話框中單擊“寫入圖層”單選按鈕，勾選“保留文本可編輯性”和“最大可編輯性”複選框，單擊“确定”按鈕，導出标志。
2．在Photoshop中導入并應用标志
在Illustrator中完成标志的繪制後，接下來要在Photoshop中應用該标志，将其添加到産品包裝盒、手提袋、名片等圖像上，具體操作步驟如下。
步驟01 設定并填充前景色
在Photoshop中建立檔案，設定前景色為R254、G212、B187，按快捷鍵Alt+Delete，用設定的前景色填充“背景”圖層。
步驟02 繪制不同顔色的矩形
建立“名片”圖層組，用“矩形工具”在畫闆中繪制矩形，作為名片的背景，設定矩形填充顔色為R102、G54、B0，按快捷鍵Ctrl+J，複制圖層，并向下移動到适當位置，設定複制矩形的填充顔色為R206、G224、B18。
步驟03 打開并複制标志
打開“巧克力品牌标志.psd”檔案，選中“圖層1”圖層組，将圖層組中的所有對象複制到咖啡色矩形上，再調整至合适的大小，按快捷鍵Ctrl+J，複制得到“圖層1 拷貝”圖層組，調整複制的标志圖形至合适的大小，再将其移到綠色矩形上。
步驟04 載入選區并填充顔色
删除多餘圖層，用“橡皮擦工具”擦除剩餘圖層中多餘的對象，按住Ctrl鍵不放，單擊圖層縮覽圖，載入選區，單擊“設定前景色”按鈕，打開“拾色器（前景色）”對話框，設定顔色值為R206、G224、B18，按快捷鍵Alt+Delete，填充選區。
步驟05 更改文本顔色
選中文本圖層，選擇工具箱中的“橫排文字工具”，單擊選項欄中的顔色塊，打開“拾色器（文本顔色）”對話框，在對話框中設定顔色值為R206、G224、B18，更改文本顔色。
步驟06 添加線條和文字
用“直線段工具”在品牌文字右側繪制一條填充顔色為R206、G224、B18的豎線，用“橫排文字工具”在豎線右側輸入企業資訊文字。
步驟07 蓋印并隐藏圖層
選中“矩形1拷貝”和“圖層1”圖層，按快捷鍵Ctrl+Alt+E，蓋印圖層，得到“圖層1（合并）”圖層，選中“矩形1”和“圖層1拷貝”圖層，按快捷鍵Ctrl+Alt+E，蓋印圖層，得到“圖層1拷貝（合并）”圖層，單擊“矩形1”“圖層1”“矩形1拷貝”“圖層1拷貝”圖層前方的“訓示圖層可見性”圖示，隐藏圖層。
步驟08 旋轉圖像
選中“圖層1（合并）”圖層，按快捷鍵Ctrl+T，打開自由變換編輯框，在編輯框右下角外側拖動滑鼠，旋轉名片圖像。
步驟09 執行“斜切”操作
右擊編輯框中的圖像，在彈出的快捷菜單中執行“斜切”指令，将滑鼠指針移到編輯框左下角的控制點上，單擊并向右拖動。
步驟10 調整并應用變換效果
用同樣方法拖動編輯框右下角的控制點，調整圖像外形，按Enter鍵應用變換效果。
步驟11 添加投影效果
繼續使用相同的方法，對另一名片圖像進行變換調整。輕按兩下名片圖像圖層的縮覽圖，打開“圖層樣式”對話框，在對話框中設定“投影”選項，為名片圖像添加投影。
步驟12 複制手提袋圖像并調整顔色
建立“手提袋”圖層組，執行“檔案>置入嵌入對象”菜單指令，置入“01.png”手提袋素材，複制置入的手提袋圖像，利用調整圖層調整顔色，使其與名片、标志的配色更為統一。
步驟13 在手提袋上添加标志
執行“檔案>置入嵌入對象”菜單指令，将“巧克力品牌标志.psd”置入手提袋圖像上方，按快捷鍵Ctrl+T打開自由變換編輯框，将其調至合适大小。
步驟14 調整“透視”效果
執行“編輯>變換>透視”菜單指令，顯示透視變換編輯框，将滑鼠指針移到編輯框右下角的控制點上，單擊并向右側拖動，調整标志圖形的透視角度，按Enter鍵應用透視調整。
步驟15 複制标志并置入包裝盒
按快捷鍵Ctrl+J，複制标志圖形，将其移到綠色手提袋上方，建立“包裝盒”圖層組，執行“檔案>置入嵌入對象”菜單指令，置入“02.png”包裝盒素材。
步驟16 更改包裝盒的顔色
為了統一設計風格，應用調整圖層調整包裝盒圖像的顔色。在盒子上方置入标志圖形，然後置入“03.png”巧克力圖像，為其添加投影效果，完成本案例的制作。
3.3.3 知識擴充
使用Illustrator中的“路徑查找器”可以組合對象，即将兩個或兩個以上的圖形以不同的方式組合成新的圖形。
啟動Illustrator後，在“屬性”面闆中會預設顯示“路徑查找器”選項組，此選項組中會顯示部分選項。若要顯示更多選項，可以單擊“更多選項”按鈕，也可以執行“視窗>路徑查找器”菜單指令，打開“路徑查找器”面闆，如右圖所示。
1．形狀模式
“路徑查找器”面闆中的“形狀模式”選項組包含“聯集”“減去頂層”“交集”“差集”“擴充”按鈕，如下圖所示。下面分别介紹這些按鈕的具體功能。
聯集：描摹所有對象的輪廓，就如同它們是單一、合并的對象。得到的結果形狀會采用頂層對象的上色屬性。下左圖為原始圖形效果，下右圖為應用“聯集”建立的圖形效果。
減去頂層：從最後面的對象中減去最前面的對象。應用此按鈕可以通過調整堆疊順序來删除圖稿的某些區域，如右圖所示。
交集：描摹被所有對象重疊的區域輪廓，如下左圖所示。
差集：描摹所有對象未被重疊的區域，并使重疊區域透明，如下右圖所示。
擴充：按住Alt鍵單擊任一形狀模式按鈕，即可生成複合形狀，此時将激活“擴充”按鈕，單擊該按鈕後，複合形狀被分割為若幹個對象，這些對象共同組成形狀的外觀。需要注意的是，擴充複合形狀後，将不能再選擇其中的單個圖形。
2．路徑查找器
應用“路徑查找器”面闆中的“路徑查找器”選項組（見下圖）可以通過重疊對象建立新的形狀。隻要單擊某個按鈕，就能建立相應的最終形狀組合，下面分别介紹每個按鈕的具體功能。
分割：将一份圖稿分割成由元件填充的表面，如下左圖所示。
修邊：删除已填充對象被隐藏的部分。删除所有描邊，且不合并相同顔色的對象，如下右圖所示。
合并：删除已填充對象被隐藏的部分，删除所有描邊，并且合并具有相同顔色的相鄰或重疊的對象，如右圖所示。
裁剪：将圖稿分割成由元件填充的表面，然後删除圖稿中所有落在最上方對象邊界之外的部分，并且删除所有描邊，如右圖所示。
輪廓：将對象分割為其元件線段或邊緣，如下左圖所示。
減去後方對象：從最前面的對象中減去後面的對象，如下右圖所示。
3.4服飾品牌VI系統設計—建立文字輪廓
3.4.1 案例分析
設計任務：為某服飾品牌設計VI系統。
設計關鍵點：由于該品牌服飾的主要客戶群體是男性，是以在設計時應從男性審美的角度來考慮使用的圖形元素和配色，要讓作品能夠展現出典雅而穩重的效果。
設計思路：根據設計關鍵點，選用駕着馬車的男士形象作為标志的造型，這樣既能展現品牌的主要客戶群體，又能契合高貴、紳士的品牌形象。同時采用比較纖細且規整的字型設計，富有力度，與标志圖形結合起來，給人以簡潔爽朗的現代感。
配色推薦：黑色+白色+灰色的色彩搭配方式。黑色給人以神秘、莊重之感；白色給人以明亮、幹淨之感；灰色則給人以高雅、甯靜之感。經典的黑、白、灰配色方式，正好能展現該品牌服飾的特點，同時也符合大多數男性的審美。
軟體應用要點：主要利用Illustrator的“鋼筆工具”繪制标志圖形，應用“文字工具”在标志圖形下輸入文字，并利用“建立輪廓”的方式變形文字；在Photoshop中主要應用濾鏡建立紋理背景，利用“顔色填充”填充圖層改變标志顔色，将标志應用于信紙、服飾、錢包等元素中。
3.4.2 操作流程
在本案例的制作過程中，先在Illustrator中繪制出标志圖形，并在圖形下方建立品牌标準字，使标志形象更加完整，然後在Photoshop中将标志應用到VI系統的各項元素中。
在Illustrator中使用“鋼筆工具”等繪制标志圖形，然後使用“文字工具”輸入文字，利用“建立輪廓”指令将文字轉換為圖形，并結合路徑編輯工具變形文字，具體操作步驟如下。
步驟01 繪制圖形并設定顔色
建立新檔案，在工具箱中單擊“鋼筆工具”按鈕，在畫闆中繪制圖形，打開“顔色”面闆，單擊面闆中的黑色色塊，設定填充顔色為黑色，單擊“描邊”按鈕，單擊“無”按鈕，去除描邊效果。
步驟02 應用“路徑查找器”編輯路徑
選擇“鋼筆工具”，在黑色圖形中繪制兩個白色圖形，使用“選擇工具”選中兩個白色圖形和下方的黑色圖形，在“屬性”面闆中的“路徑查找器”選項組中單擊“減去頂層”按鈕，減去頂層的白色圖形。
步驟03 繪制更多圖形
使用相同的方法在下方繪制更多圖形，結合“路徑查找器”編輯路徑，繪制出馬車車身部分。
步驟04 應用“直線段工具”繪制線條
接下來繪制車輪部分，選擇工具箱中的“直線段工具”，在車身圖形下方單擊并拖動，繪制一根線條，在“屬性”面闆的“外觀”選項組中設定描邊顔色為黑色、描邊粗細為2pt，更改線條的描邊效果。
步驟05 設定“變換效果”選項
執行“效果>扭曲和變換>變換”菜單指令，打開“變換效果”對話框，輸入“角度”值為24°，輸入“副本”為15，将旋轉的中心點設定為右下角，單擊“确定”按鈕。
步驟06 對線條應用變換效果
軟體會根據輸入的數值旋轉線條并建立副本效果，此時在畫闆中可檢視變換後的線條效果。
步驟07 複制線條并更改描邊選項
按快捷鍵Ctrl+C，複制線條，再執行“編輯>就地粘貼”菜單指令，粘貼線條，在“屬性”面闆的“外觀”選項組中設定描邊顔色為白色，輸入描邊粗細為3.5pt，更改線條的描邊效果。
步驟08 調整對象堆疊順序
使用“選擇工具”選中白色線條，右擊滑鼠，在彈出的快捷菜單中執行“排列>後移一層”指令，将白色線條移到黑色線條下方。
步驟09 應用“橢圓工具”繪制圓形
選擇工具箱中的“橢圓工具”，按住Shift鍵不放，在畫闆中單擊并拖動滑鼠，繪制一個圓形，在“屬性”面闆的“外觀”選項組中設定描邊顔色為白色，設定描邊粗細為3.5pt。
步驟10 複制圖形并編組
按快捷鍵Ctrl+C和Ctrl+Shift+V，複制粘貼得到更多的圓形圖形，調整圖形的外觀和堆疊順序後，選中并右擊圖形，在彈出的快捷菜單中執行“編組”指令，将圖形編組，完成馬車後輪的制作。
步驟11 繪制更多的圖形
使用相同的方法繪制出馬車前輪、人物和馬匹等圖形，并對這些圖形進行編組，完成标志圖形的繪制。
步驟12 設定并輸入文字
在工具箱中單擊“文字工具”按鈕，在“屬性”面闆的“字元”選項組中設定字型為“方正姚體”，設定字型大小為94pt，設定字元間距為-250，在繪制的标志圖形下方單擊，輸入文字“錦華名店”。
步驟13 執行“建立輪廓”指令
選中文字對象，執行“文字>建立輪廓”菜單指令，或按快捷鍵Ctrl+Shift+O，将文字轉換為圖形。
步驟14 使用“刻刀工具”分割對象
單擊工具箱中的“刻刀工具”按鈕，将滑鼠指針移到文字“華”上方，按住Alt鍵不放，單擊并拖動滑鼠，分割圖形。
步驟15 使用“直接選擇工具”調整錨點
單擊工具箱中的“直接選擇工具”按鈕，按住Shift鍵不放，依次單擊選中分割出來的下方的兩個路徑錨點，按鍵盤中的↓鍵，調整錨點的位置，繼續使用“直接選擇工具”選中上方的路徑錨點，調整錨點位置。
步驟16 應用“錨點工具”轉換錨點類型
單擊工具箱中的“錨點工具”按鈕，将滑鼠指針移到需要轉換的錨點上單擊，轉換錨點類型。
步驟17 使用“删除錨點工具”删除錨點
單擊工具箱中的“删除錨點工具”按鈕，在路徑錨點上單擊，删除多餘的錨點。
步驟18 使用“直接選擇工具”編輯錨點
選擇工具箱中的“直接選擇工具”，單擊選中路徑錨點，向上拖動該錨點，更改圖形外觀。
步驟19 繼續變形文字
使用同樣的方法對其他文字圖形進行變形處理，完成标志主體文字的設計。
步驟20 輸入并設定文字屬性
選擇“文字工具”，在主體文字下方輸入英文“JINHUAMINGDIAN”和“EST.2000”，在“屬性”面闆中分别調整文字的字型、大小等。
步驟21 使用“直線段工具”繪制線條
單擊工具箱中的“直線段工具”按鈕，按住Shift鍵不放，單擊并拖動滑鼠，在文字“JINHUAMINGDIAN”上下分别繪制一條橫線，在“屬性”面闆的“外觀”選項組中設定描邊顔色為黑色，設定描邊粗細為2pt，為線條添加描邊效果。
步驟22 為線條設定“漸變”顔色
單擊工具箱中的“描邊”按鈕，再單擊下方的“漸變”按鈕，在打開的“漸變”面闆中添加色标，設定漸變顔色，建立漸隐的線條效果，完成标志的制作。
步驟23 儲存檔案
執行“檔案>存儲為”菜單指令，打開“存儲為”對話框，在對話框中選擇檔案存儲位置，輸入檔案名為“服飾品牌标志”，單擊“儲存”按鈕，儲存檔案。
2．在Photoshop中置入并應用标志
在Illustrator中完成标志的繪制後，接下來将在VI系統中應用該标志。首先使用Photoshop制作木紋材質的背景，然後使用繪圖工具繪制信封、服飾、錢包等圖像，再将制作好的标志應用到這些圖像中，具體操作步驟如下。
步驟01 建立圖層并渲染雲彩
啟動Photoshop，建立新檔案，設定前景色為白色、背景色為黑色，建立“背景”圖層組和“圖層1”圖層，按快捷鍵Alt+Delete，将圖層填充為白色，再将圖層轉換為智能圖層，執行“濾鏡>渲染>雲彩”菜單指令，渲染雲彩效果。
步驟02 設定“添加雜色”濾鏡
執行“濾鏡>雜色>添加雜色”菜單指令，打開“添加雜色”對話框，在對話框中将“數量”滑塊拖動至47.7%，單擊“平均分布”單選按鈕，勾選“單色”複選框，單擊“确定”按鈕，添加雜色。
步驟03 設定“動感模糊”濾鏡
執行“濾鏡>模糊>動感模糊”菜單指令，打開“動感模糊”對話框，在對話框中設定“角度”為0°，輸入“距離”為2000像素，單擊“确定”按鈕，模糊圖像。
步驟04 重複應用“動感模糊”濾鏡
連續按兩次快捷鍵Ctrl+Alt+F，為圖像重複應用“動感模糊”濾鏡，得到更加模糊的圖像效果。
步驟05 設定“高斯模糊”濾鏡
執行“濾鏡>模糊>高斯模糊”菜單指令，打開“高斯模糊”對話框，在對話框中設定“半徑”為2.0像素，單擊“确定”按鈕，模糊圖像。
步驟06 設定“鉻黃漸變”濾鏡
執行“濾鏡>濾鏡庫”菜單指令，打開“濾鏡庫”對話框，在對話框中單擊“素描”濾鏡組下的“鉻黃漸變”濾鏡，輸入“細節”為10、“平滑度”為8，單擊“确定”按鈕，應用濾鏡。
步驟07 設定“智能銳化”濾鏡
執行“濾鏡>銳化>智能銳化”菜單指令，打開“智能銳化”對話框，在對話框中輸入“數量”為300%、“半徑”為3.0像素、“減少雜色”為23%，設定後單擊“确定”按鈕，應用濾鏡銳化圖像。
步驟08 建立“色相/飽和度”調整圖層
建立“色相/飽和度1”調整圖層，打開“屬性”面闆，勾選“着色”複選框，輸入“色相”為30、“飽和度”為30、“明度”為+5，為黑白圖像着色。
步驟09 繪制矩形圖形
建立“信封和信紙”圖層組，單擊工具箱中的“矩形工具”按鈕，在選項欄中選擇“形狀”工具模式，設定填充顔色為R33、G33、B33，在畫闆中單擊并拖動，繪制矩形圖形。
步驟10 設定“投影”樣式
輕按兩下“矩形1”圖層名右側空白處，在“圖層樣式”對話框中選擇“投影”樣式，輸入“不透明度”為48%，“角度”為40°，“距離”為14像素，“大小”為13像素，單擊“确定”按鈕。
步驟11 複制圖形并調整大小和位置
在“圖層”面闆中選中“矩形1”圖層，連續按快捷鍵Ctrl+J，複制出多個矩形圖形，分别調整各個矩形的位置和大小等。
步驟12 繪制圓角矩形圖形
單擊工具箱中的“圓角矩形工具”按鈕，在選項欄中選擇“形狀”工具模式，設定填充顔色為白色，輸入“半徑”為10像素，在畫闆中單擊并拖動，繪制圓角矩形。
步驟13 繪制直線并添加文字
選擇“直線段工具”，在圓角矩形中間繪制兩條直線段，應用“橫排文字工具”在右側輸入信封上的文字内容。
步驟14 繪制更多圖形
使用同樣的方法建立“服飾”“CD”“錢包”“飾針”“iPad”圖層組，并應用繪圖工具繪制出相應的圖形。
步驟15 置入标志
建立“标志應用”圖層組，執行“檔案>置入嵌入對象”菜單指令，打開“置入嵌入的對象”對話框，在對話框中選中需要置入的标志檔案，單擊“置入”按鈕。
步驟16 調整置入圖像的大小
置入“服飾品牌标志”圖像後，将圖像縮放到合适的大小，按Enter鍵确認置入。
步驟17 複制标志
連續按快捷鍵Ctrl+J，複制多個标志，将複制的标志分别移到相應的位置，并縮放到合适的大小。
步驟18 載入圖層選區
按住Ctrl鍵不放，單擊“服飾品牌标志 拷貝3”圖層縮覽圖，載入CD上方的标志選區。
步驟19 設定填充顔色
執行“圖層>建立填充圖層>純色”菜單指令，建立“顔色填充1”填充圖層，打開“拾色器（純色）”對話框，在對話框中輸入顔色值為R255、G255、B255，單擊“确定”按鈕。
步驟20 載入圖層選區
此時标志圖形由黑色轉換為白色，突出CD盤面上的标志應用效果。按住Ctrl鍵不放，單擊“圖層”面闆中的“服飾品牌标志 拷貝4”圖層縮覽圖，載入選區。
步驟21 建立“顔色填充2”填充圖層
單擊“圖層”面闆底部的“建立新的填充或調整圖層”按鈕，在展開的清單中單擊“純色”選項，建立“顔色填充2”填充圖層，在打開的“拾色器（純色）”對話框中設定填充顔色為白色。
技巧提示 更改填充圖層的填充顔色
建立“顔色填充”填充圖層後，可以輕按兩下“圖層”面闆中的圖層縮覽圖，在打開的“拾色器（純色）”對話框中可以重新設定填充顔色。
步驟22 繼續調整其他标志顔色
此時衣服圖像上的标志被更改為白色。使用相同的方法，更改其他标志的顔色，建構象征企業和品牌特質的标準色。
步驟23 打開模特素材
執行“檔案>打開”菜單指令，打開“打開”對話框，在對話框中選中“04.jpg”模特素材，單擊“打開”按鈕，打開圖像。
步驟24 複制圖像并建立剪貼蒙版
将打開的素材圖像複制到iPad圖像上方，得到“圖層3”圖層，将圖像縮放至合适的大小，執行“圖層>建立剪貼蒙版”菜單指令，建立剪貼蒙版。
步驟25 建立“黑白”調整圖層
按住Ctrl鍵不放，單擊“矩形8”圖層縮覽圖，載入選區，單擊“調整”面闆中的“黑白”按鈕，在“圖層3”圖層上方建立“黑白1”調整圖層，将選區中的模特圖像轉換為黑白效果，完成本案例的制作。
3.4.3 知識擴充
在Illustrator中，可以應用“建立輪廓”指令将文字轉換為一組複合路徑或輪廓，并且可以對其進行進一步的編輯和處理。将文字轉換為輪廓對更改文字的外觀非常有用。建立文本輪廓時，字元會在其目前位置轉換，并保留所有的圖形格式，如描邊和填色。
使用“選擇工具”選中需要轉換的文字對象，選中的對象邊緣會顯示定界框，如下左圖所示。此時執行“文字>建立輪廓”菜單指令，如下中圖所示，或按快捷鍵Ctrl+Shift+O，即可将文字轉換為輪廓，效果如下右圖所示。
確定文字圖形為選中狀态，單擊工具箱中的“直接選擇工具”按鈕，可以顯示路徑和路徑上的錨點，如下圖所示。
對于建立的文字輪廓，可以使用“鋼筆工具”組中的“添加錨點工具”“删除錨點工具”“錨點工具”等工具（見下圖）進行編輯，改變路徑形狀，得到更具藝術感的文字。
鋼筆工具：用于繪制直線和曲線來建立對象。如下圖所示，預設情況下，将“鋼筆工具”定位到所選路徑上方時，滑鼠指針會變為，即“添加錨點工具”；将“鋼筆工具”定位到錨點上方時，滑鼠指針會變為，即“删除錨點工具”。
添加錨點工具：用于将錨點添加到路徑。選擇此工具後，将滑鼠指針置于路徑段上單擊，即可在單擊處添加錨點。
删除錨點工具：用于從路徑中删除錨點。選擇此工具後，将滑鼠指針置于錨點上單擊，即可删除單擊處的錨點。
錨點工具：用于平滑點與角點的互相轉換。選擇該工具後，将滑鼠指針置于要轉換的錨點上。如果要将角點轉換為平滑點，将方向點拖出角點，如下左圖所示；如果要将平滑點轉換成沒有方向線的角點，則直接單擊平滑點，如下右圖所示。
需要注意的是，在Illustrator中必須轉換一個文字對象中的所有文字，而不能隻轉換一個文字對象中的單個文字。要将單個文字轉換為輪廓，則應先建立一個隻包含該文字的單獨文字對象，再進行轉換。應用路徑編輯工具對文字進行變形後，得到的圖稿效果如下圖所示。
3.5課後練習
通過VI系統設計，企業将其自身的文化精神以視覺元素的形式傳達給每一位閱聽人。VI系統應用的範圍比較廣泛，是以在制作時，不但需要考慮單個元素的設計，也需要協調各元素的應用效果，使其風格更統一，才能加深企業在大衆心目中的印象。下面通過習題鞏固本章所學。
習題1：花卉産業全新品牌形象設計
VI系統需要根據企業的服務内容和服務對象進行設計。本習題是為花卉産業設計VI系統，是以應用了各種形狀和顔色的花朵進行組合設計，将企業的性質和服務内容等直覺地表現出來，同時，鮮豔的色彩也更容易獲得目标客戶的認可。
●在Illustrator中繪制标志圖形；
●在Photoshop打開标志圖形，應用“顔色填充”填充圖層對企業輔助色進行設計；
●建立圖層組，添加花卉素材，并應用修複類工具去除素材中的雜物，将處理好的标志圖形和企業輔助色應用于戶外廣告、旗幟廣告。
習題2：金融理财企業VI系統設計
本習題要為某金融理财企業設計VI系統。金融理财企業的使命是在保護客戶資金安全的同時，幫助客戶獲得一定的收益，是以選擇展翅飛翔的雄鷹形象作為企業标志。雄鷹是勝利的象征，能展現勇猛、熱情、奮進的企業精神，展翅飛翔的姿态又暗喻着企業能夠讓客戶資金安全、快速地增值。
● 在Illustrator中利用“鋼筆工具”繪制出标志圖形；
● 使用“文字工具”在圖形下方添加标志文字，通過“建立輪廓”的方式将文字轉換為圖形後，填充所需漸變顔色；
● 結合“鋼筆工具”“直線段工具”等繪制出名片、手提袋、水杯等辦公用品形狀，将制作好的标志圖形應用于這些物品中；
● 在Photoshop中打開圖像，添加圖層樣式，表現不同的物品質感。