- 邊做邊學:InDesign CS6排版藝術案例教程(微課版)
- 俞侃 李響
- 4011字
- 2019-10-23 16:34:22
2.1 繪制兔子頭像
2.1.1 【案例分析】
圖標是具有時代意義且具有標識性質的圖形,它不僅是一種圖形,更是一種標識,它具有高度濃縮并快捷傳達信息、便于記憶的特性。圖標的應用范圍極為廣泛,如網頁上及公共場合無所不在,為生活提供了極大的便利。
2.1.2 【設計理念】
在設計思路上,由橢圓形、矩形等簡單幾何體構成,通過調整大小及顏色的搭配,形成一個卡通頭像。造型簡潔可愛,易于分辨和記憶。最終效果參看云盤中的“Ch02>效果>繪制兔子頭像”,如圖2-1所示。

圖2-1
2.1.3 【案例操作】
步驟1 選擇“文件>新建>文檔”命令,彈出“新建文檔”對話框,設置如圖2-2所示。單擊“邊距和分欄”按鈕,彈出“新建邊距和分欄”對話框,設置如圖2-3所示。單擊“確定”按鈕,新建一個頁面。選擇“視圖>其他>隱藏框架邊緣”命令,將所繪制圖形的框架邊緣隱藏。

圖2-2

圖2-3
步驟2 選擇“橢圓”工具,在頁面中繪制橢圓形,如圖2-4所示,填充圖形為白色,并設置描邊色的CMYK值為0、100、100、30,填充描邊,效果如圖2-5所示。
步驟3 選擇“窗口>描邊”命令,彈出“描邊”面板,選項的設置如圖2-6所示,描邊效果如圖2-7所示。

圖2-4

圖2-5

圖2-6

圖2-7
步驟4 選擇“橢圓”工具,在適當的位置繪制橢圓形,如圖2-8所示,設置圖形填充色的CMYK值為0、100、100、0,填充圖形;并設置描邊色的CMYK值為0、100、100、30,填充描邊,效果如圖2-9所示。在“控制”面板中將“描邊粗細”選項
設為3點,按Enter鍵,效果如圖2-10所示。

圖2-8

圖2-9

