01 19
在Illustrator中使用照片製作程式化圖形
在本教程中,我將使用Illustrator製作帶有單色配色方案的程式化圖形,這僅僅意味著我將只使用具有各種色調的一種顏色。 完成後,我將使用多種顏色製作第二個版本的圖形。 我將追踪照片,使用鋼筆工具創建輪廓各種色調的形狀,然後用顏色填充我的形狀,並重新排列圖層 。 完成後,我將擁有同一圖形的兩個版本,以及更多的技巧。
儘管我使用的是Illustrator CS6 ,但您應該能夠遵循任何相當新的版本。 只需右鍵點擊下面的鏈接將練習文件保存到您的計算機上,然後在Illustrator中打開該文件。 要用新名稱保存文件,請選擇“文件”>“另存為”,將文件重命名為“ice_skates”,製作文件格式為Adobe Illustrator,然後單擊“保存”。
下載練習文件:st_ai-stylized_practice_file.png
02之19
大小畫板
我想把照片中的那雙溜冰鞋變成一個程式化的圖形。 我選擇這張照片是因為它具有很好的色調範圍,這對於我將要製作的那種圖形非常重要。
在“工具”面板中,我將選擇Artboard工具,然後單擊其中一個角Arboard手柄,並將其拖到照片的邊緣內。 我將使用相反的手柄,然後按退出鍵退出編輯畫板模式。
03之19
轉換為灰度
要選擇照片,我將從“工具”面板中選擇“選擇”工具,然後單擊照片上的任意位置。 然後,我將選擇“編輯”>“編輯顏色”>“轉換為灰度”。 這將使照片變成黑白色,這將更容易區分不同的色調。
04之19
照片變暗
在圖層面板中,我將雙擊圖層。 這將打開“圖層選項”對話框。 我將點擊模板和暗淡圖像,然後輸入50%並點擊確定。 照片會變暗,這將使我能夠更好地看到我很快將在照片上畫的線條。
05的19
重命名圖層
在“圖層”面板中,我將點擊第1層,這會給我一個文本字段以輸入新名稱。 我將輸入名稱“模板”。 接下來,我將點擊Create a New Layer按鈕。 默認情況下,新圖層被命名為“圖層2”。 我將點擊該名稱,然後在文本字段中輸入“Dark Tones”。
06的19
刪除填充和描邊顏色
選擇暗色調圖層後,我將點擊位於工具面板中的鋼筆工具。 在“工具”面板中還有“填充”和“描邊”框。 我將點擊填充框和下面的None按鈕,然後點擊Stroke框和None按鈕。
07的19
跟踪黑暗的色調
仔細觀察會幫助我更準確地追踪。 要放大,我可以選擇視圖>放大,單擊主窗口左下角的小箭頭以選擇縮放級別,或者使用縮放工具。
使用鋼筆工具,我將圍繞最黑暗的音調繪製形狀。 我將從構成前面溜冰鞋鞋底和鞋跟形狀的深色調開始。 現在,我會忽略這個形狀內的淺色調。 我也不會注意溜冰鞋後面的牆。
如果您是使用鋼筆工具的新手,它位於“工具”面板中,並通過單擊來創建點。 兩個或更多點創建一條路徑。 如果你想要一個彎曲的路徑,點擊並拖動。 控制可以用來編輯曲線路徑的手柄。 只需點擊一個句柄的末尾並移動它即可進行調整。 讓你的第一點的最後一點連接兩個並創建一個形狀。 使用鋼筆工具需要一些習慣,但通過練習變得更容易。
08的19
選擇路徑
我會繼續跟踪所有黑色的形狀,比如後面部分顯露的滑冰鞋底和許多小孔。 然後,在圖層面板中,我將點擊Dark Tones圖層的目標圓。 這將選擇我為此圖層繪製的所有路徑。
19的19
應用深色填充
在“圖層”面板中選中“暗色調”圖層後,我將雙擊“工具”面板中的“填充”框,這將打開拾色器。 要顯示非常暗的藍色,我將輸入RGB值字段0,0和51.單擊確定後,形狀將填充此顏色。
在圖層面板中,我將點擊黑暗色調圖層左側的眼睛圖標,使其不可見。
10之19
跟踪中間音調
我將創建另一個圖層並將其命名為“中間色調”。 這個新圖層應該被選中,並且位於“圖層”面板的其餘圖層之上。 如果沒有,我需要點擊並拖拽到位。
隨著鋼筆工具仍被選中,我將點擊填充框和無按鈕。 然後,我會以跟踪所有暗色調的方式跟踪所有中間色調。 在這張照片中,刀片似乎是中間色調,也是腳後跟和一些陰影的一部分。 我將使用我的“藝術執照”使鉤子附近的陰影變小。 而且,我會忽略諸如拼接和磨損痕蹟等小細節。
一旦我完成了中間色調的追踪,我將點擊Middle Tones圖層的目標圓圈。
11之19
應用中間色填充
選擇中間色調圖層並繪製路徑後,我將雙擊工具面板中的填充框。 在拾色器中,我將輸入RGB值字段102,102和204.這會給我一個藍色的中間色調。 然後,我將點擊確定。
我將點擊Middle Tones圖層的眼睛圖標。 現在,Dark Tones圖層和Middle Tones圖層都應該是不可見的。
12之19
跟踪輕音
這張照片中有淺色調和淡淡的色調。 非常淺的色調稱為高光。 現在,我會忽略亮點並專注於淺色調。
在圖層面板中,我將創建另一個新圖層並將其命名為“淺色調”。 然後,我將點擊並拖動此圖層使其位於黑暗色調圖層和模板圖層之間。
隨著鋼筆工具仍被選中,我將點擊填充框和無按鈕。 然後,我會以跟踪黑暗和中間色調的相同方式跟踪淺色調。 淺色調似乎是靴子和鞋帶,可以通過這種方式繪製出一個大的形狀。
13的19
應用淺色填充
在“圖層”面板中,我將確保選擇“淺色調”圖層以及繪製的路徑。 然後,我將雙擊工具面板中的填充框,在拾色器中,我將輸入RGB值字段204,204和255.這會給我一個藍色的中間色調。 然後,我將點擊確定。
我將點擊Light Tones圖層的眼睛圖標,使其不可見。
14之19
跟踪亮點
亮點是物體或主體中強光照射的幾個最亮的白色部分。
在圖層面板中,我將創建另一個新圖層並將其命名為“精彩集錦”。 這層應該坐在其餘的上方。 如果沒有,我可以點擊並拖拽到位。
選擇新的“亮點”圖層後,我將點擊“鋼筆”工具並再次將填充框設置為“無”。 我會跟踪純白色或高亮區域。
15的19
應用白色填充
選擇繪製的路徑後,我將雙擊工具面板中的填充框,這將打開拾色器。 我將輸入RGB值字段255,255和255.當我單擊確定時,形狀將填充純白色。
19的16
查看組合圖層
現在來了有趣的部分,這是揭示所有圖層,並看到繪製形狀一起工作,形成一個圖像。 在圖層面板中,我將點擊每個空白框,在那裡有一個眼睛圖標來顯示圖標並使圖層可見。 為確保所有圖層都被取消選中,我將點擊“工具”面板中的“選擇”工具,然後單擊畫布。
17之19
製作廣場
由於我已完成追踪,現在可以刪除模板。 在圖層面板中,我將點擊模板圖層,然後點擊小刪除選擇按鈕,看起來像一個小垃圾桶。
要製作正方形,我將從“工具”面板中選擇矩形工具,雙擊填充框,然後在拾色器中為RGB值輸入51,51和153,然後單擊確定。 然後,當我點擊並拖動以創建圍繞溜冰鞋的正方形時,我將按住Shift鍵。
18 19
調整畫板大小
我將點擊Artboard工具並通過向內移動手柄調整Arboard的大小,直到它與廣場的尺寸相同。 我將按Escape鍵退出畫板模式,選擇File,Save,我就完成了! 我現在有一個使用單色配色方案的程式化圖形。 要製作使用更多顏色的版本,請繼續下一步。19的19
製作另一個版本
很容易製作同一圖形的不同版本。 要製作使用更多顏色的版本,我將選擇“文件”>“另存為”,然後重命名文件。 我將它命名為“ice_skates_color”,然後點擊保存。 這將保留我原來保存的版本,並允許我對這個新保存的版本進行更改。
我希望Highlights圖層保持不變,因此我將單獨保留該圖層並單擊Light Tones圖層的目標圓。 然後,我將雙擊填充框,然後在拾色器中將顏色滑塊向下移動到顏色光譜欄,直到它到達黃色區域,然後單擊確定。 我將以相同的方式對中間色調層和暗色調層進行更改; 為每個選擇不同的顏色。 完成後,我將選擇“文件”>“保存”。 我現在有第二個版本,只需重複上述步驟即可創建第三個,第四個等。