None

AI+PS教程!教你繪制異國風情午后陽光小巷插畫

本文來自:      原文作者:

本次內容是繪制一張關于陽光和小巷的插畫,光影和色彩的搭配使畫面看起來十分舒服。作品的繪制過程涉及 AI 中的鋼筆工具、布爾運算、蒙版、路徑查找器以及 PS 中的雜色、模糊等效果處理。話不多說,現在就開始吧!

最終效果圖

教程步驟

  • 步驟 01

在AI里新建一個 810px×810px 的畫板。

 

  • 步驟02

我們將圖片分成多個部分:

色塊1:810px X 700px  #e2d08b

色塊2:243px X 690px  #d6d0a1

色塊3:810px X 124px  #4f3930

色塊4:260px X 690px  #e5c977

 

  • 步驟03

接下來我們要開始繪制各個元素了,首先我們繪制左邊的窗戶。

  • 窗戶(左)

首先用鋼筆工具把窗戶的底部繪制出來,然后再繪制窗戶上面的夾層。

畫好夾層后,我們為窗戶的夾層添加陰影。陰影色號為 #201d16 ,模式為正片疊底,透明度為 94% 。

完成上述后,再給窗戶內部添加扇葉及扇葉底部,在繪制扇葉過程中要注意扇葉之間的間隔和平行。

然后,在窗戶的下層繪制一層灰白色水泥層,色號為 #cacbcf ,透明度為 70% 。

 

最后繪制窗戶兩邊的釘子。

釘子由三部分組成,釘子頭、釘子身和陰影。釘子頭為橢圓,色號 #62391a ;釘子身由線段工具繪制,色號 #43270f ;釘子陰影也是個橢圓,將其壓扁,添加色號 #331d0c ,模式為正片疊底,透明度為 50% 。

 

以上完成后,我們就得到了一扇窗戶。可見效果圖。

 

  • 步驟 04

接下來我們繪制右邊的窗戶。

  • 窗戶(右)

首先,我們用鋼筆工具繪制出窗戶的底部背景。然后再添加內部元素。

窗戶的扇葉是由線段工具繪制的,無填充,描邊大小為 1px 。

同時,扇葉底部還有一層亮色層作為扇葉反光的部分,色號為 #c5c1b4 。

 

另外,窗戶上的陰影是先用鋼筆工具為矩形上邊長中點添加一個錨點,然后用快速選擇工具將錨點下移,再拉該錨點的圓角而得到。其色號為 #908b7b ,模式為正常,透明度為 25% 。

注意,窗戶邊緣會有一些陰影。這些陰影是用線段工具繪制的,不同角度的陰影線段描邊大小不同。

 

 

 

繪制好三個窗戶后組合,放到背景上,就完成了。

 

  • 步驟 05

接下來我們繪制門。我們將門分成四個部分繪制。

 

其中,4 是通過復制 3 并向右移動后與3進行布爾運算“減去頂層”后得到,置于 3 的底層。

 

1 的具體色號及制作步驟如圖。1 中有兩扇窗戶,窗戶的內部是通過蒙版得到的。

 

  • 步驟 06

繪制完門,我們來繪制門旁邊的門鈴和水表。

  • 門鈴和水表

門鈴和水表都是用鋼筆工具繪制。

門鈴的按鈕是通過兩個橢圓進行布爾運算“減去頂層”得到的。

 

如圖,1 部分為反光,顏色較亮,色號為 #b68b7b ,透明度為 50% ;3 部分為陰影,顏色較暗,色號為 #3b0b0a ,透明度為 30% ;5 部分色號為 #601100 ,模式為正片疊底,透明度為 30% 。

 

繪制水表,具體色號參考如圖。

其中,水表的陰影色號為 #601100 ,模式為正片疊底,透明度為 30% 。

 

  • 步驟 07
  • 自行車

接下來我們繪制門前的自行車。

自行車零件較多,繪制起來較為繁瑣。其中的零件注意有反光的部分。

 

 

  • 步驟 08
  • 廣告牌

