電商,平面商業插畫0基礎教程(AI篇)

前言:商業插畫是近兩年來越來越流行的趨勢,很多廣告中都會應用到插畫的元素,一個懂得手繪的設計師肯定是更加吃香的,所以說練習插畫對於設計師來說是非常有必要的。今天給大家帶來的是AI的插畫繪製教程,喜歡的小夥伴可以點擊關注哦。

話不多說,進入今天的主題吧。

電商,平面商業插畫0基礎教程(AI篇)

圖一

圖一是最終效果圖:水下是北極熊,水上卻幻化成冰山。為表現寧靜的氣氛選擇青色作為主色調,還將橘色的小狐狸點綴其中,豐富了畫面。

下面來講下如何完成最終的構圖吧。

步驟一:

新建文檔(Ctrl+N),寬度800 px,高度600 px、分辨率300。新建一個800 x 330的矩形作為天空,填充漸變,表現天空的過渡。再新建一個800 x 270的矩形作為海,填充漸變,表現海的層次感。

電商,平面商業插畫0基礎教程(AI篇)

步驟二:

定背景,再新建一個圖層。為了增強層次感,所以先要在這個圖層上繪製遠處的山。使鋼筆工具,從天和海的交界線開始繪製山的輪廓。同時用與天空相近的漸變來表現山距離遙遠在接近海天交界處將漸變不透明度降為40%,讓山融入畫面中。

電商,平面商業插畫0基礎教程(AI篇)

步驟三:

新建圖層,繪製冰山。要繪製明暗面體現光影。先繪製大致輪廓,用直線工具從上到下貫穿冰山輪廓。選中輪廓與直線,使用路徑查找器中的[分割],將冰山一分為二。右擊[取消編組],左右兩塊圖形就可以分開編輯了。兩塊分別填充漸變。光從右上方打下來,左邊就是暗面,右邊是亮面。左邊的顏色自然比右邊深一些。並且需要適當調整漸變角度。 這幅圖細節很多,要及時給圖層命名便於後期查找和修改。

電商,平面商業插畫0基礎教程(AI篇)

步驟四:

從後往前依次繪製冰山,冰塊底部要延伸到地平線下一點點。注意位置關係。漸變角度和明暗關係。無論是山體的形狀、大小、位置還是上面的紋理都不要太死板,儘量隨意一些。

電商,平面商業插畫0基礎教程(AI篇)

步驟五:

用細長三角形或矩形表現冰山上的紋理。紋理有亮有暗,並且每一條紋理都不是單一顏色。所以有三種方式繪製。

①填充漸變; ②填充純色修改不透明度; ③填充純色,更改混合模式。

這幾種方式都可以使其更好地和山體融合。

電商,平面商業插畫0基礎教程(AI篇)

步驟六:

繪製陰影。每塊山體的陰影都從深到淺分為三層,可以調整不透明度,透出山體紋理,使陰影更加和諧。

電商,平面商業插畫0基礎教程(AI篇)

步驟七:

繪製山上的小狐狸。線條要流暢,(shift+c]可以改變錨點。在小狐狸圖層下新建圖層,繪製陰影,方法同上一步。注意腳下也有陰影。

電商,平面商業插畫0基礎教程(AI篇)

步驟八:

開始繪製海的部分。首先要把接近海面的地方降低不透明度,顯現出水下的冰山,營造通透感。

電商,平面商業插畫0基礎教程(AI篇)

步驟九:

新建圖層,繪製北極熊輪廓,邊界與冰山邊界平滑連接,並填充漸變。注意北極熊的最上邊也要降低不透明度。

電商,平面商業插畫0基礎教程(AI篇)

步驟十:

繪製外面前後腿之間的陰影。和冰山陰影的表示方式相同,都是一層一層繪製的。

選中繪製好的陰影大致輪廓,再選中北極熊輪廓,使用路徑查找器中的【交集】,熊以外的部分就會刪去,只保留陰影部分。填充漸變。

電商,平面商業插畫0基礎教程(AI篇)

步驟十一:

完善陰影。注意漸變的顏色深淺和角度。陰影輪廓的曲線走勢也可以表現出熊的動作和體態。

電商,平面商業插畫0基礎教程(AI篇)

步驟十二:

添加高光。上方兩個高光在接近水面處要把不透明度降低,使其與主體融合。高光的顏色不要太亮,會顯得太突兀,所以若隱若現即可。

電商,平面商業插畫0基礎教程(AI篇)

步驟十三:

繪製另外兩條腿和尾巴。注意裡面的腿比外面的腿顏色深。尾巴的顏色和身體保持一致。

電商,平面商業插畫0基礎教程(AI篇)

步驟十四:

繪製尾巴和腿的陰影及高光。注意尾巴的不透明度變化要與身體的不透明度變化保持一致。

電商,平面商業插畫0基礎教程(AI篇)

步驟十五:

繪製五官。耳朵可以多層疊加出這樣的效果,同樣在接近下邊緣處降低漸變的不透明度。注意眼睛、頭頂和鼻子的高光位置,還有眼睛到鼻子之間的陰影。

電商,平面商業插畫0基礎教程(AI篇)

步驟十六:

繪製海面和海底的反光。繪製兩個矩形,一個放在海面處,一個放在海底,填充漸變。注意不要填充白色,選擇淺藍色即可,並降低不透明度。

電商,平面商業插畫0基礎教程(AI篇)

步驟十七:

繪製水面最上層的反光。用鋼筆繪製即可,按住【shift】可以出畫水平線。

電商,平面商業插畫0基礎教程(AI篇)

步驟十八:

繪製折射光線。選擇【矩形工具】繪製一個矩形,選擇【直接選擇工具],選中矩形下面的兩個錨點,向左移動,形成平行四邊形。繪製多個平行四邊形即可。

選擇兩個錨點時,可以框選,也可以按住【shift】連續選擇。移動錨點時可以直接用鼠標拖動,也可以使用方向鍵移動。按住(shift】和方向鍵,可以多像素移動。

電商,平面商業插畫0基礎教程(AI篇)

步驟十九:

繪製飛鳥,畫兩點點綴即可。

電商,平面商業插畫0基礎教程(AI篇)

步驟二十:

繪製冰山與熊相接處的陰影。打開Photoshop,在【北極熊輪廓】圖層下方新建圖層。使用柔邊畫筆,降低流量和不透明度,按住【shift]在水天相接處繪製一條直線。擦除超出熊輪廓的兩邊,只留冰山和熊相接的部分。微調陰影的不透明度和位置。

電商,平面商業插畫0基礎教程(AI篇)

步驟二十一:

使用雲朵畫筆,調整流量和不透明度,繪製兩朵雲作為點綴。

完成。

電商,平面商業插畫0基礎教程(AI篇)

好啦,做到這裡就已經大功告成啦,現在插畫的應用也是越來越廣泛了,線下物料,電商設計,線上的UI等等都越來越傾向於插畫風了,所以說大家還是加把勁趕快把這方面的知識補充起來吧~

小編不定時分享關於設計的資源以及好的文章,如果你覺得對你有所幫助的話,可以關注一下小編一起學習哈


分享到:


相關文章: