在Illustrator中製作一個程式化的圖形

01 19

在Illustrator中使用照片製作程式化圖形

文字和圖片©Sandra Trainor

在本教程中,我將使用Illustrator製作帶有單色配色方案的程式化圖形,這僅僅意味著我將只使用具有各種色調的一種顏色。 完成後,我將使用多種顏色製作第二個版本的圖形。 我將追踪照片,使用鋼筆工具創建輪廓各種色調的形狀,然後用顏色填充我的形狀,並重新排列圖層 。 完成後,我將擁有同一圖形的兩個版本,以及更多的技巧。

儘管我使用的是Illustrator CS6 ,但您應該能夠遵循任何相當新的版本。 只需右鍵點擊下面的鏈接將練習文件保存到您的計算機上,然後在Illustrator中打開該文件。 要用新名稱保存文件,請選擇“文件”>“另存為”,將文件重命名為“ice_skates”,製作文件格式為Adobe Illustrator,然後單擊“保存”。

下載練習文件:st_ai-stylized_practice_file.png

02之19

大小畫板

文字和圖片©Sandra Trainor

我想把照片中的那雙溜冰鞋變成一個程式化的圖形。 我選擇這張照片是因為它具有很好的色調範圍,這對於我將要製作的那種圖形非常重要。

在“工具”面板中,我將選擇Artboard工具,然後單擊其中一個角Arboard手柄,並將其拖到照片的邊緣內。 我將使用相反的手柄,然後按退出鍵退出編輯畫板模式。

03之19

轉換為灰度

文字和圖片©Sandra Trainor

要選擇照片,我將從“工具”面板中選擇“選擇”工具,然後單擊照片上的任意位置。 然後,我將選擇“編輯”>“編輯顏色”>“轉換為灰度”。 這將使照片變成黑白色,這將更容易區分不同的色調。

04之19

照片變暗

文字和圖片©Sandra Trainor

在圖層面板中,我將雙擊圖層。 這將打開“圖層選項”對話框。 我將點擊模板和暗淡圖像,然後輸入50%並點擊確定。 照片會變暗,這將使我能夠更好地看到我很快將在照片上畫的線條。

05的19

重命名圖層

文字和圖片©Sandra Trainor

在“圖層”面板中,我將點擊第1層,這會給我一個文本字段以輸入新名稱。 我將輸入名稱“模板”。 接下來,我將點擊Create a New Layer按鈕。 默認情況下,新圖層被命名為“圖層2”。 我將點擊該名稱,然後在文本字段中輸入“Dark Tones”。

06的19

刪除填充和描邊顏色

文字和圖片©Sandra Trainor

選擇暗色調圖層後,我將點擊位於工具面板中的鋼筆工具。 在“工具”面板中還有“填充”和“描邊”框。 我將點擊填充框和下面的None按鈕,然後點擊Stroke框和None按鈕。

07的19

跟踪黑暗的色調

文字和圖片©Sandra Trainor

仔細觀察會幫助我更準確地追踪。 要放大,我可以選擇視圖>放大,單擊主窗口左下角的小箭頭以選擇縮放級別,或者使用縮放工具。

使用鋼筆工具,我將圍繞最黑暗的音調繪製形狀。 我將從構成前面溜冰鞋鞋底和鞋跟形狀的深色調開始。 現在,我會忽略這個形狀內的淺色調。 我也不會注意溜冰鞋後面的牆。

如果您是使用鋼筆工具的新手,它位於“工具”面板中,並通過單擊來創建點。 兩個或更多點創建一條路徑。 如果你想要一個彎曲的路徑,點擊並拖動。 控制可以用來編輯曲線路徑的手柄。 只需點擊一個句柄的末尾並移動它即可進行調整。 讓你的第一點的最後一點連接兩個並創建一個形狀。 使用鋼筆工具需要一些習慣,但通過練習變得更容易。

08的19

選擇路徑

文字和圖片©Sandra Trainor

我會繼續跟踪所有黑色的形狀,比如後面部分顯露的滑冰鞋底和許多小孔。 然後,在圖層面板中,我將點擊Dark Tones圖層的目標圓。 這將選擇我為此圖層繪製的所有路徑。

19的19

應用深色填充

文字和圖片©Sandra Trainor

在“圖層”面板中選中“暗色調”圖層後,我將雙擊“工具”面板中的“填充”框,這將打開拾色器。 要顯示非常暗的藍色,我將輸入RGB值字段0,0和51.單擊確定後,形狀將填充此顏色。

在圖層面板中,我將點擊黑暗色調圖層左側的眼睛圖標,使其不可見。

10之19

跟踪中間音調

文字和圖片©Sandra Trainor

我將創建另一個圖層並將其命名為“中間色調”。 這個新圖層應該被選中,並且位於“圖層”面板的其餘圖層之上。 如果沒有,我需要點擊並拖拽到位。

