《圖形圖像處理》項(xiàng)目實(shí)訓(xùn)07-《項(xiàng)目實(shí)訓(xùn)七 插畫繪制》實(shí)習(xí)指導(dǎo)

項(xiàng)目實(shí)訓(xùn)七：插畫繪制《圖形圖像處理》實(shí)習(xí)指導(dǎo)《清新卡通風(fēng)格插畫繪制》實(shí)習(xí)指導(dǎo)書清新卡通風(fēng)格插畫繪制本任務(wù)制作了一個(gè)完整的香水廣告，制作過程中使用Photoshop繪制了廣告中的模特與廣告中的花朵，屬于一個(gè)較典型的插畫風(fēng)格商業(yè)廣告作品。整個(gè)廣告的風(fēng)格比較清新，廣告人物的造型偏近于卡通風(fēng)格，廣告中的插畫能夠比較好地配合香水的特點(diǎn)表現(xiàn)廣告的主題。1.熟練掌握商業(yè)插畫設(shè)計(jì)與制作的過程與方法；2.了解什么是商業(yè)插畫，掌握商業(yè)插畫設(shè)計(jì)要點(diǎn)；3.能夠準(zhǔn)確把握插畫風(fēng)格，合理配色；4.掌握鋼筆工具、加深工具、減淡工具、圖層樣式在插畫設(shè)計(jì)中的綜合運(yùn)用方法與技巧。1.新建文件。按Ctrl+N鍵，在彈出的“新建”對話框中設(shè)置參數(shù)，如圖7-1所示。圖7-1新建文件2.新建一個(gè)圖層，得到“圖層1”，選擇“鋼筆工具”，在其工具選項(xiàng)欄中單擊“路徑”按鈕，繪制如圖7-2所示的路徑。圖7-2繪制路徑3.選擇前面繪制的路徑，按Ctrl+Enter鍵，將路徑轉(zhuǎn)換為選區(qū)，設(shè)置前景色為RGB（255，222，213），按Alt+Delete鍵，用前景色填充選區(qū)，效果如圖7-3所示。圖7-3填充選區(qū)4.選擇“鋼筆工具”，在人物的肩膀處繪制如圖7-4所示的路徑。圖7-4繪制路徑5.按Ctrl+Enter鍵，將路徑轉(zhuǎn)換為選區(qū)；選擇“加深工具”，在其工具選項(xiàng)欄中設(shè)置其“曝光度”值為8%，在選區(qū)內(nèi)進(jìn)行涂抹，如圖7-5所示。圖7-5繪制肩膀圖形6.按照步驟4～步驟5的制作方法，對人體其他部位也分別使用“加深工具”涂抹，得到圖7-6、圖7-7、圖7-8和圖7-9所示的效果。圖7-6繪制耳朵及頸部圖形圖7-7繪制頭部圖形圖7-8繪制身體部分圖形圖7-9繪制手部圖形7.選擇“鋼筆工具”，在人物的胳膊上繪制幾條如圖7-10所示的路徑。圖7-10繪制路徑8.新建一個(gè)圖層，得到“圖層2”，設(shè)置前景色為白色；選擇剛剛繪制的路徑，按Ctrl+Enter鍵，將路徑轉(zhuǎn)換為選區(qū)；按Alte+Delete鍵，填充前景色，如圖7-11所示。圖7-11繪制胳膊高光9.設(shè)置“圖層2”的混合模式為“柔光”；單擊“添加圖層蒙版”按鈕，設(shè)置前景色為黑色，選擇“畫筆工具”，在其工具選項(xiàng)欄中設(shè)置適當(dāng)?shù)漠嫻P大小與不透明度，分別對每個(gè)形狀的兩端進(jìn)行涂抹，得到如圖7-12所示的效果。圖7-12胳膊高光完善后的效果10.選擇“鋼筆工具”，在工具選項(xiàng)欄上單擊“路徑”按鈕，在人物的眼睛處繪制如圖7-13所示的路徑。圖7-13繪制路徑11.新建一個(gè)圖層，得到“圖層3”，設(shè)置前景色為黑色；選擇剛剛繪制的路徑，按Ctrl+Enter鍵，將路徑轉(zhuǎn)換為選區(qū)；按Alte+Delete鍵，填充前景色，如圖7-14所示。圖7-14填充選區(qū)后的效果12.選擇“鋼筆工具”，在工具選項(xiàng)欄上單擊“路徑”按鈕，在人物的眉毛處繪制如圖7-15所示的路徑。圖7-15繪制路徑13.新建一個(gè)圖層，得到“圖層4”，設(shè)置前景色為黑色；選擇剛剛繪制的路徑，按Ctrl+Enter鍵，將路徑轉(zhuǎn)換為選區(qū)；按Alte+Delete鍵，填充前景色；選擇“橡皮擦工具”，在其工具選項(xiàng)欄中設(shè)置適當(dāng)?shù)摹安煌该鞫取奔爱嫻P大小，對眉毛的左面部分進(jìn)行涂抹，得到如圖7-16所示的效果。圖7-16眉毛效果14.新建一個(gè)圖層，得到“圖層5”，設(shè)置前景色為RGB（224，241，250）；選擇“畫筆工具”，在其工具選項(xiàng)欄上設(shè)置“不透明度”值為50%、“流量”值為30%，并設(shè)置適當(dāng)?shù)漠嫻P大小，在人物的睫毛的上方進(jìn)行涂抹；設(shè)置前景色為RGB（189，208，212），在“畫筆工具”的工具選項(xiàng)欄中設(shè)置“不透明度”值為100%、“流量”值為100%，“畫筆大小”的半徑值為3px，在人物的眼睫毛上方繪制線條，效果如圖7-17所示。圖7-17用畫筆繪制后的效果15.新建一個(gè)圖層，得到“圖層6”，設(shè)置前景色為RGB（232，160，133），選擇“畫筆工具”，在其工具選項(xiàng)欄中設(shè)置“不透明度”值為50%、“流量”值為30%，并設(shè)置適當(dāng)?shù)漠嫻P大小，在人物的臉頰上進(jìn)行涂抹，效果如圖7-18所示。圖7-18臉頰涂抹后的效果16.選擇“鋼筆工具”，在工具選項(xiàng)欄上單擊“路徑”按鈕，在人物的臉頰上繪制如圖7-19所示的路徑。圖7-19繪制路徑17.新建一個(gè)圖層，得到“圖層7”，設(shè)置前景色為白色；選擇剛剛繪制的路徑，按Ctrl+Enter鍵，將路徑轉(zhuǎn)換為選區(qū)；按Alte+Delete鍵，填充前景色，設(shè)置“圖層7”的混合模式為“柔光”，效果如圖7-20所示。圖7-20填色并設(shè)置混合模式后的效果18.選擇“鋼筆工具”，在工具選項(xiàng)欄上單擊“路徑”按鈕，在人物嘴唇部分繪制如圖7-21所示的路徑。圖7-21繪制路徑19.新建一個(gè)圖層，得到“圖層8”，設(shè)置前景色為RGB（255，150，229）；選擇剛剛繪制的路徑，按Ctrl+Enter鍵，將路徑轉(zhuǎn)換為選區(qū)；按Alte+Delete鍵，填充前景色；選擇“加深工具”，在其工具選項(xiàng)欄中設(shè)置“曝光度”值為8%，對嘴唇的暗部進(jìn)行涂抹；選擇“減淡工具”，在其工具選項(xiàng)欄中設(shè)置“曝光度”值為8%，對嘴唇的高光進(jìn)行涂抹，效果如圖7-22所示。圖7-22嘴唇效果20.選擇“鋼筆工具”，在工具選項(xiàng)欄上單擊“路徑”按鈕，在人物的頭頂繪制如圖7-23所示的路徑。圖7-23繪制路徑21.新建一個(gè)圖層，得到“圖層9”，設(shè)置前景色為RGB（156，82，49）；選擇剛剛繪制的路徑，按Ctrl+Enter鍵，將路徑轉(zhuǎn)換為選區(qū)；按Alte+Delete鍵，填充前景色，效果如圖7-24所示。圖7-24填充選區(qū)后的效果22.按照步驟20～步驟21的制作方法，繪制路徑并填色，得到圖7-25和圖7-26所示的效果。圖7-25繪制頭發(fā)細(xì)節(jié)圖7-26繪制頭發(fā)細(xì)節(jié)23.選擇“鋼筆工具”，在工具選項(xiàng)欄上單擊“路徑”按鈕，在人物的胸部繪制如圖7-27所示的路徑。圖7-27繪制路徑24.新建一個(gè)圖層，得到“圖層10”，設(shè)置前景色為RGB（242，255，183）；選擇剛剛繪制的路徑，按Ctrl+Enter鍵，將路徑轉(zhuǎn)換為選區(qū)；按Alte+Delete鍵，填充前景色；選擇“加深工具”，在其工具選項(xiàng)欄中設(shè)置“范圍”為中間調(diào)、“曝光度”值為8%，在圖像的暗面進(jìn)行涂抹，效果如圖7-28所示。圖7-28填色并修飾后的效果25.繪制墻體。選擇“矩形選框工具”，繪制如圖7-29所示的矩形選區(qū)。圖7-29繪制矩形選區(qū)26.新建一個(gè)圖層，得到“圖層11”，并將其拖到所有圖層的下方，設(shè)置前景色為RGB（175，175，175），按Alt+Delete鍵，填充前景色，效果如圖7-30所示。圖7-30填充選區(qū)后的效果27.選擇“矩形選框工具”，繪制如圖7-31所示的矩形選區(qū)。圖7-31繪制矩形選區(qū)28.新建一個(gè)圖層，得到“圖層12”，設(shè)置前景色為RGB（202，221，230），按Alt+Delete鍵，填充前景色，效果如圖7-32所示。圖7-32填充選區(qū)后的效果29.保持選區(qū)，選擇“移動(dòng)工具”，按住Alt+Shift鍵，向右拖動(dòng)圖像移到如圖7-33所示的位置。仿照本步的操作方法，按照如圖7-34所示的方法進(jìn)行排列。圖7-33復(fù)制矩形圖7-34復(fù)制矩形的最終結(jié)果30.選擇“圖層12”，按Ctrl+Alt+G鍵，執(zhí)行“創(chuàng)建剪貼蒙版”命令，得到如圖7-35所示的效果。圖7-35“創(chuàng)建剪貼蒙版”后的效果31.選擇“圓角矩形工具”，在工具選項(xiàng)欄上單擊“路徑”按鈕，繪制如圖7-36所示的路徑。圖7-36繪制路徑32.新建一個(gè)圖層，得到“圖層13”，設(shè)置前景色為RGB（223，223，223）；選擇剛剛繪制的路徑，按Ctrl+Enter鍵，將路徑轉(zhuǎn)換為選區(qū)；按Alt+Delete鍵，填充前景色，效果如圖7-37所示。圖7-37填色后的效果33.選擇“矩形選框工具”，繪制如圖7-38所示的矩形選區(qū)。圖7-38繪制矩形選區(qū)34.新建一個(gè)圖層，得到“圖層14”，設(shè)置前景色為白色，按Shift+F6鍵，執(zhí)行“羽化”命令，設(shè)置“羽化半徑”值為5，按Alt+Delete鍵，填充前景色，效果如圖7-39所示。圖7-39填色后的效果35.選擇“矩形選框工具”，繪制如圖7-40所示的矩形選區(qū)。圖7-40繪制矩形選區(qū)36.設(shè)置前景色為白色，選擇“漸變工具”，設(shè)置漸變的類型為從前景色到透明色的線性漸變，從選區(qū)的左側(cè)至右側(cè)繪制漸變，如圖7-41所示。圖7-41填充漸變色后的效果37.設(shè)置前景色為RGB（204，204，204），重復(fù)步驟33～步驟34的操作方法，得到如圖7-42所示的效果。圖7-42填充選區(qū)后的效果38.繪制鮮花。選擇“鋼筆工具”，在工具選項(xiàng)欄上單擊“路徑”按鈕，繪制如圖7-43所示的路徑。圖7-43繪制路徑39.新建一個(gè)圖層，得到“圖層15”，設(shè)置前景色為RGB（250，221，198）；選擇剛剛繪制的路徑，按Ctrl+Enter鍵，將路徑轉(zhuǎn)換為選區(qū)；按Alt+Delete鍵，填充前景色，效果如圖7-44所示。圖7-44填色后的效果40.選擇“減淡工具”，在其工具選項(xiàng)欄中設(shè)置“曝光度”值為10%，對花瓣的高光部分進(jìn)行涂抹，效果如圖7-45所示。圖7-45用減淡工具涂抹后的效果41.選擇“鋼筆工具”，在工具選項(xiàng)欄上單擊“路徑”按鈕，繪制如圖7-46所示的兩條路徑。圖7-46繪制路徑42.選擇剛剛繪制的路徑，按Ctrl+Enter鍵，將路徑轉(zhuǎn)換為選區(qū)；選擇“加深工具”，并在其工具選項(xiàng)欄中設(shè)置“曝光度”值為5%，對選區(qū)內(nèi)的圖像進(jìn)行涂抹，效果如圖7-47所示。圖7-47用加深工具涂抹選區(qū)后的效果43.重復(fù)步驟41～步驟42的操作，用“減淡工具”和“加深工具”對圖像進(jìn)行涂抹，得到如圖7-48、圖7-49所示的效果。圖7-48繼續(xù)使用減淡工具和加深工具后的效果圖7-49繼續(xù)使用減淡工具和加深工具后的效果44.打開素材文件“素材.psd”，使用“移動(dòng)工具”將其拖動(dòng)到制作文件中，得到“圖層16”，并將其拖到“圖層15”的下方，按Ctrl+T鍵，調(diào)出自由變換控制框，按住Shift鍵，縮小圖像并移動(dòng)到如圖7-50所示的位置。圖7-50添加香水素材45.選擇“圖層15”，按Ctrl+T鍵，調(diào)出自由變換控制框，按住Shift鍵，縮小圖像，如圖7-51所示。圖7-51縮小花朵46.復(fù)制“圖層15”兩次，得到“圖層15副本”和“圖層15副本2”圖層，調(diào)整其位置及大??；選擇復(fù)制出的兩個(gè)圖層，按Ctrl+E鍵，合并圖層，并重命名為“圖層17”；單擊“創(chuàng)建新的填充或調(diào)整圖層”按鈕，在彈出的菜單中選擇“色相/飽和度”命令，設(shè)置參數(shù)如圖7-52所示；按Ctrl+Alt+G鍵，執(zhí)行“創(chuàng)建剪貼蒙版”命令，效果如圖7-53所示。圖7-52設(shè)置“色相/飽和度”參數(shù)圖7-53復(fù)制并調(diào)整花朵后的效果47.選擇“鋼筆工具”，在工具選項(xiàng)欄上單擊“路徑”按鈕，繪制如圖7-54所示的兩條路徑。圖7-54繪制路徑48.新建一個(gè)圖層，得到“圖層18”，將其拖到“圖層15”的下方，設(shè)置前景色為RGB（148，219，101）；選擇剛剛繪制的路徑，按Ctrl+Enter鍵，將路徑轉(zhuǎn)換為選區(qū)；按Alt+Delete鍵，填充前景色，效果如圖7-55所示。圖7-55填色后的效果49.選擇“鋼筆工具”，在工具選項(xiàng)欄上單擊“路徑”按鈕，繪制如圖7-56所示的路徑。圖7-56繪制路徑50.設(shè)置前景色為RGB（117，192，70）；選擇剛剛繪制的路徑，按Ctrl+Enter鍵，將路徑轉(zhuǎn)換為選區(qū)；按Alt+Delete鍵，填充前景色，效果如圖7-57所示。圖7-57填色后的效果51.重復(fù)步驟49～步驟50的操作，對其他葉脈進(jìn)行繪制，效果如圖7-58所示。圖7-58葉脈效果52.重復(fù)步驟47～步驟51的操作，繪制其他葉片，效果如圖7-59所示。圖7-59其他葉片的效果53.選擇“鋼筆工具”，在工具選項(xiàng)欄上單擊“路徑”按鈕，繪制如圖7-60所示的路徑。圖7-60繪制路徑54.新建一個(gè)圖層，得到“圖層21”，將其拖到“圖層16”的上方，設(shè)置前景色為RGB（117，181，108）；選擇“畫筆工具”，設(shè)置適當(dāng)?shù)漠嫻P大小，切換到“路徑”面板，單擊“用畫筆描邊路徑”按鈕，得到如圖7-61所示的效果。圖7-61畫筆描邊路徑后的效果55.返回“圖層”面板，單擊“添加圖層蒙版”按鈕，設(shè)置前景色為黑色，選擇“畫筆工具”，設(shè)置適當(dāng)?shù)漠嫻P大小后，參照如圖7-62所示的效果對圖像進(jìn)行涂抹。圖7-62添加蒙版后的效果56.單擊“添加圖層樣式”按鈕，在彈出菜單中，選擇“斜面和浮雕”命令，設(shè)置參數(shù)如圖7-63所示，效果如圖7-64所示。圖7-63設(shè)置“斜面和浮雕”參數(shù)圖7-64添加圖層樣式后的效果57.新建一個(gè)圖層，得到“圖層22”，重復(fù)步驟53～步驟56的操作，得到如圖7-65所示的效果。圖7-65再次繪制一條花藤58.選擇“加深工具”，在其工具選項(xiàng)欄中設(shè)置“曝光度”值為8%，對“圖層21”和“圖層22”中花藤的暗部進(jìn)行涂抹，得到如圖7-66所示的效果。圖7-66用加深工具涂抹59.復(fù)制“圖層17”，得到“圖層17副本”，將其拖到“圖層16”的上方，選擇“矩形選框工具”，繪制如圖7-67所示的矩形選區(qū)。圖7-67繪制矩形選區(qū)60.選擇菜單“濾鏡|扭曲|球面化”命令，在彈出的對話框中設(shè)置“數(shù)量”值為100，使用“移動(dòng)工具”，將圖像調(diào)整到如圖7-68所示的位置。圖7-68“球面化”命令61.按住Ctrl鍵，單擊“圖層16”的圖層縮覽圖以載入其選區(qū)，單擊“添加圖層蒙版”按鈕，為“圖層17”添加圖層蒙版；設(shè)置圖層混合模式為“正片疊底”，效果如圖7-69所示。圖7-69添加圖層蒙版并設(shè)置混合模式后的效