[ Illustrator教程 ] Illustrator教學：古典花紋圖案的設計製作- AI/CD教程 - 骨子愛創意

教學主題: Illustrator教程：古典花紋圖案的設計製作

大家好!! 小編今天來和大家分享關於 AI/CD教程中的Illustrator教程教學

今天的這個教學主題是: Illustrator教程：古典花紋圖案的設計製作

這教學的重點為這幾點 [ 圖案,古典,教程,圖形,旋轉,複製,調整,進行,工具,繪製, ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

本例為Illustrator工具綜合運用實例教程，主要學習運用AI的繪圖工具、顏色填充、漸變填充等常用工具設計並繪製出古典花紋圖案的過程，適合對Illustrator工具較熟悉的朋友學習。

先來看下最終效果：

一、繪製圖案中的花形

1、單擊工具箱中的“星形工具”按鈕，在頁面中單擊鼠標左鍵，彈出“星形”對話框，其參數設置如圖(1)

2、單擊“確定”按鈕，在頁面中繪製一個星形，星形的輪廓色設置為橘黃色(R：255，G：204)，如圖(2)

3、選取繪製的星形，然後將星形由下向上添加白色到紫色(R：152，G：2，B：126)的放射狀漸變色，添加漸變色后的圖形如圖(3)

4、單擊工具箱中的“轉換描點工具”按鈕，在星形的控制點上按下鼠標左鍵拖曳，此時將在控制點的兩側出現控制柄，狀態如圖(4)

5、拖曳鼠標到合適位置后釋放，在右側出現的控制柄上按下鼠標左鍵拖曳，將其中的一個控制柄進行調整，其控制柄的調整狀態如圖(5)

提示：當第一次在控制點上按下鼠標左鍵拖曳時，在控制點的兩側將出現兩個控制柄，任意拖曳鼠標的位置，出現的控制柄將始終以控制點為對稱點。當釋放鼠標，再次調整任意一個控制柄時，另一個控制柄將處於鎖定狀態。當對圖形調整后，再次在控制點上單擊鼠標時，調整后的控制點將還原為沒有調整時的形態。

6、調整右側的控制柄后，用同樣方法調整左側的控制柄，狀態如圖(6)所示

7、調整控制柄，將圖形進行變形后，單擊工具箱中的“直接選擇工具”按鈕，在圖形的另一個控制點上按下鼠標左鍵拖曳，狀態如圖(7)

8、移動控制點到合適位置后釋放鼠標，用同樣方法將圖形中的控制點依次調整，調整后的圖形形狀如圖(8)所示

9、單擊工具箱中的“橢圓工具”按鈕，在調整后的圖形上繪製一個橢圓形，輪廓色設置為橘黃色(R：255，G：204)，然後將橢圓形由下向上添加紅色 (R：255)到黃色(R：255，G：255)的線形漸變色，繪製出的橢圓形如圖(9)所示

10、繪製橢圓形后完成花瓣圖形的製作，將繪製的花瓣圖形選取，選取菜單欄中的“對象”/ “群組”命令，將花瓣圖形進行群組。

11、選取群組后的花瓣圖形，單擊工具箱中的“旋轉工具”按鈕，在花瓣圖形的下面位置單擊鼠標確定旋轉中心，調整后的旋轉中心如圖(10)

12、將光標放置在花瓣圖形上按下鼠標左鍵，再同時按住Shift+Alt鍵，拖曳鼠標將花瓣進行旋轉複製，其拖曳鼠標旋轉複製花瓣圖形狀態如圖(11)

提示：將花瓣進行旋轉時，按住Shift鍵，可以確保圖形旋轉時按照45°角的倍數進行旋轉，按住Alt鍵，可以確保圖形進行複製。當按住 Shift+Alt鍵將花瓣進行旋轉複製時，可以確保花瓣按照45°角的倍數進行旋轉複製。在旋轉複製時，首先按下鼠標，然後按鍵盤中的相應鍵才能夠確保按照一定的角度旋轉或複製圖形。

13、拖曳鼠標到合適位置后釋放，將花瓣進行旋轉複製，旋轉複製出的花瓣圖形如圖(12)

14、將花瓣圖形進行旋轉複製后，按住Ctrl鍵，然後連續按兩次D鍵，重複執行花瓣的旋轉複製操作，旋轉複製出如圖(13)所示的花形。

15、單擊工具箱中的“橢圓工具”按鈕，按住Shift鍵，在花形的中心位置繪製一個圓形，輪廓色設置為橘黃色(R：255，G：204)，然後添加白色到紫色(R：152，G：2，B：126)的放射狀漸變色，繪製出的圖形如圖(14)所示

二、繪製輔助圖形

1、單擊工具箱中的“鋼筆工具”按鈕，在頁面中連續單擊鼠標，繪製如圖(15)所示的路徑圖形，然後單擊“轉換描點工具”按鈕，將繪製的路徑圖形進行調整，調整后的圖形如圖(16)所示

2、將繪製的路徑調整后，將輪廓色設置為橘紅色(R：204，G：162，B：22)，並由下向上添加橘紅色(R：251，G：172，B：12)到綠色(R：24，G：141，B：54)到綠色(R：32，G：145，B：52)的放射狀漸變色，添加漸變色后的效果如圖(17)所示。

3、用同樣方法，選擇工具箱中的“鋼筆工具”和“轉描描點工具”，在圖形中繪製如圖(18)所示的圖形，並由下向上添加黃色(R：247，G：246，B：25)、橘紅色(R：247，G：186，B：14)綠色(R：22，G：138，B：54)的放射狀漸變色。

4、選擇工具箱中的“橢圓工具”和“轉換描點工具”，在圖形中繪製並調整出一個類似於橢圓的圖形，並由下向上添加黃色(R：247，G：246，B：25)到綠色(R：47，G：152，B：47)的放射狀漸變色(19)

5、選擇工具箱中的“鋼筆工具”和“轉換描點工具”，繪製並調整出如圖(20)所示的圖形，將輪廓色設置為橘紅色(R：204，G：162，B：22)，填充色設置為綠色(R：22，G：134，B：56，)

6、選取繪製完成的輔助圖形，雙擊工具箱中的“旋轉工具”按鈕，彈出“旋轉”對話框，其參數設置如圖(21)所示。

7、單擊“確定”按鈕，將選取的輔助圖形進行旋轉。

8、雙擊工具箱中的“反射工具”按鈕，彈出“反射”對話框，其參數設置如圖(22)所示

9、單擊“複製”按鈕，將輔助圖形進行反相複製。

10、單擊工具箱中的“選擇工具”按鈕，將反相複製后的輔助圖形向右移動，移動後圖形放置的位置如圖(23)所示

11、將輔助圖形與上面完成的花形組合，並通過菜單欄中的“對象”/“排列”/“排到最後面”命令進行位置的調整，圖形組合后的形態如圖(24)所示

12、將輔助圖形進行水平反相複製，並組合成如圖(25)所示的圖形

三、繪製圖案中的其他構件

1、按住Alt鍵，將上面繪製的其中一個輔助圖形複製，然後將其拉伸變形，並將花形內部的一個圖形進行漸變色修改，其輔助圖形調整操作分析如圖(26)所示

2、單擊工具箱中的“圓角矩形工具”按鈕，在調整后的輔助圖形下面繪製一個圓角矩形，並添加淡藍色(R：128，G：207，B：226)到深藍色(R：11，G：76，B：159)的放射狀漸變色，如圖(27)所示。

3、選擇工具箱中的“鋼筆工具”和“轉換描點工具”，繪製並調整出如圖(28)所示的圖形，填充色設置為深綠色(R：0，G：136，B：55)

4、選取調整后的圖形，選取菜單欄中的“對象”/“群組”命令，將圖形進行群組，然後將其與上面繪製完成的圖形組合。

5、單擊工具箱中的“旋轉工具”按鈕，在花形的中心位置單擊鼠標，確定旋轉中心點，添加的旋轉中心如圖(29)所示。

6、將光標放置在圖形上按下鼠標左鍵，再同時按住Shift+Alt鍵，拖曳將圖形進行旋轉複製，狀態如圖(30)所示。

7、拖曳鼠標到合適位置后釋放，將圖形進行旋轉複製，旋轉複製出的圖形如圖(31)所示。

8、將圖形進行旋轉複製后，按住Ctrl鍵，然後連續按兩次D鍵，重複執行圖形的旋轉複製操作，圖形旋轉複製后的形態如圖(32)所示。

9、用同樣方法，將圖形選取后再次進行旋轉複製，其旋轉複製圖形的操作步驟如圖(33)所示。

10、將圖形旋轉複製后，重複旋轉複製操作，完成如圖(34)所示的圖形。

四、製作圖案背景

1、單擊工具箱中的“矩形工具”按鈕，按住Shift鍵，在頁面中繪製一個正方形。

2、打開“圖形樣式”對話框，並選擇合適的圖形樣式，將矩形的填充色也進行相應的調整，其選擇的圖形樣式和調整的填充色如圖(35)所示。

貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit／Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

3、將繪製的正方形與上面繪製的圖形組合，並選取菜單樣中的“對象”/“排列”/“排到最後面”命令將正方形放置在圖形的後面，組合后的圖形效果如圖(36)所示。

4、將組合完成後的圖案中心位置的圖形複製一份，如圖(37)所示。

貼心提醒: 使用選框工具( Marquee Tools )的時候，按住Shift鍵可以劃出 正方形和正圓
的選區；按住Alt鍵將從起始點為中心勾劃選區。

5、將右下角的花形圖形選取后刪除，形態如圖(38)所示，然後將其放置到圖案中的左上角位置，如圖(39)所示。

6、雙擊工具箱的“放置工具”按鈕，彈出“旋轉”對話框，參數設置如圖(40)所示。

7、單擊“複製”按鈕，將選取的圖形進行放置複製，然後將複製出的圖形放置到哪圖(41)所示的位置。

8、用同樣方法，複製出下面兩個角上的圖形，如圖(42)所示。

9、選擇“鋼筆工具”和“轉換描點工具”，繪製並調整出如圖(43)所示的鳥形，圖形顏色填充為紫紅色(R：153，G：87，B：121)，輪廓為黃灰色(R：204，G：162，B：8)

10、將繪製的鳥形圖形進行群組後放置到畫面中，然後進行複製，完成圖案製作，其整體效果如圖(44)所示。

看完小編分享的教學之後 是不是對Illustrator教程中的AI/CD教程教學更熟悉了呢?

希望我們所介紹的 Illustrator教程：古典花紋圖案的設計製作 這教學會喜歡

文章標題: 骨子愛創意- Illustrator教程：古典花紋圖案的設計製作–轉載請註明來源處

本教學分類為Illustrator教程中的 AI/CD教程相關教學

文章相關關鍵字為: 圖案,古典,教程,圖形,旋轉,複製,調整,進行,工具,繪製,

本文永久連結 :Illustrator教程：古典花紋圖案的設計製作

本文轉載自 :VIA