隨著鋼筆工具仍被選中,我將點擊填充框和無按鈕。 然後,我會以跟踪所有暗色調的方式跟踪所有中間色調。 在這張照片中,刀片似乎是中間色調,也是腳後跟和一些陰影的一部分。 我將使用我的“藝術執照”使鉤子附近的陰影變小。 而且,我會忽略諸如拼接和磨損痕蹟等小細節。

一旦我完成了中間色調的追踪,我將點擊Middle Tones圖層的目標圓圈。

11之19

應用中間色填充

文字和圖片©Sandra Trainor

選擇中間色調圖層並繪製路徑後,我將雙擊工具面板中的填充框。 在拾色器中,我將輸入RGB值字段102,102和204.這會給我一個藍色的中間色調。 然後,我將點擊確定。

我將點擊Middle Tones圖層的眼睛圖標。 現在,Dark Tones圖層和Middle Tones圖層都應該是不可見的。

12之19

跟踪輕音

文字和圖片©Sandra Trainor

這張照片中有淺色調和淡淡的色調。 非常淺的色調稱為高光。 現在,我會忽略亮點並專注於淺色調。

在圖層面板中,我將創建另一個新圖層並將其命名為“淺色調”。 然後,我將點擊並拖動此圖層使其位於黑暗色調圖層和模板圖層之間。

隨著鋼筆工具仍被選中,我將點擊填充框和無按鈕。 然後,我會以跟踪黑暗和中間色調的相同方式跟踪淺色調。 淺色調似乎是靴子和鞋帶,可以通過這種方式繪製出一個大的形狀。

13的19

應用淺色填充

文字和圖片©Sandra Trainor

在“圖層”面板中,我將確保選擇“淺色調”圖層以及繪製的路徑。 然後,我將雙擊工具面板中的填充框,在拾色器中,我將輸入RGB值字段204,204和255.這會給我一個藍色的中間色調。 然後,我將點擊確定。

我將點擊Light Tones圖層的眼睛圖標,使其不可見。

14之19

跟踪亮點

文字和圖片©Sandra Trainor

亮點是物體或主體中強光照射的幾個最亮的白色部分。

在圖層面板中,我將創建另一個新圖層並將其命名為“精彩集錦”。 這層應該坐在其餘的上方。 如果沒有,我可以點擊並拖拽到位。

選擇新的“亮點”圖層後,我將點擊“鋼筆”工具並再次將填充框設置為“無”。 我會跟踪純白色或高亮區域。

15的19

應用白色填充

文字和圖片©Sandra Trainor

選擇繪製的路徑後,我將雙擊工具面板中的填充框,這將打開拾色器。 我將輸入RGB值字段255,255和255.當我單擊確定時,形狀將填充純白色。

19的16

查看組合圖層

文字和圖片©Sandra Trainor

現在來了有趣的部分,這是揭示所有圖層,並看到繪製形狀一起工作,形成一個圖像。 在圖層面板中,我將點擊每個空白框,在那裡有一個眼睛圖標來顯示圖標並使圖層可見。 為確保所有圖層都被取消選中,我將點擊“工具”面板中的“選擇”工具,然後單擊畫布。

17之19

製作廣場

文字和圖片©Sandra Trainor

由於我已完成追踪,現在可以刪除模板。 在圖層面板中,我將點擊模板圖層,然後點擊小刪除選擇按鈕,看起來像一個小垃圾桶。

要製作正方形,我將從“工具”面板中選擇矩形工具,雙擊填充框,然後在拾色器中為RGB值輸入51,51和153,然後單擊確定。 然後,當我點擊並拖動以創建圍繞溜冰鞋的正方形時,我將按住Shift鍵。

18 19

調整畫板大小

文字和圖片©Sandra Trainor
我將點擊Artboard工具並通過向內移動手柄調整Arboard的大小,直到它與廣場的尺寸相同。 我將按Escape鍵退出畫板模式,選擇File,Save,我就完成了! 我現在有一個使用單色配色方案的程式化圖形。 要製作使用更多顏色的版本,請繼續下一步。

19的19

製作另一個版本

文字和圖片©Sandra Trainor

很容易製作同一圖形的不同版本。 要製作使用更多顏色的版本,我將選擇“文件”>“另存為”,然後重命名文件。 我將它命名為“ice_skates_color”,然後點擊保存。 這將保留我原來保存的版本,並允許我對這個新保存的版本進行更改。

我希望Highlights圖層保持不變,因此我將單獨保留該圖層並單擊Light Tones圖層的目標圓。 然後,我將雙擊填充框,然後在拾色器中將顏色滑塊向下移動到顏色光譜欄,直到它到達黃色區域,然後單擊確定。 我將以相同的方式對中間色調層和暗色調層進行更改; 為每個選擇不同的顏色。 完成後,我將選擇“文件”>“保存”。 我現在有第二個版本,只需重複上述步驟即可創建第三個,第四個等。