任務1.3 設計節氣海報

某客戶委托公司設計一組以“二十四節氣”為主題的海報，以弘揚中國傳統文化。老洪接到了該任務，由于二十四節氣較多，老洪便將其中的“處暑”“白露”節氣海報分配給米拉設計。米拉先通過網絡了解這兩個節氣的特點，然后搜集節氣的對應元素來設計海報。如“處暑”節氣海報可采用手捧西瓜插畫、樹葉等元素表現吃西瓜解暑、暑氣漸消的感覺，“白露”節氣海報考慮以青藍色的天空、展翅的白鷺表現秋高氣爽、天氣漸涼的感覺。海報的文字字體考慮采用書法體，以弘揚中國傳統文化。

任務描述

本任務的參考效果如圖1-15所示。

知識準備

米拉經過前面的學習與準備，對Illustrator應用領域、工作界面等有了詳細的了解。她深知，運用Illustrator就能快速完成本次的節氣海報設計任務。為保證后續設計工作的順利進行，米拉首先要熟悉Illustrator基礎操作，包括新建空白文件、設置畫板、置入文件、導出文件、瀏覽視圖，以及標尺、輔助線、網格的使用等。

1. 新建文件

選擇【文件】/【新建】命令，或在啟動界面中單擊按鈕，打開圖1-16所示的“新建文檔”對話框。單擊對話框上方的標簽選項，展開對應的參數選項，雙擊預設尺寸可以快速創建文件。在對話框右側可自定義設置新建文件的參數，如名稱、寬度和高度、方向、出血、單位、顏色模式等，設置完成后單擊按鈕完成文件的創建。單擊按鈕，將打開“更多設置”對話框，如圖1-17所示，在其中能對文件進行更詳細的設置，設置完成后單擊按鈕。

“新建文檔”對話框與“更多設置”對話框的參數大致相同，主要參數的含義介紹如下。

名稱（預設詳細信息）：用于設置新建文件的名稱，默認情況下為“未標題-1”。

配置文件：該下拉列表中提供了打印、Web（網頁）、基本RGB這3個選項，選擇任意一個選項后，文件參數會自動根據所選選項進行調整。

畫板數量（畫板）：用于設置工作界面中畫板的數量。

間距：用于設置畫板之間的默認距離。

列數：用于設置畫板的列數。

大小：用于設置畫板的預設尺寸。

寬度、高度：用于設置畫板的尺寸。

單位：用于設置文件所采用的單位，默認情況下為“毫米”。

取向（方向）：用于設置新建頁面的方向（豎向或橫向）。

出血：用于設置頁面上、下、左、右的出血值。出血是指圖稿落在印刷邊框、打印定界框或位于裁剪標記外的區域。

顏色模式：用于設置文件的顏色模式。

柵格效果（光柵效果）：用于設置文件柵格效果的分辨率。

預覽模式：用于設置文件的預覽模式。

2. 設置畫板

新建文件后，畫板的大小和位置可以更改，而且一個文件中可同時存在多個畫板，常用于多頁面設計作品。選擇“畫板工具”，將鼠標指針移動到畫板內部，直接拖曳到其他位置可以移動畫板，拖曳畫板定界框上的控制點可以調整畫板大小，如圖1-18所示。

在“畫板工具”的控制欄中可以設置畫板的參數，如圖1-19所示。

：選擇畫板，在該下拉列表中選擇一種預設的尺寸可修改畫板大小。

縱向、橫向：單擊對應按鈕，可以調整畫板的方向。

新建畫板：單擊該按鈕，可新建一個與所選畫板大小相同的畫板。

刪除畫板：單擊該按鈕將刪除所選的畫板。

名稱：用于設置所選畫板的名稱。

移動/復制帶有畫板的圖稿：該按鈕默認處于選中狀態，表示在移動和復制畫板時，畫板中的內容同時被復制并移動。

畫板選項：單擊該按鈕，打開“畫板選項”對話框，可設置畫板參數。

X、Y：用于設置畫板在工作界面中的位置。

高、寬：用于設置畫板的大小。

約束寬度和高度比例：單擊該按鈕，設置畫板的寬度和高度時，可以限制寬度和高度比例，即同時改變寬度和高度數值，使其比例保持不變。

：單擊該按鈕可以打開“重新排列所有畫板”對話框，在其中可設置版面排列方式、版面順序、畫板列數、畫板間距等參數。

對齊所選選項：此按鈕默認處于未激活狀態，選擇多個對象后激活。該按鈕用于設置對齊的參考對象，需要配合“對齊”面板使用，具體講解參考項目3的任務3.2。