圖2-10
步驟5 選擇“選擇”工具,選取圖形,按住Alt鍵的同時,向右拖曳圖形到適當的位置,復制圖形,效果如圖2-11所示。單擊“控制”面板中的“水平翻轉”按鈕
,水平翻轉圖形,效果如圖2-12所示。
步驟6 保持圖形的選取狀態,按住Shift鍵的同時,向內拖曳控制手柄調整圖形的大小,效果如圖2-13所示。按住Shift鍵的同時,選取原圖形,按Ctrl+[組合鍵,將圖形后移一層,效果如圖2-14所示。
步驟7 選擇“橢圓”工具,在適當的位置繪制橢圓形,如圖2-15所示。設置圖形填充色的CMYK值為0、13、35、0,填充圖形;并設置描邊色的CMYK值為0、100、100、30,在“控制”面板中將“描邊粗細”選項
設為4點,按Enter鍵,效果如圖2-16所示。

圖2-11

圖2-12

圖2-13

圖2-14

圖2-15

圖2-16
步驟8 雙擊“多邊形”工具,彈出“多邊形設置”對話框,選項的設置如圖2-17所示。單擊“確定”按鈕。按住Shift鍵的同時,在適當的位置繪制五角星,如圖2-18所示。

圖2-17
步驟9 保持圖形選取狀態,設置圖形填充色的CMYK值為0、100、100、0,填充圖形,并設置描邊色為無,效果如圖2-19所示。選擇“選擇”工具,選取圖形,按住Alt鍵的同時,向右拖曳圖形到適當的位置,復制圖形,并調整其大小,效果如圖2-20所示。

圖2-18

圖2-19

圖2-20
步驟10 雙擊“多邊形”工具,彈出“多邊形設置”對話框,選項的設置如圖2-21所示。單擊“確定”按鈕。按住Shift鍵的同時,在適當的位置繪制六邊形,如圖2-22所示。

圖2-21

圖2-22
步驟11 保持圖形選取狀態,設置圖形填充色的CMYK值為0、0、100、0,填充圖形;并設置描邊色的CMYK值為0、100、100、30,填充描邊,效果如圖2-23所示。在“控制”面板中將“描邊粗細”選項設為3點,按Enter鍵,效果如圖2-24所示。
步驟12 選擇“橢圓”工具,在適當的位置繪制橢圓形,如圖2-25所示。選擇“矩形”工具
,在適當的位置繪制矩形,如圖2-26所示。

圖2-23

圖2-24

圖2-25

圖2-26
步驟13 選擇“選擇”工具,按住Shift鍵的同時,將所繪制的圖形同時選取,如圖2-27所示。選擇“對象>路徑查找器>減去”命令,生成新的對象,效果如圖2-28所示。設置圖形填充色的CMYK值為0、100、100、30,填充圖形,并設置描邊色為無,效果如圖2-29所示。

圖2-27

圖2-28

圖2-29
步驟14 選擇“矩形”工具,在適當的位置繪制矩形,填充圖形為白色,并設置描邊色為無,效果如圖2-30所示。選擇“選擇”工具
,按住Alt+Shift組合鍵的同時,水平向右拖曳圖形到適當的位置,復制圖形,效果如圖2-31所示。
步驟15 選擇“橢圓”工具,按住Shift鍵的同時,在適當的位置繪制圓形,設置圖形填充色的CMYK值為0、100、100、30,填充圖形,并設置描邊色為無,效果如圖2-32所示。

圖2-30

圖2-31

圖2-32
步驟1 6選擇“選擇”工具,按住Alt+Shift組合鍵的同時,水平向右拖曳圖形到適當的位置,復制圖形,效果如圖2-33所示。選擇“橢圓”工具
,在適當的位置繪制橢圓形,設置圖形填充色的CMYK值為0、60、35、0,填充圖形,并設置描邊色為無,效果如圖2-34所示。選擇“選擇”工具
,按住Alt+Shift組合鍵的同時,水平向右拖曳圖形到適當的位置,復制圖形,效果如圖2-35所示。

圖2-33

圖2-34

圖2-35
2.1.4 【相關知識】
1. 矩形和正方形
◎使用鼠標直接拖曳繪制矩形
選擇“矩形”工具,鼠標指針會變成
形狀,按下鼠標左鍵,拖曳到合適的位置,如圖2-36所示,松開鼠標左鍵,繪制出一個矩形,如圖2-37所示。指針的起點與終點處決定著矩形的大小。按住Shift鍵的同時,再進行繪制,可以繪制出一個正方形,如圖2-38所示。

圖2-36

圖2-37

圖2-38
按住Shift+Alt組合鍵的同時,在繪圖頁面中拖曳鼠標指針,以當前點為中心繪制正方形。
◎使用對話框精確繪制矩形
選擇“矩形”工具,在頁面中單擊,彈出“矩形”對話框,在對話框中可以設定所要繪制矩形的寬度和高度。
設置需要的數值,如圖2-39所示,單擊“確定”按鈕,在頁面單擊處出現需要的矩形,如圖2-40所示。

圖2-39

圖2-40
◎使用角選項制作矩形角的變形
選擇“選擇”工具,選取繪制好的矩形,選擇“對象>角選項”命令,彈出“角選項”對話框。在“轉角大小”文本框中輸入值以指定角效果到每個角點的擴展半徑,在“形狀”選項中分別選取需要的角形狀,單擊“確定”按鈕,效果如圖2-41所示。

圖2-41
◎使用直接拖曳制作矩形角的變形
選擇“選擇”工具,選取繪制好的矩形,如圖2-42所示,在矩形的黃色點上單擊,如圖2-43所示,上、下、左、右四個點處于可編輯狀態,如圖2-44所示,向內拖曳其中任意的一個點,如圖2-45所示,可對矩形角進行變形,松開鼠標,效果如圖2-46所示。按住Alt鍵的同時,單擊任意一個黃色點,可在5種角中交替變形,如圖2-47所示。按住Alt+Shift組合鍵的同時,單擊其中的一個黃色點,可使選取的點在5種角中交替變形,如圖2-48所示。

圖2-42

圖2-43

圖2-44

圖2-45

圖2-46

圖2-47

圖2-48
2. 橢圓形和圓形
◎使用鼠標直接拖曳繪制橢圓形
選擇“橢圓”工具,鼠標指針會變成
形狀,按下鼠標左鍵,拖曳到合適的位置,如圖2-49所示,松開鼠標左鍵,繪制出一個橢圓形,如圖2-50所示。指針的起點與終點處決定著橢圓形的大小和形狀。按住Shift鍵的同時,再進行繪制,可以繪制出一個圓形,如圖2-51所示。
按住Alt+Shift組合鍵的同時,將在繪圖頁面中以當前點為中心繪制圓形。

圖2-49

圖2-50

圖2-51
◎使用對話框精確繪制橢圓形
選擇“橢圓”工具,在頁面中單擊,彈出“橢圓”對話框,在對話框中可以設定所要繪制橢圓的寬度和高度。
設置需要的數值,如圖2-52所示,單擊“確定”按鈕,在頁面單擊處出現需要的橢圓形,如圖2-53所示。

圖2-52

圖2-53
橢圓形和圓形可以應用角效果,但是不會有任何變化,因其沒有拐點。
3. 多邊形
◎使用鼠標直接拖曳繪制多邊形
選擇“多邊形”工具,鼠標指針會變成
形狀。按下鼠標左鍵,拖曳到適當的位置,如圖2-54所示,松開鼠標左鍵,繪制出一個多邊形,如圖2-55所示。指針的起點與終點處決定著多邊形的大小和形狀。軟件默認的邊數值為6。按住Shift鍵的同時,再進行繪制,可以繪制出一個正多邊形,如圖2-56所示。

圖2-54

圖2-55

圖2-56
按住Alt+Shift組合鍵的同時,將在繪圖頁面中以當前點為中心繪制正多邊形。
◎使用對話框精確繪制多邊形
雙擊“多邊形”工具,彈出“多邊形設置”對話框,在“邊數”選項中,可以通過改變數值框中的數值或單擊微調按鈕來設置多邊形的邊數。設置需要的數值,如圖2-57所示,單擊“確定”按鈕,在頁面中拖曳鼠標,繪制出需要的多邊形,如圖2-58所示。
選擇“多邊形”工具,在頁面中單擊,彈出“多邊形”對話框,在對話框中可以設置所要繪制的多邊形的寬度、高度和邊數。設置需要的數值,如圖2-59所示,單擊“確定”按鈕,在頁面單擊處出現需要的多邊形,如圖2-60所示。

圖2-57

圖2-58

圖2-59

圖2-60
◎使用角選項制作多邊形角的變形
選擇“選擇”工具,選取繪制好的多邊形,選擇“對象>角選項”命令,彈出“角選項”對話框,在“形狀”選項中分別選取需要的角效果,單擊“確定”按鈕,效果如圖2-61所示。

圖2-61
4. 星形
◎使用多邊形工具繪制星形
雙擊“多邊形”工具,彈出“多邊形設置”對話框,在“邊數”選項中,可以通過改變數值框中的數值或單擊微調按鈕來設置多邊形的邊數;在“星形內陷”選項中,可以通過改變數值框中的數值或單擊微調按鈕來設置多邊形尖角的銳化程度。
設置需要的數值,如圖2-62所示,單擊“確定”按鈕,在頁面中拖曳鼠標指針,繪制出需要的五角形,如圖2-63所示。

圖2-62

圖2-63
選擇“多邊形”工具,在頁面中單擊,彈出“多邊形”對話框,在對話框中可以設置所要繪制星形的寬度和高度、邊數和星形內陷。
設置需要的數值,如圖2-64所示,單擊“確定”按鈕,在頁面單擊處出現需要的八角形,如圖2-65所示。

圖2-64

圖2-65
◎使用角選項制作星形角的變形
選擇“選擇”工具,選取繪制好的星形,選擇“對象>角選項”命令,彈出“角選項”對話框,在“效果”選項中分別選取需要的角效果,單擊“確定”按鈕,效果如圖2-66所示。

圖2-66
5. 形狀之間的轉換
◎使用菜單欄進行形狀之間的轉換
選擇“選擇”工具,選取需要轉換的圖形,選擇“對象>轉換形狀”命令,在彈出的子菜單中包括矩形、圓角矩形、斜角矩形、反向圓角矩形、橢圓、三角形、多邊形、線條和正交直線命令,如圖2-67所示。
選擇“選擇”工具,選取需要轉換的圖形,選擇“對象>轉換形狀”命令,分別選擇其子菜單中的命令,效果如圖2-68所示。

圖2-67

圖2-68
提示 若原圖為線條,是不能和其他形狀轉換的。
◎使用面板在形狀之間轉換
選擇“選擇”工具,選取需要轉換的圖形,選擇“窗口>對象和版面>路徑查找器”命令,彈出“路徑查找器”面板,如圖2-69所示。單擊“轉換形狀”選項組中的按鈕,可在形狀之間互相轉換。

圖2-69
2.1.5 【實戰演練】繪制圖標
使用矩形工具、角選項命令和漸變色板工具制作圓角矩形;使用橢圓工具和描邊粗細選項繪制圓形;使用復制命令和原位粘貼命令復制粘貼圖形;使用矩形工具、X切變角度選項、垂直翻轉按鈕和再制命令制作箭頭圖形。最終效果參看云盤中的“Ch02>效果>繪制圖標”,如圖2-70所示。

圖2-70