廣告牌中的海報部分是一張人臉,人臉上面的紅色墨影是用畫筆工具繪制的。

 

  • 步驟 09
  • 白墻

繪制白墻。說是白墻,但墻面由于受到光照和陰影的遮擋,所以看上去并不全是白色。

墻面根據顏色分為三個部分,只有中間的部分是亮色,為光照處。

白墻左上方有凹凸不平的土塊,是通過復制并移動、同時改變土塊的不透明度來達到凹凸的效果。

 

最后將各個部分繪制并組合在一起就完成繪制了。

 

  • 步驟 10
  • 女孩

女孩的帽子使用了漸變的效果。同時帽檐上還有兩塊陰影,一處是女孩手臂的陰影,另一處是女孩帽子的投影。

頭發:先用橢圓工具畫出多個小圓,然后使用形狀生成器得到。

 

女孩的衣服、腿部和鞋子部分都是用鋼筆工具繪制,繪制好后為其添加陰影,調整不透明度即可。

 

最后,再給女孩加個影子,人物就完成了。

 

  • 步驟 11
  • 地板

地板上面有線凹槽。這里是用鋼筆工具繪制的。

由于受光關系,地面上有兩處受光處,一處為畫面左下角,另一處為女孩腳下。

 

完成好后,再在地板上添加一層漸變層,表現出地面受光層次的效果。

 

  • 步驟 12
  • 水管

繪制水管。水管臂通過顏色漸變來表現其受光的程度。

 

水管中間有個小槽,是通過形狀生成器將四個圓角矩形和一個矩形合成得到的。

 

繪制小槽受光層。小槽上方有一層受光層。復制一個小槽,然后再將其復制一個并向上拖動一點,將兩個復制的小槽通過布爾運算“減去頂層”得到受光層。

 

  • 步驟 13
  • 小土墻

小土墻是墻面上與地面交匯的深色部分,是用鋼筆工具繪制的。

 

  • 步驟 14
  • 水道槽

水道槽由于受光原因,其頂部向下打有投影,其底部上方有高光,因此槽底部有兩層。

而槽口也受到打光的影響,其底部有一層高光,色號為#686860.

 

  • 步驟 15
  • 土墻上的斑駁

墻上的斑駁實際上就是凹凸不平的土塊。注意鋼筆工具的使用以及土塊的不透明度及模式的調整即可。

 

  • 步驟 16
  • 光影

光影是繪圖的最后一步,也是最重要的一步。

繪制投影。畫面中投影占了很大面積。投影是再物體原有顏色基礎上的加深,因此每一個物體的每一個面的投影顏色都不同。注意投影的模式和不透明度的調整。

 

注意,左邊的墻面受光會亮一下,所以我們為其加一層黃光,并調整不透明度,表現出其受光的層次效果。

 

白墻上也有光影效果。同樣分成三部分,中間的部分是受光處,最亮,與兩邊的暗處形成明暗對比。

 

  • 步驟 17

完成以上步驟后我們得到了初步的效果圖。將圖片導出,再導入PS。

將圖片Ctrl + J復制一層得到圖層一。

右鍵將圖層一轉化為智能圖層。

選擇“濾鏡”-“添加雜色”。通過添加雜色增加圖片粗糙感。

然后再選擇“濾鏡”-“模糊”-“高斯模糊”,通過高斯模糊使圖片有一種模糊的光暈感。

 

最終效果

完成后,我們就得到了最終的效果圖啦。

 

結語

本期教程到這里就結束了,數據不是絕對,根據自身情況操作。多嘗試,希望大家在練習過程中多思考、理解制作思路和操作方法,活學活用。

 本文由用戶 成siuibiiik 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。

 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。

 本站是一個以用戶分享為主的設計類教育平臺,歡迎各類分享!

 本文地址:http://www.dkczskbb.cn/learn/4981484934885648186.html

?? ?? 无线网络赚钱