3. 置入文件

在Illustrator中打開或創建文件后，可通過置入文件將外部素材添加至當前文件中。置入文件的方法為：選擇【文件】/【置入】命令，打開“置入”對話框，選擇置入文件，設置置入參數，單擊按鈕，如圖1-20所示。返回工作界面，單擊即可將文件按原大小置入單擊的位置；按住鼠標左鍵進行拖曳可自定義置入文件的大小和位置。

“置入”對話框中主要參數的介紹如下。

鏈接：選中該復選框，則被置入的文件保持獨立。當鏈接的文件被修改或編輯時，置入的鏈接文件也會自動修改并更新。如果取消選中該復選框，置入的文件會嵌入Illustrator文件中，并且當鏈接的文件被編輯或修改時，嵌入的文件將不會自動更新。

模板：選中該復選框，可將置入的文件轉換為模板文件。將置入的文件轉換為模板文件后，置入的文件將自動在“圖層”面板中的模板圖層上被鎖定。

替換：若當前文件中已經有一個置入的文件，并且處于選中狀態，則“替換”復選框被選中時，新置入的文件會替換處于選中狀態的文件。

顯示導入選項：選中該復選框，導入部分格式的文件時會出現設置對話框。

置入文件后，選擇【窗口】/【鏈接】命令，打開“鏈接”面板，如圖1-21所示，通過該面板可以對置入文件進行定位、重新鏈接、編輯等操作。“鏈接”面板中主要參數的介紹如下。

顯示鏈接信息：在“鏈接”面板中選擇一個對象，單擊該按鈕，面板下方將顯示鏈接名稱、格式、縮放比例、路徑等信息。

從信息庫重新鏈接：單擊該按鈕，在打開的“庫”面板中重新進行鏈接。

重新鏈接：在“鏈接”面板中選擇一個對象，單擊該按鈕，在打開的“置入”對話框中可選擇一個素材來替換當前鏈接內容。

轉至鏈接：在“鏈接”面板中選擇一個對象，單擊該按鈕，在畫板中定位該對象。

更新鏈接：當鏈接修改后，單擊該按鈕，畫板中的對象將同步修改。

編輯原稿：在“鏈接”面板中選擇一個鏈接對象，單擊該按鈕，在打開的圖像編輯器中可編輯鏈接對象。

嵌入的文件：在“鏈接”面板中，若對象后面有該圖標，表示該對象的置入方式為嵌入。

4. 導出文件

在Illustrator中完成作品的創作后，應將其導出為不同格式的文件，方便在其他軟件中打開和使用。選擇【文件】/【導出】命令，其中提供了以下3種導出子命令。

導出為多種屏幕所用格式：選擇該命令，可以一步生成不同大小和格式的文件，以適應不同屏幕的需求。

導出為：選擇該命令，可以將文件導出為PNG、JPG和SWF等常見的文件格式。

存儲為Web所用格式：選擇該命令，可以在導出文件的同時，優化文件在計算機網頁或手機等移動設備屏幕上的顯示效果。

5. 瀏覽視圖

打開文件后，可通過控制欄的縮放數值框調整視圖縮放比例，也可在“視圖”菜單中選擇合適的縮放命令，如放大、縮小、畫板適合窗口大小、全部適合窗口大小和實際大小等，使視圖更適合瀏覽，如圖1-22所示。此外，還可通過“縮放工具”、“抓手工具”、“導航器”面板輔助瀏覽視圖。

（1）縮放工具

若當前畫面不滿足瀏覽需要，可以選擇工具箱中的“縮放工具”，并將鼠標指針移動到畫板中，此時鼠標指針會顯示為放大鏡形狀，其內部還有一個“+”形狀，在畫板任一位置單擊，可將當前畫板放大一倍，且單擊處將移動到屏幕中間，如圖1-23所示。

（2）抓手工具

當圖像呈較大倍數顯示時，在工具箱中選擇“抓手工具”或按【H】鍵，此時，鼠標指針將變為形狀，按住鼠標左鍵不放并朝任意方向拖曳畫板，可查看各個位置的圖像。圖1-24所示為使用“抓手工具”向上拖曳畫板，查看下方的圖像。

（3）“導航器”面板

如果畫板的放大倍數較大，能同時看到的圖像內容較少，使用“縮放工具”和“抓手工具”查看圖像就不太便捷。此時，可通過“導航器”面板更加快速地查看整個圖像。選擇【窗口】/【導航器】命令，打開“導航器”面板，如圖1-25所示。

“導航器”面板中主要參數的介紹如下。

視圖框：視圖框默認顯示為紅色矩形框，用于指示畫板中正在查看的區域。保持放大狀態并拖曳視圖框到其他位置，可查看不同區域的圖像。

按鈕：單擊面板右上角的按鈕，在彈出的菜單中選擇“僅查看畫板內容”命令，縮略圖將僅顯示畫板內的內容；選擇“面板選項”命令，則可在打開的“畫板選項”對話框中設置視圖框的顏色。

顯示倍數：用于設置精確的顯示倍數。單擊按鈕，可減小顯示倍數；單擊按鈕，可增大顯示倍數。

6. 標尺、參考線、網格

Illustrator提供了標尺、參考線和網格等工具，利用這些工具可以幫助設計師精確定位所繪制和編輯的圖形，更準確地測量圖形的尺寸。

（1）標尺

顯示標尺是創建參考線的第一步，按【Ctrl+R】快捷鍵或選擇【視圖】/【標尺】/【顯示標尺】命令可顯示出標尺，按【Ctrl+R】快捷鍵可將顯示的標尺隱藏。如果需要設置標尺的顯示單位，則在標尺上單擊鼠標右鍵，在彈出的快捷菜單中選擇需要的單位，如圖1-26所示；或者選擇【編輯】/【首選項】/【單位】命令，打開“首選項”對話框，如圖1-27所示，在“單位”選項卡中設置標尺的顯示單位，單擊按鈕。

（2）參考線

設計師可以根據標尺、路徑創建參考線，也可以啟用智能參考線，具體方法如下。

利用標尺創建參考線：將鼠標指針移至水平標尺或垂直標尺上，按住鼠標左鍵不放，朝畫板方向拖曳出參考線。

利用路徑創建參考線：選中路徑，按【Ctrl+5】快捷鍵或選擇【視圖】/【參考線】/【建立參考線】命令，可將選中的路徑轉換為參考線，如圖1-28所示。選擇【視圖】/【參考線】/【釋放參考線】命令（快捷鍵為【Alt+Ctrl+5】），可以將選中的參考線轉換為路徑。

啟用智能參考線：選擇【視圖】/【智能參考線】命令（快捷鍵為【Ctrl+U】），可以顯示智能參考線。當圖形移動到一定位置或旋轉到一定角度時，智能參考線就會高亮顯示并給出提示信息。圖1-29所示為利用智能參考線垂直居中對齊圖形。

（3）網格

選擇【視圖】/【顯示網格】命令（快捷鍵為【Ctrl+"】），即可顯示出網格。再次按【Ctrl+"】快捷鍵可將顯示的標尺隱藏。選擇【編輯】/【首選項】/【參考線和網格】命令，打開“首選項”對話框，可以設置網格的顏色、樣式、間隔等參數，如圖1-30所示。

“首選項”對話框中常用的網格設置參數如下。

顏色：用于設置網格的顏色。

樣式：用于設置網格的樣式，包括直線和點線樣式。

網格線間隔：用于設置網格線的間距。

次分隔線：用于設置網格線的細分數量。

網格置后：選中該復選框后，網格線顯示在圖形的上方；取消選中后，顯示在下方。

顯示像素網格（放大60%以上）：選中該復選框，當圖形被放大到600%以上時，可以查看像素網格。

任務實施

1. 新建與置入文件

由于客戶要求海報寬度為“1242px”、高度為“2208px”，米拉需要新建符合要求的文件；為避免源素材丟失，素材無法正常顯示，置入素材文件時，米拉采用嵌入的方式，具體操作如下。

（1）啟動Illustrator，選擇【文件】/【新建】命令，打開“新建文檔”對話框，在右側設置預設詳細信息為“節氣海報”，寬度為“1242px”，高度為“2208px”，光柵效果為“屏幕（72ppi）”，單擊按鈕，如圖1-31所示。

（2）選擇【文件】/【置入】命令，打開“置入”對話框，選擇“樹葉.jpg”素材，取消選中“鏈接”復選框，單擊按鈕，如圖1-32所示。

（3）返回工作界面，沿著畫板拖曳鼠標繪制置入素材的區域，使素材覆蓋畫板，如圖1-33所示。

2. 使用智能參考線對齊

米拉考慮在海報中央繪制矩形來增強設計感，為了方便中心對齊矩形，米拉考慮使用智能參考線，具體操作如下。

（1）選擇“矩形工具”，在畫板中單擊，打開“矩形”對話框，設置矩形的寬度為“1150px”，高度為“2115px”，單擊按鈕，得到處于選中狀態的矩形。在控制欄中單擊“描邊色”按鈕，在打開的面板中單擊“無”按鈕取消描邊色；在工具箱底部的“填充”按鈕上雙擊，打開“拾色器”對話框，設置填充色為“#f9f8f7”，單擊按鈕。

（2）按【Ctrl+U】快捷鍵或選擇【視圖】/【智能參考線】命令，顯示智能參考線。移動矩形到中心位置，直到出現“中心點”，釋放鼠標，如圖1-34所示。

（3）選擇【窗口】/【透明度】命令，打開“透明度”面板，設置混合模式為“強光”，不透明度為“95%”，如圖1-35所示。

3. 打開、關閉與存儲文件

節氣海報還需要添加文案和插畫，米拉準備打開相關素材文件，將其中的內容復制到海報中。為節約磁盤空間，之后還可以關閉使用過的素材文件。為了避免停電等意外情況造成文件丟失或損壞，從而無法再次打開，編輯文檔后，可以通過“存儲”命令存儲文件，具體操作如下。

（1）選擇【文件】/【打開】命令或按【Ctrl+O】快捷鍵，打開“打開”對話框，按住【Ctrl】鍵依次單擊選擇“處暑文案.ai”和“西瓜插畫.ai”文件，單擊按鈕，如圖1-36所示。

（2）打開“處暑文案.ai”和“西瓜插畫.ai”文件，單擊標題欄中的“處暑文案”標簽，切換到該文件，按【Ctrl+A】快捷鍵全選文件內容，按【Ctrl+C】快捷鍵復制文件內容。

（3）單擊“處暑文案”標簽右側的按鈕，關閉該文件，如圖1-37所示。

（4）單擊“節氣海報”標簽，切換到該文件，按【Ctrl+V】快捷鍵粘貼文案，按住【Shift】鍵不放并拖曳四角的控制點以調整其大小，如圖1-38所示。

（5）單擊“西瓜插畫”標簽，切換到該文件，此時文件顯示比例過小，選擇工具箱中的“縮放工具”，并將鼠標指針移動到西瓜插畫中心，單擊以放大畫面內容，如圖1-39所示。

（6）重復步驟（2）～（4），將西瓜插畫添加到“節氣海報.ai”文件中，如圖1-40所示。

（7）選擇【文件】/【存儲】命令，首次執行“存儲”命令，將打開“存儲為”對話框，設置文件的存儲位置、名稱和存儲類型，單擊按鈕完成存儲，如圖1-41所示。

4. 新建畫板

為方便同時展示多張節氣海報，可以將多張節氣海報放置在一個文件的不同畫板中。米拉考慮在當前文件中新建一個畫板，用于設計“白露”節氣海報，具體操作如下。

（1）選擇“畫板工具”，在控制欄中單擊“新建畫板”按鈕，新建一個相同大小的畫板，如圖1-42所示。

（2）選擇【文件】/【置入】命令，打開“置入”對話框，選擇“白露背景.jpg”素材，取消選中“鏈接”復選框，單擊按鈕；沿著畫板2拖曳鼠標以繪制置入背景素材的區域，打開并復制“白露文案.ai”文件的內容到畫板2，效果如圖1-43所示。

5. 導出、存儲與關閉文件

完成設計工作后，為了方便查看效果，米拉將海報導出為JPEG格式的文件，存儲并關閉源文件，便于下次打開或修改，具體操作如下。

（1）選擇【文件】/【導出】/【導出為】命令，打開“導出”對話框，選擇導出路徑，設置導出文件的保存類型為“JPEG（*.JPG）”，單擊按鈕，如圖1-44所示。

（2）此時將自動打開“JPEG選項”對話框，單擊按鈕，如圖1-45所示。

（3）選擇【文件】/【存儲】命令或按【Ctrl+S】快捷鍵存儲文件。選擇【文件】/【關閉】命令或按【Ctrl+W】快捷鍵關閉文件。

課堂練習 設計“立夏”節氣海報

立夏，表示告別春天，迎來夏天。本練習要求讀者利用文件的新建、置入、打開、關閉等操作來設計一張“立夏”節氣海報，要求海報寬度為“1242px”、高度為“2208px”，參考效果如圖1-46所示。在“立夏”節氣海報設計中，采用了該節氣特有的景色，包括荷葉、水池、荷花等元素，與文案“既然春風留不住　莫負夏花盛開時”呼應，清新的綠色和藍色又暗示著夏季的到來。